style:上报详情
Showing
87 changed files
with
1066 additions
and
969 deletions
1 | /* | 1 | /* |
2 | * @Description: 统计率 | 2 | * @Description: 统计率 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-01 15:37:49 | 4 | * @LastEditTime: 2023-03-21 16:25:26 |
5 | */ | 5 | */ |
6 | /* 引入请求文件 */ | 6 | /* 引入请求文件 */ |
7 | import request from '@/utils/request' | 7 | import request from '@/utils/request' |
8 | /* 引入配置文件 */ | 8 | /* 引入配置文件 */ |
9 | import SERVER from './config' | 9 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
10 | class business { | 10 | class business { |
11 | /** | 11 | /** |
12 | * @description: 成功率统计 | 12 | * @description: 成功率统计 | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: 这个是所有api的前缀配置文件 | 2 | * @Description: 这个是所有api的前缀配置文件 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-16 13:37:11 | 4 | * @LastEditTime: 2023-03-21 16:26:55 |
5 | */ | 5 | */ |
6 | export default { | 6 | export default { |
7 | SERVERAPI: '/bdcsjsb', //赵千 | 7 | SERVERAPI: '/bdcsjsb', //赵千 |
8 | MANAGEMENTAPI: 'http://192.168.2.236/management' | 8 | MANAGEMENTAPI: 'http://192.168.2.236/management' |
9 | } | 9 | } |
... | \ No newline at end of file | ... | \ No newline at end of file |
10 | // 汉中 | ||
11 | // export default { | ||
12 | // // SERVERAPI: '/service-bdcsjsb-th', //线上 | ||
13 | // SERVERAPI: '/bdcsjsb', //赵千 | ||
14 | // MANAGEMENTAPI: 'http://172.16.56.32:8877/management' | ||
15 | // } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: 数据上报模块api文件 | 2 | * @Description: 数据上报模块api文件 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-03 14:38:57 | 4 | * @LastEditTime: 2023-03-21 16:21:31 |
5 | */ | 5 | */ |
6 | /* 引入axios请求文件 */ | 6 | /* 引入axios请求文件 */ |
7 | import request from '@/utils/request' | 7 | import request from '@/utils/request' |
8 | /* 引入配置 */ | 8 | /* 引入配置 */ |
9 | import SERVER from './config' | 9 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
10 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' | 10 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' |
11 | 11 | ||
12 | /** | 12 | /** | ... | ... |
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | import SERVER from './config' | 2 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
3 | 3 | ||
4 | /* | 4 | /* |
5 | 更新排序 | 5 | 更新排序 |
6 | record-排序整条数据 | 6 | record-排序整条数据 |
7 | operate-BOTTOM(置底), DOWN(向下), TOP(置顶), UP(向上) | 7 | operate-BOTTOM(置底), DOWN(向下), TOP(置顶), UP(向上) |
8 | */ | 8 | */ |
9 | export function updateOrder(url, record, operate, swapId) { | 9 | export function updateOrder (url, record, operate, swapId) { |
10 | return request({ | 10 | return request({ |
11 | url: SERVER.MANAGEMENTAPI + url + "/" + record.id + "/orders", | 11 | url: SERVER.MANAGEMENTAPI + url + "/" + record.id + "/orders", |
12 | method: "put", | 12 | method: "put", | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-03-09 15:24:53 | 3 | * @Date: 2023-03-09 15:24:53 |
4 | * @LastEditors: xiaomiao 1158771342@qq.com | 4 | * @LastEditors: xiaomiao 1158771342@qq.com |
5 | * @LastEditTime: 2023-03-20 09:21:04 | 5 | * @LastEditTime: 2023-03-21 14:59:20 |
6 | * @FilePath: \上报\bdcjg-web\src\api\personnelManage.js | 6 | * @FilePath: \上报\bdcjg-web\src\api\personnelManage.js |
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
8 | */ | 8 | */ |
... | @@ -25,35 +25,19 @@ export const getUserList = (params) => { | ... | @@ -25,35 +25,19 @@ export const getUserList = (params) => { |
25 | } | 25 | } |
26 | export const getUserLists = (queryParam) => { | 26 | export const getUserLists = (queryParam) => { |
27 | const conditionGroup = { | 27 | const conditionGroup = { |
28 | conditions: [{ | 28 | conditions: [], |
29 | property: 'code', | 29 | queryRelation: 'AND', |
30 | value: queryParam.code ? queryParam.code : null, | ||
31 | operator: 'LIKE' | ||
32 | }, | ||
33 | { | ||
34 | property: 'name', | ||
35 | value: queryParam.name ? queryParam.name : null, | ||
36 | operator: 'LIKE' | ||
37 | } | 30 | } |
38 | , | 31 | console.log("queryParam", queryParam); |
39 | { | 32 | for (let key in queryParam) { |
40 | property: 'loginName', | 33 | if (queryParam[key]) { |
41 | value: queryParam.loginName ? queryParam.loginName : null, | 34 | conditionGroup.conditions.push({ |
35 | property: key, | ||
36 | value: queryParam[key], | ||
42 | operator: 'LIKE' | 37 | operator: 'LIKE' |
43 | }, | 38 | }) |
44 | { | ||
45 | property: 'organizationId', | ||
46 | value: queryParam.organizationId, | ||
47 | operator: 'IN' | ||
48 | } | 39 | } |
49 | , | 40 | |
50 | { | ||
51 | property: 'departmentId', | ||
52 | value: queryParam.departmentId, | ||
53 | operator: 'IN' | ||
54 | } | ||
55 | ], | ||
56 | queryRelation: 'AND', | ||
57 | } | 41 | } |
58 | const params = getParams(conditionGroup) | 42 | const params = getParams(conditionGroup) |
59 | return getAction(api.users, params) | 43 | return getAction(api.users, params) | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | /* 引入请求文件 */ | 6 | /* 引入请求文件 */ |
7 | import request from '@/utils/request' | 7 | import request from '@/utils/request' |
8 | /* 引入配置文件 */ | 8 | /* 引入配置文件 */ |
9 | import SERVER from './config' | 9 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
10 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/RecordLog/' | 10 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/RecordLog/' |
11 | /** | 11 | /** |
12 | * @description: 登簿日志分页 | 12 | * @description: 登簿日志分页 | ... | ... |
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | import SERVER from './config' | 2 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
3 | class ruleConfig { | 3 | class ruleConfig { |
4 | // 列表查询 | 4 | // 列表查询 |
5 | async getSysYwsjbList (data) { | 5 | async getSysYwsjbList (data) { |
6 | return request({ | 6 | return request({ |
7 | url: SERVER.SERVERAPI +'/rest/SysYwsjb/getSysYwsjbList', | 7 | url: SERVER.SERVERAPI + '/rest/SysYwsjb/getSysYwsjbList', |
8 | method: 'post', | 8 | method: 'post', |
9 | data | 9 | data |
10 | }) | 10 | }) |
... | @@ -12,7 +12,7 @@ class ruleConfig { | ... | @@ -12,7 +12,7 @@ class ruleConfig { |
12 | // 编辑界面列表查询 | 12 | // 编辑界面列表查询 |
13 | async eidtConfigRule (id) { | 13 | async eidtConfigRule (id) { |
14 | return request({ | 14 | return request({ |
15 | url: SERVER.SERVERAPI +'/rest/SysYwsjb/getSysYwsjbWithSysYwsjbFieldByBsmYwsjb', | 15 | url: SERVER.SERVERAPI + '/rest/SysYwsjb/getSysYwsjbWithSysYwsjbFieldByBsmYwsjb', |
16 | method: 'get', | 16 | method: 'get', |
17 | params: { | 17 | params: { |
18 | bsmYwsjb: id | 18 | bsmYwsjb: id |
... | @@ -22,7 +22,7 @@ class ruleConfig { | ... | @@ -22,7 +22,7 @@ class ruleConfig { |
22 | // 编辑 | 22 | // 编辑 |
23 | async editSysYwsjbWithSysYwsjbField (data) { | 23 | async editSysYwsjbWithSysYwsjbField (data) { |
24 | return request({ | 24 | return request({ |
25 | url: SERVER.SERVERAPI +'/rest/SysYwsjb/editSysYwsjbWithSysYwsjbField', | 25 | url: SERVER.SERVERAPI + '/rest/SysYwsjb/editSysYwsjbWithSysYwsjbField', |
26 | method: 'post', | 26 | method: 'post', |
27 | data | 27 | data |
28 | }) | 28 | }) |
... | @@ -30,7 +30,7 @@ class ruleConfig { | ... | @@ -30,7 +30,7 @@ class ruleConfig { |
30 | // 编辑 | 30 | // 编辑 |
31 | async deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb (id) { | 31 | async deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb (id) { |
32 | return request({ | 32 | return request({ |
33 | url: SERVER.SERVERAPI +'/rest/SysYwsjb/deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb', | 33 | url: SERVER.SERVERAPI + '/rest/SysYwsjb/deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb', |
34 | method: 'delete', | 34 | method: 'delete', |
35 | params: { | 35 | params: { |
36 | bsmYwsjb: id | 36 | bsmYwsjb: id |
... | @@ -40,7 +40,7 @@ class ruleConfig { | ... | @@ -40,7 +40,7 @@ class ruleConfig { |
40 | // 编辑界面列表查询----根据数据表名查询 | 40 | // 编辑界面列表查询----根据数据表名查询 |
41 | async getRuleList (bsmYwsjb) { | 41 | async getRuleList (bsmYwsjb) { |
42 | return request({ | 42 | return request({ |
43 | url: SERVER.SERVERAPI +'/rest/sjsb/DataReport/getTableColumn', | 43 | url: SERVER.SERVERAPI + '/rest/sjsb/DataReport/getTableColumn', |
44 | method: 'get', | 44 | method: 'get', |
45 | params: { | 45 | params: { |
46 | bsmYwsjb: bsmYwsjb | 46 | bsmYwsjb: bsmYwsjb | ... | ... |
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | import SERVER from './config' | 2 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
3 | 3 | ||
4 | class sjsbFunctionOper { | 4 | class sjsbFunctionOper { |
5 | // 数据上报表头相关接口 | 5 | // 数据上报表头相关接口 |
... | @@ -13,7 +13,7 @@ class sjsbFunctionOper { | ... | @@ -13,7 +13,7 @@ class sjsbFunctionOper { |
13 | }) | 13 | }) |
14 | } | 14 | } |
15 | // xml | 15 | // xml |
16 | async queryXML(id) { | 16 | async queryXML (id) { |
17 | return request({ | 17 | return request({ |
18 | url: SERVER.SERVERAPI + '/rest/reg/sjsbFunctionOper/queryXML', | 18 | url: SERVER.SERVERAPI + '/rest/reg/sjsbFunctionOper/queryXML', |
19 | method: 'get', | 19 | method: 'get', | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. | 9 | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
10 | */ | 10 | */ |
11 | import request from '@/utils/request' | 11 | import request from '@/utils/request' |
12 | import SERVER from './config' | 12 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
13 | const url = SERVER.SERVERAPI + '/rest/statistics/Efficient/' | 13 | const url = SERVER.SERVERAPI + '/rest/statistics/Efficient/' |
14 | /** | 14 | /** |
15 | * dataReceiveQuality | 15 | * dataReceiveQuality |
... | @@ -19,7 +19,7 @@ const url = SERVER.SERVERAPI + '/rest/statistics/Efficient/' | ... | @@ -19,7 +19,7 @@ const url = SERVER.SERVERAPI + '/rest/statistics/Efficient/' |
19 | */ | 19 | */ |
20 | export function dataReceiveQuality (startDate, endDate) { | 20 | export function dataReceiveQuality (startDate, endDate) { |
21 | return request({ | 21 | return request({ |
22 | url: url + 'dataReceiveQuality?startDate='+startDate+'&endDate='+endDate, | 22 | url: url + 'dataReceiveQuality?startDate=' + startDate + '&endDate=' + endDate, |
23 | method: 'post' | 23 | method: 'post' |
24 | }) | 24 | }) |
25 | } | 25 | } |
... | @@ -32,7 +32,7 @@ export function dataReceiveQuality (startDate, endDate) { | ... | @@ -32,7 +32,7 @@ export function dataReceiveQuality (startDate, endDate) { |
32 | */ | 32 | */ |
33 | export function nonNullSta (startDate, endDate) { | 33 | export function nonNullSta (startDate, endDate) { |
34 | return request({ | 34 | return request({ |
35 | url: url + 'nonNullSta?startDate='+startDate+'&endDate='+endDate, | 35 | url: url + 'nonNullSta?startDate=' + startDate + '&endDate=' + endDate, |
36 | method: 'post' | 36 | method: 'post' |
37 | }) | 37 | }) |
38 | } | 38 | } |
... | @@ -45,7 +45,7 @@ export function nonNullSta (startDate, endDate) { | ... | @@ -45,7 +45,7 @@ export function nonNullSta (startDate, endDate) { |
45 | */ | 45 | */ |
46 | export function registerBookQuality (startDate, endDate) { | 46 | export function registerBookQuality (startDate, endDate) { |
47 | return request({ | 47 | return request({ |
48 | url: url + 'registerBookQuality?startDate='+startDate+'&endDate='+endDate, | 48 | url: url + 'registerBookQuality?startDate=' + startDate + '&endDate=' + endDate, |
49 | method: 'post' | 49 | method: 'post' |
50 | }) | 50 | }) |
51 | } | 51 | } | ... | ... |
1 | import Vue from 'vue' | ||
2 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
3 | console.log(Vue.prototype, Vue.prototype.BASE_API); | 2 | // let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
4 | import SERVER from './config' | 3 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
5 | // 获取用户信息 | 4 | // 获取用户信息 |
6 | export function getUserInfo () { | 5 | export function getUserInfo () { |
7 | return request({ | 6 | return request({ | ... | ... |
... | @@ -113,8 +113,8 @@ export default { | ... | @@ -113,8 +113,8 @@ export default { |
113 | } | 113 | } |
114 | </script> | 114 | </script> |
115 | <style rel="stylesheet/scss" lang="scss" > | 115 | <style rel="stylesheet/scss" lang="scss" > |
116 | @import "~@/styles/mixin.scss"; | 116 | // @import "~@/styles/mixin.scss"; |
117 | @import "~@/styles/dialogBox.scss"; | 117 | // @import "~@/styles/dialogBox.scss"; |
118 | </style> | 118 | </style> |
119 | <style rel="stylesheet/scss" scoped lang="scss" > | 119 | <style rel="stylesheet/scss" scoped lang="scss" > |
120 | /deep/.is-fullscreen { | 120 | /deep/.is-fullscreen { | ... | ... |
... | @@ -128,14 +128,14 @@ | ... | @@ -128,14 +128,14 @@ |
128 | </template> | 128 | </template> |
129 | 129 | ||
130 | <script> | 130 | <script> |
131 | import axios from "axios"; | 131 | import axios from "axios"; |
132 | import SERVER from '@/api/config' | 132 | import SERVER from '@/api/config' |
133 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' | 133 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' |
134 | import { mapGetters } from "vuex"; | 134 | import { mapGetters } from "vuex"; |
135 | import JsonEditor from "@/components/JsonEditor.vue"; | 135 | import JsonEditor from "@/components/JsonEditor.vue"; |
136 | import Xyjg from "./Result"; | 136 | import Xyjg from "./Result"; |
137 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; | 137 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; |
138 | export default { | 138 | export default { |
139 | components: { JsonEditor, Xyjg }, | 139 | components: { JsonEditor, Xyjg }, |
140 | props: { | 140 | props: { |
141 | title: { | 141 | title: { |
... | @@ -332,27 +332,27 @@ export default { | ... | @@ -332,27 +332,27 @@ export default { |
332 | } | 332 | } |
333 | } | 333 | } |
334 | } | 334 | } |
335 | } | 335 | } |
336 | </script> | 336 | </script> |
337 | <style scoped lang="scss"> | 337 | <style scoped lang="scss"> |
338 | @import "~@/styles/mixin.scss"; | 338 | // @import "~@/styles/mixin.scss"; |
339 | @import "~@/styles/dialogBox.scss"; | 339 | // @import "~@/styles/dialogBox.scss"; |
340 | 340 | ||
341 | /deep/.el-dialog__body { | 341 | /deep/.el-dialog__body { |
342 | display: flex; | 342 | display: flex; |
343 | flex-direction: column; | 343 | flex-direction: column; |
344 | padding-bottom: 30px; | 344 | padding-bottom: 30px; |
345 | } | 345 | } |
346 | 346 | ||
347 | /deep/ .el-tabs { | 347 | /deep/ .el-tabs { |
348 | color: #CEF8FF; | 348 | color: #cef8ff; |
349 | } | 349 | } |
350 | 350 | ||
351 | .d-center { | 351 | .d-center { |
352 | z-index: 1000; | 352 | z-index: 1000; |
353 | } | 353 | } |
354 | 354 | ||
355 | .sjmx { | 355 | .sjmx { |
356 | display: flex; | 356 | display: flex; |
357 | flex-direction: column; | 357 | flex-direction: column; |
358 | height: 49vh; | 358 | height: 49vh; |
... | @@ -361,21 +361,21 @@ export default { | ... | @@ -361,21 +361,21 @@ export default { |
361 | height: 50px; | 361 | height: 50px; |
362 | padding-top: 6px; | 362 | padding-top: 6px; |
363 | } | 363 | } |
364 | } | 364 | } |
365 | 365 | ||
366 | .result { | 366 | .result { |
367 | flex: 1; | 367 | flex: 1; |
368 | height: 100%; | 368 | height: 100%; |
369 | } | 369 | } |
370 | 370 | ||
371 | .editDialogBox-con { | 371 | .editDialogBox-con { |
372 | flex: 1; | 372 | flex: 1; |
373 | height: 100%; | 373 | height: 100%; |
374 | overflow-y: hidden; | 374 | overflow-y: hidden; |
375 | } | 375 | } |
376 | 376 | ||
377 | /deep/.el-tabs__item { | 377 | /deep/.el-tabs__item { |
378 | color: #CEF8FF !important; | 378 | color: #cef8ff !important; |
379 | 379 | ||
380 | display: flex; | 380 | display: flex; |
381 | flex-direction: row; | 381 | flex-direction: row; |
... | @@ -383,73 +383,73 @@ export default { | ... | @@ -383,73 +383,73 @@ export default { |
383 | background: url("~@/image/tabitem.png") no-repeat; | 383 | background: url("~@/image/tabitem.png") no-repeat; |
384 | background-size: 100% 100%; | 384 | background-size: 100% 100%; |
385 | border: none !important; | 385 | border: none !important; |
386 | } | 386 | } |
387 | 387 | ||
388 | .obligee-item-name { | 388 | .obligee-item-name { |
389 | background: #05275B; | 389 | background: #05275b; |
390 | color: #FFFFFF; | 390 | color: #ffffff; |
391 | background: url("~@/image/itembg.png") no-repeat; | 391 | background: url("~@/image/itembg.png") no-repeat; |
392 | background-size: 100% 100%; | 392 | background-size: 100% 100%; |
393 | } | 393 | } |
394 | 394 | ||
395 | /deep/.el-tabs__nav-scroll { | 395 | /deep/.el-tabs__nav-scroll { |
396 | background: none; | 396 | background: none; |
397 | } | 397 | } |
398 | 398 | ||
399 | /deep/.el-tabs__nav { | 399 | /deep/.el-tabs__nav { |
400 | display: flex; | 400 | display: flex; |
401 | border: none !important; | 401 | border: none !important; |
402 | } | 402 | } |
403 | 403 | ||
404 | /deep/.el-tabs__item.is-top { | 404 | /deep/.el-tabs__item.is-top { |
405 | border: 1px solid #dfe4ed; | 405 | border: 1px solid #dfe4ed; |
406 | border-top: 1px solid #dfe4ed; | 406 | border-top: 1px solid #dfe4ed; |
407 | border-bottom: 1px solid transparent; | 407 | border-bottom: 1px solid transparent; |
408 | } | 408 | } |
409 | 409 | ||
410 | /deep/.el-tabs__header { | 410 | /deep/.el-tabs__header { |
411 | border: none; | 411 | border: none; |
412 | margin-bottom: 0; | 412 | margin-bottom: 0; |
413 | } | 413 | } |
414 | 414 | ||
415 | /deep/.el-tabs__item.is-top:not(:last-child) { | 415 | /deep/.el-tabs__item.is-top:not(:last-child) { |
416 | margin-right: 5px; | 416 | margin-right: 5px; |
417 | } | 417 | } |
418 | 418 | ||
419 | /deep/.el-tabs__item.is-top { | 419 | /deep/.el-tabs__item.is-top { |
420 | background-color: none !important; | 420 | background-color: none !important; |
421 | } | 421 | } |
422 | 422 | ||
423 | /deep/.el-tabs__item.is-active { | 423 | /deep/.el-tabs__item.is-active { |
424 | background: url("~@/image/tabitemse.png") no-repeat; | 424 | background: url("~@/image/tabitemse.png") no-repeat; |
425 | background-size: 100% 100%; | 425 | background-size: 100% 100%; |
426 | } | 426 | } |
427 | 427 | ||
428 | .success-images { | 428 | .success-images { |
429 | width: 30px; | 429 | width: 30px; |
430 | height: 30px; | 430 | height: 30px; |
431 | position: relative; | 431 | position: relative; |
432 | top: 10px; | 432 | top: 10px; |
433 | right: 3px; | 433 | right: 3px; |
434 | } | 434 | } |
435 | 435 | ||
436 | .tab-pane-item { | 436 | .tab-pane-item { |
437 | line-height: 20px; | 437 | line-height: 20px; |
438 | color: #02D9FD; | 438 | color: #02d9fd; |
439 | 439 | ||
440 | p { | 440 | p { |
441 | text-align: center; | 441 | text-align: center; |
442 | } | 442 | } |
443 | } | 443 | } |
444 | 444 | ||
445 | .edit-content { | 445 | .edit-content { |
446 | overflow-y: auto; | 446 | overflow-y: auto; |
447 | overflow-x: hidden; | 447 | overflow-x: hidden; |
448 | padding-right: 1px; | 448 | padding-right: 1px; |
449 | border-top: none; | 449 | border-top: none; |
450 | } | 450 | } |
451 | 451 | ||
452 | /deep/.editDialogBox { | 452 | /deep/.editDialogBox { |
453 | border-radius: 8px; | 453 | border-radius: 8px; |
454 | overflow: hidden; | 454 | overflow: hidden; |
455 | min-width: 1228px; | 455 | min-width: 1228px; |
... | @@ -471,13 +471,13 @@ export default { | ... | @@ -471,13 +471,13 @@ export default { |
471 | width: 100%; | 471 | width: 100%; |
472 | border-bottom: 1px solid #ccc; | 472 | border-bottom: 1px solid #ccc; |
473 | } | 473 | } |
474 | } | 474 | } |
475 | 475 | ||
476 | .el-dialog__wrapper { | 476 | .el-dialog__wrapper { |
477 | overflow: hidden; | 477 | overflow: hidden; |
478 | } | 478 | } |
479 | 479 | ||
480 | .dialog-from { | 480 | .dialog-from { |
481 | padding-top: 0; | 481 | padding-top: 0; |
482 | 482 | ||
483 | .el-col { | 483 | .el-col { |
... | @@ -523,6 +523,6 @@ export default { | ... | @@ -523,6 +523,6 @@ export default { |
523 | color: #d7eaee; | 523 | color: #d7eaee; |
524 | margin: 3px 0; | 524 | margin: 3px 0; |
525 | } | 525 | } |
526 | } | 526 | } |
527 | </style> | 527 | </style> |
528 | 528 | ... | ... |
1 | <template> | 1 | <template> |
2 | <transition name="msgbox-fade" v-if="myShow"> | 2 | <transition name="msgbox-fade" v-if="myShow"> |
3 | <div class="ls-mask" v-loading="loading"> | 3 | <div class="ls-mask" v-loading="loading"> |
4 | <div class="ls-mask-window dialogBox" :style="{ 'width': width }"> | 4 | <div class="ls-mask-window" :style="{ 'width': width }"> |
5 | <div class="ls-head"> | 5 | <div class="ls-head"> |
6 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> | 6 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> |
7 | <svg-icon v-if="iconClass != ''" :icon-class='iconClass' /> | 7 | <svg-icon v-if="iconClass != ''" :icon-class='iconClass' /> |
... | @@ -21,8 +21,8 @@ | ... | @@ -21,8 +21,8 @@ |
21 | </transition> | 21 | </transition> |
22 | </template> | 22 | </template> |
23 | <script> | 23 | <script> |
24 | import Popup1 from './index' | 24 | import Popup1 from './index' |
25 | export default { | 25 | export default { |
26 | name: 'index', | 26 | name: 'index', |
27 | data () { | 27 | data () { |
28 | return { | 28 | return { |
... | @@ -102,13 +102,10 @@ export default { | ... | @@ -102,13 +102,10 @@ export default { |
102 | this.$el.parentNode.removeChild(this.$el); | 102 | this.$el.parentNode.removeChild(this.$el); |
103 | } | 103 | } |
104 | } | 104 | } |
105 | } | 105 | } |
106 | </script> | 106 | </script> |
107 | <style scoped lang="scss" > | 107 | <style scoped lang="scss" > |
108 | @import "~@/styles/mixin.scss"; | 108 | .ls-mask { |
109 | @import "~@/styles/dialogBox.scss"; | ||
110 | |||
111 | .ls-mask { | ||
112 | width: 100%; | 109 | width: 100%; |
113 | height: 100%; | 110 | height: 100%; |
114 | z-index: 2000; | 111 | z-index: 2000; |
... | @@ -116,10 +113,9 @@ export default { | ... | @@ -116,10 +113,9 @@ export default { |
116 | left: 0; | 113 | left: 0; |
117 | top: 0; | 114 | top: 0; |
118 | background: rgba(0, 0, 0, 0.3); | 115 | background: rgba(0, 0, 0, 0.3); |
116 | } | ||
119 | 117 | ||
120 | } | 118 | .ls-mask-window { |
121 | |||
122 | .ls-mask-window { | ||
123 | background: white; | 119 | background: white; |
124 | position: relative; | 120 | position: relative; |
125 | left: 50%; | 121 | left: 50%; |
... | @@ -128,36 +124,41 @@ export default { | ... | @@ -128,36 +124,41 @@ export default { |
128 | transform: translate(-50%, -50%); | 124 | transform: translate(-50%, -50%); |
129 | border-radius: 5px; | 125 | border-radius: 5px; |
130 | overflow: hidden; | 126 | overflow: hidden; |
131 | } | 127 | } |
132 | 128 | ||
133 | .ls-mask-window b { | 129 | .ls-mask-window b { |
134 | padding-left: 5px; | 130 | padding-left: 5px; |
135 | } | 131 | } |
136 | 132 | ||
137 | /deep/.closeStyle { | 133 | /deep/.closeStyle { |
138 | top: 7px !important; | 134 | top: 7px !important; |
139 | } | 135 | } |
136 | .ls-title { | ||
137 | padding: 10px; | ||
138 | color: #ffffff; | ||
139 | font-size: 16px; | ||
140 | } | ||
140 | 141 | ||
141 | .ls-title { | 142 | .ls-title { |
142 | padding: 10px; | 143 | padding: 10px; |
143 | color: #ffffff; | 144 | color: #ffffff; |
144 | // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | 145 | // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); |
145 | font-size: 16px; | 146 | font-size: 16px; |
146 | } | 147 | } |
147 | 148 | ||
148 | .ls-title .svg-icon { | 149 | .ls-title .svg-icon { |
149 | font-size: 18px; | 150 | font-size: 18px; |
150 | } | 151 | } |
151 | 152 | ||
152 | .mask-content { | 153 | .mask-content { |
153 | padding: 15px; | 154 | padding: 15px; |
154 | width: 100%; | 155 | width: 100%; |
155 | min-height: 20%; | 156 | min-height: 20%; |
156 | max-height: 95%; | 157 | max-height: 95%; |
157 | // overflow-y: scroll; | 158 | // overflow-y: scroll; |
158 | } | 159 | } |
159 | 160 | ||
160 | .ls-mask-footer { | 161 | .ls-mask-footer { |
161 | height: 50px; | 162 | height: 50px; |
162 | display: flex; | 163 | display: flex; |
163 | justify-content: center; | 164 | justify-content: center; |
... | @@ -169,24 +170,23 @@ export default { | ... | @@ -169,24 +170,23 @@ export default { |
169 | border-bottom-left-radius: 5px; | 170 | border-bottom-left-radius: 5px; |
170 | border-bottom-right-radius: 5px; | 171 | border-bottom-right-radius: 5px; |
171 | overflow: hidden; | 172 | overflow: hidden; |
172 | } | 173 | } |
173 | |||
174 | 174 | ||
175 | /deep/.closeStyle { | 175 | /deep/.closeStyle { |
176 | position: absolute; | 176 | position: absolute; |
177 | top: 13px; | 177 | top: 13px; |
178 | right: 26px; | 178 | right: 26px; |
179 | font-size: 24px; | 179 | font-size: 24px; |
180 | cursor: pointer; | 180 | cursor: pointer; |
181 | color: #409EFF; | 181 | color: #409eff; |
182 | } | 182 | } |
183 | 183 | ||
184 | /deep/.el-loading-mask { | 184 | /deep/.el-loading-mask { |
185 | background: none; | 185 | background: none; |
186 | } | 186 | } |
187 | 187 | ||
188 | /deep/.el-button { | 188 | /deep/.el-button { |
189 | margin: 8px 10px; | 189 | margin: 8px 10px; |
190 | width: 75px; | 190 | width: 75px; |
191 | } | 191 | } |
192 | </style> | 192 | </style> | ... | ... |
1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673321301365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3462" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M910.617673 211.45497c-29.726022-40.739866-65.373916-76.582189-105.953124-106.533338-31.447223-23.211654-65.346287-42.500976-101.132328-57.574277-17.797341-7.496741-38.217417 1.723248-44.400233 20.018939l0 0c-5.586229 16.531512 2.569522 34.533514 18.648732 41.309848 30.91408 13.027711 60.204174 29.700439 87.38421 49.761334 35.128055 25.927509 65.986877 56.9562 91.719958 92.223425 53.42477 73.218582 81.662905 159.989831 81.662905 250.935146 0 57.551764-11.264555 113.364931-33.480532 165.888168-21.464871 50.748824-52.199872 96.333022-91.352591 135.484717-39.152718 39.153742-84.736916 69.888743-135.484717 91.352591-52.523237 22.215978-108.336404 33.480532-165.888168 33.480532-57.552787 0-113.364931-11.264555-165.889191-33.480532-50.748824-21.464871-96.331999-52.199872-135.484717-91.352591-39.152718-39.152718-69.888743-84.736916-91.353614-135.484717-22.214954-52.523237-33.479509-108.336404-33.479509-165.888168 0-90.842984 28.180829-177.536462 81.495082-250.706949 25.681916-35.244712 56.481386-66.265216 91.545996-92.199888 27.118638-20.056801 56.344263-36.737716 87.192851-49.78794 16.072047-6.798846 24.204262-24.812105 18.594497-41.336454l0 0c-6.207375-18.285458-26.638707-27.478841-44.424792-19.958564-35.712363 15.098883-69.537749 34.399461-100.915387 57.607022-40.505529 29.958312-76.084862 65.791425-105.750509 106.506732C52.210106 296.342312 19.618826 396.581294 19.618826 501.596046c0 66.5016 13.031804 131.033335 38.734186 191.800327 24.818245 58.677401 60.340273 111.367437 105.58064 156.606781 45.240367 45.240367 97.930403 80.763418 156.607804 105.581664 60.766992 25.701358 125.297704 38.734186 191.800327 38.734186 66.502623 0 131.033335-13.031804 191.800327-38.734186 58.677401-24.818245 111.366414-60.341297 156.606781-105.581664 45.240367-45.239344 80.762395-97.92938 105.581664-156.606781 25.701358-60.766992 38.734186-125.297704 38.734186-191.800327C1005.062695 396.463614 972.403878 296.133557 910.617673 211.45497z" fill="#ffffff" p-id="3463"></path><path d="M509.270842 388.009058 509.270842 388.009058c20.261463 0 36.839023-16.57756 36.839023-36.839023L546.109866 75.454506c0-20.261463-16.57756-36.839023-36.839023-36.839023l0 0c-20.261463 0-36.839023 16.57756-36.839023 36.839023l0 275.715529C472.431819 371.431497 489.00938 388.009058 509.270842 388.009058z" fill="#ffffff" p-id="3464"></path></svg> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673321301365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3462" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M910.617673 211.45497c-29.726022-40.739866-65.373916-76.582189-105.953124-106.533338-31.447223-23.211654-65.346287-42.500976-101.132328-57.574277-17.797341-7.496741-38.217417 1.723248-44.400233 20.018939l0 0c-5.586229 16.531512 2.569522 34.533514 18.648732 41.309848 30.91408 13.027711 60.204174 29.700439 87.38421 49.761334 35.128055 25.927509 65.986877 56.9562 91.719958 92.223425 53.42477 73.218582 81.662905 159.989831 81.662905 250.935146 0 57.551764-11.264555 113.364931-33.480532 165.888168-21.464871 50.748824-52.199872 96.333022-91.352591 135.484717-39.152718 39.153742-84.736916 69.888743-135.484717 91.352591-52.523237 22.215978-108.336404 33.480532-165.888168 33.480532-57.552787 0-113.364931-11.264555-165.889191-33.480532-50.748824-21.464871-96.331999-52.199872-135.484717-91.352591-39.152718-39.152718-69.888743-84.736916-91.353614-135.484717-22.214954-52.523237-33.479509-108.336404-33.479509-165.888168 0-90.842984 28.180829-177.536462 81.495082-250.706949 25.681916-35.244712 56.481386-66.265216 91.545996-92.199888 27.118638-20.056801 56.344263-36.737716 87.192851-49.78794 16.072047-6.798846 24.204262-24.812105 18.594497-41.336454l0 0c-6.207375-18.285458-26.638707-27.478841-44.424792-19.958564-35.712363 15.098883-69.537749 34.399461-100.915387 57.607022-40.505529 29.958312-76.084862 65.791425-105.750509 106.506732C52.210106 296.342312 19.618826 396.581294 19.618826 501.596046c0 66.5016 13.031804 131.033335 38.734186 191.800327 24.818245 58.677401 60.340273 111.367437 105.58064 156.606781 45.240367 45.240367 97.930403 80.763418 156.607804 105.581664 60.766992 25.701358 125.297704 38.734186 191.800327 38.734186 66.502623 0 131.033335-13.031804 191.800327-38.734186 58.677401-24.818245 111.366414-60.341297 156.606781-105.581664 45.240367-45.239344 80.762395-97.92938 105.581664-156.606781 25.701358-60.766992 38.734186-125.297704 38.734186-191.800327C1005.062695 396.463614 972.403878 296.133557 910.617673 211.45497z" fill="#ffffff" p-id="3463"></path><path d="M509.270842 388.009058 509.270842 388.009058c20.261463 0 36.839023-16.57756 36.839023-36.839023L546.109866 75.454506c0-20.261463-16.57756-36.839023-36.839023-36.839023l0 0c-20.261463 0-36.839023 16.57756-36.839023 36.839023l0 275.715529C472.431819 371.431497 489.00938 388.009058 509.270842 388.009058z" p-id="3464"></path></svg> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118828860" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2768" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); } | 1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118828860" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2768" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); } |
2 | </style></defs><path d="M889.898667 98.730667c16.170667 0 29.269333 13.098667 29.269333 29.269333v719.232a114.602667 114.602667 0 0 1-114.602667 114.602667H128a71.936 71.936 0 0 1-71.936-71.936V213.333333A114.602667 114.602667 0 0 1 170.666667 98.730667z m-29.269334 58.496H170.666667c-30.976 0-56.064 25.173333-56.064 56.106666v676.565334c0 7.424 5.973333 13.397333 13.397333 13.397333h676.565333c30.976 0 56.064-25.088 56.064-56.064V157.226667zM597.333333 457.173333a146.304 146.304 0 0 1 134.826667 203.093334l68.693333 68.778666a29.269333 29.269333 0 0 1-37.717333 44.458667l-3.626667-3.114667-61.184-61.141333A146.304 146.304 0 1 1 597.333333 457.130667z m-219.434666 244.992a29.269333 29.269333 0 0 1 4.309333 58.197334l-4.266667 0.341333h-146.346666a29.269333 29.269333 0 0 1-4.266667-58.197333l4.266667-0.341334h146.346666zM597.333333 515.669333a87.765333 87.765333 0 1 0 0 175.530667 87.765333 87.765333 0 0 0 0-175.530667z m-219.434666 3.626667a29.269333 29.269333 0 0 1 4.309333 58.197333l-4.266667 0.341334h-146.346666a29.269333 29.269333 0 0 1-4.266667-58.197334l4.266667-0.341333h146.346666zM743.68 299.946667a29.269333 29.269333 0 0 1 4.266667 58.197333l-4.266667 0.298667h-512a29.269333 29.269333 0 0 1-4.352-58.197334l4.352-0.298666h512z" fill="#ffffff" p-id="2769"></path></svg> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
2 | </style></defs><path d="M889.898667 98.730667c16.170667 0 29.269333 13.098667 29.269333 29.269333v719.232a114.602667 114.602667 0 0 1-114.602667 114.602667H128a71.936 71.936 0 0 1-71.936-71.936V213.333333A114.602667 114.602667 0 0 1 170.666667 98.730667z m-29.269334 58.496H170.666667c-30.976 0-56.064 25.173333-56.064 56.106666v676.565334c0 7.424 5.973333 13.397333 13.397333 13.397333h676.565333c30.976 0 56.064-25.088 56.064-56.064V157.226667zM597.333333 457.173333a146.304 146.304 0 0 1 134.826667 203.093334l68.693333 68.778666a29.269333 29.269333 0 0 1-37.717333 44.458667l-3.626667-3.114667-61.184-61.141333A146.304 146.304 0 1 1 597.333333 457.130667z m-219.434666 244.992a29.269333 29.269333 0 0 1 4.309333 58.197334l-4.266667 0.341333h-146.346666a29.269333 29.269333 0 0 1-4.266667-58.197333l4.266667-0.341334h146.346666zM597.333333 515.669333a87.765333 87.765333 0 1 0 0 175.530667 87.765333 87.765333 0 0 0 0-175.530667z m-219.434666 3.626667a29.269333 29.269333 0 0 1 4.309333 58.197333l-4.266667 0.341334h-146.346666a29.269333 29.269333 0 0 1-4.266667-58.197334l4.266667-0.341333h146.346666zM743.68 299.946667a29.269333 29.269333 0 0 1 4.266667 58.197333l-4.266667 0.298667h-512a29.269333 29.269333 0 0 1-4.352-58.197334l4.352-0.298666h512z" p-id="2769"></path></svg> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118877999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2952" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); } | 1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118877999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2952" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); } |
2 | </style></defs><path d="M779.008 56.064c14.72 0 26.88 10.837333 28.970667 24.96l0.298666 4.309333v692.181334c0 14.72-10.837333 26.88-24.917333 28.970666l-4.352 0.298667H229.632a29.269333 29.269333 0 0 1-4.352-58.197333l4.352-0.298667 520.106667-0.042667V114.56H170.666667c-29.013333 0-52.906667 22.101333-55.808 50.346667L114.602667 170.666667l-0.042667 689.962666H810.666667c29.013333 0 52.906667-22.058667 55.808-50.346666l0.256-5.717334V262.528a29.269333 29.269333 0 0 1 58.197333-4.309333l0.341333 4.309333v542.037333a114.602667 114.602667 0 0 1-107.349333 114.346667l-7.253333 0.256H85.333333a29.269333 29.269333 0 0 1-28.928-24.96l-0.341333-4.266667V170.666667A114.602667 114.602667 0 0 1 163.413333 56.32L170.666667 56.064h608.341333z m-236.544 219.434667c10.112 0 19.456 5.205333 24.832 13.738666l91.434667 146.304a29.269333 29.269333 0 0 1 0 31.018667l-91.434667 146.261333a29.269333 29.269333 0 0 1-24.832 13.781334H359.68a29.269333 29.269333 0 0 1-24.832-13.781334l-91.434667-146.261333a29.269333 29.269333 0 0 1 0-31.018667l91.434667-146.304a29.269333 29.269333 0 0 1 24.832-13.738666z m-16.213333 58.496H375.893333l-73.173333 117.034666 73.173333 117.034667h150.357334l73.173333-117.034667-73.173333-117.034666z" fill="#ffffff" p-id="2953"></path></svg> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
2 | </style></defs><path d="M779.008 56.064c14.72 0 26.88 10.837333 28.970667 24.96l0.298666 4.309333v692.181334c0 14.72-10.837333 26.88-24.917333 28.970666l-4.352 0.298667H229.632a29.269333 29.269333 0 0 1-4.352-58.197333l4.352-0.298667 520.106667-0.042667V114.56H170.666667c-29.013333 0-52.906667 22.101333-55.808 50.346667L114.602667 170.666667l-0.042667 689.962666H810.666667c29.013333 0 52.906667-22.058667 55.808-50.346666l0.256-5.717334V262.528a29.269333 29.269333 0 0 1 58.197333-4.309333l0.341333 4.309333v542.037333a114.602667 114.602667 0 0 1-107.349333 114.346667l-7.253333 0.256H85.333333a29.269333 29.269333 0 0 1-28.928-24.96l-0.341333-4.266667V170.666667A114.602667 114.602667 0 0 1 163.413333 56.32L170.666667 56.064h608.341333z m-236.544 219.434667c10.112 0 19.456 5.205333 24.832 13.738666l91.434667 146.304a29.269333 29.269333 0 0 1 0 31.018667l-91.434667 146.261333a29.269333 29.269333 0 0 1-24.832 13.781334H359.68a29.269333 29.269333 0 0 1-24.832-13.781334l-91.434667-146.261333a29.269333 29.269333 0 0 1 0-31.018667l91.434667-146.304a29.269333 29.269333 0 0 1 24.832-13.738666z m-16.213333 58.496H375.893333l-73.173333 117.034666 73.173333 117.034667h150.357334l73.173333-117.034667-73.173333-117.034666z" p-id="2953"></path></svg> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -45,6 +45,7 @@ export default { | ... | @@ -45,6 +45,7 @@ export default { |
45 | .then((res) => { | 45 | .then((res) => { |
46 | sessionStorage.removeItem("token"); | 46 | sessionStorage.removeItem("token"); |
47 | this.$store.dispatch("user/resetState"); | 47 | this.$store.dispatch("user/resetState"); |
48 | this.$store.dispatch("permission/resetRoutes"); | ||
48 | this.$router.replace({ | 49 | this.$router.replace({ |
49 | path: "/jg", | 50 | path: "/jg", |
50 | query: { | 51 | query: { |
... | @@ -54,17 +55,12 @@ export default { | ... | @@ -54,17 +55,12 @@ export default { |
54 | }) | 55 | }) |
55 | .catch((error) => { | 56 | .catch((error) => { |
56 | // console.dir(error); | 57 | // console.dir(error); |
57 | }); | 58 | }) |
58 | }, | 59 | } |
59 | }, | 60 | } |
60 | }; | 61 | }; |
61 | </script> | 62 | </script> |
62 | <style lang="scss" scoped> | 63 | <style lang="scss" scoped> |
63 | /deep/.el-menu--horizontal { | ||
64 | display: flex; | ||
65 | align-items: center; | ||
66 | } | ||
67 | |||
68 | .menubg { | 64 | .menubg { |
69 | height: 34px; | 65 | height: 34px; |
70 | width: 130px !important; | 66 | width: 130px !important; |
... | @@ -101,6 +97,7 @@ export default { | ... | @@ -101,6 +97,7 @@ export default { |
101 | display: flex; | 97 | display: flex; |
102 | justify-content: space-between; | 98 | justify-content: space-between; |
103 | width: 100%; | 99 | width: 100%; |
100 | background: transparent !important; | ||
104 | } | 101 | } |
105 | 102 | ||
106 | /deep/.el-menu-item { | 103 | /deep/.el-menu-item { | ... | ... |
... | @@ -37,9 +37,3 @@ export default { | ... | @@ -37,9 +37,3 @@ export default { |
37 | } | 37 | } |
38 | } | 38 | } |
39 | </script> | 39 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file |
40 | <style scoped lang="scss"> | ||
41 | .el-menu--horizontal { | ||
42 | display: flex; | ||
43 | background: none !important; | ||
44 | } | ||
45 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-01-10 09:03:06 | 3 | * @Date: 2023-01-10 09:03:06 |
4 | * @LastEditors: xiaomiao 1158771342@qq.com | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-08 10:45:43 | 5 | * @LastEditTime: 2023-03-22 10:43:26 |
6 | * @FilePath: \监管系统\js-web-jianguan\src\layout\components\Sidebar\sidebarRight.vue | 6 | * @FilePath: \监管系统\js-web-jianguan\src\layout\components\Sidebar\sidebarRight.vue |
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
8 | --> | 8 | --> |
... | @@ -17,12 +17,12 @@ | ... | @@ -17,12 +17,12 @@ |
17 | </template> | 17 | </template> |
18 | 18 | ||
19 | <script> | 19 | <script> |
20 | import { mapGetters } from 'vuex' | 20 | import { mapGetters } from 'vuex' |
21 | import Logo from './Logo' | 21 | import Logo from './Logo' |
22 | import SidebarItem from './SidebarItem' | 22 | import SidebarItem from './SidebarItem' |
23 | import variables from '@/styles/variables.scss' | 23 | import variables from '@/styles/variables.scss' |
24 | import { asyncRoutes } from '@/router' | 24 | import { asyncRoutes } from '@/router' |
25 | export default { | 25 | export default { |
26 | components: { SidebarItem, Logo }, | 26 | components: { SidebarItem, Logo }, |
27 | computed: { | 27 | computed: { |
28 | ...mapGetters(['permission_routes', 'sidebar']), | 28 | ...mapGetters(['permission_routes', 'sidebar']), |
... | @@ -41,35 +41,5 @@ | ... | @@ -41,35 +41,5 @@ |
41 | return asyncRoutes.slice(3, 6) | 41 | return asyncRoutes.slice(3, 6) |
42 | } | 42 | } |
43 | } | 43 | } |
44 | } | 44 | } |
45 | </script> | 45 | </script> |
46 | <style scoped lang="scss"> | ||
47 | .el-menu--horizontal { | ||
48 | display: flex; | ||
49 | background: none !important; | ||
50 | } | ||
51 | |||
52 | /deep/.el-menu-item:hover { | ||
53 | background: none; | ||
54 | font-weight: 700; | ||
55 | color: #fff !important; | ||
56 | } | ||
57 | |||
58 | /deep/.el-submenu__title { | ||
59 | color: #fff; | ||
60 | font-size: 18px; | ||
61 | } | ||
62 | |||
63 | /deep/.el-submenu__title:hover { | ||
64 | background: none; | ||
65 | font-weight: 700; | ||
66 | font-size: 20px; | ||
67 | } | ||
68 | |||
69 | /deep/.el-menu--horizontal .el-menu-item:not(.is-disabled):focus { | ||
70 | background: none; | ||
71 | color: #fff; | ||
72 | font-size: 20px; | ||
73 | font-weight: 700 !important; | ||
74 | } | ||
75 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-20 16:35:09 | 4 | * @LastEditTime: 2023-03-22 10:23:46 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <section class="app-main"> | 7 | <section> |
8 | <transition name="fade-transform" mode="out-in"> | 8 | <transition name="fade-transform" mode="out-in"> |
9 | <router-view /> | 9 | <router-view /> |
10 | </transition> | 10 | </transition> |
... | @@ -20,14 +20,3 @@ export default { | ... | @@ -20,14 +20,3 @@ export default { |
20 | } | 20 | } |
21 | } | 21 | } |
22 | </script> | 22 | </script> |
23 | <style lang="scss" scoped> | ||
24 | .app-main { | ||
25 | height: calc(100vh - 74px); | ||
26 | overflow-x: hidden; | ||
27 | box-sizing: border-box; | ||
28 | flex: 1; | ||
29 | width: 100%; | ||
30 | background: #EFF0F4; | ||
31 | padding: 15px; | ||
32 | } | ||
33 | </style> | ... | ... |
... | @@ -7,14 +7,12 @@ | ... | @@ -7,14 +7,12 @@ |
7 | </div> | 7 | </div> |
8 | <div class="right-menu"> | 8 | <div class="right-menu"> |
9 | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand"> | 9 | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand"> |
10 | <div class="avatar-wrapper"> | 10 | <div class="user"> |
11 | <span style="padding-right:10px">{{ name }}</span> | 11 | {{ userName }} |
12 | <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> | 12 | <span @click="onCancel"> |
13 | <i class="el-icon-switch-button"></i> | ||
14 | </span> | ||
13 | </div> | 15 | </div> |
14 | <el-dropdown-menu slot="dropdown"> | ||
15 | <el-dropdown-item command="a">个人中心</el-dropdown-item> | ||
16 | <el-dropdown-item command="b">退出</el-dropdown-item> | ||
17 | </el-dropdown-menu> | ||
18 | </el-dropdown> | 16 | </el-dropdown> |
19 | </div> | 17 | </div> |
20 | </div> | 18 | </div> |
... | @@ -23,17 +21,15 @@ | ... | @@ -23,17 +21,15 @@ |
23 | <script> | 21 | <script> |
24 | import { mapGetters } from 'vuex' | 22 | import { mapGetters } from 'vuex' |
25 | import Breadcrumb from './Breadcrumb' | 23 | import Breadcrumb from './Breadcrumb' |
26 | import defaultSettings from '@/settings' | 24 | import { logout } from "@/api/login.js"; |
27 | export default { | 25 | export default { |
28 | components: { | 26 | components: { |
29 | Breadcrumb | 27 | Breadcrumb |
30 | }, | 28 | }, |
31 | computed: { | 29 | computed: { |
32 | ...mapGetters(['sidebar', 'avatar', 'name']) | 30 | ...mapGetters(["sidebar", "dicData", "userInfo"]), |
33 | }, | 31 | userName () { |
34 | data () { | 32 | return this.userInfo ? this.userInfo.name : "" |
35 | return { | ||
36 | title: defaultSettings.title | ||
37 | } | 33 | } |
38 | }, | 34 | }, |
39 | methods: { | 35 | methods: { |
... | @@ -44,11 +40,22 @@ export default { | ... | @@ -44,11 +40,22 @@ export default { |
44 | themeChange (val) { | 40 | themeChange (val) { |
45 | this.$store.dispatch('app/updateTheme', val) | 41 | this.$store.dispatch('app/updateTheme', val) |
46 | }, | 42 | }, |
47 | handleCommand (command) { | 43 | onCancel () { |
48 | if (command == 'a') { | 44 | logout() |
49 | } else { | 45 | .then((res) => { |
50 | 46 | sessionStorage.removeItem("token"); | |
51 | } | 47 | this.$store.dispatch("user/resetState"); |
48 | this.$store.dispatch("permission/resetRoutes"); | ||
49 | this.$router.replace({ | ||
50 | path: "/sb", | ||
51 | query: { | ||
52 | redirect: this.$route.fullPath, | ||
53 | }, | ||
54 | }); | ||
55 | }) | ||
56 | .catch((error) => { | ||
57 | // console.dir(error); | ||
58 | }) | ||
52 | } | 59 | } |
53 | } | 60 | } |
54 | } | 61 | } |
... | @@ -64,6 +71,7 @@ export default { | ... | @@ -64,6 +71,7 @@ export default { |
64 | font-size: 26px; | 71 | font-size: 26px; |
65 | font-weight: 700; | 72 | font-weight: 700; |
66 | display: flex; | 73 | display: flex; |
74 | margin-left: 15px; | ||
67 | 75 | ||
68 | img { | 76 | img { |
69 | width: 47px; | 77 | width: 47px; |
... | @@ -78,50 +86,11 @@ export default { | ... | @@ -78,50 +86,11 @@ export default { |
78 | } | 86 | } |
79 | } | 87 | } |
80 | 88 | ||
81 | .NoticeBar { | ||
82 | position: absolute; | ||
83 | bottom: 0; | ||
84 | } | ||
85 | |||
86 | .el-dropdown-menu { | ||
87 | padding: 0 !important; | ||
88 | border: 1px solid #ebeef5; | ||
89 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); | ||
90 | border-radius: 4px 0 0 4px 4px; | ||
91 | |||
92 | .el-dropdown-menu__item { | ||
93 | text-align: center; | ||
94 | margin-top: 0 !important; | ||
95 | font-size: 14px; | ||
96 | font-weight: 400; | ||
97 | color: #4a4a4a; | ||
98 | width: 140px; | ||
99 | height: 36px; | ||
100 | line-height: 36px; | ||
101 | } | ||
102 | |||
103 | .el-dropdown-menu__item:nth-child(6) { | ||
104 | border-top: 1px solid #ebeef5; | ||
105 | } | ||
106 | |||
107 | .popper__arrow { | ||
108 | top: -11px !important; | ||
109 | left: 110px !important; | ||
110 | transform: rotate(0deg) scale(2); | ||
111 | } | ||
112 | |||
113 | .el-dropdown-menu__item:not(.is-disabled):hover, | ||
114 | .el-dropdown-menu__item:focus { | ||
115 | background: #f6f7f9; | ||
116 | color: #4a4a4a; | ||
117 | } | ||
118 | } | ||
119 | |||
120 | .navbar { | 89 | .navbar { |
121 | height: $headerHeight; | 90 | height: $headerHeight; |
122 | overflow: hidden; | 91 | overflow: hidden; |
123 | position: relative; | 92 | position: relative; |
124 | @include background_color("navbg"); | 93 | @include background("navbg"); |
125 | 94 | ||
126 | display: flex; | 95 | display: flex; |
127 | align-items: center; | 96 | align-items: center; |
... | @@ -132,117 +101,12 @@ export default { | ... | @@ -132,117 +101,12 @@ export default { |
132 | width: 300px; | 101 | width: 300px; |
133 | } | 102 | } |
134 | 103 | ||
135 | .backdrop { | ||
136 | flex: 1; | ||
137 | width: 60%; | ||
138 | background-size: 100% 100%; | ||
139 | height: $headerHeight; | ||
140 | display: flex; | ||
141 | align-items: center; | ||
142 | } | ||
143 | |||
144 | .hamburger-container { | ||
145 | line-height: 43px; | ||
146 | height: 100%; | ||
147 | float: left; | ||
148 | cursor: pointer; | ||
149 | transition: background 0.3s; | ||
150 | -webkit-tap-highlight-color: transparent; | ||
151 | |||
152 | &:hover { | ||
153 | background: rgba(0, 0, 0, 0.025); | ||
154 | } | ||
155 | } | ||
156 | |||
157 | .breadcrumb-container { | ||
158 | float: left; | ||
159 | } | ||
160 | |||
161 | .right-menu { | ||
162 | float: right; | ||
163 | height: 100%; | ||
164 | line-height: 50px; | ||
165 | display: flex; | ||
166 | align-items: center; | ||
167 | |||
168 | .function { | ||
169 | margin: 0 15px; | ||
170 | cursor: pointer; | ||
171 | } | ||
172 | |||
173 | .shutdown { | ||
174 | font-size: 20px; | ||
175 | margin-left: 15px; | ||
176 | cursor: pointer; | ||
177 | } | ||
178 | |||
179 | .organization-item { | ||
180 | margin-right: 40px; | ||
181 | margin-top: -40px !important; | ||
182 | } | ||
183 | |||
184 | .item { | ||
185 | margin-right: 40px; | ||
186 | margin-top: -20px; | ||
187 | line-height: 18.4px; | ||
188 | cursor: pointer; | ||
189 | position: relative; | ||
190 | |||
191 | .item-box { | ||
192 | position: absolute; | ||
193 | top: -5px; | ||
194 | left: 3px; | ||
195 | width: 100%; | ||
196 | min-width: 25px; | ||
197 | height: 25px; | ||
198 | cursor: pointer; | ||
199 | z-index: 100; | ||
200 | } | ||
201 | } | ||
202 | |||
203 | &:focus { | ||
204 | outline: none; | ||
205 | } | ||
206 | |||
207 | .right-menu-item { | 104 | .right-menu-item { |
208 | display: inline-block; | ||
209 | height: 100%; | ||
210 | font-size: 18px; | ||
211 | color: #fff; | ||
212 | vertical-align: text-bottom; | ||
213 | |||
214 | &.hover-effect { | 105 | &.hover-effect { |
215 | cursor: pointer; | 106 | cursor: pointer; |
216 | transition: background 0.3s; | 107 | transition: background 0.3s; |
217 | display: flex; | 108 | display: flex; |
218 | align-items: center; | 109 | align-items: center; |
219 | |||
220 | &:hover { | ||
221 | background: rgba(0, 0, 0, 0.025); | ||
222 | } | ||
223 | } | ||
224 | } | ||
225 | |||
226 | .avatar-wrapper { | ||
227 | position: relative; | ||
228 | display: flex; | ||
229 | height: 40px; | ||
230 | align-items: center; | ||
231 | |||
232 | .user-avatar { | ||
233 | cursor: pointer; | ||
234 | width: 35px; | ||
235 | height: 35px; | ||
236 | border-radius: 50%; | ||
237 | } | ||
238 | |||
239 | .el-icon-caret-bottom { | ||
240 | cursor: pointer; | ||
241 | position: absolute; | ||
242 | right: -15px; | ||
243 | top: 17px; | ||
244 | font-size: 12px; | ||
245 | } | ||
246 | } | 110 | } |
247 | } | 111 | } |
248 | } | 112 | } | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-22 11:19:04 | ||
5 | --> | ||
1 | <script> | 6 | <script> |
2 | export default { | 7 | export default { |
3 | name: 'MenuItem', | 8 | name: 'MenuItem', |
... | @@ -31,11 +36,3 @@ export default { | ... | @@ -31,11 +36,3 @@ export default { |
31 | } | 36 | } |
32 | } | 37 | } |
33 | </script> | 38 | </script> |
34 | |||
35 | <style scoped> | ||
36 | .sub-el-icon { | ||
37 | color: currentColor; | ||
38 | width: 1em; | ||
39 | height: 1em; | ||
40 | } | ||
41 | </style> | ... | ... |
... | @@ -35,7 +35,7 @@ export default { | ... | @@ -35,7 +35,7 @@ export default { |
35 | }, | 35 | }, |
36 | computed: { | 36 | computed: { |
37 | visitedViews () { | 37 | visitedViews () { |
38 | return this.$store.state.tagsView.visitedViews | 38 | return this.$store.state.tagsView.visitedViews.slice(1) |
39 | }, | 39 | }, |
40 | routes () { | 40 | routes () { |
41 | return this.$store.state.permission.routes | 41 | return this.$store.state.permission.routes |
... | @@ -199,7 +199,7 @@ export default { | ... | @@ -199,7 +199,7 @@ export default { |
199 | box-sizing: border-box; | 199 | box-sizing: border-box; |
200 | padding-top: 3px; | 200 | padding-top: 3px; |
201 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04); | 201 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04); |
202 | 202 | margin-bottom: 5px; | |
203 | .tags-view-wrapper { | 203 | .tags-view-wrapper { |
204 | .tags-view-item { | 204 | .tags-view-item { |
205 | display: inline-block; | 205 | display: inline-block; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-20 16:05:15 | 4 | * @LastEditTime: 2023-03-23 09:21:00 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="app-wrapper"> | 7 | <div class="app-wrapper"> |
8 | <navbar /> | 8 | <navbar /> |
9 | <div class="main-container"> | 9 | <div class="main-container"> |
10 | <sidebar class="sidebar-container" /> | 10 | <sidebar class="sidebar-container" /> |
11 | <div class="app-main"> | ||
12 | <tags-view v-if="needTagsView" /> | ||
11 | <app-main /> | 13 | <app-main /> |
12 | </div> | 14 | </div> |
13 | </div> | 15 | </div> |
16 | </div> | ||
14 | </template> | 17 | </template> |
15 | <script> | 18 | <script> |
16 | import { AppMain, Navbar, Sidebar, TagsView } from './components' | 19 | import { AppMain, Navbar, Sidebar, TagsView } from './components' |
... | @@ -37,6 +40,17 @@ export default { | ... | @@ -37,6 +40,17 @@ export default { |
37 | } | 40 | } |
38 | } | 41 | } |
39 | </script> | 42 | </script> |
43 | <style lang="scss" scoped> | ||
44 | .app-main { | ||
45 | height: calc(100vh - 74px); | ||
46 | overflow-x: hidden; | ||
47 | box-sizing: border-box; | ||
48 | flex: 1; | ||
49 | width: 100%; | ||
50 | background: #EAEBF0; | ||
51 | padding: 10px; | ||
52 | } | ||
53 | </style> | ||
40 | <style lang="scss"> | 54 | <style lang="scss"> |
41 | @import "~@/styles/mixin.scss"; | 55 | @import "~@/styles/mixin.scss"; |
42 | @import "~@/styles/sbSidebar.scss"; | 56 | @import "~@/styles/sbSidebar.scss"; |
... | @@ -69,9 +83,4 @@ export default { | ... | @@ -69,9 +83,4 @@ export default { |
69 | width: 100%; | 83 | width: 100%; |
70 | transition: width 0.28s; | 84 | transition: width 0.28s; |
71 | } | 85 | } |
72 | |||
73 | .el-dropdown-menu--small { | ||
74 | padding: 0; | ||
75 | width: 5px; | ||
76 | } | ||
77 | </style> | 86 | </style> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-01-16 09:10:12 | 3 | * @Date: 2023-01-16 09:10:12 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-21 14:15:40 | 5 | * @LastEditTime: 2023-03-21 15:00:04 |
6 | * @FilePath: \bdcjg-web\src\main.js | 6 | * @FilePath: \bdcjg-web\src\main.js |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -51,7 +51,7 @@ Vue.directive('fo', { | ... | @@ -51,7 +51,7 @@ Vue.directive('fo', { |
51 | import './image/icons' // icon | 51 | import './image/icons' // icon |
52 | import store from './store' | 52 | import store from './store' |
53 | import router from './router' | 53 | import router from './router' |
54 | import _, { set } from 'lodash' | 54 | import _ from 'lodash' |
55 | Vue.use(Element, { size: 'small', zIndex: 1000 }) | 55 | Vue.use(Element, { size: 'small', zIndex: 1000 }) |
56 | Vue.use(Base) | 56 | Vue.use(Base) |
57 | Vue.component('icon', Icon); | 57 | Vue.component('icon', Icon); |
... | @@ -60,16 +60,12 @@ Vue.use(dataV) | ... | @@ -60,16 +60,12 @@ Vue.use(dataV) |
60 | axios.get("./config.json") | 60 | axios.get("./config.json") |
61 | .then((res) => { | 61 | .then((res) => { |
62 | Vue.prototype.BASE_API = res.data | 62 | Vue.prototype.BASE_API = res.data |
63 | localStorage.setItem('ApiUrl', JSON.stringify(res.data)); | ||
63 | require('./permission') | 64 | require('./permission') |
64 | |||
65 | setTimeout(() => { | ||
66 | new Vue({ | 65 | new Vue({ |
67 | el: '#app', | 66 | el: '#app', |
68 | router, | 67 | router, |
69 | store, | 68 | store, |
70 | render: h => h(App) | 69 | render: h => h(App) |
71 | }) | 70 | }) |
72 | }, 20) | ||
73 | |||
74 | }) | 71 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file |
75 | ... | ... |
... | @@ -33,7 +33,7 @@ export const constantRoutes = [ | ... | @@ -33,7 +33,7 @@ export const constantRoutes = [ |
33 | { | 33 | { |
34 | path: '/', | 34 | path: '/', |
35 | component: Layout, | 35 | component: Layout, |
36 | redirect: '/home', | 36 | redirect: '/jg', |
37 | meta: { title: '首页' }, | 37 | meta: { title: '首页' }, |
38 | children: [ | 38 | children: [ |
39 | { | 39 | { |
... | @@ -59,7 +59,7 @@ export const asyncRoutes = [ | ... | @@ -59,7 +59,7 @@ export const asyncRoutes = [ |
59 | path: 'index', | 59 | path: 'index', |
60 | component: () => import('@/views/jsbwcx/index'), | 60 | component: () => import('@/views/jsbwcx/index'), |
61 | name: 'jsbwcx', | 61 | name: 'jsbwcx', |
62 | meta: { title: '接收报文查询', icon: 'zsgl' } | 62 | meta: { title: '区县接入', icon: 'zsgl' } |
63 | } | 63 | } |
64 | ] | 64 | ] |
65 | }, | 65 | }, | ... | ... |
... | @@ -2,13 +2,13 @@ | ... | @@ -2,13 +2,13 @@ |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-03-09 15:24:53 | 3 | * @Date: 2023-03-09 15:24:53 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-21 14:05:43 | 5 | * @LastEditTime: 2023-03-23 10:19:35 |
6 | * @FilePath: \上报\bdcjg-web\src\store\modules\permission.js | 6 | * @FilePath: \上报\bdcjg-web\src\store\modules\permission.js |
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
8 | */ | 8 | */ |
9 | import Vue from 'vue' | 9 | import Vue from 'vue' |
10 | import { constantRoutes } from '@/router' | 10 | import { constantRoutes } from '@/router' |
11 | import asyncRouter from '@/utils/asyncRouter.js' | 11 | // import asyncRouter from '@/utils/asyncRouter.js' |
12 | const state = { | 12 | const state = { |
13 | routes: [], | 13 | routes: [], |
14 | addRoutes: false, | 14 | addRoutes: false, |
... | @@ -26,6 +26,39 @@ const mutations = { | ... | @@ -26,6 +26,39 @@ const mutations = { |
26 | const actions = { | 26 | const actions = { |
27 | // 添加全部菜单 | 27 | // 添加全部菜单 |
28 | generateRoutes ({ commit }, getMenuInfo) { | 28 | generateRoutes ({ commit }, getMenuInfo) { |
29 | let Layout; | ||
30 | if (Vue.prototype.BASE_API.THEME == 'sb') { | ||
31 | Layout = r => require.ensure([], () => r(require(`@/layout1`))) | ||
32 | } else { | ||
33 | Layout = r => require.ensure([], () => r(require(`@/layout`))) | ||
34 | } | ||
35 | function asyncRouter (routers) { | ||
36 | routers.forEach(item => { | ||
37 | if (!item.children) { | ||
38 | delete item.children | ||
39 | } else { | ||
40 | item.children = asyncRouter(item.children) | ||
41 | } | ||
42 | item.path = JSON.parse(item.metadata)?.path || '/' | ||
43 | item.affix = JSON.parse(item.metadata)?.affix || false | ||
44 | if (!item.parentId) { | ||
45 | item.component = Layout | ||
46 | } else { | ||
47 | item.component = loadView(item.uri) | ||
48 | } | ||
49 | item.meta = { | ||
50 | title: item.name, | ||
51 | icon: item.icon, | ||
52 | affix: item.affix | ||
53 | } | ||
54 | }) | ||
55 | return routers | ||
56 | } | ||
57 | function loadView (view) { | ||
58 | return r => require.ensure([], () => r(require(`@/views${view}.vue`))) | ||
59 | } | ||
60 | |||
61 | |||
29 | return new Promise(resolve => { | 62 | return new Promise(resolve => { |
30 | // 将权限菜单数组转成路由树数据结构 | 63 | // 将权限菜单数组转成路由树数据结构 |
31 | let permission_tree = asyncRouter(getMenuInfo) | 64 | let permission_tree = asyncRouter(getMenuInfo) | ... | ... |
1 | $themes: (blue: ( //背景 | 1 | $themes: (blue: ( //背景 |
2 | navbg: #3D59C4, | 2 | navbg: linear-gradient(270deg, #EBF1FF 0%, #3D59C4 100%), |
3 | menuBg: #121F41, | 3 | menuBg: #F0F3FC, |
4 | menuActive: linear-gradient(90deg, rgba(61,90,198,0.7) 0%, rgba(61,90,198,0) 100%), | 4 | menuActive: #DFE7F7, |
5 | //字体 | 5 | //字体 |
6 | menuText: #A1A7C2, | 6 | menuText: #6D7278, |
7 | menuActiveText: #FFFFFF | 7 | menuActiveText: #4162D8, |
8 | // 没有子集 | ||
9 | submenuBg: #3D59C4, | ||
10 | submenuColor: #FFFFFF | ||
8 | ), | 11 | ), |
9 | 12 | ||
10 | green: ( | 13 | green: ( | ... | ... |
1 | .dialogBox { | ||
2 | overflow: hidden; | ||
3 | background: url("~@/image/dialogBg.png") no-repeat !important; | ||
4 | background-size: 100% 100% !important; | ||
5 | // min-height: 90vh; | ||
6 | 1 | ||
7 | .dialog_title { | ||
8 | display: flex; | ||
9 | position: relative; | ||
10 | font-size: 22px; | ||
11 | top: -10px; | ||
12 | width: 38%; | ||
13 | height: 40px; | ||
14 | margin-left: 28px; | ||
15 | justify-content: center; | ||
16 | white-space: nowrap; | ||
17 | |||
18 | b { | ||
19 | font-weight: 200; | ||
20 | display: inline-block; | ||
21 | position: relative; | ||
22 | font-size: 24px; | ||
23 | top: -11px; | ||
24 | width: 38%; | ||
25 | height: 40px; | ||
26 | margin-left: 28px; | ||
27 | // @include flex-center; | ||
28 | display: flex; | ||
29 | justify-content: center; | ||
30 | } | ||
31 | } | ||
32 | |||
33 | .dialog_full { | ||
34 | position: absolute; | ||
35 | top: 0; | ||
36 | right: 30px; | ||
37 | } | ||
38 | |||
39 | .el-dialog__body { | ||
40 | max-height: 88vh; | ||
41 | overflow-x: hidden; | ||
42 | overflow-y: hidden; | ||
43 | } | ||
44 | |||
45 | .dialog_footer { | ||
46 | margin-bottom: 8px; | ||
47 | @include flex-center; | ||
48 | } | ||
49 | |||
50 | .dialogBox-content { | ||
51 | height: auto | ||
52 | } | ||
53 | |||
54 | .editDialogBox-box { | ||
55 | background: #031A46; | ||
56 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
57 | border-radius: 2px; | ||
58 | border: 1px solid #6BC1FC; | ||
59 | margin: 0 18px 10px 18px; | ||
60 | } | ||
61 | } | ||
62 | |||
63 | .item-content-input { | ||
64 | /deep/.el-input__inner { | ||
65 | border: none !important; | ||
66 | text-align: right; | ||
67 | } | ||
68 | } | ||
69 | |||
70 | .regularHeight { | ||
71 | display: flex; | ||
72 | flex-direction: column; | ||
73 | height: 87vh; | ||
74 | |||
75 | .editDialogBox-con, | ||
76 | .JsonEditor { | ||
77 | flex: 1; | ||
78 | height: 100%; | ||
79 | } | ||
80 | } | ||
81 | |||
82 | .dialog-from { | ||
83 | padding: 13px; | ||
84 | border-radius: 2px; | ||
85 | box-sizing: border-box; | ||
86 | |||
87 | .el-row { | ||
88 | display: flex; | ||
89 | flex-wrap: nowrap; | ||
90 | } | ||
91 | |||
92 | .el-col { | ||
93 | line-height: 18px; | ||
94 | display: flex; | ||
95 | align-items: center; | ||
96 | margin-bottom: 3px; | ||
97 | color: #B5D6DC; | ||
98 | border-radius: 2px; | ||
99 | border: 1px solid #224C7C; | ||
100 | |||
101 | span { | ||
102 | display: inline-block; | ||
103 | padding: 3px; | ||
104 | border-radius: 3px; | ||
105 | overflow: hidden; | ||
106 | white-space: nowrap; | ||
107 | text-align: left; | ||
108 | color: #02D9FD; | ||
109 | } | ||
110 | |||
111 | p { | ||
112 | flex: 1; | ||
113 | width: 100%; | ||
114 | padding-left: 5px; | ||
115 | line-height: 20px; | ||
116 | color: #c0c4cc; | ||
117 | cursor: not-allowed; | ||
118 | white-space: nowrap; | ||
119 | margin-right: 5px; | ||
120 | text-align: right; | ||
121 | } | ||
122 | } | ||
123 | } | ||
124 | |||
125 | /deep/.el-textarea__inner { | ||
126 | border: 1px solid #224C7C; | ||
127 | margin: 0 0 10px 0 !important; | ||
128 | width: 100% !important; | ||
129 | color: #dadde3 !important; | ||
130 | background: transparent !important; | ||
131 | } | ||
132 | |||
133 | /deep/.el-input__inner { | ||
134 | border: 1px solid #224C7C !important; | ||
135 | margin: 0 !important; | ||
136 | width: 100% !important; | ||
137 | color: #dadde3 !important; | ||
138 | background: transparent !important; | ||
139 | } | ||
140 | |||
141 | .dialog_title { | ||
142 | @include flex; | ||
143 | justify-content: space-between; | ||
144 | width: 100%; | ||
145 | } | ||
146 | |||
147 | .el-dialog__header { | ||
148 | color: #FFFFFF; | ||
149 | height: 46px !important; | ||
150 | width: 97%; | ||
151 | margin: 0 auto; | ||
152 | margin-top: 2px; | ||
153 | } | ||
154 | |||
155 | .el-dialog__body { | ||
156 | padding-top: 0; | ||
157 | padding-bottom: 0; | ||
158 | // height: 95vh; | ||
159 | } | ||
160 | |||
161 | .el-dialog__headerbtn { | ||
162 | width: 42px; | ||
163 | height: 20px; | ||
164 | background: url("~@/image/closebg.png") no-repeat; | ||
165 | background-size: 100% 100%; | ||
166 | right: 40px; | ||
167 | top: 33px; | ||
168 | |||
169 | &:hover { | ||
170 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
171 | } | ||
172 | } | ||
173 | |||
174 | .el-dialog__close { | ||
175 | font-size: 0; | ||
176 | } | ||
177 | |||
178 | .el-form-item { | ||
179 | @include flex; | ||
180 | width: 100%; | ||
181 | } | ||
182 | |||
183 | .el-dialog__wrapper { | ||
184 | width: 100%; | ||
185 | height: 100%; | ||
186 | overflow: hidden; | ||
187 | } | ||
188 | |||
189 | .contentCenter { | ||
190 | position: absolute; | ||
191 | top: 50%; | ||
192 | left: 50%; | ||
193 | transform: translate(calc(-50% + 85px), -50%); | ||
194 | } | ||
195 | |||
196 | .mainCenter { | ||
197 | position: absolute; | ||
198 | top: 50%; | ||
199 | left: 50%; | ||
200 | transform: translate(-50%, -50%); | ||
201 | |||
202 | // 展开收起按钮位置 | ||
203 | .el-input__suffix { | ||
204 | right: 10px; | ||
205 | } | ||
206 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | @import '~@/styles/jgElement-ui.scss'; | 1 | @import '~@/styles/jgElement-ui.scss'; |
2 | 2 | ||
3 | .el-menu--horizontal { | ||
4 | display: flex; | ||
5 | background: none !important; | ||
6 | } | ||
7 | |||
3 | .tableClass { | 8 | .tableClass { |
4 | .el-table { | 9 | .el-table { |
5 | border: none !important; | 10 | border: none !important; |
... | @@ -79,6 +84,15 @@ | ... | @@ -79,6 +84,15 @@ |
79 | } | 84 | } |
80 | } | 85 | } |
81 | 86 | ||
87 | .el-dialog__close { | ||
88 | font-size: 0; | ||
89 | } | ||
90 | |||
91 | .el-form-item { | ||
92 | display: flex; | ||
93 | width: 100%; | ||
94 | } | ||
95 | |||
82 | .advanced-search { | 96 | .advanced-search { |
83 | display: flex; | 97 | display: flex; |
84 | font-size: 12px; | 98 | font-size: 12px; |
... | @@ -240,12 +254,6 @@ | ... | @@ -240,12 +254,6 @@ |
240 | color: #fff; | 254 | color: #fff; |
241 | } | 255 | } |
242 | 256 | ||
243 | .el-dialog__headerbtn { | ||
244 | position: absolute; | ||
245 | top: 22px; | ||
246 | right: 30px; | ||
247 | } | ||
248 | |||
249 | .el-dialog__header { | 257 | .el-dialog__header { |
250 | text-align: center; | 258 | text-align: center; |
251 | margin-bottom: 10px; | 259 | margin-bottom: 10px; |
... | @@ -424,6 +432,7 @@ | ... | @@ -424,6 +432,7 @@ |
424 | width: 100%; | 432 | width: 100%; |
425 | border-bottom: 1px solid #ccc; | 433 | border-bottom: 1px solid #ccc; |
426 | } | 434 | } |
435 | |||
427 | } | 436 | } |
428 | 437 | ||
429 | .el-dialog__wrapper { | 438 | .el-dialog__wrapper { |
... | @@ -552,3 +561,203 @@ | ... | @@ -552,3 +561,203 @@ |
552 | background-size: cover; | 561 | background-size: cover; |
553 | color: white; | 562 | color: white; |
554 | } | 563 | } |
564 | |||
565 | // 监管弹框样式 | ||
566 | .dialogBox { | ||
567 | overflow: hidden; | ||
568 | background: url("~@/image/dialogBg.png") no-repeat !important; | ||
569 | background-size: 100% 100% !important; | ||
570 | // min-height: 90vh; | ||
571 | |||
572 | .dialog_title { | ||
573 | display: flex; | ||
574 | position: relative; | ||
575 | font-size: 22px; | ||
576 | top: -10px; | ||
577 | width: 38%; | ||
578 | height: 40px; | ||
579 | margin-left: 28px; | ||
580 | justify-content: center; | ||
581 | white-space: nowrap; | ||
582 | |||
583 | b { | ||
584 | font-weight: 200; | ||
585 | display: inline-block; | ||
586 | position: relative; | ||
587 | font-size: 24px; | ||
588 | top: -11px; | ||
589 | width: 38%; | ||
590 | height: 40px; | ||
591 | margin-left: 28px; | ||
592 | // @include flex-center; | ||
593 | display: flex; | ||
594 | justify-content: center; | ||
595 | } | ||
596 | } | ||
597 | |||
598 | .dialog_full { | ||
599 | position: absolute; | ||
600 | top: 0; | ||
601 | right: 30px; | ||
602 | } | ||
603 | |||
604 | .el-dialog__body { | ||
605 | max-height: 88vh; | ||
606 | overflow-x: hidden; | ||
607 | overflow-y: hidden; | ||
608 | } | ||
609 | |||
610 | .dialog_footer { | ||
611 | margin-bottom: 8px; | ||
612 | display: flex; | ||
613 | justify-content: center; | ||
614 | align-items: center; | ||
615 | } | ||
616 | |||
617 | .dialogBox-content { | ||
618 | height: auto | ||
619 | } | ||
620 | |||
621 | .editDialogBox-box { | ||
622 | background: #031A46; | ||
623 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
624 | border-radius: 2px; | ||
625 | border: 1px solid #6BC1FC; | ||
626 | margin: 0 18px 10px 18px; | ||
627 | } | ||
628 | |||
629 | .item-content-input { | ||
630 | /deep/.el-input__inner { | ||
631 | border: none !important; | ||
632 | text-align: right; | ||
633 | } | ||
634 | } | ||
635 | |||
636 | .regularHeight { | ||
637 | display: flex; | ||
638 | flex-direction: column; | ||
639 | height: 87vh; | ||
640 | |||
641 | .editDialogBox-con, | ||
642 | .JsonEditor { | ||
643 | flex: 1; | ||
644 | height: 100%; | ||
645 | } | ||
646 | } | ||
647 | |||
648 | .dialog-from { | ||
649 | padding: 13px; | ||
650 | border-radius: 2px; | ||
651 | box-sizing: border-box; | ||
652 | |||
653 | .el-row { | ||
654 | display: flex; | ||
655 | flex-wrap: nowrap; | ||
656 | } | ||
657 | |||
658 | .el-col { | ||
659 | line-height: 18px; | ||
660 | display: flex; | ||
661 | align-items: center; | ||
662 | margin-bottom: 3px; | ||
663 | color: #B5D6DC; | ||
664 | border-radius: 2px; | ||
665 | border: 1px solid #224C7C; | ||
666 | |||
667 | span { | ||
668 | display: inline-block; | ||
669 | padding: 3px; | ||
670 | border-radius: 3px; | ||
671 | overflow: hidden; | ||
672 | white-space: nowrap; | ||
673 | text-align: left; | ||
674 | color: #02D9FD; | ||
675 | } | ||
676 | |||
677 | p { | ||
678 | flex: 1; | ||
679 | width: 100%; | ||
680 | padding-left: 5px; | ||
681 | line-height: 20px; | ||
682 | color: #c0c4cc; | ||
683 | cursor: not-allowed; | ||
684 | white-space: nowrap; | ||
685 | margin-right: 5px; | ||
686 | text-align: right; | ||
687 | } | ||
688 | } | ||
689 | |||
690 | } | ||
691 | |||
692 | .el-textarea__inner { | ||
693 | border: 1px solid #224C7C; | ||
694 | margin: 0 0 10px 0 !important; | ||
695 | width: 100% !important; | ||
696 | color: #dadde3 !important; | ||
697 | background: transparent !important; | ||
698 | } | ||
699 | |||
700 | .el-input__inner { | ||
701 | border: 1px solid #224C7C !important; | ||
702 | margin: 0 !important; | ||
703 | width: 100% !important; | ||
704 | color: #dadde3 !important; | ||
705 | background: transparent !important; | ||
706 | } | ||
707 | |||
708 | .el-dialog__header { | ||
709 | color: #FFFFFF; | ||
710 | height: 46px !important; | ||
711 | width: 97%; | ||
712 | margin: 0 auto; | ||
713 | margin-top: 2px; | ||
714 | } | ||
715 | |||
716 | .el-dialog__body { | ||
717 | padding-top: 0; | ||
718 | padding-bottom: 0; | ||
719 | // height: 95vh; | ||
720 | } | ||
721 | |||
722 | .el-dialog__headerbtn { | ||
723 | width: 42px; | ||
724 | height: 20px; | ||
725 | background: url("~@/image/closebg.png") no-repeat; | ||
726 | background-size: 100% 100%; | ||
727 | right: 40px; | ||
728 | top: 33px; | ||
729 | |||
730 | &:hover { | ||
731 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
732 | } | ||
733 | } | ||
734 | |||
735 | .el-dialog__close { | ||
736 | font-size: 0; | ||
737 | } | ||
738 | |||
739 | .el-form-item { | ||
740 | display: flex; | ||
741 | width: 100%; | ||
742 | } | ||
743 | |||
744 | } | ||
745 | .contentCenter { | ||
746 | position: absolute; | ||
747 | top: 50%; | ||
748 | left: 50%; | ||
749 | transform: translate(calc(-50% + 85px), -50%); | ||
750 | } | ||
751 | |||
752 | .mainCenter { | ||
753 | position: absolute; | ||
754 | top: 50%; | ||
755 | left: 50%; | ||
756 | transform: translate(-50%, -50%); | ||
757 | |||
758 | // 展开收起按钮位置 | ||
759 | .el-input__suffix { | ||
760 | right: 10px; | ||
761 | } | ||
762 | } | ||
763 | ... | ... |
... | @@ -198,10 +198,3 @@ input[type="number"] { | ... | @@ -198,10 +198,3 @@ input[type="number"] { |
198 | .el-form-item__content { | 198 | .el-form-item__content { |
199 | flex: 1; | 199 | flex: 1; |
200 | } | 200 | } |
201 | |||
202 | .el-submenu__title { | ||
203 | .svg-icon { | ||
204 | position: relative; | ||
205 | top: 2px; | ||
206 | } | ||
207 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -6,11 +6,10 @@ | ... | @@ -6,11 +6,10 @@ |
6 | min-width: 1280px; | 6 | min-width: 1280px; |
7 | box-sizing: border-box; | 7 | box-sizing: border-box; |
8 | overflow-x: hidden; | 8 | overflow-x: hidden; |
9 | padding: 2px; | ||
10 | 9 | ||
11 | &-header { | 10 | &-header { |
12 | width: 100%; | 11 | width: 100%; |
13 | padding: 5px 30px 20px 24px; | 12 | padding: 15px; |
14 | box-sizing: border-box; | 13 | box-sizing: border-box; |
15 | background-size: 100% 100%; | 14 | background-size: 100% 100%; |
16 | background: #FFFFFF; | 15 | background: #FFFFFF; |
... | @@ -20,14 +19,21 @@ | ... | @@ -20,14 +19,21 @@ |
20 | &-content { | 19 | &-content { |
21 | width: 100%; | 20 | width: 100%; |
22 | box-sizing: border-box; | 21 | box-sizing: border-box; |
23 | margin-top: 15px; | 22 | margin-top: 10px; |
24 | background: #FFFFFF; | 23 | background: #FFFFFF; |
25 | border-radius: 4px; | 24 | border-radius: 4px; |
26 | background-size: 100% 100%; | 25 | background-size: 100% 100%; |
27 | padding: 22px 42px 20px; | 26 | padding: 15px; |
28 | } | 27 | } |
29 | 28 | ||
29 | .el-dialog__close { | ||
30 | font-size: 0; | ||
31 | } | ||
30 | 32 | ||
33 | .el-form-item { | ||
34 | display: flex; | ||
35 | width: 100%; | ||
36 | } | ||
31 | 37 | ||
32 | .el-form--inline .el-form-item { | 38 | .el-form--inline .el-form-item { |
33 | width: auto; | 39 | width: auto; | ... | ... |
... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
8 | } | 8 | } |
9 | 9 | ||
10 | .el-form-item__content { | 10 | .el-form-item__content { |
11 | margin-left: 0!important; | 11 | margin-left: 0 !important; |
12 | } | 12 | } |
13 | 13 | ||
14 | .sidebar-container { | 14 | .sidebar-container { |
... | @@ -21,7 +21,9 @@ | ... | @@ -21,7 +21,9 @@ |
21 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, | 21 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, |
22 | 0s padding-right ease-in-out; | 22 | 0s padding-right ease-in-out; |
23 | } | 23 | } |
24 | 24 | .el-scrollbar { | |
25 | height: 100%; | ||
26 | } | ||
25 | .scrollbar-wrapper { | 27 | .scrollbar-wrapper { |
26 | overflow-x: hidden !important; | 28 | overflow-x: hidden !important; |
27 | margin-right: 0 !important; | 29 | margin-right: 0 !important; |
... | @@ -49,6 +51,7 @@ | ... | @@ -49,6 +51,7 @@ |
49 | .el-menu { | 51 | .el-menu { |
50 | background-color: transparent !important; | 52 | background-color: transparent !important; |
51 | border: none; | 53 | border: none; |
54 | @include font_color("menuText"); | ||
52 | height: 100%; | 55 | height: 100%; |
53 | width: 100% !important; | 56 | width: 100% !important; |
54 | } | 57 | } |
... | @@ -63,18 +66,17 @@ | ... | @@ -63,18 +66,17 @@ |
63 | .el-submenu__title { | 66 | .el-submenu__title { |
64 | padding-left: 10px !important; | 67 | padding-left: 10px !important; |
65 | @include font_color("menuText"); | 68 | @include font_color("menuText"); |
66 | height: 42px; | 69 | background-color: transparent !important; |
67 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); | ||
68 | margin-bottom: 8px; | ||
69 | 70 | ||
70 | &:hover { | 71 | &:hover { |
71 | color: $subMenuActiveText !important; | 72 | color: $subMenuActiveText !important; |
72 | background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | 73 | @include font_color("submenuColor"); |
74 | @include background_color("submenuBg"); | ||
73 | 75 | ||
74 | .svg-icon, | 76 | .svg-icon, |
75 | i, | 77 | i, |
76 | span { | 78 | span { |
77 | color: $subMenuActiveText !important; | 79 | @include font_color("submenuColor"); |
78 | } | 80 | } |
79 | } | 81 | } |
80 | } | 82 | } |
... | @@ -83,11 +85,12 @@ | ... | @@ -83,11 +85,12 @@ |
83 | .submenu-title-noDropdown { | 85 | .submenu-title-noDropdown { |
84 | @include font_color("menuText"); | 86 | @include font_color("menuText"); |
85 | padding-left: 20px; | 87 | padding-left: 20px; |
86 | margin-bottom: 8px; | 88 | height: 56px; |
89 | background-color: transparent !important; | ||
87 | 90 | ||
88 | &:hover { | 91 | &:hover { |
89 | @include font_color("menuActiveText"); | 92 | @include font_color("submenuColor"); |
90 | @include background("menuActive"); | 93 | @include background_color("submenuBg"); |
91 | 94 | ||
92 | .svg-icon { | 95 | .svg-icon { |
93 | color: #1ea6f8 !important; | 96 | color: #1ea6f8 !important; |
... | @@ -101,8 +104,8 @@ | ... | @@ -101,8 +104,8 @@ |
101 | 104 | ||
102 | .submenu-title-noDropdown.is-active, | 105 | .submenu-title-noDropdown.is-active, |
103 | .el-submenu__title.is-active { | 106 | .el-submenu__title.is-active { |
104 | @include background("menuActive"); | 107 | @include background_color("submenuBg"); |
105 | @include font_color("menuActiveText"); | 108 | @include font_color("submenuColor"); |
106 | 109 | ||
107 | .svg-icon { | 110 | .svg-icon { |
108 | color: #1ea6f8 !important; | 111 | color: #1ea6f8 !important; |
... | @@ -118,7 +121,6 @@ | ... | @@ -118,7 +121,6 @@ |
118 | font-weight: 600; | 121 | font-weight: 600; |
119 | font-size: $sideBarFontSize; | 122 | font-size: $sideBarFontSize; |
120 | 123 | ||
121 | // margin: 0 10px; | ||
122 | >i { | 124 | >i { |
123 | color: $subMenuActiveText !important; | 125 | color: $subMenuActiveText !important; |
124 | transform: rotate(90deg); | 126 | transform: rotate(90deg); |
... | @@ -131,7 +133,7 @@ | ... | @@ -131,7 +133,7 @@ |
131 | 133 | ||
132 | .svg-icon { | 134 | .svg-icon { |
133 | font-size: 18px; | 135 | font-size: 18px; |
134 | margin-top: -5px; | 136 | color: #6D7278 !important; |
135 | } | 137 | } |
136 | } | 138 | } |
137 | 139 | ||
... | @@ -143,28 +145,25 @@ | ... | @@ -143,28 +145,25 @@ |
143 | -o-transform: rotateZ(0deg) !important; | 145 | -o-transform: rotateZ(0deg) !important; |
144 | } | 146 | } |
145 | 147 | ||
146 | .is-active>.el-submenu__title { | ||
147 | color: #fff !important; | ||
148 | } | ||
149 | |||
150 | & .nest-menu .el-submenu>.el-submenu__title, | 148 | & .nest-menu .el-submenu>.el-submenu__title, |
151 | & .el-submenu .el-menu-item { | 149 | & .el-submenu .el-menu-item { |
150 | |||
152 | &.is-active { | 151 | &.is-active { |
153 | background-color: $subMenuHover !important; | 152 | @include background_color("menuActive"); |
154 | color: $menuActiveText !important; | 153 | @include font_color("menuActiveText"); |
155 | } | 154 | } |
156 | 155 | ||
157 | &:hover { | 156 | &:hover { |
158 | background-color: $subMenuHover !important; | 157 | @include background_color("menuActive"); |
158 | @include font_color("menuActiveText"); | ||
159 | color: $menuActiveText !important; | 159 | color: $menuActiveText !important; |
160 | } | 160 | } |
161 | 161 | ||
162 | min-width: 130px !important; | 162 | min-width: 130px !important; |
163 | background-color: transparent !important; | 163 | background-color: transparent !important; |
164 | font-weight: 600; | 164 | font-weight: 600; |
165 | @include font_color("menuText"); | ||
165 | font-size: $sideBarFontSize; | 166 | font-size: $sideBarFontSize; |
166 | margin: 0 10px; | ||
167 | // border-radius: 6px; | ||
168 | } | 167 | } |
169 | } | 168 | } |
170 | 169 | ||
... | @@ -278,12 +277,10 @@ | ... | @@ -278,12 +277,10 @@ |
278 | font-weight: 600 !important; | 277 | font-weight: 600 !important; |
279 | font-size: 15px !important; | 278 | font-size: 15px !important; |
280 | @include background("menuActive"); | 279 | @include background("menuActive"); |
281 | // background-color: $menuHover !important; | 280 | @include font_color("menuText"); |
282 | color: $menuText !important; | ||
283 | 281 | ||
284 | &:hover { | 282 | &:hover { |
285 | @include background("menuActive"); | 283 | @include background("menuActive"); |
286 | // background-color: $menuHover !important; | ||
287 | opacity: .9; | 284 | opacity: .9; |
288 | 285 | ||
289 | .svg-icon, | 286 | .svg-icon, |
... | @@ -319,6 +316,19 @@ | ... | @@ -319,6 +316,19 @@ |
319 | } | 316 | } |
320 | } | 317 | } |
321 | 318 | ||
319 | .el-submenu.is-active .el-submenu__title { | ||
320 | @include background_color("submenuBg"); | ||
321 | @include font_color("submenuColor"); | ||
322 | } | ||
323 | |||
324 | .el-submenu.is-active .el-submenu__title:hover { | ||
325 | @include font_color("submenuColor"); | ||
326 | } | ||
327 | |||
328 | .el-submenu.is-active .el-submenu__title .svg-icon { | ||
329 | @include font_color("submenuColor"); | ||
330 | } | ||
331 | |||
322 | .el-submenu__title { | 332 | .el-submenu__title { |
323 | display: flex; | 333 | display: flex; |
324 | align-items: center; | 334 | align-items: center; | ... | ... |
... | @@ -24,7 +24,7 @@ $menuHover: #1D66DC; | ... | @@ -24,7 +24,7 @@ $menuHover: #1D66DC; |
24 | $subMenuBg:#0D1230; | 24 | $subMenuBg:#0D1230; |
25 | $subMenuHover:#1D66DC; | 25 | $subMenuHover:#1D66DC; |
26 | 26 | ||
27 | $sideBarWidth: 210px; | 27 | $sideBarWidth: 250px; |
28 | $sideBarFontSize:15px; | 28 | $sideBarFontSize:15px; |
29 | 29 | ||
30 | // border颜色 | 30 | // border颜色 | ... | ... |
1 | /* | 1 | |
2 | * @Description: | 2 | var Layout; |
3 | * @Autor: renchao | 3 | let ApiUrl = localStorage.getItem('ApiUrl') |
4 | * @LastEditTime: 2023-03-21 14:27:07 | 4 | if (ApiUrl.THEME == 'sb') { |
5 | */ | 5 | Layout = r => require.ensure([], () => r(require(`@/layout1`))) |
6 | import Vue from 'vue' | 6 | } else { |
7 | import Layout from '@/layout1' | 7 | Layout = r => require.ensure([], () => r(require(`@/layout`))) |
8 | const config = require('/public/config.json') | 8 | } |
9 | console.log(config, 'Vue.2222222222222.BASE_API'); | 9 | |
10 | export default function filterAsyncRouter (routers) { | 10 | export default function filterAsyncRouter (routers) { |
11 | routers.forEach(item => { | 11 | routers.forEach(item => { |
12 | if (!item.children) { | 12 | if (!item.children) { |
... | @@ -19,6 +19,7 @@ export default function filterAsyncRouter (routers) { | ... | @@ -19,6 +19,7 @@ export default function filterAsyncRouter (routers) { |
19 | item.component = Layout | 19 | item.component = Layout |
20 | } else { | 20 | } else { |
21 | item.component = loadView(item.uri) | 21 | item.component = loadView(item.uri) |
22 | console.log(item.component, 'item.componentitem.component'); | ||
22 | } | 23 | } |
23 | item.meta = { | 24 | item.meta = { |
24 | title: item.name, | 25 | title: item.name, | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-21 13:46:56 | 4 | * @LastEditTime: 2023-03-21 15:03:37 |
5 | */ | ||
6 | /** | ||
7 | * 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 | ||
8 | */ | 5 | */ |
9 | import axios from "axios"; | 6 | import axios from "axios"; |
10 | import { Message } from "element-ui"; | 7 | import { Message } from "element-ui"; |
... | @@ -17,6 +14,7 @@ const service = axios.create({ | ... | @@ -17,6 +14,7 @@ const service = axios.create({ |
17 | headers: { | 14 | headers: { |
18 | "Content-Type": "application/json; charset=utf-8", | 15 | "Content-Type": "application/json; charset=utf-8", |
19 | }, | 16 | }, |
17 | |||
20 | timeout: 15000, | 18 | timeout: 15000, |
21 | }); | 19 | }); |
22 | 20 | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="Cfdj from-clues"> | 2 | <div class="Cfdj from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="130px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
5 | <el-form-item> | 5 | <el-form-item> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row> |
9 | <el-col :span="5"> | 9 | <el-col :span="5"> |
10 | <el-form-item label="行政区" label-width="80px"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -23,30 +25,29 @@ | ... | @@ -23,30 +25,29 @@ |
23 | </el-form-item> | 25 | </el-form-item> |
24 | </el-col> | 26 | </el-col> |
25 | <el-col :span="5"> | 27 | <el-col :span="5"> |
26 | <el-form-item label="权利人" label-width="80px"> | 28 | <el-form-item label="权利人"> |
27 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> | 29 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> |
28 | </el-form-item> | 30 | </el-form-item> |
29 | </el-col> | 31 | </el-col> |
30 | <el-col :span="5"> | 32 | <el-col :span="5"> |
31 | <el-form-item label="不动产单元号"> | 33 | <el-form-item label="不动产单元号" label-width="103px"> |
32 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> | 34 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> |
33 | </el-form-item> | 35 | </el-form-item> |
34 | </el-col> | 36 | </el-col> |
35 | 37 | <el-col :span="4"> | |
36 | </el-row> | 38 | <el-form-item label="查封机关"> |
37 | <el-row class="mt-10"> | ||
38 | <el-col :span="5"> | ||
39 | <el-form-item label="查封机关" label-width="80px"> | ||
40 | <el-input v-model="form.CFJG" clearable placeholder="查封机关"></el-input> | 39 | <el-input v-model="form.CFJG" clearable placeholder="查封机关"></el-input> |
41 | </el-form-item> | 40 | </el-form-item> |
42 | </el-col> | 41 | </el-col> |
42 | </el-row> | ||
43 | <el-row class="mt-10"> | ||
43 | <el-col :span="5"> | 44 | <el-col :span="5"> |
44 | <el-form-item label="查封文号"> | 45 | <el-form-item label="查封文号"> |
45 | <el-input v-model="form.CFWH" clearable placeholder="查封文号"></el-input> | 46 | <el-input v-model="form.CFWH" clearable placeholder="查封文号"></el-input> |
46 | </el-form-item> | 47 | </el-form-item> |
47 | </el-col> | 48 | </el-col> |
48 | <el-col :span="5"> | 49 | <el-col :span="5"> |
49 | <el-form-item label="解封机关" label-width="80px"> | 50 | <el-form-item label="解封机关"> |
50 | <el-input v-model="form.JFJG" clearable placeholder="解封机关"></el-input> | 51 | <el-input v-model="form.JFJG" clearable placeholder="解封机关"></el-input> |
51 | </el-form-item> | 52 | </el-form-item> |
52 | </el-col> | 53 | </el-col> |
... | @@ -55,7 +56,11 @@ | ... | @@ -55,7 +56,11 @@ |
55 | <el-input v-model="form.JFWH" clearable placeholder="解封文号"></el-input> | 56 | <el-input v-model="form.JFWH" clearable placeholder="解封文号"></el-input> |
56 | </el-form-item> | 57 | </el-form-item> |
57 | </el-col> | 58 | </el-col> |
58 | 59 | <el-col :span="5"> | |
60 | <el-form-item label="证件号" label-width="103px"> | ||
61 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
59 | <el-col :span="4" class="btnColRight"> | 64 | <el-col :span="4" class="btnColRight"> |
60 | <btn nativeType="cz" @click="resetForm">重置</btn> | 65 | <btn nativeType="cz" @click="resetForm">重置</btn> |
61 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 66 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
... | @@ -94,6 +99,7 @@ export default { | ... | @@ -94,6 +99,7 @@ export default { |
94 | JFWH: '', | 99 | JFWH: '', |
95 | CFJG: '', | 100 | CFJG: '', |
96 | CFWH: '', | 101 | CFWH: '', |
102 | ZJH: '', | ||
97 | currentPage: 1 | 103 | currentPage: 1 |
98 | }, | 104 | }, |
99 | tableData: { | 105 | tableData: { | ... | ... |
... | @@ -7,8 +7,10 @@ | ... | @@ -7,8 +7,10 @@ |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区" label-width="80px"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -28,7 +30,7 @@ | ... | @@ -28,7 +30,7 @@ |
28 | </el-form-item> | 30 | </el-form-item> |
29 | </el-col> | 31 | </el-col> |
30 | <el-col :span="6"> | 32 | <el-col :span="6"> |
31 | <el-form-item label="抵押人" label-width="80px"> | 33 | <el-form-item label="抵押人"> |
32 | <el-input v-model="form.dyr" clearable placeholder="抵押人"></el-input> | 34 | <el-input v-model="form.dyr" clearable placeholder="抵押人"></el-input> |
33 | </el-form-item> | 35 | </el-form-item> |
34 | </el-col> | 36 | </el-col> |
... | @@ -55,8 +57,15 @@ | ... | @@ -55,8 +57,15 @@ |
55 | </el-select> | 57 | </el-select> |
56 | </el-form-item> | 58 | </el-form-item> |
57 | </el-col> | 59 | </el-col> |
60 | <el-col :span="6"> | ||
61 | <el-form-item label="证件号"> | ||
62 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
58 | 65 | ||
59 | <el-col :span="6" class="btnColRight"> | 66 | </el-row> |
67 | <el-row class="mt-10"> | ||
68 | <el-col :span="24" class="btnColRight"> | ||
60 | <btn nativeType="cz" @click="resetForm">重置</btn> | 69 | <btn nativeType="cz" @click="resetForm">重置</btn> |
61 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 70 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
62 | </el-col> | 71 | </el-col> |
... | @@ -97,6 +106,7 @@ export default { | ... | @@ -97,6 +106,7 @@ export default { |
97 | BDCDYH: '', | 106 | BDCDYH: '', |
98 | dybdclx: '', | 107 | dybdclx: '', |
99 | DJLX: '', | 108 | DJLX: '', |
109 | ZJH: '', | ||
100 | currentPage: 1 | 110 | currentPage: 1 |
101 | }, | 111 | }, |
102 | tableData: { | 112 | tableData: { | ... | ... |
... | @@ -5,10 +5,12 @@ | ... | @@ -5,10 +5,12 @@ |
5 | <el-form-item> | 5 | <el-form-item> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row> |
9 | <el-col :span="5"> | 9 | <el-col :span="5"> |
10 | <el-form-item label="行政区" label-width="80px"> | 10 | <el-form-item label="行政区" label-width="100px"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -34,16 +36,16 @@ | ... | @@ -34,16 +36,16 @@ |
34 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 36 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
35 | </el-form-item> | 37 | </el-form-item> |
36 | </el-col> | 38 | </el-col> |
37 | 39 | <el-col :span="4"> | |
38 | </el-row> | ||
39 | <el-row class="mt-10"> | ||
40 | <el-col :span="5"> | ||
41 | <el-form-item label="权利人" label-width="80px"> | 40 | <el-form-item label="权利人" label-width="80px"> |
42 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> | 41 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> |
43 | </el-form-item> | 42 | </el-form-item> |
44 | </el-col> | 43 | </el-col> |
44 | </el-row> | ||
45 | <el-row class="mt-10"> | ||
46 | |||
45 | <el-col :span="5"> | 47 | <el-col :span="5"> |
46 | <el-form-item label="不动产单元号"> | 48 | <el-form-item label="不动产单元号" label-width="100px"> |
47 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> | 49 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> |
48 | </el-form-item> | 50 | </el-form-item> |
49 | </el-col> | 51 | </el-col> |
... | @@ -59,7 +61,11 @@ | ... | @@ -59,7 +61,11 @@ |
59 | <el-input v-model="form.XYDBDCDYH" clearable placeholder="需役地不动产单元号"></el-input> | 61 | <el-input v-model="form.XYDBDCDYH" clearable placeholder="需役地不动产单元号"></el-input> |
60 | </el-form-item> | 62 | </el-form-item> |
61 | </el-col> | 63 | </el-col> |
62 | 64 | <el-col :span="5"> | |
65 | <el-form-item label="证件号"> | ||
66 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
63 | <el-col :span="4" class="btnColRight"> | 69 | <el-col :span="4" class="btnColRight"> |
64 | <el-form-item> | 70 | <el-form-item> |
65 | <btn nativeType="cz" @click="resetForm">重置</btn> | 71 | <btn nativeType="cz" @click="resetForm">重置</btn> |
... | @@ -81,12 +87,12 @@ | ... | @@ -81,12 +87,12 @@ |
81 | </template> | 87 | </template> |
82 | 88 | ||
83 | <script> | 89 | <script> |
84 | // 地役权登记 | 90 | // 地役权登记 |
85 | import data from "./data" | 91 | import data from "./data" |
86 | import qlfQlDyiq from '@/api/qlfQlDyiq' | 92 | import qlfQlDyiq from '@/api/qlfQlDyiq' |
87 | import tableMixin from '@/mixins/tableMixin.js' | 93 | import tableMixin from '@/mixins/tableMixin.js' |
88 | import treeSelect from '@/components/TreeSelect.vue' | 94 | import treeSelect from '@/components/TreeSelect.vue' |
89 | export default { | 95 | export default { |
90 | name: "dyiq", | 96 | name: "dyiq", |
91 | mixins: [tableMixin], | 97 | mixins: [tableMixin], |
92 | components: { | 98 | components: { |
... | @@ -105,6 +111,7 @@ | ... | @@ -105,6 +111,7 @@ |
105 | GYDBDCDYH: '', | 111 | GYDBDCDYH: '', |
106 | // 需役地不动产单元号 | 112 | // 需役地不动产单元号 |
107 | XYDBDCDYH: '', | 113 | XYDBDCDYH: '', |
114 | ZJH: '', | ||
108 | currentPage: 1 | 115 | currentPage: 1 |
109 | }, | 116 | }, |
110 | tableData: { | 117 | tableData: { |
... | @@ -157,5 +164,5 @@ | ... | @@ -157,5 +164,5 @@ |
157 | } | 164 | } |
158 | } | 165 | } |
159 | } | 166 | } |
160 | } | 167 | } |
161 | </script> | 168 | </script> | ... | ... |
... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -53,7 +55,14 @@ | ... | @@ -53,7 +55,14 @@ |
53 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 55 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
54 | </el-form-item> | 56 | </el-form-item> |
55 | </el-col> | 57 | </el-col> |
56 | <el-col :span="6" class="btnColRight"> | 58 | <el-col :span="6"> |
59 | <el-form-item label="证件号" label-width="80px"> | ||
60 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
61 | </el-form-item> | ||
62 | </el-col> | ||
63 | </el-row> | ||
64 | <el-row class="mt-10"> | ||
65 | <el-col :span="24" class="btnColRight"> | ||
57 | <btn nativeType="cz" @click="resetForm">重置</btn> | 66 | <btn nativeType="cz" @click="resetForm">重置</btn> |
58 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 67 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
59 | </el-col> | 68 | </el-col> |
... | @@ -93,6 +102,7 @@ export default { | ... | @@ -93,6 +102,7 @@ export default { |
93 | DJLX: '', | 102 | DJLX: '', |
94 | BDCQZH: '', | 103 | BDCQZH: '', |
95 | BDCDYH: '', | 104 | BDCDYH: '', |
105 | ZJH: '', | ||
96 | currentPage: 1 | 106 | currentPage: 1 |
97 | }, | 107 | }, |
98 | tableData: { | 108 | tableData: { | ... | ... |
... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="5"> | 14 | <el-col :span="5"> |
15 | <el-form-item label="权利类型"> | 15 | <el-form-item label="权利类型"> |
16 | <el-select v-model="form.QLLX" ref="selectshareQL" @visible-change="isShowSelectOptions" clearable | 16 | <el-select v-model="form.QLLX" ref="selectshareQL" class="width100" @visible-change="isShowSelectOptions" |
17 | placeholder="权利类型"> | 17 | clearable placeholder="权利类型"> |
18 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 18 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
19 | </el-option> | 19 | </el-option> |
20 | </el-select> | 20 | </el-select> |
... | @@ -25,7 +25,12 @@ | ... | @@ -25,7 +25,12 @@ |
25 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> | 25 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> |
26 | </el-form-item> | 26 | </el-form-item> |
27 | </el-col> | 27 | </el-col> |
28 | <el-col :span="9" class="btnColRight"> | 28 | <el-col :span="5"> |
29 | <el-form-item label="证件号" label-width="80px"> | ||
30 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="4" class="btnColRight"> | ||
29 | <btn nativeType="cz" @click="resetForm">重置</btn> | 34 | <btn nativeType="cz" @click="resetForm">重置</btn> |
30 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 35 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
31 | </el-col> | 36 | </el-col> |
... | @@ -61,6 +66,7 @@ export default { | ... | @@ -61,6 +66,7 @@ export default { |
61 | YWH: '', | 66 | YWH: '', |
62 | QLLX: '', | 67 | QLLX: '', |
63 | BDCDYH: '', | 68 | BDCDYH: '', |
69 | ZJH: '', | ||
64 | currentPage: 1 | 70 | currentPage: 1 |
65 | }, | 71 | }, |
66 | tableData: { | 72 | tableData: { | ... | ... |
... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -53,7 +55,14 @@ | ... | @@ -53,7 +55,14 @@ |
53 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 55 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
54 | </el-form-item> | 56 | </el-form-item> |
55 | </el-col> | 57 | </el-col> |
56 | <el-col :span="6" class="btnColRight"> | 58 | <el-col :span="6"> |
59 | <el-form-item label="证件号" label-width="80px"> | ||
60 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
61 | </el-form-item> | ||
62 | </el-col> | ||
63 | </el-row> | ||
64 | <el-row class="mt-10"> | ||
65 | <el-col :span="24" class="btnColRight"> | ||
57 | <btn nativeType="cz" @click="resetForm">重置</btn> | 66 | <btn nativeType="cz" @click="resetForm">重置</btn> |
58 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 67 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
59 | </el-col> | 68 | </el-col> |
... | @@ -93,6 +102,7 @@ export default { | ... | @@ -93,6 +102,7 @@ export default { |
93 | DJLX: '', | 102 | DJLX: '', |
94 | BDCQZH: '', | 103 | BDCQZH: '', |
95 | BDCDYH: '', | 104 | BDCDYH: '', |
105 | ZJH: '', | ||
96 | currentPage: 1 | 106 | currentPage: 1 |
97 | }, | 107 | }, |
98 | tableData: { | 108 | tableData: { | ... | ... |
... | @@ -5,10 +5,12 @@ | ... | @@ -5,10 +5,12 @@ |
5 | <el-form-item> | 5 | <el-form-item> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -50,7 +52,12 @@ | ... | @@ -50,7 +52,12 @@ |
50 | <el-input v-model="form.JZWMC" clearable placeholder="建筑名称"></el-input> | 52 | <el-input v-model="form.JZWMC" clearable placeholder="建筑名称"></el-input> |
51 | </el-form-item> | 53 | </el-form-item> |
52 | </el-col> | 54 | </el-col> |
53 | <el-col :span="6" class="btnColRight mt-10"> | 55 | <el-col :span="6" class="mt-10"> |
56 | <el-form-item label="证件号"> | ||
57 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="24" class="btnColRight mt-10"> | ||
54 | <btn nativeType="cz" @click="resetForm">重置</btn> | 61 | <btn nativeType="cz" @click="resetForm">重置</btn> |
55 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 62 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
56 | </el-col> | 63 | </el-col> |
... | @@ -89,6 +96,7 @@ export default { | ... | @@ -89,6 +96,7 @@ export default { |
89 | QLR: '', | 96 | QLR: '', |
90 | DJLX: '', | 97 | DJLX: '', |
91 | JZWMC: '', | 98 | JZWMC: '', |
99 | ZJH: '', | ||
92 | currentPage: 1 | 100 | currentPage: 1 |
93 | }, | 101 | }, |
94 | tableData: { | 102 | tableData: { | ... | ... |
... | @@ -6,9 +6,11 @@ | ... | @@ -6,9 +6,11 @@ |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="6" class="mb-5"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -32,12 +34,14 @@ | ... | @@ -32,12 +34,14 @@ |
32 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 34 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
33 | </el-form-item> | 35 | </el-form-item> |
34 | </el-col> | 36 | </el-col> |
35 | <el-col :span="6" class="mt-10"> | 37 | </el-row> |
38 | <el-row class="mt-10"> | ||
39 | <el-col :span="6"> | ||
36 | <el-form-item label="权利人"> | 40 | <el-form-item label="权利人"> |
37 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> | 41 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> |
38 | </el-form-item> | 42 | </el-form-item> |
39 | </el-col> | 43 | </el-col> |
40 | <el-col :span="6" class="mt-10"> | 44 | <el-col :span="6"> |
41 | <el-form-item label="登记类型"> | 45 | <el-form-item label="登记类型"> |
42 | <el-select v-model="form.DJLX" class="width100" clearable placeholder="登记类型"> | 46 | <el-select v-model="form.DJLX" class="width100" clearable placeholder="登记类型"> |
43 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 47 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
... | @@ -45,12 +49,19 @@ | ... | @@ -45,12 +49,19 @@ |
45 | </el-select> | 49 | </el-select> |
46 | </el-form-item> | 50 | </el-form-item> |
47 | </el-col> | 51 | </el-col> |
48 | <el-col :span="6" class="mt-10"> | 52 | <el-col :span="6"> |
49 | <el-form-item label="海岛名称"> | 53 | <el-form-item label="海岛名称"> |
50 | <el-input v-model="form.HDMC" clearable placeholder="海岛名称"></el-input> | 54 | <el-input v-model="form.HDMC" clearable placeholder="海岛名称"></el-input> |
51 | </el-form-item> | 55 | </el-form-item> |
52 | </el-col> | 56 | </el-col> |
53 | <el-col :span="6" class="btnColRight mt-10"> | 57 | <el-col :span="6"> |
58 | <el-form-item label="证件号"> | ||
59 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
60 | </el-form-item> | ||
61 | </el-col> | ||
62 | </el-row> | ||
63 | <el-row> | ||
64 | <el-col :span="24" class="btnColRight mt-10"> | ||
54 | <btn nativeType="cz" @click="resetForm">重置</btn> | 65 | <btn nativeType="cz" @click="resetForm">重置</btn> |
55 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 66 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
56 | </el-col> | 67 | </el-col> |
... | @@ -90,6 +101,7 @@ export default { | ... | @@ -90,6 +101,7 @@ export default { |
90 | QLR: '', | 101 | QLR: '', |
91 | DJLX: '', | 102 | DJLX: '', |
92 | HDMC: '', | 103 | HDMC: '', |
104 | ZJH: '', | ||
93 | currentPage: 1 | 105 | currentPage: 1 |
94 | }, | 106 | }, |
95 | tableData: { | 107 | tableData: { | ... | ... |
... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -48,7 +50,12 @@ | ... | @@ -48,7 +50,12 @@ |
48 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 50 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
49 | </el-form-item> | 51 | </el-form-item> |
50 | </el-col> | 52 | </el-col> |
51 | <el-col :span="12" class="btnColRight"> | 53 | <el-col :span="6"> |
54 | <el-form-item label="证件号"> | ||
55 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
56 | </el-form-item> | ||
57 | </el-col> | ||
58 | <el-col :span="6" class="btnColRight"> | ||
52 | <btn nativeType="cz" @click="resetForm">重置</btn> | 59 | <btn nativeType="cz" @click="resetForm">重置</btn> |
53 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 60 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
54 | </el-col> | 61 | </el-col> |
... | @@ -87,6 +94,7 @@ export default { | ... | @@ -87,6 +94,7 @@ export default { |
87 | QLR: '', | 94 | QLR: '', |
88 | DJLX: '', | 95 | DJLX: '', |
89 | BDCQZH: '', | 96 | BDCQZH: '', |
97 | ZJH: '', | ||
90 | currentPage: 1 | 98 | currentPage: 1 |
91 | }, | 99 | }, |
92 | tableData: { | 100 | tableData: { | ... | ... |
... | @@ -6,9 +6,11 @@ | ... | @@ -6,9 +6,11 @@ |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="6" class="mb-5"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -45,12 +47,16 @@ | ... | @@ -45,12 +47,16 @@ |
45 | </el-select> | 47 | </el-select> |
46 | </el-form-item> | 48 | </el-form-item> |
47 | </el-col> | 49 | </el-col> |
48 | <el-col :span="12" class="btnColRight mt-10"> | 50 | <el-col :span="6"> |
51 | <el-form-item label="证件号" class="mt-10"> | ||
52 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="6" class="btnColRight mt-10"> | ||
49 | <btn nativeType="cz" @click="resetForm">重置</btn> | 56 | <btn nativeType="cz" @click="resetForm">重置</btn> |
50 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 57 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
51 | </el-col> | 58 | </el-col> |
52 | </el-row> | 59 | </el-row> |
53 | |||
54 | </el-form> | 60 | </el-form> |
55 | </div> | 61 | </div> |
56 | <div class="from-clues-content"> | 62 | <div class="from-clues-content"> |
... | @@ -84,6 +90,7 @@ export default { | ... | @@ -84,6 +90,7 @@ export default { |
84 | BDCDYH: '', | 90 | BDCDYH: '', |
85 | QLR: '', | 91 | QLR: '', |
86 | DJLX: '', | 92 | DJLX: '', |
93 | ZJH: '', | ||
87 | currentPage: 1 | 94 | currentPage: 1 |
88 | }, | 95 | }, |
89 | tableData: { | 96 | tableData: { | ... | ... |
... | @@ -5,10 +5,12 @@ | ... | @@ -5,10 +5,12 @@ |
5 | <el-form-item> | 5 | <el-form-item> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -50,7 +52,12 @@ | ... | @@ -50,7 +52,12 @@ |
50 | <el-input v-model="form.xxx" clearable placeholder="地籍号"></el-input> | 52 | <el-input v-model="form.xxx" clearable placeholder="地籍号"></el-input> |
51 | </el-form-item> | 53 | </el-form-item> |
52 | </el-col> | 54 | </el-col> |
53 | <el-col :span="6" class="btnColRight mt-10"> | 55 | <el-col :span="6"> |
56 | <el-form-item label="证件号" class="mt-10"> | ||
57 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="24" class="btnColRight mt-10"> | ||
54 | <btn nativeType="cz" @click="resetForm">重置</btn> | 61 | <btn nativeType="cz" @click="resetForm">重置</btn> |
55 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 62 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
56 | </el-col> | 63 | </el-col> |
... | @@ -89,6 +96,7 @@ export default { | ... | @@ -89,6 +96,7 @@ export default { |
89 | QLR: '', | 96 | QLR: '', |
90 | QLLX: '', | 97 | QLLX: '', |
91 | xxx: '', | 98 | xxx: '', |
99 | ZJH: '', | ||
92 | currentPage: 1 | 100 | currentPage: 1 |
93 | }, | 101 | }, |
94 | tableData: { | 102 | tableData: { | ... | ... |
... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -43,11 +45,16 @@ | ... | @@ -43,11 +45,16 @@ |
43 | </el-form-item> | 45 | </el-form-item> |
44 | </el-col> | 46 | </el-col> |
45 | <el-col :span="6"> | 47 | <el-col :span="6"> |
46 | <el-form-item label="不动产权证号" label-width="120px"> | 48 | <el-form-item label="不动产权证号"> |
47 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 49 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
48 | </el-form-item> | 50 | </el-form-item> |
49 | </el-col> | 51 | </el-col> |
50 | <el-col :span="12" class="btnColRight"> | 52 | <el-col :span="6"> |
53 | <el-form-item label="证件号"> | ||
54 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
55 | </el-form-item> | ||
56 | </el-col> | ||
57 | <el-col :span="6" class="btnColRight"> | ||
51 | <btn nativeType="cz" @click="resetForm">重置</btn> | 58 | <btn nativeType="cz" @click="resetForm">重置</btn> |
52 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 59 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
53 | </el-col> | 60 | </el-col> |
... | @@ -85,6 +92,7 @@ export default { | ... | @@ -85,6 +92,7 @@ export default { |
85 | QLR: '', | 92 | QLR: '', |
86 | DJLX: '', | 93 | DJLX: '', |
87 | BDCQZH: '', | 94 | BDCQZH: '', |
95 | ZJH: '', | ||
88 | currentPage: 1 | 96 | currentPage: 1 |
89 | }, | 97 | }, |
90 | tableData: { | 98 | tableData: { | ... | ... |
... | @@ -8,20 +8,14 @@ | ... | @@ -8,20 +8,14 @@ |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区" label-width="106px"> | 10 | <el-form-item label="行政区" label-width="106px"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
15 | </el-form-item> | 17 | </el-form-item> |
16 | </el-col> | 18 | </el-col> |
17 | <!-- <el-col :span="6"> | ||
18 | <el-form-item label="权属状态"> | ||
19 | <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> | ||
20 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
21 | </el-option> | ||
22 | </el-select> | ||
23 | </el-form-item> | ||
24 | </el-col> --> | ||
25 | <el-col :span="6"> | 19 | <el-col :span="6"> |
26 | <el-form-item label="不动产权证号"> | 20 | <el-form-item label="不动产权证号"> |
27 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 21 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
... | @@ -32,8 +26,6 @@ | ... | @@ -32,8 +26,6 @@ |
32 | <el-input v-model="form.YWH" clearable placeholder="业务号"></el-input> | 26 | <el-input v-model="form.YWH" clearable placeholder="业务号"></el-input> |
33 | </el-form-item> | 27 | </el-form-item> |
34 | </el-col> | 28 | </el-col> |
35 | </el-row> | ||
36 | <el-row class="mt-10"> | ||
37 | <el-col :span="6"> | 29 | <el-col :span="6"> |
38 | <el-form-item label="预告登记种类" label-width="106px"> | 30 | <el-form-item label="预告登记种类" label-width="106px"> |
39 | <el-select v-model="form.YGDJZL" clearable ref="selectnoticeRegQL" class="width100" | 31 | <el-select v-model="form.YGDJZL" clearable ref="selectnoticeRegQL" class="width100" |
... | @@ -43,6 +35,8 @@ | ... | @@ -43,6 +35,8 @@ |
43 | </el-select> | 35 | </el-select> |
44 | </el-form-item> | 36 | </el-form-item> |
45 | </el-col> | 37 | </el-col> |
38 | </el-row> | ||
39 | <el-row class="mt-10"> | ||
46 | <el-col :span="6"> | 40 | <el-col :span="6"> |
47 | <el-form-item label="登记类型"> | 41 | <el-form-item label="登记类型"> |
48 | <el-select v-model="form.DJLX" clearable class="width100" placeholder="登记类型"> | 42 | <el-select v-model="form.DJLX" clearable class="width100" placeholder="登记类型"> |
... | @@ -56,6 +50,11 @@ | ... | @@ -56,6 +50,11 @@ |
56 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> | 50 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> |
57 | </el-form-item> | 51 | </el-form-item> |
58 | </el-col> | 52 | </el-col> |
53 | <el-col :span="6"> | ||
54 | <el-form-item label="证件号"> | ||
55 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
56 | </el-form-item> | ||
57 | </el-col> | ||
59 | <el-col :span="6" class="btnColRight"> | 58 | <el-col :span="6" class="btnColRight"> |
60 | <btn nativeType="cz" @click="resetForm">重置</btn> | 59 | <btn nativeType="cz" @click="resetForm">重置</btn> |
61 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 60 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
... | @@ -97,6 +96,7 @@ export default { | ... | @@ -97,6 +96,7 @@ export default { |
97 | YGDJZL: '', | 96 | YGDJZL: '', |
98 | DJLX: '', | 97 | DJLX: '', |
99 | BDCDYH: '', | 98 | BDCDYH: '', |
99 | ZJH: '', | ||
100 | currentPage: 1 | 100 | currentPage: 1 |
101 | }, | 101 | }, |
102 | tableData: { | 102 | tableData: { | ... | ... |
... | @@ -6,9 +6,11 @@ | ... | @@ -6,9 +6,11 @@ |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="5" class="mb-5"> | 9 | <el-col :span="5"> |
10 | <el-form-item label="行政区" label-width="80px"> | 10 | <el-form-item label="行政区" label-width="80px"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
... | @@ -46,7 +48,12 @@ | ... | @@ -46,7 +48,12 @@ |
46 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> | 48 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> |
47 | </el-form-item> | 49 | </el-form-item> |
48 | </el-col> | 50 | </el-col> |
49 | <el-col :span="19" class="btnColRight"> | 51 | <el-col :span="5"> |
52 | <el-form-item label="证件号"> | ||
53 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
54 | </el-form-item> | ||
55 | </el-col> | ||
56 | <el-col :span="14" class="btnColRight"> | ||
50 | <btn nativeType="cz" @click="resetForm">重置</btn> | 57 | <btn nativeType="cz" @click="resetForm">重置</btn> |
51 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 58 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
52 | </el-col> | 59 | </el-col> |
... | @@ -85,6 +92,7 @@ export default { | ... | @@ -85,6 +92,7 @@ export default { |
85 | BDCQZH: '', | 92 | BDCQZH: '', |
86 | QLR: '', | 93 | QLR: '', |
87 | BDCDYH: '', | 94 | BDCDYH: '', |
95 | ZJH: '', | ||
88 | currentPage: 1 | 96 | currentPage: 1 |
89 | }, | 97 | }, |
90 | tableData: { | 98 | tableData: { | ... | ... |
... | @@ -5,28 +5,17 @@ | ... | @@ -5,28 +5,17 @@ |
5 | <el-form-item> | 5 | <el-form-item> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="行政区"> | 10 | <el-form-item label="行政区"> |
11 | <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" | ||
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
13 | </el-option> | 15 | </el-option> |
14 | </el-select> | 16 | </el-select> |
15 | </el-form-item> | 17 | </el-form-item> |
16 | </el-col> | 18 | </el-col> |
17 | <!-- <el-col :span="6"> | ||
18 | <el-form-item label="权属状态" label-width="105px"> | ||
19 | <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> | ||
20 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
21 | </el-option> | ||
22 | </el-select> | ||
23 | </el-form-item> | ||
24 | </el-col> --> | ||
25 | <!-- <el-col :span="6"> | ||
26 | <el-form-item label="坐落"> | ||
27 | <el-input v-model="form.ZL" placeholder="坐落"></el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> --> | ||
30 | <el-col :span="6"> | 19 | <el-col :span="6"> |
31 | <el-form-item label="不动产权证号" label-width="105px"> | 20 | <el-form-item label="不动产权证号" label-width="105px"> |
32 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> | 21 | <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> |
... | @@ -50,7 +39,12 @@ | ... | @@ -50,7 +39,12 @@ |
50 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> | 39 | <el-input v-model="form.BDCDYH" clearable placeholder="不动产单元号"></el-input> |
51 | </el-form-item> | 40 | </el-form-item> |
52 | </el-col> | 41 | </el-col> |
53 | <el-col :span="18" class="btnColRight mt-10"> | 42 | <el-col :span="6" class="mt-10"> |
43 | <el-form-item label="证件号"> | ||
44 | <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> | ||
45 | </el-form-item> | ||
46 | </el-col> | ||
47 | <el-col :span="12" class="btnColRight mt-10"> | ||
54 | <btn nativeType="cz" @click="resetForm">重置</btn> | 48 | <btn nativeType="cz" @click="resetForm">重置</btn> |
55 | <btn nativeType="cx" @click="handleSearch">查询</btn> | 49 | <btn nativeType="cx" @click="handleSearch">查询</btn> |
56 | </el-col> | 50 | </el-col> |
... | @@ -86,6 +80,7 @@ export default { | ... | @@ -86,6 +80,7 @@ export default { |
86 | QLR: '', | 80 | QLR: '', |
87 | QLLX: '', | 81 | QLLX: '', |
88 | BDCDYH: '', | 82 | BDCDYH: '', |
83 | ZJH: '', | ||
89 | currentPage: 1 | 84 | currentPage: 1 |
90 | }, | 85 | }, |
91 | tableData: { | 86 | tableData: { | ... | ... |
... | @@ -4,13 +4,15 @@ | ... | @@ -4,13 +4,15 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> |
11 | <el-col :span="6"> | 11 | <el-col :span="6"> |
12 | <el-form-item label="行政区" prop="qxdm"> | 12 | <el-form-item label="行政区" prop="qxdm"> |
13 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 13 | <el-select |
14 | v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" | ||
15 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 16 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
15 | </el-option> | 17 | </el-option> |
16 | </el-select> | 18 | </el-select> |
... | @@ -99,6 +101,7 @@ | ... | @@ -99,6 +101,7 @@ |
99 | </template> | 101 | </template> |
100 | 102 | ||
101 | <script> | 103 | <script> |
104 | import Vue from 'vue' | ||
102 | // 接收报文查询 | 105 | // 接收报文查询 |
103 | // 引入表格头部数据 | 106 | // 引入表格头部数据 |
104 | import data from "./data"; | 107 | import data from "./data"; | ... | ... |
... | @@ -23,9 +23,9 @@ | ... | @@ -23,9 +23,9 @@ |
23 | </template> | 23 | </template> |
24 | 24 | ||
25 | <script> | 25 | <script> |
26 | import { loginIn } from "@/api/login.js"; | 26 | import { loginIn } from "@/api/login.js"; |
27 | import { api, getAction } from "@/api/manageApi"; | 27 | import { api, getAction } from "@/api/manageApi"; |
28 | export default { | 28 | export default { |
29 | name: "Login", | 29 | name: "Login", |
30 | data () { | 30 | data () { |
31 | return { | 31 | return { |
... | @@ -96,7 +96,8 @@ | ... | @@ -96,7 +96,8 @@ |
96 | //存储token | 96 | //存储token |
97 | localStorage.setItem("token", `Bearer ${res.content}`); | 97 | localStorage.setItem("token", `Bearer ${res.content}`); |
98 | //登录成功后需判断有无重定向,没有重定向则跳转首页 | 98 | //登录成功后需判断有无重定向,没有重定向则跳转首页 |
99 | this.$router.replace(this.$route.query.redirect || "/"); | 99 | console.log(this.$route.query.redirect); |
100 | this.$router.replace(this.$route.query.redirect || "/home"); | ||
100 | } else { | 101 | } else { |
101 | //错误处理 | 102 | //错误处理 |
102 | } | 103 | } |
... | @@ -109,11 +110,11 @@ | ... | @@ -109,11 +110,11 @@ |
109 | }, | 110 | }, |
110 | }, | 111 | }, |
111 | components: {}, | 112 | components: {}, |
112 | }; | 113 | }; |
113 | </script> | 114 | </script> |
114 | <style scoped lang="scss"> | 115 | <style scoped lang="scss"> |
115 | .username, | 116 | .username, |
116 | .password { | 117 | .password { |
117 | position: relative; | 118 | position: relative; |
118 | 119 | ||
119 | &:before { | 120 | &:before { |
... | @@ -132,17 +133,17 @@ | ... | @@ -132,17 +133,17 @@ |
132 | border: 1px solid rgba(11, 161, 248, 0.4); | 133 | border: 1px solid rgba(11, 161, 248, 0.4); |
133 | background-color: rgba(6, 135, 205, 0.3) !important; | 134 | background-color: rgba(6, 135, 205, 0.3) !important; |
134 | } | 135 | } |
135 | } | 136 | } |
136 | 137 | ||
137 | .username::before { | 138 | .username::before { |
138 | background-image: url(../../image/username.png); | 139 | background-image: url(../../image/username.png); |
139 | } | 140 | } |
140 | 141 | ||
141 | .password::before { | 142 | .password::before { |
142 | background-image: url(../../image/password.png); | 143 | background-image: url(../../image/password.png); |
143 | } | 144 | } |
144 | 145 | ||
145 | .bg { | 146 | .bg { |
146 | width: 100%; | 147 | width: 100%; |
147 | height: 100%; | 148 | height: 100%; |
148 | min-width: 1440px; | 149 | min-width: 1440px; |
... | @@ -151,6 +152,7 @@ | ... | @@ -151,6 +152,7 @@ |
151 | background-size: 100% 100%; | 152 | background-size: 100% 100%; |
152 | overflow: hidden; | 153 | overflow: hidden; |
153 | position: relative; | 154 | position: relative; |
155 | |||
154 | .login-logo { | 156 | .login-logo { |
155 | background: url(../../image/loginLogo.png) no-repeat; | 157 | background: url(../../image/loginLogo.png) no-repeat; |
156 | background-size: 100% 100%; | 158 | background-size: 100% 100%; |
... | @@ -160,9 +162,9 @@ | ... | @@ -160,9 +162,9 @@ |
160 | top: 25%; | 162 | top: 25%; |
161 | left: 19%; | 163 | left: 19%; |
162 | } | 164 | } |
163 | } | 165 | } |
164 | 166 | ||
165 | .login-inner-bg { | 167 | .login-inner-bg { |
166 | background: url(../../image/loginBg.png) no-repeat; | 168 | background: url(../../image/loginBg.png) no-repeat; |
167 | width: 20.6%; | 169 | width: 20.6%; |
168 | height: 43%; | 170 | height: 43%; |
... | @@ -185,14 +187,12 @@ | ... | @@ -185,14 +187,12 @@ |
185 | position: absolute; | 187 | position: absolute; |
186 | right: 0; | 188 | right: 0; |
187 | top: -70px; | 189 | top: -70px; |
188 | background-image: linear-gradient( | 190 | background-image: linear-gradient(180deg, |
189 | 180deg, | ||
190 | rgba(99, 163, 255, 1) 0, | 191 | rgba(99, 163, 255, 1) 0, |
191 | rgba(99, 163, 255, 1) 0, | 192 | rgba(99, 163, 255, 1) 0, |
192 | rgba(182, 220, 255, 1) 49.731445%, | 193 | rgba(182, 220, 255, 1) 49.731445%, |
193 | rgba(114, 190, 255, 1) 100%, | 194 | rgba(114, 190, 255, 1) 100%, |
194 | rgba(114, 190, 255, 1) 100% | 195 | rgba(114, 190, 255, 1) 100%); |
195 | ); | ||
196 | overflow-wrap: break-word; | 196 | overflow-wrap: break-word; |
197 | color: rgba(255, 255, 255, 1); | 197 | color: rgba(255, 255, 255, 1); |
198 | font-size: 36px; | 198 | font-size: 36px; |
... | @@ -200,9 +200,9 @@ | ... | @@ -200,9 +200,9 @@ |
200 | -webkit-background-clip: text; | 200 | -webkit-background-clip: text; |
201 | -webkit-text-fill-color: transparent; | 201 | -webkit-text-fill-color: transparent; |
202 | } | 202 | } |
203 | } | 203 | } |
204 | 204 | ||
205 | .login { | 205 | .login { |
206 | .user_style { | 206 | .user_style { |
207 | h3 { | 207 | h3 { |
208 | color: #fff; | 208 | color: #fff; |
... | @@ -227,9 +227,9 @@ | ... | @@ -227,9 +227,9 @@ |
227 | cursor: pointer; | 227 | cursor: pointer; |
228 | background-color: #2d8cf0; | 228 | background-color: #2d8cf0; |
229 | } | 229 | } |
230 | } | 230 | } |
231 | 231 | ||
232 | .login #loginform { | 232 | .login #loginform { |
233 | .el-form-item { | 233 | .el-form-item { |
234 | margin-bottom: 24px !important; | 234 | margin-bottom: 24px !important; |
235 | } | 235 | } |
... | @@ -252,13 +252,14 @@ | ... | @@ -252,13 +252,14 @@ |
252 | .el-checkbox__label { | 252 | .el-checkbox__label { |
253 | color: #fff; | 253 | color: #fff; |
254 | } | 254 | } |
255 | } | 255 | } |
256 | 256 | ||
257 | .inputUser .ivu-input { | 257 | .inputUser .ivu-input { |
258 | padding: 6px 24px !important; | 258 | padding: 6px 24px !important; |
259 | border: 1px solid #9f9f9f !important; | 259 | border: 1px solid #9f9f9f !important; |
260 | } | 260 | } |
261 | tr.hover-row > td.el-table__cell { | 261 | |
262 | tr.hover-row>td.el-table__cell { | ||
262 | background-color: transparent !important; | 263 | background-color: transparent !important; |
263 | } | 264 | } |
264 | </style> | 265 | </style> | ... | ... |
... | @@ -16,8 +16,16 @@ | ... | @@ -16,8 +16,16 @@ |
16 | placeholder="请输入密码" show-password></el-input> | 16 | placeholder="请输入密码" show-password></el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | <el-form-item prop="yz"> | 18 | <el-form-item prop="yz"> |
19 | <el-input class="yz" @keyup.native="login('user')" v-model="user.yz" | 19 | <div class="flex-container"> |
20 | placeholder="请输入验证码"></el-input> | 20 | <div class="flex-input"> |
21 | <el-input class="yz" @keyup.native="login('user')" v-model="user.yz" placeholder="请输入验证码"></el-input> | ||
22 | </div> | ||
23 | <div class="flex-line"></div> | ||
24 | <div class="flex-img"><canvas id="s-canvas" ref="s-canvas"></canvas></div> | ||
25 | <div class="flex-renovate"> | ||
26 | <font id="renovate" @click="verification">换一批</font> | ||
27 | </div> | ||
28 | </div> | ||
21 | </el-form-item> | 29 | </el-form-item> |
22 | <el-form-item class="login-btn"> | 30 | <el-form-item class="login-btn"> |
23 | <el-button type="primary" style="width: 100%" @click="login('user')">登录</el-button> | 31 | <el-button type="primary" style="width: 100%" @click="login('user')">登录</el-button> |
... | @@ -29,9 +37,9 @@ | ... | @@ -29,9 +37,9 @@ |
29 | </template> | 37 | </template> |
30 | 38 | ||
31 | <script> | 39 | <script> |
32 | import { loginIn } from "@/api/login.js"; | 40 | import { loginIn } from "@/api/login.js"; |
33 | import { api, getAction } from "@/api/manageApi"; | 41 | import { api, getAction } from "@/api/manageApi"; |
34 | export default { | 42 | export default { |
35 | name: "Login", | 43 | name: "Login", |
36 | data () { | 44 | data () { |
37 | return { | 45 | return { |
... | @@ -49,6 +57,7 @@ | ... | @@ -49,6 +57,7 @@ |
49 | }; | 57 | }; |
50 | }, | 58 | }, |
51 | created () { | 59 | created () { |
60 | this.verification(); | ||
52 | const params = {}; | 61 | const params = {}; |
53 | const queryOptions = { | 62 | const queryOptions = { |
54 | conditionGroup: { | 63 | conditionGroup: { |
... | @@ -79,6 +88,36 @@ | ... | @@ -79,6 +88,36 @@ |
79 | // this.checkUserName(); | 88 | // this.checkUserName(); |
80 | }, | 89 | }, |
81 | methods: { | 90 | methods: { |
91 | verification () { | ||
92 | let str = '1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ', code = '', i = 0; | ||
93 | for (; i++ < 4;) code += str[Math.floor(Math.random() * (str.length - 0) + 0)]; | ||
94 | setTimeout(() => { | ||
95 | let canvas = document.getElementById("s-canvas"), ctx = canvas.getContext("2d"); | ||
96 | canvas.width = 80; | ||
97 | canvas.height = 28; | ||
98 | ctx.fillStyle = '#ffffff'; | ||
99 | ctx.fillRect(0, 0, 80, 28); | ||
100 | for (i = 0; i < code.length; i++) { this.drawText(ctx, code[i], i); } | ||
101 | }, 0); | ||
102 | }, | ||
103 | drawText (ctx, txt, i) { | ||
104 | ctx.fillStyle = this.randomColor(50, 160); | ||
105 | ctx.font = "18px SimHei"; | ||
106 | let x = (i + 1) * (80 / (4 + 1)), y = this.randomNum(18, 28 - 5); | ||
107 | ctx.translate(x, y); | ||
108 | ctx.fillText(txt, 0, 0); | ||
109 | ctx.rotate((-0 * Math.PI) / 180); | ||
110 | ctx.translate(-x, -y); | ||
111 | }, | ||
112 | randomColor (min, max) { | ||
113 | let r = this.randomNum(min, max); | ||
114 | let g = this.randomNum(min, max); | ||
115 | let b = this.randomNum(min, max); | ||
116 | return "rgb(" + r + "," + g + "," + b + ")"; | ||
117 | }, | ||
118 | randomNum (min, max) { | ||
119 | return Math.floor(Math.random() * (max - min) + min); | ||
120 | }, | ||
82 | //记住用户名 | 121 | //记住用户名 |
83 | checkUserName: function (flag) { | 122 | checkUserName: function (flag) { |
84 | this.user.checkStatus = flag; | 123 | this.user.checkStatus = flag; |
... | @@ -107,7 +146,7 @@ | ... | @@ -107,7 +146,7 @@ |
107 | this.$store.dispatch("products/setData", res.content[0].code); | 146 | this.$store.dispatch("products/setData", res.content[0].code); |
108 | sessionStorage.setItem("products", res.content[0].code) | 147 | sessionStorage.setItem("products", res.content[0].code) |
109 | //登录成功后需判断有无重定向,没有重定向则跳转首页 | 148 | //登录成功后需判断有无重定向,没有重定向则跳转首页 |
110 | this.$router.replace(this.$route.query.redirect || "/"); | 149 | this.$router.replace(this.$route.query.redirect || "/jsbwcx/index"); |
111 | } else { | 150 | } else { |
112 | console.log(res); | 151 | console.log(res); |
113 | this.$message.error({ message: res.message }) | 152 | this.$message.error({ message: res.message }) |
... | @@ -121,12 +160,12 @@ | ... | @@ -121,12 +160,12 @@ |
121 | }, | 160 | }, |
122 | }, | 161 | }, |
123 | components: {}, | 162 | components: {}, |
124 | }; | 163 | }; |
125 | </script> | 164 | </script> |
126 | <style scoped lang="scss"> | 165 | <style scoped lang="scss"> |
127 | .username, | 166 | .username, |
128 | .password, | 167 | .password, |
129 | .yz { | 168 | .yz { |
130 | position: relative; | 169 | position: relative; |
131 | 170 | ||
132 | &:before { | 171 | &:before { |
... | @@ -146,20 +185,59 @@ | ... | @@ -146,20 +185,59 @@ |
146 | // border: 1px solid rgba(11, 161, 248, 0.4); | 185 | // border: 1px solid rgba(11, 161, 248, 0.4); |
147 | // background-color: rgba(6, 135, 205, 0.3) !important; | 186 | // background-color: rgba(6, 135, 205, 0.3) !important; |
148 | } | 187 | } |
149 | } | 188 | } |
150 | 189 | ||
151 | .username::before { | 190 | .flex-container { |
191 | position: relative; | ||
192 | display: -webkit-flex; | ||
193 | display: flex; | ||
194 | } | ||
195 | |||
196 | .flex-input { | ||
197 | width: 100%; | ||
198 | } | ||
199 | |||
200 | .flex-line { | ||
201 | position: absolute; | ||
202 | width: 1px; | ||
203 | height: 64%; | ||
204 | margin: 5px; | ||
205 | right: 36%; | ||
206 | background-color: #CCCCCC; | ||
207 | } | ||
208 | |||
209 | .flex-img { | ||
210 | position: absolute; | ||
211 | margin: 2px; | ||
212 | right: 16%; | ||
213 | } | ||
214 | |||
215 | .flex-renovate { | ||
216 | position: absolute; | ||
217 | margin: 1px; | ||
218 | right: 3%; | ||
219 | } | ||
220 | |||
221 | #renovate { | ||
222 | color: #3F8FEA; | ||
223 | font-size: 16px; | ||
224 | font-weight: 700; | ||
225 | cursor: pointer; | ||
226 | } | ||
227 | |||
228 | .username::before { | ||
152 | background-image: url(../../image/userlogo.png); | 229 | background-image: url(../../image/userlogo.png); |
153 | } | 230 | } |
154 | 231 | ||
155 | .password::before { | 232 | .password::before { |
156 | background-image: url(../../image/passlogo.png); | 233 | background-image: url(../../image/passlogo.png); |
157 | } | 234 | } |
158 | .yz::before { | 235 | |
236 | .yz::before { | ||
159 | background-image: url(../../image/yzlogo.png); | 237 | background-image: url(../../image/yzlogo.png); |
160 | } | 238 | } |
161 | 239 | ||
162 | .bg { | 240 | .bg { |
163 | width: 100%; | 241 | width: 100%; |
164 | height: 100%; | 242 | height: 100%; |
165 | min-width: 1440px; | 243 | min-width: 1440px; |
... | @@ -168,13 +246,15 @@ | ... | @@ -168,13 +246,15 @@ |
168 | background-size: 100% 100%; | 246 | background-size: 100% 100%; |
169 | overflow: hidden; | 247 | overflow: hidden; |
170 | position: relative; | 248 | position: relative; |
171 | } | 249 | } |
172 | .title { | 250 | |
251 | .title { | ||
173 | width: 24%; | 252 | width: 24%; |
174 | height: 6%; | 253 | height: 6%; |
175 | top: 20%; | 254 | top: 20%; |
176 | right: 38%; | 255 | right: 38%; |
177 | position: absolute; | 256 | position: absolute; |
257 | |||
178 | img { | 258 | img { |
179 | width: 60px; | 259 | width: 60px; |
180 | height: 60px; | 260 | height: 60px; |
... | @@ -182,6 +262,7 @@ | ... | @@ -182,6 +262,7 @@ |
182 | left: 2%; | 262 | left: 2%; |
183 | position: absolute; | 263 | position: absolute; |
184 | } | 264 | } |
265 | |||
185 | h2 { | 266 | h2 { |
186 | top: 25%; | 267 | top: 25%; |
187 | left: 22%; | 268 | left: 22%; |
... | @@ -193,8 +274,9 @@ | ... | @@ -193,8 +274,9 @@ |
193 | color: #ffffff; | 274 | color: #ffffff; |
194 | text-shadow: 0px 4px 4px #002c95; | 275 | text-shadow: 0px 4px 4px #002c95; |
195 | } | 276 | } |
196 | } | 277 | } |
197 | .login-inner-bg { | 278 | |
279 | .login-inner-bg { | ||
198 | background: white; | 280 | background: white; |
199 | width: 24.6%; | 281 | width: 24.6%; |
200 | height: 47%; | 282 | height: 47%; |
... | @@ -206,9 +288,9 @@ | ... | @@ -206,9 +288,9 @@ |
206 | background-size: 100% 100%; | 288 | background-size: 100% 100%; |
207 | box-sizing: border-box; | 289 | box-sizing: border-box; |
208 | padding: 56px; | 290 | padding: 56px; |
209 | } | 291 | } |
210 | 292 | ||
211 | .login { | 293 | .login { |
212 | .user_style { | 294 | .user_style { |
213 | h3 { | 295 | h3 { |
214 | font-weight: normal; | 296 | font-weight: normal; |
... | @@ -237,9 +319,9 @@ | ... | @@ -237,9 +319,9 @@ |
237 | cursor: pointer; | 319 | cursor: pointer; |
238 | background-color: #2d8cf0; | 320 | background-color: #2d8cf0; |
239 | } | 321 | } |
240 | } | 322 | } |
241 | 323 | ||
242 | .login #loginform { | 324 | .login #loginform { |
243 | .el-form-item { | 325 | .el-form-item { |
244 | margin-bottom: 24px !important; | 326 | margin-bottom: 24px !important; |
245 | } | 327 | } |
... | @@ -263,10 +345,9 @@ | ... | @@ -263,10 +345,9 @@ |
263 | .el-checkbox__label { | 345 | .el-checkbox__label { |
264 | color: #fff; | 346 | color: #fff; |
265 | } | 347 | } |
266 | } | 348 | } |
267 | 349 | ||
268 | .inputUser .ivu-input { | 350 | .inputUser .ivu-input { |
269 | padding: 6px 24px !important; | 351 | padding: 6px 24px !important; |
270 | border: 1px solid #9f9f9f !important; | 352 | border: 1px solid #9f9f9f !important; |
271 | } | 353 | }</style> |
272 | </style> | ... | ... |
... | @@ -193,12 +193,12 @@ | ... | @@ -193,12 +193,12 @@ |
193 | </template> | 193 | </template> |
194 | 194 | ||
195 | <script> | 195 | <script> |
196 | import { sbdata, sendThis } from './data/sbdata' | 196 | import { sbdata, sendThis } from './data/sbdata' |
197 | import { dbdata, sendThis1 } from './data/dbdata' | 197 | import { dbdata, sendThis1 } from './data/dbdata' |
198 | import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" | 198 | import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" |
199 | import JsonEditor from "@/components/JsonEditor.vue"; | 199 | import JsonEditor from "@/components/JsonEditor.vue"; |
200 | import { judgeListComplete } from "@/utils/tools.js" | 200 | import { judgeListComplete } from "@/utils/tools.js" |
201 | export default { | 201 | export default { |
202 | components: { JsonEditor }, | 202 | components: { JsonEditor }, |
203 | data () { | 203 | data () { |
204 | return { | 204 | return { |
... | @@ -455,32 +455,31 @@ export default { | ... | @@ -455,32 +455,31 @@ export default { |
455 | } | 455 | } |
456 | } | 456 | } |
457 | } | 457 | } |
458 | } | 458 | } |
459 | </script> | 459 | </script> |
460 | <style scoped lang="scss"> | 460 | <style scoped lang="scss"> |
461 | @import "~@/styles/mixin.scss"; | 461 | // @import "~@/styles/mixin.scss"; |
462 | @import "~@/styles/dialogBox.scss"; | 462 | // @import "~@/styles/dialogBox.scss"; |
463 | |||
464 | 463 | ||
465 | /deep/.el-tabs__header { | 464 | /deep/.el-tabs__header { |
466 | margin: 0; | 465 | margin: 0; |
467 | } | 466 | } |
468 | 467 | ||
469 | /deep/.el-dialog { | 468 | /deep/.el-dialog { |
470 | display: flex; | 469 | display: flex; |
471 | flex-direction: column; | 470 | flex-direction: column; |
472 | } | 471 | } |
473 | 472 | ||
474 | /deep/.el-dialog__body { | 473 | /deep/.el-dialog__body { |
475 | display: flex; | 474 | display: flex; |
476 | flex-direction: column; | 475 | flex-direction: column; |
477 | padding-bottom: 30px; | 476 | padding-bottom: 30px; |
478 | height: 100%; | 477 | height: 100%; |
479 | flex: 1; | 478 | flex: 1; |
480 | position: relative; | 479 | position: relative; |
481 | } | 480 | } |
482 | 481 | ||
483 | .regularHeight { | 482 | .regularHeight { |
484 | display: flex; | 483 | display: flex; |
485 | flex-direction: column; | 484 | flex-direction: column; |
486 | height: 87vh; | 485 | height: 87vh; |
... | @@ -490,16 +489,17 @@ export default { | ... | @@ -490,16 +489,17 @@ export default { |
490 | .JsonEditor { | 489 | .JsonEditor { |
491 | flex: 1; | 490 | flex: 1; |
492 | } | 491 | } |
493 | } | 492 | } |
494 | 493 | ||
495 | .d-center {} | 494 | .d-center { |
495 | } | ||
496 | 496 | ||
497 | .dialog_title { | 497 | .dialog_title { |
498 | top: -13px | 498 | top: -13px; |
499 | } | 499 | } |
500 | 500 | ||
501 | /deep/.el-tabs__item { | 501 | /deep/.el-tabs__item { |
502 | color: #CEF8FF !important; | 502 | color: #cef8ff !important; |
503 | 503 | ||
504 | display: flex; | 504 | display: flex; |
505 | flex-direction: row; | 505 | flex-direction: row; |
... | @@ -507,39 +507,39 @@ export default { | ... | @@ -507,39 +507,39 @@ export default { |
507 | background: url("~@/image/tabitem.png") no-repeat; | 507 | background: url("~@/image/tabitem.png") no-repeat; |
508 | background-size: 100% 100%; | 508 | background-size: 100% 100%; |
509 | border: none !important; | 509 | border: none !important; |
510 | } | 510 | } |
511 | 511 | ||
512 | /deep/.el-tabs__nav { | 512 | /deep/.el-tabs__nav { |
513 | display: flex; | 513 | display: flex; |
514 | border: none !important; | 514 | border: none !important; |
515 | } | 515 | } |
516 | 516 | ||
517 | /deep/.el-tabs__item.is-top:not(:last-child) { | 517 | /deep/.el-tabs__item.is-top:not(:last-child) { |
518 | margin-right: 5px; | 518 | margin-right: 5px; |
519 | } | 519 | } |
520 | 520 | ||
521 | /deep/.el-icon-circle-close { | 521 | /deep/.el-icon-circle-close { |
522 | display: none; | 522 | display: none; |
523 | } | 523 | } |
524 | 524 | ||
525 | /deep/.el-tabs__item.is-active { | 525 | /deep/.el-tabs__item.is-active { |
526 | background: url("~@/image/tabitemse.png") no-repeat; | 526 | background: url("~@/image/tabitemse.png") no-repeat; |
527 | background-size: 100% 100%; | 527 | background-size: 100% 100%; |
528 | } | 528 | } |
529 | 529 | ||
530 | .from-clues-content { | 530 | .from-clues-content { |
531 | margin-top: 0; | 531 | margin-top: 0; |
532 | background: none; | 532 | background: none; |
533 | padding: 0; | 533 | padding: 0; |
534 | } | 534 | } |
535 | 535 | ||
536 | .editDialogBox-box { | 536 | .editDialogBox-box { |
537 | position: relative; | 537 | position: relative; |
538 | top: 10px; | 538 | top: 10px; |
539 | height: 100%; | 539 | height: 100%; |
540 | } | 540 | } |
541 | 541 | ||
542 | .dialog-from { | 542 | .dialog-from { |
543 | padding-top: 0; | 543 | padding-top: 0; |
544 | 544 | ||
545 | .el-col { | 545 | .el-col { |
... | @@ -571,6 +571,6 @@ export default { | ... | @@ -571,6 +571,6 @@ export default { |
571 | color: #d7eaee; | 571 | color: #d7eaee; |
572 | margin: 3px 0; | 572 | margin: 3px 0; |
573 | } | 573 | } |
574 | } | 574 | } |
575 | </style> | 575 | </style> |
576 | 576 | ... | ... |
... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
10 | <el-row> | 10 | <el-row> |
11 | <el-col :span="6"> | 11 | <el-col :span="6"> |
12 | <el-form-item label="行政区"> | 12 | <el-form-item label="行政区"> |
13 | <el-select v-model="form.areacode" class="width100" clearable placeholder="行政区"> | 13 | <el-select v-model="$store.state.user.userInfo.grade === 'county' ? form.areacode = $store.state.user.userInfo.areaCode : form.areacode" class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> |
14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
15 | </el-option> | 15 | </el-option> |
16 | </el-select> | 16 | </el-select> | ... | ... |
... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
10 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> |
11 | <el-col :span="6"> | 11 | <el-col :span="6"> |
12 | <el-form-item label="行政区" prop="qxdm"> | 12 | <el-form-item label="行政区" prop="qxdm"> |
13 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 13 | <el-select v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> |
14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
15 | </el-option> | 15 | </el-option> |
16 | </el-select> | 16 | </el-select> | ... | ... |
... | @@ -9,6 +9,11 @@ | ... | @@ -9,6 +9,11 @@ |
9 | <el-input v-model="form.name" placeholder="请输入菜单名称" /> | 9 | <el-input v-model="form.name" placeholder="请输入菜单名称" /> |
10 | </el-form-item> | 10 | </el-form-item> |
11 | </el-col> | 11 | </el-col> |
12 | <el-col :span="12"> | ||
13 | <el-form-item label="图标:" label-width="54px"> | ||
14 | <el-input v-model="form.icon" placeholder="请选择图标" :prefix-icon="form.icon" clearable @focus="getIconList" /> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
12 | </el-row> | 17 | </el-row> |
13 | <el-row :gutter="24"> | 18 | <el-row :gutter="24"> |
14 | <el-col :span="12"> | 19 | <el-col :span="12"> |
... | @@ -51,19 +56,23 @@ | ... | @@ -51,19 +56,23 @@ |
51 | </el-col> | 56 | </el-col> |
52 | </el-row> | 57 | </el-row> |
53 | </el-form> | 58 | </el-form> |
59 | <!-- 图标列表 --> | ||
60 | <IconList ref="iconList" @iconName="getIconName" /> | ||
54 | </div> | 61 | </div> |
55 | </dialogBox> | 62 | </dialogBox> |
56 | </template> | 63 | </template> |
57 | 64 | ||
58 | <script> | 65 | <script> |
59 | import { getParentMenuListAction } from '@/api/authorityManage' | 66 | import { getParentMenuListAction } from '@/api/authorityManage' |
60 | import JsonEditor from '@/components/JsonEditors' | 67 | import IconList from '../../../components/IconList' |
61 | import { validateCode } from '@/utils/validate'; | 68 | import JsonEditor from '@/components/JsonEditors' |
62 | import { api, httpAction } from '@/api/manageApi' | 69 | import { validateCode } from '@/utils/validate'; |
63 | export default { | 70 | import { api, httpAction } from '@/api/manageApi' |
71 | export default { | ||
64 | name: 'MenuModal', | 72 | name: 'MenuModal', |
65 | components: { | 73 | components: { |
66 | JsonEditor, | 74 | JsonEditor, |
75 | IconList, | ||
67 | }, | 76 | }, |
68 | props: { | 77 | props: { |
69 | value: { type: Boolean, default: false }, | 78 | value: { type: Boolean, default: false }, |
... | @@ -142,6 +151,10 @@ | ... | @@ -142,6 +151,10 @@ |
142 | } | 151 | } |
143 | }) | 152 | }) |
144 | }, | 153 | }, |
154 | // 选择图标 | ||
155 | getIconName (data) { | ||
156 | this.form.icon = data; | ||
157 | }, | ||
145 | getIconList () { | 158 | getIconList () { |
146 | this.$refs.iconList.show(true) | 159 | this.$refs.iconList.show(true) |
147 | }, | 160 | }, |
... | @@ -188,7 +201,6 @@ | ... | @@ -188,7 +201,6 @@ |
188 | method = 'put' | 201 | method = 'put' |
189 | url = `${this.dataUrl}/${formData.id}` | 202 | url = `${this.dataUrl}/${formData.id}` |
190 | } | 203 | } |
191 | debugger | ||
192 | httpAction(url, formData, method) | 204 | httpAction(url, formData, method) |
193 | .then((res) => { | 205 | .then((res) => { |
194 | if (res.status === 1) { | 206 | if (res.status === 1) { |
... | @@ -221,13 +233,14 @@ | ... | @@ -221,13 +233,14 @@ |
221 | this.$emit('input', false) | 233 | this.$emit('input', false) |
222 | } | 234 | } |
223 | } | 235 | } |
224 | } | 236 | } |
225 | </script> | 237 | </script> |
226 | <style scoped lang="scss"> | 238 | <style scoped lang="scss"> |
227 | .modifydialog { | 239 | .modifydialog { |
228 | &-con { | 240 | &-con { |
229 | background: #031a46; | 241 | background: #031a46; |
230 | } | 242 | } |
243 | |||
231 | /deep/.el-dialog__header { | 244 | /deep/.el-dialog__header { |
232 | .dialog_title { | 245 | .dialog_title { |
233 | display: -webkit-box; | 246 | display: -webkit-box; |
... | @@ -242,11 +255,16 @@ | ... | @@ -242,11 +255,16 @@ |
242 | -ms-flex-pack: center; | 255 | -ms-flex-pack: center; |
243 | justify-content: center; | 256 | justify-content: center; |
244 | white-space: nowrap; | 257 | white-space: nowrap; |
258 | |||
245 | b { | 259 | b { |
246 | font-size: 16px; | 260 | font-size: 16px; |
247 | font-weight: 600; | ||
248 | } | 261 | } |
249 | } | 262 | } |
263 | |||
264 | .el-dialog__headerbtn { | ||
265 | right: 20px !important; | ||
266 | top: 23px !important; | ||
250 | } | 267 | } |
251 | } | 268 | } |
269 | } | ||
252 | </style> | 270 | </style> | ... | ... |
... | @@ -177,9 +177,12 @@ | ... | @@ -177,9 +177,12 @@ |
177 | white-space: nowrap; | 177 | white-space: nowrap; |
178 | b { | 178 | b { |
179 | font-size: 16px; | 179 | font-size: 16px; |
180 | font-weight: 600; | ||
181 | } | 180 | } |
182 | } | 181 | } |
182 | .el-dialog__headerbtn { | ||
183 | right: 20px !important; | ||
184 | top: 23px !important; | ||
185 | } | ||
183 | } | 186 | } |
184 | } | 187 | } |
185 | </style> | 188 | </style> | ... | ... |
... | @@ -412,6 +412,6 @@ | ... | @@ -412,6 +412,6 @@ |
412 | }; | 412 | }; |
413 | </script> | 413 | </script> |
414 | <style scoped lang="scss"> | 414 | <style scoped lang="scss"> |
415 | @import "~@/styles/mixin.scss"; | 415 | // @import "~@/styles/mixin.scss"; |
416 | @import "~@/styles/dialogBox.scss"; | 416 | // @import "~@/styles/dialogBox.scss"; |
417 | </style> | 417 | </style> | ... | ... |
1 | /* | 1 | /* |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-01-30 17:59:51 | 3 | * @Date: 2023-01-30 17:59:51 |
4 | * @LastEditors: xiaomiao 1158771342@qq.com | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-08 15:09:15 | 5 | * @LastEditTime: 2023-03-23 09:34:50 |
6 | * @FilePath: \监管系统\js-web-jianguan\src\views\system\users\data\index.js | 6 | * @FilePath: \监管系统\js-web-jianguan\src\views\system\users\data\index.js |
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
8 | */ | 8 | */ |
... | @@ -29,16 +29,17 @@ class data extends filter { | ... | @@ -29,16 +29,17 @@ class data extends filter { |
29 | }, | 29 | }, |
30 | { | 30 | { |
31 | prop: "departmentName", | 31 | prop: "departmentName", |
32 | label: "所属部门" | 32 | label: "组织机构", |
33 | }, | 33 | minWidth: 130 |
34 | { | ||
35 | prop: "job_group", | ||
36 | label: "职位" | ||
37 | }, | 34 | }, |
38 | { | 35 | { |
39 | prop: "telephone", | 36 | prop: "telephone", |
40 | label: "电话" | 37 | label: "电话" |
41 | } | 38 | }, |
39 | { | ||
40 | prop: "jobLevel", | ||
41 | label: "职位" | ||
42 | }, | ||
42 | ] | 43 | ] |
43 | } | 44 | } |
44 | } | 45 | } | ... | ... |
... | @@ -61,6 +61,15 @@ | ... | @@ -61,6 +61,15 @@ |
61 | </el-row> | 61 | </el-row> |
62 | <el-row :gutter="24"> | 62 | <el-row :gutter="24"> |
63 | <el-col :span="24"> | 63 | <el-col :span="24"> |
64 | <el-form-item label="组织机构:" label-width="100px" prop="departmentId"> | ||
65 | <el-select class="selbig" v-model="form.departmentId" placeholder="组织机构"> | ||
66 | <el-option v-for="item in districtAreaList" :key="item.id" :label="item.name" :value="item.id" /> | ||
67 | </el-select> | ||
68 | </el-form-item> | ||
69 | </el-col> | ||
70 | </el-row> | ||
71 | <el-row :gutter="24"> | ||
72 | <el-col :span="24"> | ||
64 | <el-form-item label="办公地点:" label-width="100px" class="form-item-mb0"> | 73 | <el-form-item label="办公地点:" label-width="100px" class="form-item-mb0"> |
65 | <el-input v-model="form.address" placeholder="办公地点" /> | 74 | <el-input v-model="form.address" placeholder="办公地点" /> |
66 | </el-form-item> | 75 | </el-form-item> |
... | @@ -72,7 +81,7 @@ | ... | @@ -72,7 +81,7 @@ |
72 | </template> | 81 | </template> |
73 | 82 | ||
74 | <script> | 83 | <script> |
75 | import { api, httpAction } from '@/api/manageApi' | 84 | import { api, httpAction, getAction } from '@/api/manageApi' |
76 | export default { | 85 | export default { |
77 | name: "", | 86 | name: "", |
78 | props: { | 87 | props: { |
... | @@ -81,12 +90,15 @@ | ... | @@ -81,12 +90,15 @@ |
81 | data () { | 90 | data () { |
82 | return { | 91 | return { |
83 | myValue: this.value, | 92 | myValue: this.value, |
93 | districtAreaList: [], | ||
84 | form: { | 94 | form: { |
85 | sex: "0", | 95 | sex: "0", |
96 | departmentId: '', | ||
86 | }, | 97 | }, |
87 | rules: { | 98 | rules: { |
88 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }], | 99 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }], |
89 | code: [{ required: true, message: "请输入工号", trigger: "blur" }], | 100 | code: [{ required: true, message: "请输入工号", trigger: "blur" }], |
101 | departmentId: [{ required: true, message: "请选择组织机构", trigger: 'change' }], | ||
90 | mobilePhone: [{ validator: "sddd", trigger: "blur" }], | 102 | mobilePhone: [{ validator: "sddd", trigger: "blur" }], |
91 | loginName: [ | 103 | loginName: [ |
92 | { required: true, message: "请输入用户名", trigger: "blur" }, | 104 | { required: true, message: "请输入用户名", trigger: "blur" }, |
... | @@ -99,17 +111,25 @@ | ... | @@ -99,17 +111,25 @@ |
99 | dataUrl: api.users | 111 | dataUrl: api.users |
100 | }; | 112 | }; |
101 | }, | 113 | }, |
102 | computed: { | ||
103 | departmentid () { | ||
104 | return this.$store.state.user.userInfo; | ||
105 | }, | ||
106 | }, | ||
107 | watch: { | 114 | watch: { |
108 | value (val) { | 115 | value (val) { |
109 | this.myValue = val | 116 | this.myValue = val |
110 | } | 117 | } |
111 | }, | 118 | }, |
119 | created () { | ||
120 | this.getdistricts() | ||
121 | }, | ||
112 | methods: { | 122 | methods: { |
123 | getdistricts () { | ||
124 | getAction(api.departments, { | ||
125 | queryOptions: { orderBys: [{ property: "sort", direction: "desc" }] }, | ||
126 | }).then((res) => { | ||
127 | this.districtAreaList = res.content; | ||
128 | |||
129 | }); | ||
130 | |||
131 | |||
132 | }, | ||
113 | // 添加人员 | 133 | // 添加人员 |
114 | adds () { | 134 | adds () { |
115 | this.showLoginName = false | 135 | this.showLoginName = false |
... | @@ -124,17 +144,17 @@ | ... | @@ -124,17 +144,17 @@ |
124 | }) | 144 | }) |
125 | } | 145 | } |
126 | }, | 146 | }, |
127 | handleChange (value) { | ||
128 | this.form.departmentId = value; | ||
129 | }, | ||
130 | // 保存 | 147 | // 保存 |
131 | submitForm () { | 148 | submitForm () { |
149 | this.districtAreaList.forEach((item) => { | ||
150 | if (this.form.departmentId == item.id) { | ||
151 | this.form.organizationId = item.organizationId | ||
152 | } | ||
153 | }) | ||
132 | this.$refs.form.validate((valid) => { | 154 | this.$refs.form.validate((valid) => { |
133 | if (valid) { | 155 | if (valid) { |
134 | let method = '' | 156 | let method = '' |
135 | let url = '' | 157 | let url = '' |
136 | this.form.organizationId = this.departmentid.organizationId; | ||
137 | this.form.departmentId = this.departmentid.departmentId; | ||
138 | const formData = this.form | 158 | const formData = this.form |
139 | if (!formData.id) { | 159 | if (!formData.id) { |
140 | method = 'post' | 160 | method = 'post' |
... | @@ -143,7 +163,6 @@ | ... | @@ -143,7 +163,6 @@ |
143 | method = 'put' | 163 | method = 'put' |
144 | url = `${this.dataUrl}/${formData.id}` | 164 | url = `${this.dataUrl}/${formData.id}` |
145 | } | 165 | } |
146 | |||
147 | httpAction(url, formData, method).then((res) => { | 166 | httpAction(url, formData, method).then((res) => { |
148 | if (res.status === 1) { | 167 | if (res.status === 1) { |
149 | this.$message.success({ message: res.message, showClose: true }) | 168 | this.$message.success({ message: res.message, showClose: true }) |
... | @@ -191,9 +210,15 @@ | ... | @@ -191,9 +210,15 @@ |
191 | white-space: nowrap; | 210 | white-space: nowrap; |
192 | b { | 211 | b { |
193 | font-size: 16px; | 212 | font-size: 16px; |
194 | font-weight: 600; | ||
195 | } | 213 | } |
196 | } | 214 | } |
215 | .el-dialog__headerbtn { | ||
216 | right: 20px !important; | ||
217 | top: 23px !important; | ||
218 | } | ||
219 | } | ||
220 | .selbig { | ||
221 | width: 500px; | ||
197 | } | 222 | } |
198 | } | 223 | } |
199 | </style> | 224 | </style> | ... | ... |
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | </el-col> | 23 | </el-col> |
24 | <!-- 操作按钮 --> | 24 | <!-- 操作按钮 --> |
25 | <el-col :span="3" class="btnColRight"> | 25 | <el-col :span="3" class="btnColRight"> |
26 | <btn nativeType="cx" @click="searchQuery">查询</btn> | 26 | <btn nativeType="cx" @click="getTableList">查询</btn> |
27 | <btn nativeType="cx" @click="handleAdd">添加人员</btn> | 27 | <btn nativeType="cx" @click="handleAdd">添加人员</btn> |
28 | </el-col> | 28 | </el-col> |
29 | </el-row> | 29 | </el-row> |
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
49 | resetPassword, | 49 | resetPassword, |
50 | getUserList, getUserLists | 50 | getUserList, getUserLists |
51 | } from "@/api/personnelManage"; | 51 | } from "@/api/personnelManage"; |
52 | import { api, deleteAction } from '@/api/manageApi' | 52 | import { api, deleteAction, getAction } from '@/api/manageApi' |
53 | import data from "./data"; | 53 | import data from "./data"; |
54 | import { deleteDomStr } from '@/utils/proDomStr' | 54 | import { deleteDomStr } from '@/utils/proDomStr' |
55 | import tableMixin from "@/mixins/tableMixin.js"; | 55 | import tableMixin from "@/mixins/tableMixin.js"; |
... | @@ -111,6 +111,15 @@ | ... | @@ -111,6 +111,15 @@ |
111 | .concat(data.columns()) | 111 | .concat(data.columns()) |
112 | .concat([ | 112 | .concat([ |
113 | { | 113 | { |
114 | label: "职位", | ||
115 | render: (h, scope) => { | ||
116 | return ( | ||
117 | <div v-show={scope.row.jobLevel !== null}>{scope.row.jobLevel ? "干事" : "经理"}</div> | ||
118 | ) | ||
119 | |||
120 | } | ||
121 | }, | ||
122 | { | ||
114 | label: "负责人", | 123 | label: "负责人", |
115 | render: (h, scope) => { | 124 | render: (h, scope) => { |
116 | return ( | 125 | return ( |
... | @@ -229,41 +238,75 @@ | ... | @@ -229,41 +238,75 @@ |
229 | this.$refs.dialogForm.title = "添加"; | 238 | this.$refs.dialogForm.title = "添加"; |
230 | }, | 239 | }, |
231 | // 查询 | 240 | // 查询 |
232 | searchQuery () { | 241 | getTableList () { |
233 | console.log(" console.log(this.form);", this.form); | ||
234 | this.queryParam = { | 242 | this.queryParam = { |
235 | organizationId: this.departmentid.organizationId, | ||
236 | departmentId: this.departmentid.departmentId, | ||
237 | name: this.form.name, | 243 | name: this.form.name, |
238 | code: this.form.code, | 244 | code: this.form.code, |
239 | loginName: this.form.loginName, | 245 | loginName: this.form.loginName, |
240 | }; | 246 | }; |
241 | console.log("this.queryParam", this.queryParam); | ||
242 | getUserLists(this.queryParam).then((res) => { | 247 | getUserLists(this.queryParam).then((res) => { |
243 | if (res.status === 1) { | 248 | if (res.status === 1) { |
244 | this.loading = false; | 249 | this.loading = false; |
245 | this.tableData.data = res.content; | 250 | this.tableData.data = res.content; |
246 | this.tableData.data = judgeSort(this.tableData.data); | 251 | this.tableData.data = judgeSort(this.tableData.data); |
247 | console.log("this.tableData.data111111111111111", this.tableData.data); | 252 | let arr = [] |
253 | this.tableData.data.forEach((item) => { | ||
254 | arr.push(item.departmentId) | ||
255 | }) | ||
256 | this.getDepts(arr) | ||
248 | } else { | 257 | } else { |
249 | this.$message.error({ message: res.message, showClose: true }) | 258 | this.$message.error({ message: res.message, showClose: true }) |
250 | } | 259 | } |
251 | }) | 260 | }) |
252 | }, | 261 | }, |
253 | getTableList () { | 262 | // 获取组织机构 |
254 | this.loading = true; | 263 | getDepts (deptIdArr) { |
264 | let params = { | ||
265 | queryOptions: { | ||
266 | conditionGroup: { | ||
267 | conditions: [ | ||
268 | { | ||
269 | property: "id", | ||
270 | value: deptIdArr, | ||
271 | operator: "IN", | ||
272 | }, | ||
273 | ], | ||
274 | queryRelation: "AND", | ||
275 | }, | ||
276 | orderBys: [], | ||
277 | }, | ||
278 | }; | ||
279 | getAction(api.departments, params).then( | ||
280 | (res) => { | ||
281 | let deptsList = res.content; | ||
282 | deptsList.forEach((ele) => { | ||
283 | this.tableData.data.forEach((item) => { | ||
284 | if (ele.id == item.departmentId) { | ||
285 | item.departmentName = ele.name | ||
286 | } | ||
287 | }) | ||
288 | }) | ||
255 | 289 | ||
256 | getUserList().then((res) => { | 290 | }, |
257 | if (res.status === 1) { | 291 | (err) => { |
258 | console.log("res人员列表", res); | 292 | console.log("err :", err); |
259 | this.loading = false; | ||
260 | this.tableData.data = res.content; | ||
261 | this.tableData.data = judgeSort(this.tableData.data); | ||
262 | } else { | ||
263 | this.$message.error({ message: res.message, showClose: true }); | ||
264 | } | 293 | } |
265 | }); | 294 | ); |
266 | }, | 295 | }, |
296 | // getTableList () { | ||
297 | // this.loading = true; | ||
298 | |||
299 | // getUserList().then((res) => { | ||
300 | // if (res.status === 1) { | ||
301 | // console.log("res人员列表", res); | ||
302 | // this.loading = false; | ||
303 | // this.tableData.data = res.content; | ||
304 | // this.tableData.data = judgeSort(this.tableData.data); | ||
305 | // } else { | ||
306 | // this.$message.error({ message: res.message, showClose: true }); | ||
307 | // } | ||
308 | // }); | ||
309 | // }, | ||
267 | 310 | ||
268 | // 重置用户密码 | 311 | // 重置用户密码 |
269 | resetPassword (data) { | 312 | resetPassword (data) { |
... | @@ -328,34 +371,10 @@ | ... | @@ -328,34 +371,10 @@ |
328 | } | 371 | } |
329 | }) | 372 | }) |
330 | }, | 373 | }, |
331 | getDepts (deptIdArr) { | 374 | |
332 | let params = { | ||
333 | queryOptions: { | ||
334 | conditionGroup: { | ||
335 | conditions: [ | ||
336 | { | ||
337 | property: "id", | ||
338 | value: deptIdArr, | ||
339 | operator: "IN", | ||
340 | }, | ||
341 | ], | ||
342 | queryRelation: "AND", | ||
343 | }, | ||
344 | orderBys: [], | ||
345 | }, | ||
346 | }; | ||
347 | getAction(api.departments, params).then( | ||
348 | (res) => { | ||
349 | let deptsList = res.content; | ||
350 | console.log(deptsList); | ||
351 | }, | ||
352 | (err) => { | ||
353 | console.log("err :", err); | ||
354 | } | ||
355 | ); | ||
356 | }, | ||
357 | // 修改人员信息 | 375 | // 修改人员信息 |
358 | handleEdit (row) { | 376 | handleEdit (row) { |
377 | console.log("rowwwww", row); | ||
359 | this.isDialog = true | 378 | this.isDialog = true |
360 | this.$refs.dialogForm.edit(row); | 379 | this.$refs.dialogForm.edit(row); |
361 | this.$refs.dialogForm.title = "修改"; | 380 | this.$refs.dialogForm.title = "修改"; | ... | ... |
-
Please register or sign in to post a comment