Former-commit-id: f4723fc5d879805629c76ff7c1b1293a3d858885 Former-commit-id: 45000d5f382ad80477649ae0c0a42376b6989e1d1.0
parent
5876d6edf9
commit
affe096ed7
Binary file not shown.
Binary file not shown.
@ -1,39 +1,62 @@
|
||||
@model Platform.ViewModels.HomeModel
|
||||
@{
|
||||
var organ = ViewBag.Organ as object;
|
||||
HideBread = true;
|
||||
var organTreeJson = new object[] { Convert(Model.Organ) }.ToJson();
|
||||
}
|
||||
|
||||
<a-row>
|
||||
<a-col :span="3">
|
||||
<a-tree :tree-data="treeData" show-icon default-expand-all :default-selected-keys="['0-0-0']">
|
||||
<a-icon slot="switcherIcon" type="down" />
|
||||
<a-icon slot="smile" type="smile-o" />
|
||||
<a-icon slot="meh" type="smile-o" />
|
||||
<template slot="custom" slot-scope="{ selected }">
|
||||
<a-icon :type="selected ? 'frown' : 'frown-o'" />
|
||||
</template>
|
||||
</a-tree>
|
||||
</a-col>
|
||||
<a-col :span="9">
|
||||
col-12
|
||||
</a-col>
|
||||
<br />
|
||||
<div class="row">
|
||||
<div class="col-2">
|
||||
<div class="card" style="min-height:100%;">
|
||||
<div class="card-header">
|
||||
机构及下属机构
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a-tree :tree-data="nodes" show-line="true" default-expand-all="true" :default-selected-keys="selected" v-on:select="onSelect">
|
||||
</a-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-10">
|
||||
<div class="card" style="min-height:100%;">
|
||||
<div class="card-header">
|
||||
机构概况
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-row>
|
||||
|
||||
@section scripts{
|
||||
<script>
|
||||
const treeData = @Html.Raw(organ.ToJson());
|
||||
var nodes = @Html.Raw(organTreeJson);
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
return {
|
||||
treeData
|
||||
nodes,
|
||||
selected:['@Html.Raw(Model.OrganNumber)']
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
load: function () {
|
||||
var vm = this;
|
||||
onSelect: function (selectedKeys, info) {
|
||||
window.location = '@Url.Action()?organNumber='+selectedKeys[0];
|
||||
console.log('selected', selectedKeys, info);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
}
|
||||
@functions{
|
||||
object Convert(Organ root)
|
||||
{
|
||||
return new
|
||||
{
|
||||
title = root.Name,
|
||||
key = root.Number,
|
||||
children = root.Children.Select(o => Convert(o))
|
||||
};
|
||||
}
|
||||
}
|
Loading…
Reference in new issue