Skip to content

csbr-daop / fe-data-trusted-space

Go to a project
Toggle navigation
Toggle navigation pinning
17618d9c by lxs
Options

分级分类任务更新

1 parent de572cd5
Inline Side-by-side
Showing 3 changed files with 624 additions and 92 deletions
src/components/Table/index.vue
...@@ -646,7 +646,7 @@ onMounted(() => { ...@@ -646,7 +646,7 @@ onMounted(() => {
646 </span> 646 </span>
647 </template> 647 </template>
648 <span class="operate_btn active"> 648 <span class="operate_btn active">
649 <el-dropdown trigger="hover" :show-timeout="50" > 649 <el-dropdown trigger="hover" :show-timeout="50" >
650 <span class="text_btn">...</span> 650 <span class="text_btn">...</span>
651 <template #dropdown> 651 <template #dropdown>
652 652
......
src/router/index.ts
...@@ -31,7 +31,7 @@ router.beforeEach(async (to, from, next) => { ...@@ -31,7 +31,7 @@ router.beforeEach(async (to, from, next) => {
31 return; 31 return;
32 } 32 }
33 // 是否已登录 33 // 是否已登录
34 if (1) { 34 if (userStore.isLogin) {
35 // 是否已根据权限动态生成并注册路由 35 // 是否已根据权限动态生成并注册路由
36 if (routeStore.isGenerate) { 36 if (routeStore.isGenerate) {
37 // 导航栏如果不是 single 模式，则需要根据 path 定位主导航的选中状态 37 // 导航栏如果不是 single 模式，则需要根据 path 定位主导航的选中状态
......
src/views/data_inventory/taskEdit.vue
...@@ -25,8 +25,48 @@ const selectIndex = ref(0); ...@@ -25,8 +25,48 @@ const selectIndex = ref(0);
25 const asideSearchInput = ref(""); 25 const asideSearchInput = ref("");
26 const permissionList: any = ref([]) 26 const permissionList: any = ref([])
27 const listLoading = ref(false) 27 const listLoading = ref(false)
28 const currpermissionList: any = ref([]) 28 const listPage = ref({
29 const templateInfo = ref({}) 29 limit: 50,
30 curr: 1,
31 totalPages: 0
32 })
33 const currpermissionList: any = ref([
34 {
35 "guid": "62d01ad586774db2bb3955dfb2d18366",
36 "productGuid": null,
37 "productName": null,
38 "dataPermissionName": "当前用户",
39 "bizState": "Y",
40 "createUserName": "数往知来管理员",
41 "createTime": "2024-01-24 14:08:43",
42 "sqlScript": null,
43 "dataSourceGuid": null
44 },
45 {
46 "guid": "d68a27c1998540a2b8e8f22a2d5eebef",
47 "productGuid": null,
48 "productName": null,
49 "dataPermissionName": "组织权限",
50 "bizState": "Y",
51 "createUserName": "数往知来管理员",
52 "createTime": "2024-01-24 11:47:02",
53 "sqlScript": null,
54 "dataSourceGuid": null
55 }
56 ])
57 const templateInfo = ref({
58 title: '医疗数据分类分级模板',
59 descGroup: [
60 { label: '模型确认人', value: '管理员 ' },
61 { label: '模型确认时间', value: '2021-12-12 09:12:13' },
62 ],
63 tags: [
64 { type: 'info', name: '医疗行业分类' },
65 { type: 'success', name: '五级' },
66 { type: 'primary', name: 'V5' },
67 ],
68 desc: '适用于各级医疗机构、卫生健康管理部门、公共卫生服务机构、相关专项业务服务机构、相关信息技术服务机构等开展医疗健康数据分类分级。适用于各级医疗机构、卫生健康管理部门、公共卫生服务机构、相关专项业务服务机构、相关信息技术服务机构等开展医疗健康数据分类分级。适用于各级医疗机构、卫生健康。'
69 })
30 const treeIndex: any = ref({}) 70 const treeIndex: any = ref({})
31 71
32 const treeInfo = ref({ 72 const treeInfo = ref({
...@@ -41,7 +81,322 @@ const treeInfo = ref({ ...@@ -41,7 +81,322 @@ const treeInfo = ref({
41 nodeKey: 'guid', 81 nodeKey: 'guid',
42 expandedKey: [], 82 expandedKey: [],
43 expandOnNodeClick: false, 83 expandOnNodeClick: false,
44 data: [], 84 data: [
85 {
86 "children": [
87 {
88 "children": null,
89 "parentGuids": [
90 "c32ddd77191ff4afe149538ef4b2e0c3"
91 ],
92 "guid": "9c92df55a19cdce88f61e20a8e1e8a65",
93 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
94 "organisationCode": "11150001",
95 "organisationName": "链享供应链运营一部",
96 "bizState": "Y",
97 "createTime": "2023-10-25 14:23:31",
98 "createUserName": "测试",
99 "parentGuid": "c32ddd77191ff4afe149538ef4b2e0c3",
100 "orderNum": 1,
101 "level": 2,
102 "levelCode": "1.1",
103 "displayCreateTime": "2023-10-25 14:23:31"
104 }
105 ],
106 "parentGuids": null,
107 "guid": "c32ddd77191ff4afe149538ef4b2e0c3",
108 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
109 "organisationCode": "1115004",
110 "organisationName": "链享供应链",
111 "bizState": "Y",
112 "createTime": "2023-08-15 12:59:10",
113 "createUserName": "测试",
114 "parentGuid": "",
115 "orderNum": 2,
116 "level": 0,
117 "levelCode": "1",
118 "displayCreateTime": "2023-08-15 12:59:10"
119 },
120 {
121 "children": [
122 {
123 "children": [
124 {
125 "children": null,
126 "parentGuids": [
127 "e10332122834077907cd5ea61fa576c1",
128 "cdae7bb3cafb560482cad1b89a1e4b78"
129 ],
130 "guid": "16ea472a155c07433a63220f2ae1afe9",
131 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
132 "organisationCode": "11160011",
133 "organisationName": "链享运营一部1组",
134 "bizState": "S",
135 "createTime": "2023-10-25 13:15:57",
136 "createUserName": "测试",
137 "parentGuid": "cdae7bb3cafb560482cad1b89a1e4b78",
138 "orderNum": 1,
139 "level": 2,
140 "levelCode": "2.1.1",
141 "displayCreateTime": "2023-10-25 13:15:57"
142 }
143 ],
144 "parentGuids": [
145 "e10332122834077907cd5ea61fa576c1"
146 ],
147 "guid": "cdae7bb3cafb560482cad1b89a1e4b78",
148 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
149 "organisationCode": "1116001",
150 "organisationName": "链享运营一部",
151 "bizState": "S",
152 "createTime": "2023-10-25 13:14:15",
153 "createUserName": "测试",
154 "parentGuid": "e10332122834077907cd5ea61fa576c1",
155 "orderNum": 1,
156 "level": 1,
157 "levelCode": "2.1",
158 "displayCreateTime": "2023-10-25 13:14:15"
159 },
160 {
161 "children": null,
162 "parentGuids": [
163 "e10332122834077907cd5ea61fa576c1"
164 ],
165 "guid": "d98b44ffb35e4d17cf68f9a922e1c7b7",
166 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
167 "organisationCode": null,
168 "organisationName": "二部",
169 "bizState": "Y",
170 "createTime": "2023-10-26 09:45:36",
171 "createUserName": "测试",
172 "parentGuid": "e10332122834077907cd5ea61fa576c1",
173 "orderNum": 2,
174 "level": 1,
175 "levelCode": "2.2",
176 "displayCreateTime": "2023-10-26 09:45:36"
177 }
178 ],
179 "parentGuids": null,
180 "guid": "e10332122834077907cd5ea61fa576c1",
181 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
182 "organisationCode": "1115005",
183 "organisationName": "链享医药",
184 "bizState": "Y",
185 "createTime": "2023-09-12 15:59:35",
186 "createUserName": "测试",
187 "parentGuid": null,
188 "orderNum": 3,
189 "level": 0,
190 "levelCode": "2",
191 "displayCreateTime": "2023-09-12 15:59:35"
192 },
193 {
194 "children": [
195 {
196 "children": null,
197 "parentGuids": [
198 "9bd46f0f4fcf429518fae6ecb4849a9e"
199 ],
200 "guid": "870f23ae47e036eb88b35f726c31959b",
201 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
202 "organisationCode": null,
203 "organisationName": "运用三部",
204 "bizState": "Y",
205 "createTime": "2024-04-28 16:33:24",
206 "createUserName": "数往知来管理员",
207 "parentGuid": "9bd46f0f4fcf429518fae6ecb4849a9e",
208 "orderNum": 3,
209 "level": 1,
210 "levelCode": "3.3",
211 "displayCreateTime": "2024-04-28 16:33:24"
212 },
213 {
214 "children": null,
215 "parentGuids": [
216 "9bd46f0f4fcf429518fae6ecb4849a9e"
217 ],
218 "guid": "e06049046241dd71b153f227dbe7f801",
219 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
220 "organisationCode": null,
221 "organisationName": "运营二部",
222 "bizState": "Y",
223 "createTime": "2023-11-14 16:01:50",
224 "createUserName": "数往知来管理员",
225 "parentGuid": "9bd46f0f4fcf429518fae6ecb4849a9e",
226 "orderNum": 40,
227 "level": 1,
228 "levelCode": "3.2",
229 "displayCreateTime": "2023-11-14 16:01:50"
230 },
231 {
232 "children": null,
233 "parentGuids": [
234 "9bd46f0f4fcf429518fae6ecb4849a9e"
235 ],
236 "guid": "731cd185c868da8af48b492068ffaed4",
237 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
238 "organisationCode": null,
239 "organisationName": "运营一部",
240 "bizState": "Y",
241 "createTime": "2023-11-14 15:19:35",
242 "createUserName": "测试",
243 "parentGuid": "9bd46f0f4fcf429518fae6ecb4849a9e",
244 "orderNum": 41,
245 "level": 1,
246 "levelCode": "3.1",
247 "displayCreateTime": "2023-11-14 15:19:35"
248 }
249 ],
250 "parentGuids": null,
251 "guid": "9bd46f0f4fcf429518fae6ecb4849a9e",
252 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
253 "organisationCode": null,
254 "organisationName": "药企服务事业部1",
255 "bizState": "Y",
256 "createTime": "2023-11-14 14:49:14",
257 "createUserName": "数往知来管理员",
258 "parentGuid": "",
259 "orderNum": 4,
260 "level": 0,
261 "levelCode": "3",
262 "displayCreateTime": "2023-11-14 14:49:14"
263 },
264 {
265 "children": [
266 {
267 "children": null,
268 "parentGuids": [
269 "23be149ea3167a3f7f2d383023336efe"
270 ],
271 "guid": "e5f2b4958ee2d99309a41e0c6e1447c8",
272 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
273 "organisationCode": null,
274 "organisationName": "智能存储装备部",
275 "bizState": "Y",
276 "createTime": "2023-11-14 16:09:36",
277 "createUserName": "数往知来管理员",
278 "parentGuid": "23be149ea3167a3f7f2d383023336efe",
279 "orderNum": 51,
280 "level": 1,
281 "levelCode": "4.1",
282 "displayCreateTime": "2023-11-14 16:09:36"
283 }
284 ],
285 "parentGuids": null,
286 "guid": "23be149ea3167a3f7f2d383023336efe",
287 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
288 "organisationCode": null,
289 "organisationName": "医药物联网事业部",
290 "bizState": "Y",
291 "createTime": "2023-11-14 15:11:35",
292 "createUserName": "数往知来管理员",
293 "parentGuid": "",
294 "orderNum": 5,
295 "level": 0,
296 "levelCode": "4",
297 "displayCreateTime": "2023-11-14 15:11:35"
298 },
299 {
300 "children": null,
301 "parentGuids": null,
302 "guid": "1d82e875163749ca9ae45809ec432ae8",
303 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
304 "organisationCode": null,
305 "organisationName": "财务管理中心",
306 "bizState": "S",
307 "createTime": "2023-11-14 15:14:07",
308 "createUserName": "数往知来管理员",
309 "parentGuid": "",
310 "orderNum": 6,
311 "level": 0,
312 "levelCode": "6",
313 "displayCreateTime": "2023-11-14 15:14:07"
314 },
315 {
316 "children": null,
317 "parentGuids": null,
318 "guid": "cd9e6a0c76102364a9e88b79b28b0b32",
319 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
320 "organisationCode": null,
321 "organisationName": "资产服务",
322 "bizState": "Y",
323 "createTime": "2024-08-14 11:40:33",
324 "createUserName": "数往知来管理员",
325 "parentGuid": "",
326 "orderNum": 7,
327 "level": 0,
328 "levelCode": "9",
329 "displayCreateTime": "2024-08-14 11:40:33"
330 },
331 {
332 "children": [
333 {
334 "children": null,
335 "parentGuids": [
336 "dac448b77fa35f798bb4a06d8fd86334"
337 ],
338 "guid": "cb76777efe69182cfb2c75d41944553c",
339 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
340 "organisationCode": null,
341 "organisationName": "审批1",
342 "bizState": "Y",
343 "createTime": "2024-01-17 14:28:36",
344 "createUserName": "数往知来管理员",
345 "parentGuid": "dac448b77fa35f798bb4a06d8fd86334",
346 "orderNum": 100,
347 "level": 1,
348 "levelCode": "8.1",
349 "displayCreateTime": "2024-01-17 14:28:36"
350 }
351 ],
352 "parentGuids": null,
353 "guid": "dac448b77fa35f798bb4a06d8fd86334",
354 "tenantGuid": "9e5b9d7bfd8c4f4f8079e05de19bf7e0",
355 "organisationCode": null,
356 "organisationName": "审批组织",
357 "bizState": "Y",
358 "createTime": "2024-01-16 11:38:24",
359 "createUserName": "数往知来管理员",
360 "parentGuid": "",
361 "orderNum": 99,
362 "level": 0,
363 "levelCode": "8",
364 "displayCreateTime": "2024-01-16 11:38:24"
365 }
366 ],
367 });
368
369 const expand1 = ref(true)
370 const expand2 = ref(true)
371
372 const taskFormItems: any = ref([
373 {
374 label: '任务名称',
375 type: 'input',
376 placeholder: '请输入',
377 field: 'taskName',
378 default: '',
379 maxlength: 50,
380 required: true
381 },
382 {
383 label: '分级分类目录名称',
384 type: 'input',
385 placeholder: '请输入',
386 field: 'catalogName',
387 default: '',
388 maxlength: 50,
389 required: true
390 },
391 ])
392
393 const taskFormRules = ref({
394 taskName: [
395 { required: true, trigger: 'blur', message: "请填写任务名称" }
396 ],
397 catalogName: [
398 { required: true, trigger: 'blur', message: "请填写分级分类目录名称" }
399 ],
45 }); 400 });
46 401
47 const page = ref({ 402 const page = ref({
...@@ -57,6 +412,7 @@ const page = ref({ ...@@ -57,6 +412,7 @@ const page = ref({
57 }); 412 });
58 const searchItemValue: any = ref({}); 413 const searchItemValue: any = ref({});
59 const currTableData: any = ref({}); 414 const currTableData: any = ref({});
415
60 const tableInfo = ref({ 416 const tableInfo = ref({
61 id: "mapping-table", 417 id: "mapping-table",
62 fields: [ 418 fields: [
...@@ -74,32 +430,33 @@ const tableInfo = ref({ ...@@ -74,32 +430,33 @@ const tableInfo = ref({
74 ...page.value, 430 ...page.value,
75 }, 431 },
76 actionInfo: { 432 actionInfo: {
77 label: "操作", 433 show: false
78 type: "btn",
79 width: 200,
80 btns: (scope) => {
81 let row = scope.row, btnArr: any = [];
82 if (row.approveState == 'Y') {
83 if (row.listingStatus == 'Y') {
84 btnArr.splice(0, 0, { label: "详情", value: "detail" });
85 } else {
86 btnArr.splice(0, 0, { label: "编辑", value: "edit" }, { label: "详情", value: "detail" }, { label: "删除", value: "delete" });
87 }
88 } else {
89 if (row.approveState == 'A') {
90 btnArr.splice(0, 0, { label: "详情", value: "detail" });
91 } else {
92 btnArr.splice(0, 0, { label: "编辑", value: "edit" }, { label: "详情", value: "detail" }, { label: "删除", value: "delete" });
93 }
94 }
95 return btnArr;
96 },
97 }, 434 },
98 }); 435 });
99 436
437 const metadataTableInfo = ref({
438 id: "metadata-table",
439 fields: [
440 { label: "序号", type: "index", width: 56, align: "center", fixed: "left" },
441 { label: "数据库名称", field: "damCode", width: 200 },
442 { label: "数据库名", field: "damTypeName", width: 200 },
443 { label: "总表数", field: "damName", width: 120, align: "right" },
444 { label: "存储量(约/MB)", field: "damTypeName", width: 200, align: "right" },
445 ],
446 loading: false,
447 data: [],
448 page: {
449 type: "normal",
450 rows: 0,
451 ...page.value,
452 },
453 actionInfo: {
454 show: false
455 },
456 })
457
100 const nodeClick = (data) => { 458 const nodeClick = (data) => {
101 treeIndex.value = data 459 treeIndex.value = data
102 toSearch({})
103 } 460 }
104 461
105 const getTableData = () => { 462 const getTableData = () => {
...@@ -132,24 +489,13 @@ const tableBtnClick = (scope, btn) => { ...@@ -132,24 +489,13 @@ const tableBtnClick = (scope, btn) => {
132 } 489 }
133 }; 490 };
134 491
135 const toPath = (type) => { 492 const toPath = (type = null) => {
136 if (type == 'add') { 493 router.push({
137 router.push({ 494 name: "taskConfig",
138 name: "productListingDetail", 495 query: {
139 query: { 496 type
140 type 497 },
141 }, 498 });
142 });
143 } else {
144 router.push({
145 name: "productListingDetail",
146 query: {
147 guid: currTableData.value.guid,
148 name: currTableData.value.damName,
149 type
150 },
151 });
152 }
153 } 499 }
154 500
155 const tablePageChange = (info) => { 501 const tablePageChange = (info) => {
...@@ -203,8 +549,51 @@ const querySearch = (queryString: string) => { ...@@ -203,8 +549,51 @@ const querySearch = (queryString: string) => {
203 549
204 const btnClick = async (btn, bType = null) => { 550 const btnClick = async (btn, bType = null) => {
205 const type = btn.value; 551 const type = btn.value;
552 if (type == 'next') {
553 step.value++;
554 } else if (type == 'prev') {
555 step.value--;
556 } else {
557 toPath()
558 }
559 };
560
561 // 监听滚动事件
562 const handleScroll = () => {
563 if (listPage.value.curr < listPage.value.totalPages) {
564 listPage.value.curr++
565 getPermissionList({})
566 }
567 }
568
569 const changTable = () => {
570 // toSearch({})
206 }; 571 };
207 572
573 const getPermissionList = (val, init = false) => {
574 let params: any = val ? { ...val } : {}
575 params.pageIndex = listPage.value.curr;
576 params.pageSize = listPage.value.limit;
577 listLoading.value = true
578 // getPermissionDictList(params).then((res: any) => {
579 // if (res.code == proxy.$passCode) {
580 // const data = res.data?.records || []
581 // if (init) {
582 // permissionList.value = JSON.parse(JSON.stringify(data))
583 // currpermissionList.value = JSON.parse(JSON.stringify(data))
584 // listPage.value.totalPages = res.data.totalPages
585 // toSearch({})
586 // } else {
587 // permissionList.value.push(...JSON.parse(JSON.stringify(data)))
588 // querySearch(asideSearchInput.value)
589 // }
590 // }
591 // listLoading.value = false
592 // }).catch(() => {
593 // listLoading.value = false
594 // })
595 }
596
208 onActivated(() => { 597 onActivated(() => {
209 598
210 }) 599 })
...@@ -217,7 +606,7 @@ onBeforeMount(() => { ...@@ -217,7 +606,7 @@ onBeforeMount(() => {
217 606
218 <template> 607 <template>
219 <div class="container_wrap full flex"> 608 <div class="container_wrap full flex">
220 <div class="aside_wrap"> 609 <div class="aside_wrap" v-show="step == 0">
221 <div class="aside_title">选择分类分级模板</div> 610 <div class="aside_title">选择分类分级模板</div>
222 <div class="aside_search"> 611 <div class="aside_search">
223 <el-input v-model.trim="asideSearchInput" placeholder="请输入关键字" :prefix-icon="Search" clearable 612 <el-input v-model.trim="asideSearchInput" placeholder="请输入关键字" :prefix-icon="Search" clearable
...@@ -228,40 +617,60 @@ onBeforeMount(() => { ...@@ -228,40 +617,60 @@ onBeforeMount(() => {
228 @click="selectIndex = i; changTable();" v-preReClick>{{ item.dataPermissionName }}</div> 617 @click="selectIndex = i; changTable();" v-preReClick>{{ item.dataPermissionName }}</div>
229 </div> 618 </div>
230 </div> 619 </div>
231 <div class="main_wrap"> 620 <div class="main_wrap" :class="{full: step == 1}">
232 <div class="template_panel"> 621 <div class="content_main" v-show="step == 0">
233 <div class="panel_title"> 622 <div class="template_panel">
234 <p class="title_text">{{ templateInfo.title }}</p> 623 <div class="panel_title">
235 <div class="title_desc"> 624 <span class="title_text">{{ templateInfo.title }}</span>
236 <p class="desc_group" v-for="desc in templateInfo.descGroup"> 625 <div class="title_desc">
237 <span class="desc_label">{{ desc.label }}：</span> 626 <div class="desc_group" v-for="desc in templateInfo.descGroup">
238 <span class="desc_value">{{ desc.value }}</span> 627 <span class="desc_label">{{ desc.label }}：</span>
239 </p> 628 <span class="desc_value">{{ desc.value }}</span>
629 </div>
630 </div>
240 </div> 631 </div>
632 <div class="panel_tags">
633 <el-tag v-for="tag in templateInfo.tags" :type="tag.type">{{ tag.name }}</el-tag>
634 </div>
635 <p class="panel_desc">{{ templateInfo.desc }}</p>
241 </div> 636 </div>
242 <div class="panel_tags"> 637 <div class="panel_content">
243 <el-tag v-for="tag in templateInfo.tags" :type="tag.type">{{ tag.name }}</el-tag> 638 <div class="box_left">
639 <div class="aside_title">分类分级目录</div>
640 <Tree :treeInfo="treeInfo" @nodeClick="nodeClick" />
641 </div>
642 <div class="box_right">
643 <el-breadcrumb separator="/">
644 <el-breadcrumb-item>全部</el-breadcrumb-item>
645 <el-breadcrumb-item>promotion management</el-breadcrumb-item>
646 <el-breadcrumb-item>promotion list</el-breadcrumb-item>
647 <el-breadcrumb-item>promotion detail</el-breadcrumb-item>
648 </el-breadcrumb>
649 <div class="table_panel_wrap">
650 <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" @tablePageChange="tablePageChange" />
651 </div>
652 </div>
244 </div> 653 </div>
245 <p class="panel_desc">{{ templateInfo.desc }}</p>
246 </div> 654 </div>
247 <div> 655 <div class="content_main panel" v-show="step == 1">
248 <div class="box_left aside_wrap"> 656 <ContentWrap id="id-approveInfo" title="创建任务" expandSwicth style="margin-top: 15px" :isExpand="expand1"
249 <div class="aside_title">组织列表</div> 657 @expand="(v) => expand1 = v">
250 <Tree :treeInfo="treeInfo" @nodeClick="nodeClick" /> 658 <div class="form_panel">
251 </div> 659 <Form ref="taskFormRef" formId="edit-standard-form" :itemList="taskFormItems" :rules="taskFormRules"
252 <div class="box_right"> 660 col="col3" />
253 <div class="panel_title">人员信息</div>
254 <div class="table_panel_wrap">
255 <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" @tablePageChange="tablePageChange" />
256 </div> 661 </div>
257 </div> 662 </ContentWrap>
663 <ContentWrap id="id-approveInfo" title="选择元数据" expandSwicth style="margin-top: 15px" :isExpand="expand2"
664 @expand="(v) => expand2 = v">
665 <Table :tableInfo="metadataTableInfo" />
666 </ContentWrap>
258 </div> 667 </div>
259 <div class="tool_btns"> 668 <div class="tool_btns">
260 <div class="btns"> 669 <div class="btns">
261 <el-button @click="btnClick({ value: 'cancel' })" v-if="step == 0">取消</el-button> 670 <el-button @click="btnClick({ value: 'cancel' })" v-if="step == 0">取消</el-button>
262 <el-button @click="btnClick({ value: 'prev' })" v-if="step == 1">上一步</el-button> 671 <el-button @click="btnClick({ value: 'prev' })" v-if="step == 1">上一步</el-button>
263 <el-button type="primary" @click="btnClick({ value: 'next' })" v-if="step == 0">下一步</el-button> 672 <el-button type="primary" @click="btnClick({ value: 'next' })" v-if="step == 0">下一步</el-button>
264 <el-button type="primary" @click="btnClick({ value: 'next' })" v-if="step == 1">后台运行</el-button> 673 <el-button type="primary" @click="btnClick({ value: 'path' })" v-if="step == 1">后台运行</el-button>
265 </div> 674 </div>
266 </div> 675 </div>
267 </div> 676 </div>
...@@ -269,33 +678,156 @@ onBeforeMount(() => { ...@@ -269,33 +678,156 @@ onBeforeMount(() => {
269 </template> 678 </template>
270 679
271 <style scoped lang="scss"> 680 <style scoped lang="scss">
272 .table_tool_wrap { 681 .container_wrap {
273 width: 100%; 682 .aside_wrap {
274 height: 40px !important; 683 width: 199px;
275 padding: 0 8px; 684 border-right: 1px solid #d9d9d9;
276 685 box-shadow: none;
277 .table_title { 686
278 height: 40px; 687 .aside_title {
279 line-height: 40px; 688 width: calc(100% - 32px);
280 font-weight: 600; 689 display: inline-block;
281 font-size: 16px; 690 }
282 color: #212121; 691
692 .icon-add.el-icon {
693 width: 24px;
694 height: 24px;
695 vertical-align: middle;
696 cursor: pointer;
697
698 svg {
699 width: 24px;
700 height: 24px;
701 }
702 }
703
704 .tree_panel {
705 height: calc(100% - 72px);
706 padding-top: 0;
707 border-bottom: 1px solid #d9d9d9;
708
709 :deep(.el-tree) {
710 margin: 0;
711 height: calc(100% - 32px);
712 overflow: hidden auto;
713 }
714 }
715
716 .page_nav_wrap.concise {
717 justify-content: center;
718 }
719
283 } 720 }
284 } 721 }
285 722
286 .table_panel_wrap { 723 .container_wrap {
287 width: 100%; 724 overflow: hidden auto;
288 height: calc(100% - 40px); 725
289 padding: 0px 8px 0; 726 .main_wrap {
290 } 727 padding: 0;
291 728
292 .card-noData { 729 &.full {
293 position: absolute; 730 width: 100%;
294 top: 50%; 731 }
295 left: 50%; 732
296 transform: translate(-50%, -50%); 733 .content_main {
297 display: flex; 734 display: flex;
298 flex-direction: column; 735 flex-direction: column;
299 align-items: center; 736 height: calc(100% - 45px);
737 overflow: hidden auto;
738 flex: 1;
739
740 &.panel {
741 padding: 0 16px;
742 }
743
744 .template_panel {
745 padding: 0 8px;
746
747 .panel_title {
748 display: flex;
749 justify-content: space-between;
750 align-items: center;
751 margin: 8px 0;
752
753 .title_text {
754 font-size: 16px;
755 color: #212121;
756 line-height: 24px;
757 font-weight: 600;
758 }
759
760 .title_desc {
761 display: flex;
762
763 .desc_group {
764 margin-left: 16px;
765 }
766 }
767 }
768
769 .panel_tags {
770 .el-tag {
771 margin-right: 8px;
772 }
773 }
774
775 .panel_desc {
776 margin: 8px 0;
777 font-size: 14px;
778 color: #666;
779 }
780 }
781
782 .panel_content {
783 height: 100%;
784 display: flex;
785 flex: 1;
786 border-top: 1px solid #d9d9d9;
787
788 .box_left {
789 width: 240px;
790 height: 100%;
791 border-right: 1px solid #d9d9d9;
792
793 .aside_title {
794 padding: 0 8px;
795 height: 40px;
796 line-height: 40px;
797 font-size: 14px;
798 color: #212121;
799 font-weight: 600;
800 }
801
802 .tree_panel {
803 padding: 0;
804 }
805 }
806
807 .box_right {
808 width: 100%;
809
810 .el-breadcrumb {
811 padding: 8px;
812 }
813 }
814 }
815
816 .table_panel_wrap {
817 width: 100%;
818 height: calc(100% - 30px);
819 padding: 8px 8px 0;
820 }
821 }
822
823 .tool_btns {
824 height: 44px;
825 margin: 0 -8px;
826 display: flex;
827 justify-content: center;
828 align-items: center;
829 border-top: 1px solid #d9d9d9;
830 }
831 }
300 } 832 }
301 </style> 833 </style>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!