【1162】实现页面批量更改主辅负责人的操作,在各组更换业务相关负责人时,能在页面进行批量更改
Showing
22 changed files
with
96 additions
and
12 deletions
@@ -19,6 +19,9 @@ | @@ -19,6 +19,9 @@ | ||
19 | </div> | 19 | </div> |
20 | </el-col> | 20 | </el-col> |
21 | </el-row> | 21 | </el-row> |
22 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
23 | + {{item.ddicDesc}} | ||
24 | +</el-row> | ||
22 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 25 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
23 | <el-col :span="24" class="table-height"> | 26 | <el-col :span="24" class="table-height"> |
24 | <cm-table-page :columns="data.columns" | 27 | <cm-table-page :columns="data.columns" |
hg-monitor-web-base/src/main/resources/static/vue3/src/views/batchChangeLeaders/alarmSubPer/index.js
@@ -8,7 +8,12 @@ export default { | @@ -8,7 +8,12 @@ export default { | ||
8 | }, | 8 | }, |
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | - props: {}, | 11 | + props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
16 | + }, | ||
12 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
13 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
14 | //列表高度 | 19 | //列表高度 |
@@ -19,6 +19,9 @@ | @@ -19,6 +19,9 @@ | ||
19 | </div> | 19 | </div> |
20 | </el-col> | 20 | </el-col> |
21 | </el-row> | 21 | </el-row> |
22 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
23 | + {{item.ddicDesc}} | ||
24 | +</el-row> | ||
22 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 25 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
23 | <el-col :span="24" class="table-height"> | 26 | <el-col :span="24" class="table-height"> |
24 | <cm-table-page :columns="data.columns" | 27 | <cm-table-page :columns="data.columns" |
@@ -8,7 +8,12 @@ export default { | @@ -8,7 +8,12 @@ export default { | ||
8 | }, | 8 | }, |
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | - props: {}, | 11 | + props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
16 | + }, | ||
12 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
13 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
14 | //列表高度 | 19 | //列表高度 |
hg-monitor-web-base/src/main/resources/static/vue3/src/views/batchChangeLeaders/bizLeader/index.html
@@ -31,6 +31,9 @@ | @@ -31,6 +31,9 @@ | ||
31 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> | 31 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> |
32 | </div> | 32 | </div> |
33 | </el-row>--> | 33 | </el-row>--> |
34 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
35 | + {{item.ddicDesc}} | ||
36 | +</el-row> | ||
34 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 37 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
35 | <el-col :span="24" class="table-height"> | 38 | <el-col :span="24" class="table-height"> |
36 | <cm-table-page :columns="columns" | 39 | <cm-table-page :columns="columns" |
@@ -9,6 +9,10 @@ export default { | @@ -9,6 +9,10 @@ export default { | ||
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | props: { | 11 | props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
12 | }, | 16 | }, |
13 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
14 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
@@ -19,11 +19,13 @@ | @@ -19,11 +19,13 @@ | ||
19 | </div> | 19 | </div> |
20 | </el-col> | 20 | </el-col> |
21 | </el-row> | 21 | </el-row> |
22 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
23 | + {{item.ddicDesc}} | ||
24 | +</el-row> | ||
22 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 25 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
23 | - <el-col :span="24" class="table-height"> | 26 | + <el-col :span="24" class="table-height tree-table"> |
24 | <cm-table-page :columns="data.columns" | 27 | <cm-table-page :columns="data.columns" |
25 | :dataList="data.tableData" | 28 | :dataList="data.tableData" |
26 | - :treeProps="{ children: 'children', hasChildren: 'hasChildren' }" | ||
27 | :total="data.count" | 29 | :total="data.count" |
28 | :pageSize="pageSize" | 30 | :pageSize="pageSize" |
29 | @loaddata="loadTableDataList" | 31 | @loaddata="loadTableDataList" |
@@ -34,6 +36,8 @@ | @@ -34,6 +36,8 @@ | ||
34 | :loading="loading" | 36 | :loading="loading" |
35 | :showPage="true" | 37 | :showPage="true" |
36 | :showTools="false" | 38 | :showTools="false" |
39 | + :getRowKeys="'busId'" | ||
40 | + :defaultExpand="true" | ||
37 | :height="(height - 200)"> | 41 | :height="(height - 200)"> |
38 | <template #default="{row,prop,column}"> | 42 | <template #default="{row,prop,column}"> |
39 | </template> | 43 | </template> |
@@ -8,7 +8,12 @@ export default { | @@ -8,7 +8,12 @@ export default { | ||
8 | }, | 8 | }, |
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | - props: {}, | 11 | + props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
16 | + }, | ||
12 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
13 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
14 | //列表高度 | 19 | //列表高度 |
@@ -28,7 +33,7 @@ export default { | @@ -28,7 +33,7 @@ export default { | ||
28 | label: "名称", | 33 | label: "名称", |
29 | width: "250", | 34 | width: "250", |
30 | sortable: true, | 35 | sortable: true, |
31 | - align: 'center' | 36 | + align: 'left' |
32 | }, { | 37 | }, { |
33 | prop: "nickname", | 38 | prop: "nickname", |
34 | label: "负责人", | 39 | label: "负责人", |
@@ -111,7 +116,6 @@ export default { | @@ -111,7 +116,6 @@ export default { | ||
111 | }).sort(function (a, b) { | 116 | }).sort(function (a, b) { |
112 | return a.sort - b.sort | 117 | return a.sort - b.sort |
113 | }) | 118 | }) |
114 | - | ||
115 | dataVal.tableData = tableData; | 119 | dataVal.tableData = tableData; |
116 | dataVal.count = count; | 120 | dataVal.count = count; |
117 | } | 121 | } |
@@ -19,6 +19,9 @@ | @@ -19,6 +19,9 @@ | ||
19 | </div> | 19 | </div> |
20 | </el-col> | 20 | </el-col> |
21 | </el-row> | 21 | </el-row> |
22 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
23 | + {{item.ddicDesc}} | ||
24 | +</el-row> | ||
22 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 25 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
23 | <el-col :span="24" class="table-height"> | 26 | <el-col :span="24" class="table-height"> |
24 | <cm-table-page :columns="data.columns" | 27 | <cm-table-page :columns="data.columns" |
@@ -8,7 +8,12 @@ export default { | @@ -8,7 +8,12 @@ export default { | ||
8 | }, | 8 | }, |
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | - props: {}, | 11 | + props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
16 | + }, | ||
12 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
13 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
14 | //列表高度 | 19 | //列表高度 |
@@ -52,7 +52,7 @@ | @@ -52,7 +52,7 @@ | ||
52 | </el-row> | 52 | </el-row> |
53 | <el-row> | 53 | <el-row> |
54 | <el-col :span="24"> | 54 | <el-col :span="24"> |
55 | - <component :is="activeName" ref="roomDetail" /> | 55 | + <component :is="activeName" :item="itemInfo" ref="roomDetail" /> |
56 | </el-col> | 56 | </el-col> |
57 | </el-row> | 57 | </el-row> |
58 | </div> | 58 | </div> |
@@ -42,13 +42,20 @@ export default { | @@ -42,13 +42,20 @@ export default { | ||
42 | const {proxy} = Vue.getCurrentInstance(); | 42 | const {proxy} = Vue.getCurrentInstance(); |
43 | const tabData=Vue.ref();//页签列表数据 | 43 | const tabData=Vue.ref();//页签列表数据 |
44 | const activeName = Vue.ref('');//标签页显示的页签名称 | 44 | const activeName = Vue.ref('');//标签页显示的页签名称 |
45 | + let itemInfo = Vue.ref({}); | ||
45 | let selectModel=Vue.ref([]);//导出列表选中的数据 | 46 | let selectModel=Vue.ref([]);//导出列表选中的数据 |
46 | let title=Vue.ref('导出列表');//导出列表弹框名称 | 47 | let title=Vue.ref('导出列表');//导出列表弹框名称 |
47 | let show=Vue.ref(false);//导出列表弹框是否显示 | 48 | let show=Vue.ref(false);//导出列表弹框是否显示 |
48 | let isAll=Vue.ref(1);//导出全部或者部分 | 49 | let isAll=Vue.ref(1);//导出全部或者部分 |
49 | //页签点击事件 | 50 | //页签点击事件 |
50 | const handleClick = (tab, event) => { | 51 | const handleClick = (tab, event) => { |
51 | - console.log(tab, event) | 52 | + //console.log(tab, event) |
53 | + let code = tab.props.name; | ||
54 | + tabData.value.filter((item) =>{ | ||
55 | + if(item.ddicCode == code) { | ||
56 | + itemInfo.value = item; | ||
57 | + } | ||
58 | + }) | ||
52 | } | 59 | } |
53 | //导出点击事件 | 60 | //导出点击事件 |
54 | const exportClick=()=>{ | 61 | const exportClick=()=>{ |
@@ -89,6 +96,7 @@ export default { | @@ -89,6 +96,7 @@ export default { | ||
89 | if (res && res.data && res.data.length>0) { | 96 | if (res && res.data && res.data.length>0) { |
90 | tabData.value = res.data.sort((a,b)=>a.ddicSort-b.ddicSort); | 97 | tabData.value = res.data.sort((a,b)=>a.ddicSort-b.ddicSort); |
91 | activeName.value=tabData.value[0].ddicCode; | 98 | activeName.value=tabData.value[0].ddicCode; |
99 | + itemInfo.value = tabData.value[0]; | ||
92 | } | 100 | } |
93 | }) | 101 | }) |
94 | } | 102 | } |
@@ -108,7 +116,8 @@ export default { | @@ -108,7 +116,8 @@ export default { | ||
108 | hidedialog, | 116 | hidedialog, |
109 | okExport, | 117 | okExport, |
110 | clickAll, | 118 | clickAll, |
111 | - isAll | 119 | + isAll, |
120 | + itemInfo | ||
112 | } | 121 | } |
113 | } | 122 | } |
114 | } | 123 | } |
@@ -36,6 +36,9 @@ | @@ -36,6 +36,9 @@ | ||
36 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> | 36 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> |
37 | </div> | 37 | </div> |
38 | </el-row>--> | 38 | </el-row>--> |
39 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
40 | + {{item.ddicDesc}} | ||
41 | +</el-row> | ||
39 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 42 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
40 | <el-col :span="24" class="table-height"> | 43 | <el-col :span="24" class="table-height"> |
41 | <cm-table-page :columns="columns" | 44 | <cm-table-page :columns="columns" |
@@ -9,6 +9,10 @@ export default { | @@ -9,6 +9,10 @@ export default { | ||
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | props: { | 11 | props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
12 | }, | 16 | }, |
13 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
14 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
@@ -34,6 +34,9 @@ | @@ -34,6 +34,9 @@ | ||
34 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> | 34 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> |
35 | </div> | 35 | </div> |
36 | </el-row>--> | 36 | </el-row>--> |
37 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
38 | + {{item.ddicDesc}} | ||
39 | +</el-row> | ||
37 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 40 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
38 | <el-col :span="24" class="table-height"> | 41 | <el-col :span="24" class="table-height"> |
39 | <cm-table-page :columns="columns" | 42 | <cm-table-page :columns="columns" |
hg-monitor-web-base/src/main/resources/static/vue3/src/views/batchChangeLeaders/resourcePer/index.js
@@ -9,6 +9,10 @@ export default { | @@ -9,6 +9,10 @@ export default { | ||
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | props: { | 11 | props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
12 | }, | 16 | }, |
13 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
14 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
@@ -34,6 +34,9 @@ | @@ -34,6 +34,9 @@ | ||
34 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> | 34 | <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button> |
35 | </div> | 35 | </div> |
36 | </el-row>--> | 36 | </el-row>--> |
37 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
38 | + {{item.ddicDesc}} | ||
39 | +</el-row> | ||
37 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 40 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
38 | <el-col :span="24" class="table-height tree-table"> | 41 | <el-col :span="24" class="table-height tree-table"> |
39 | <cm-table-page :columns="columns" | 42 | <cm-table-page :columns="columns" |
@@ -9,6 +9,10 @@ export default { | @@ -9,6 +9,10 @@ export default { | ||
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | props: { | 11 | props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
12 | }, | 16 | }, |
13 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
14 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
@@ -21,6 +21,9 @@ | @@ -21,6 +21,9 @@ | ||
21 | <!– <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button>–> | 21 | <!– <el-button type="primary" @click="changeAdmin()" size="small" style="margin-left: 6px">变更</el-button>–> |
22 | </div> | 22 | </div> |
23 | </el-row>--> | 23 | </el-row>--> |
24 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
25 | + {{item.ddicDesc}} | ||
26 | +</el-row> | ||
24 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 27 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
25 | <el-col :span="24" class="table-height"> | 28 | <el-col :span="24" class="table-height"> |
26 | <cm-table-page :columns="columns" | 29 | <cm-table-page :columns="columns" |
@@ -9,6 +9,10 @@ export default { | @@ -9,6 +9,10 @@ export default { | ||
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | props: { | 11 | props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
12 | }, | 16 | }, |
13 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
14 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
@@ -19,6 +19,9 @@ | @@ -19,6 +19,9 @@ | ||
19 | </div> | 19 | </div> |
20 | </el-col> | 20 | </el-col> |
21 | </el-row> | 21 | </el-row> |
22 | +<el-row style="font-size: 12px;color: grey;padding: 6px;"> | ||
23 | + {{item.ddicDesc}} | ||
24 | +</el-row> | ||
22 | <el-row class="margin-bottom-50" style="margin-top: 3px"> | 25 | <el-row class="margin-bottom-50" style="margin-top: 3px"> |
23 | <el-col :span="24" class="table-height"> | 26 | <el-col :span="24" class="table-height"> |
24 | <cm-table-page :columns="data.columns" | 27 | <cm-table-page :columns="data.columns" |
@@ -8,7 +8,12 @@ export default { | @@ -8,7 +8,12 @@ export default { | ||
8 | }, | 8 | }, |
9 | data() { | 9 | data() { |
10 | }, | 10 | }, |
11 | - props: {}, | 11 | + props: { |
12 | + item:{ | ||
13 | + type:Object, | ||
14 | + default:{} | ||
15 | + } | ||
16 | + }, | ||
12 | setup: function (props, {attrs, slots, emit}) { | 17 | setup: function (props, {attrs, slots, emit}) { |
13 | const {proxy} = Vue.getCurrentInstance(); | 18 | const {proxy} = Vue.getCurrentInstance(); |
14 | //列表高度 | 19 | //列表高度 |
-
Please register or login to post a comment