Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
1a57a7e8 by xiaomiao
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 6bd4740f 87098caf
Inline Side-by-side
Showing 59 changed files with 2876 additions and 2269 deletions
1 /* 1 /*
2 * @Description: 业务办理 2 * @Description: 业务办理
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:13:24 4 * @LastEditTime: 2023-07-19 14:53:41
5 */ 5 */
6 6
7 import request from '@/utils/request' 7 import request from '@/utils/request'
...@@ -12,32 +12,29 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap ...@@ -12,32 +12,29 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
12 * @author: renchao 12 * @author: renchao
13 */ 13 */
14 export function getCollectBiz () { 14 export function getCollectBiz () {
15 return request({ 15 return request({
16 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getCollectBiz', 16 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getCollectBiz',
17 method: 'post' 17 method: 'post'
18 }) 18 })
19 } 19 }
20
21
22 /** 20 /**
23 * @description: 业务办理-获取左侧菜单 21 * @description: 业务办理-获取左侧菜单
24 * @author: renchao 22 * @author: renchao
25 */ 23 */
26 export function getleftMenu () { 24 export function getleftMenu () {
27 return request({ 25 return request({
28 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getleftMenu', 26 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getleftMenu',
29 method: 'post' 27 method: 'post'
30 }) 28 })
31 } 29 }
32
33 /** 30 /**
34 * @description: 登记簿补录 31 * @description: 登记簿补录
35 * @author: renchao 32 * @author: renchao
36 */ 33 */
37 export function getRepairBiz () { 34 export function getRepairBiz () {
38 return request({ 35 return request({
39 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getRepairBiz', 36 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getRepairBiz',
40 method: 'post' 37 method: 'post'
41 }) 38 })
42 } 39 }
43 40
...@@ -46,11 +43,11 @@ export function getleftMenu () { ...@@ -46,11 +43,11 @@ export function getleftMenu () {
46 * @author: renchao 43 * @author: renchao
47 */ 44 */
48 export function getTogetherBiz () { 45 export function getTogetherBiz () {
49 return request({ 46 return request({
50 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz', 47 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz',
51 method: 'post' 48 method: 'post'
52 }) 49 })
53 } 50 }
54 51
55 /** 52 /**
56 * @description: 业务办理-获取下个节点内容 53 * @description: 业务办理-获取下个节点内容
...@@ -58,10 +55,10 @@ export function getTogetherBiz () { ...@@ -58,10 +55,10 @@ export function getTogetherBiz () {
58 * @author: renchao 55 * @author: renchao
59 */ 56 */
60 export function getNextNode (bsmSqyw) { 57 export function getNextNode (bsmSqyw) {
61 return request({ 58 return request({
62 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getNextNode?parentid=' + bsmSqyw, 59 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getNextNode?parentid=' + bsmSqyw,
63 method: 'post' 60 method: 'post'
64 }) 61 })
65 } 62 }
66 63
67 /** 64 /**
......
1 // 封装axios请求
2 import axios from "axios";
3 // 创建axios的对象
4 const instance = axios.create({
5 baseURL: "http://192.168.2.235/management/rest/users",
6 })
7
8
9
10 export const getusername = (data) => instance({
11
12 url: '', // 请求地址
13 method: 'get',
14 params:{
15 queryOptions: {
16 conditionGroup: {
17 conditions: [
18 {
19 property: "loginName",
20 value:data,
21 operator: "IN",
22 },
23 ],
24 queryRelation: "AND",
25 },
26 orderBys:[{"property":"sort","direction":"desc"}]
27 },
28 },
29
30 })
1 /* 1 /*
2 * @Description: 楼盘表查询 2 * @Description: 楼盘表查询
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-12 13:26:37 4 * @LastEditTime: 2023-07-19 15:00:43
5 */ 5 */
6 import request from "@/utils/request"; 6 import request from "@/utils/request";
7 let SERVER = window.config 7 let SERVER = window.config
8 ? window.config 8 ? window.config
9 : JSON.parse(localStorage.getItem("ApiUrl")); 9 : JSON.parse(localStorage.getItem("ApiUrl"));
10 const url = SERVER.SERVERAPI + "/rest/zhcx/lpcx/"; 10 const url = SERVER.SERVERAPI + "/rest/zhcx/lpcx/";
11 //
12 /** 11 /**
13 * @description:楼盘查询- 根据条件进行列表查询 12 * @description:楼盘查询- 根据条件进行列表查询
14 * @param {*} data 13 * @param {*} data
15 * @author: renchao 14 * @author: renchao
16 */ 15 */
17 export function getLpZrz(data) { 16 export function getLpZrz (data) {
18 return request({ 17 return request({
19 url: "service-lpb/rest/zhcx/lpcx/getLpZrz", 18 url: "service-lpb/rest/zhcx/lpcx/getLpZrz",
20 method: "post", 19 method: "post",
...@@ -27,7 +26,7 @@ export function getLpZrz(data) { ...@@ -27,7 +26,7 @@ export function getLpZrz(data) {
27 * @param {*} zrzbsm 26 * @param {*} zrzbsm
28 * @author: renchao 27 * @author: renchao
29 */ 28 */
30 export function getLpb(zrzbsm) { 29 export function getLpb (zrzbsm) {
31 return request({ 30 return request({
32 url: "service-lpb/rest/zhcx/lpcx/getLpb?scyclx=0&zrzbsm=" + zrzbsm, 31 url: "service-lpb/rest/zhcx/lpcx/getLpb?scyclx=0&zrzbsm=" + zrzbsm,
33 method: "get", 32 method: "get",
...@@ -38,7 +37,7 @@ export function getLpb(zrzbsm) { ...@@ -38,7 +37,7 @@ export function getLpb(zrzbsm) {
38 * @param {*} zrzbsm 37 * @param {*} zrzbsm
39 * @author: renchao 38 * @author: renchao
40 */ 39 */
41 export function getLpbFwytAndQlxz(zrzbsm) { 40 export function getLpbFwytAndQlxz (zrzbsm) {
42 return request({ 41 return request({
43 url: 42 url:
44 "service-lpb/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=0&zrzbsm=" + 43 "service-lpb/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=0&zrzbsm=" +
...@@ -51,7 +50,7 @@ export function getLpbFwytAndQlxz(zrzbsm) { ...@@ -51,7 +50,7 @@ export function getLpbFwytAndQlxz(zrzbsm) {
51 * @param {*} zrzbsm 50 * @param {*} zrzbsm
52 * @author: renchao 51 * @author: renchao
53 */ 52 */
54 export function getLpbQsxtj(zrzbsm) { 53 export function getLpbQsxtj (zrzbsm) {
55 return request({ 54 return request({
56 url: "service-lpb/rest/zhcx/lpcx/getLpbQsxtj?scyclx=0&zrzbsm=" + zrzbsm, 55 url: "service-lpb/rest/zhcx/lpcx/getLpbQsxtj?scyclx=0&zrzbsm=" + zrzbsm,
57 method: "get", 56 method: "get",
...@@ -65,7 +64,7 @@ export function getLpbQsxtj(zrzbsm) { ...@@ -65,7 +64,7 @@ export function getLpbQsxtj(zrzbsm) {
65 * scyclx 实测预测类型 0预测，1实测 64 * scyclx 实测预测类型 0预测，1实测
66 * @return {*} 65 * @return {*}
67 */ 66 */
68 export function getLpbTj(zrzbsm) { 67 export function getLpbTj (zrzbsm) {
69 return request({ 68 return request({
70 url: "service-lpb/rest/zhcx/lpcx/getLpbTj?scyclx=0&zrzbsm=" + zrzbsm, 69 url: "service-lpb/rest/zhcx/lpcx/getLpbTj?scyclx=0&zrzbsm=" + zrzbsm,
71 method: "get", 70 method: "get",
......
...@@ -6,8 +6,11 @@ ...@@ -6,8 +6,11 @@
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 8
9 9 /**
10 // 数据上报推送查询 10 * @description: 数据上报推送查询
11 * @param {*} data
12 * @author: renchao
13 */
11 export function list (data) { 14 export function list (data) {
12 return request({ 15 return request({
13 url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list', 16 url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list',
...@@ -16,7 +19,11 @@ export function list (data) { ...@@ -16,7 +19,11 @@ export function list (data) {
16 }) 19 })
17 } 20 }
18 21
19 // 数据上报推送 22 /**
23 * @description: 数据上报推送
24 * @param {*} data
25 * @author: renchao
26 */
20 export function push (data) { 27 export function push (data) {
21 return request({ 28 return request({
22 url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push', 29 url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push',
...@@ -25,7 +32,11 @@ export function push (data) { ...@@ -25,7 +32,11 @@ export function push (data) {
25 }) 32 })
26 } 33 }
27 34
28 // 数据上报推送 35 /**
36 * @description: 数据上报推送
37 * @param {*} bsm
38 * @author: renchao
39 */
29 export function detail (bsm) { 40 export function detail (bsm) {
30 return request({ 41 return request({
31 url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm, 42 url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm,
......
...@@ -17,8 +17,6 @@ export function getErrorLogList (data) { ...@@ -17,8 +17,6 @@ export function getErrorLogList (data) {
17 data 17 data
18 }) 18 })
19 } 19 }
20
21
22 /** 20 /**
23 * @description: 系统监控 -获取操作日志列表 21 * @description: 系统监控 -获取操作日志列表
24 * @param {*} data 22 * @param {*} data
...@@ -31,7 +29,6 @@ export function getOperationLogList (data) { ...@@ -31,7 +29,6 @@ export function getOperationLogList (data) {
31 data 29 data
32 }) 30 })
33 } 31 }
34
35 /** 32 /**
36 * @description: 系统监控 -主机监控 33 * @description: 系统监控 -主机监控
37 * @author: renchao 34 * @author: renchao
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:25:58 4 * @LastEditTime: 2023-05-17 10:25:58
5 */ 5 */
...@@ -31,6 +31,11 @@ export function BatchInit (data) { ...@@ -31,6 +31,11 @@ export function BatchInit (data) {
31 }) 31 })
32 } 32 }
33 33
34 /**
35 * @description: 初始化
36 * @param {*} data
37 * @author: renchao
38 */
34 export function Init (data) { 39 export function Init (data) {
35 let apiUrl = ""; 40 let apiUrl = "";
36 switch (data.get("djlx")) { 41 switch (data.get("djlx")) {
......
...@@ -6,7 +6,11 @@ ...@@ -6,7 +6,11 @@
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 8
9 // 初始化内容 9 /**
10 * @description: 初始化
11 * @param {*} data
12 * @author: renchao
13 */
10 export function Init (data) { 14 export function Init (data) {
11 let apiUrl = ""; 15 let apiUrl = "";
12 switch (data.get("djlx")) { 16 switch (data.get("djlx")) {
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:32:29 4 * @LastEditTime: 2023-05-17 10:32:29
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 8
9 // 初始化内容 9 /**
10 * @description: 初始化
11 * @param {*} data
12 * @author: renchao
13 */
10 export function Init (data) { 14 export function Init (data) {
11 let apiUrl = ""; 15 let apiUrl = "";
12 switch (data.get("djlx")) { 16 switch (data.get("djlx")) {
...@@ -39,7 +43,11 @@ export function Init (data) { ...@@ -39,7 +43,11 @@ export function Init (data) {
39 }) 43 })
40 } 44 }
41 45
42 // 初始化内容 46 /**
47 * @description: 保存数据
48 * @param {*} data
49 * @author: renchao
50 */
43 export function saveData (data) { 51 export function saveData (data) {
44 return request({ 52 return request({
45 url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', 53 url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData',
......
...@@ -6,7 +6,11 @@ ...@@ -6,7 +6,11 @@
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 8
9 // 初始化内容 9 /**
10 * @description: 初始化
11 * @param {*} data
12 * @author: renchao
13 */
10 export function Init (data) { 14 export function Init (data) {
11 let apiUrl = ""; 15 let apiUrl = "";
12 switch (data.get("djlx")) { 16 switch (data.get("djlx")) {
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:32:37 4 * @LastEditTime: 2023-05-17 10:32:37
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 // 初始化内容 8 /**
9 * @description: 初始化
10 * @param {*} data
11 * @author: renchao
12 */
9 export function Init (data) { 13 export function Init (data) {
10 let apiUrl = ""; 14 let apiUrl = "";
11 switch (data.get("djlx")) { 15 switch (data.get("djlx")) {
...@@ -37,7 +41,11 @@ export function Init (data) { ...@@ -37,7 +41,11 @@ export function Init (data) {
37 data 41 data
38 }) 42 })
39 } 43 }
40 // 初始化内容 44 /**
45 * @description: 保存数据
46 * @param {*} data
47 * @author: renchao
48 */
41 export function saveData (data) { 49 export function saveData (data) {
42 return request({ 50 return request({
43 url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData', 51 url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData',
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:32:41 4 * @LastEditTime: 2023-05-17 10:32:41
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 // 初始化内容 8 /**
9 * @description: 初始化
10 * @param {*} data
11 * @author: renchao
12 */
9 export function Init (data) { 13 export function Init (data) {
10 let apiUrl = ""; 14 let apiUrl = "";
11 switch (data.get("djlx")) { 15 switch (data.get("djlx")) {
...@@ -37,7 +41,11 @@ export function Init (data) { ...@@ -37,7 +41,11 @@ export function Init (data) {
37 data 41 data
38 }) 42 })
39 } 43 }
40 // 初始化内容 44 /**
45 * @description: 保存数据
46 * @param {*} data
47 * @author: renchao
48 */
41 export function saveData (data) { 49 export function saveData (data) {
42 return request({ 50 return request({
43 url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData', 51 url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData',
......
...@@ -6,7 +6,11 @@ ...@@ -6,7 +6,11 @@
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 8
9 // 初始化内容 9 /**
10 * @description: 初始化
11 * @param {*} data
12 * @author: renchao
13 */
10 export function Init (data) { 14 export function Init (data) {
11 return request({ 15 return request({
12 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", 16 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
...@@ -14,7 +18,11 @@ export function Init (data) { ...@@ -14,7 +18,11 @@ export function Init (data) {
14 data 18 data
15 }) 19 })
16 } 20 }
17 // 批量初始化内容 21 /**
22 * @description: 批量初始化
23 * @param {*} data
24 * @author: renchao
25 */
18 export function bacthInit (data) { 26 export function bacthInit (data) {
19 let apiUrl = ""; 27 let apiUrl = "";
20 switch (data.get("djlx")) { 28 switch (data.get("djlx")) {
...@@ -46,7 +54,11 @@ export function bacthInit (data) { ...@@ -46,7 +54,11 @@ export function bacthInit (data) {
46 data 54 data
47 }) 55 })
48 } 56 }
49 // 受理信息保存 57 /**
58 * @description: 保存数据
59 * @param {*} data
60 * @author: renchao
61 */
50 export function saveData (data, djlx) { 62 export function saveData (data, djlx) {
51 let apiUrl = "/rest/ywbl/zjgcdy/saveData"; 63 let apiUrl = "/rest/ywbl/zjgcdy/saveData";
52 if (djlx == "400") { 64 if (djlx == "400") {
...@@ -59,7 +71,11 @@ export function saveData (data, djlx) { ...@@ -59,7 +71,11 @@ export function saveData (data, djlx) {
59 }) 71 })
60 } 72 }
61 73
62 // 受理信息保存 74 /**
75 * @description: 批量保存
76 * @param {*} data
77 * @author: renchao
78 */
63 export function saveBatchData (data, djlx) { 79 export function saveBatchData (data, djlx) {
64 return request({ 80 return request({
65 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", 81 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
...@@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) { ...@@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) {
67 data 83 data
68 }) 84 })
69 } 85 }
70 // 上传单个文件 86
87 /**
88 * @description: 上传当个文件
89 * @param {*} data
90 * @author: renchao
91 */
71 export function sjClmxUpload (data) { 92 export function sjClmxUpload (data) {
72 return request({ 93 return request({
73 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload', 94 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload',
...@@ -75,7 +96,12 @@ export function sjClmxUpload (data) { ...@@ -75,7 +96,12 @@ export function sjClmxUpload (data) {
75 data 96 data
76 }) 97 })
77 } 98 }
78 // 删除上传文件 99
100 /**
101 * @description: 删除多个文件
102 * @param {*} data
103 * @author: renchao
104 */
79 export function sjClmxDelete (bsmClmx) { 105 export function sjClmxDelete (bsmClmx) {
80 return request({ 106 return request({
81 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, 107 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx,
......
1 /* 1 /*
2 * @Description: 业务申请 2 * @Description: 业务申请
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:13:24 4 * @LastEditTime: 2023-07-19 14:52:03
5 */ 5 */
6 6
7 import request from '@/utils/request' 7 import request from '@/utils/request'
...@@ -13,11 +13,11 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap ...@@ -13,11 +13,11 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
13 * @author: renchao 13 * @author: renchao
14 */ 14 */
15 export function selectScBdcdy (data) { 15 export function selectScBdcdy (data) {
16 return request({ 16 return request({
17 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectScBdcdy', 17 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectScBdcdy',
18 method: 'post', 18 method: 'post',
19 data 19 data
20 }) 20 })
21 } 21 }
22 /** 22 /**
23 * @description: 业务办理-选择权利信息-根据条件进行列表查询 23 * @description: 业务办理-选择权利信息-根据条件进行列表查询
...@@ -132,11 +132,11 @@ export function selectDz (data) { ...@@ -132,11 +132,11 @@ export function selectDz (data) {
132 data 132 data
133 }) 133 })
134 } 134 }
135 /**
136 * @description: 业务办理-选择单元-查询户信息
137 * @author: renchao
138 */
135 139
136
137 /*
138 业务办理-选择单元-查询户信息
139 */
140 export function selectH (data) { 140 export function selectH (data) {
141 return request({ 141 return request({
142 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectH', 142 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectH',
......
...@@ -54,12 +54,20 @@ export default { ...@@ -54,12 +54,20 @@ export default {
54 54
55 computed: { 55 computed: {
56 model: { 56 model: {
57 /**
58 * @description: get
59 * @author: renchao
60 */
57 get () { 61 get () {
58 return this.isGroup 62 return this.isGroup
59 ? this.store : this.value !== undefined 63 ? this.store : this.value !== undefined
60 ? this.value : this.selfModel; 64 ? this.value : this.selfModel;
61 }, 65 },
62 66 /**
67 * @description: set
68 * @param {*} val
69 * @author: renchao
70 */
63 set (val) { 71 set (val) {
64 if (this.isGroup) { 72 if (this.isGroup) {
65 this.isLimitExceeded = false; 73 this.isLimitExceeded = false;
...@@ -80,6 +88,10 @@ export default { ...@@ -80,6 +88,10 @@ export default {
80 } 88 }
81 }, 89 },
82 90
91 /**
92 * @description: isChecked
93 * @author: renchao
94 */
83 isChecked () { 95 isChecked () {
84 if ({}.toString.call(this.model) === '[object Boolean]') { 96 if ({}.toString.call(this.model) === '[object Boolean]') {
85 return this.model; 97 return this.model;
...@@ -89,7 +101,10 @@ export default { ...@@ -89,7 +101,10 @@ export default {
89 return this.model === this.trueLabel; 101 return this.model === this.trueLabel;
90 } 102 }
91 }, 103 },
92 104 /**
105 * @description: isGroup
106 * @author: renchao
107 */
93 isGroup () { 108 isGroup () {
94 let parent = this.$parent; 109 let parent = this.$parent;
95 while (parent) { 110 while (parent) {
...@@ -102,29 +117,44 @@ export default { ...@@ -102,29 +117,44 @@ export default {
102 } 117 }
103 return false; 118 return false;
104 }, 119 },
105 120 /**
121 * @description: store
122 * @author: renchao
123 */
106 store () { 124 store () {
107 return this._checkboxGroup ? this._checkboxGroup.value : this.value; 125 return this._checkboxGroup ? this._checkboxGroup.value : this.value;
108 }, 126 },
109 127
110 /* used to make the isDisabled judgment under max/min props */ 128 /**
129 * @description: isLimitDisabled
130 * @author: renchao
131 */
111 isLimitDisabled () { 132 isLimitDisabled () {
112 const { max, min } = this._checkboxGroup; 133 const { max, min } = this._checkboxGroup;
113 return !!(max || min) && 134 return !!(max || min) &&
114 (this.model.length >= max && !this.isChecked) || 135 (this.model.length >= max && !this.isChecked) ||
115 (this.model.length <= min && this.isChecked); 136 (this.model.length <= min && this.isChecked);
116 }, 137 },
117 138 /**
139 * @description: isDisabled
140 * @author: renchao
141 */
118 isDisabled () { 142 isDisabled () {
119 return this.isGroup 143 return this.isGroup
120 ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled 144 ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled
121 : this.disabled || (this.elForm || {}).disabled; 145 : this.disabled || (this.elForm || {}).disabled;
122 }, 146 },
123 147 /**
148 * @description: _elFormItemSize
149 * @author: renchao
150 */
124 _elFormItemSize () { 151 _elFormItemSize () {
125 return (this.elFormItem || {}).elFormItemSize; 152 return (this.elFormItem || {}).elFormItemSize;
126 }, 153 },
127 154 /**
155 * @description: checkboxSize
156 * @author: renchao
157 */
128 checkboxSize () { 158 checkboxSize () {
129 const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; 159 const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
130 return this.isGroup 160 return this.isGroup
...@@ -149,6 +179,10 @@ export default { ...@@ -149,6 +179,10 @@ export default {
149 }, 179 },
150 180
151 methods: { 181 methods: {
182 /**
183 * @description: addToStore
184 * @author: renchao
185 */
152 addToStore () { 186 addToStore () {
153 if ( 187 if (
154 Array.isArray(this.model) && 188 Array.isArray(this.model) &&
...@@ -159,6 +193,10 @@ export default { ...@@ -159,6 +193,10 @@ export default {
159 this.model = this.trueLabel || true; 193 this.model = this.trueLabel || true;
160 } 194 }
161 }, 195 },
196 /**
197 * @description: handleChange
198 * @author: renchao
199 */
162 handleChange (ev) { 200 handleChange (ev) {
163 if (this.isLimitExceeded) return; 201 if (this.isLimitExceeded) return;
164 let value; 202 let value;
...@@ -175,16 +213,26 @@ export default { ...@@ -175,16 +213,26 @@ export default {
175 }); 213 });
176 } 214 }
177 }, 215 },
178 216 /**
217 * @description: created
218 * @author: renchao
219 */
179 created () { 220 created () {
180 this.checked && this.addToStore(); 221 this.checked && this.addToStore();
181 }, 222 },
223 /**
224 * @description: mounted
225 * @author: renchao
226 */
182 mounted () { // 为indeterminate元素 添加aria-controls 属性 227 mounted () { // 为indeterminate元素 添加aria-controls 属性
183 if (this.indeterminate) { 228 if (this.indeterminate) {
184 this.$el.setAttribute('aria-controls', this.controls); 229 this.$el.setAttribute('aria-controls', this.controls);
185 } 230 }
186 }, 231 },
187 232 /**
233 * @description: watch
234 * @author: renchao
235 */
188 watch: { 236 watch: {
189 value (value) { 237 value (value) {
190 this.dispatch('ElFormItem', 'el.form.change', value); 238 this.dispatch('ElFormItem', 'el.form.change', value);
......
...@@ -92,6 +92,10 @@ export default { ...@@ -92,6 +92,10 @@ export default {
92 } 92 }
93 }, 93 },
94 methods: { 94 methods: {
95 /**
96 * @description: handleFullscreen
97 * @author: renchao
98 */
95 handleFullscreen () { 99 handleFullscreen () {
96 this.fullscreen = !this.fullscreen 100 this.fullscreen = !this.fullscreen
97 if (!this.fullscreen) { 101 if (!this.fullscreen) {
...@@ -100,11 +104,19 @@ export default { ...@@ -100,11 +104,19 @@ export default {
100 this.scrollerHeight = (window.innerHeight - 120) + 'px' 104 this.scrollerHeight = (window.innerHeight - 120) + 'px'
101 } 105 }
102 }, 106 },
107 /**
108 * @description: submitForm
109 * @author: renchao
110 */
103 submitForm () { 111 submitForm () {
104 if (this.isButton) { 112 if (this.isButton) {
105 this.$emit('submitForm'); 113 this.$emit('submitForm');
106 } 114 }
107 }, 115 },
116 /**
117 * @description: closeDialog
118 * @author: renchao
119 */
108 closeDialog () { 120 closeDialog () {
109 this.key++ 121 this.key++
110 this.$emit('input', false) 122 this.$emit('input', false)
...@@ -124,4 +136,4 @@ export default { ...@@ -124,4 +136,4 @@ export default {
124 left: 50% !important; 136 left: 50% !important;
125 transform: translate(-50%, -50%) !important; 137 transform: translate(-50%, -50%) !important;
126 } 138 }
127 </style>
...\ No newline at end of file ...\ No newline at end of file
139 </style>
......
...@@ -106,6 +106,11 @@ ...@@ -106,6 +106,11 @@
106 components: { 106 components: {
107 LbColumn, 107 LbColumn,
108 }, 108 },
109
110 /**
111 * @description: data
112 * @author: renchao
113 */
109 data () { 114 data () {
110 return { 115 return {
111 tableHeight: 'auto', 116 tableHeight: 'auto',
...@@ -114,6 +119,10 @@ ...@@ -114,6 +119,10 @@
114 selected: '' 119 selected: ''
115 } 120 }
116 }, 121 },
122 /**
123 * @description: created
124 * @author: renchao
125 */
117 created () { 126 created () {
118 this.getMergeArr(this.data, this.merge) 127 this.getMergeArr(this.data, this.merge)
119 this.getHeight() 128 this.getHeight()
...@@ -124,17 +133,29 @@ ...@@ -124,17 +133,29 @@
124 }, 133 },
125 }, 134 },
126 methods: { 135 methods: {
127 // 单选 136 /**
137 * @description: 单选
138 * @param {*} row
139 * @author: renchao
140 */
128 singleElection (row) { 141 singleElection (row) {
129 this.selected = this.data.indexOf(row); 142 this.selected = this.data.indexOf(row);
130 // this.$emit('row-click', row) 143 // this.$emit('row-click', row)
131 }, 144 },
132 145
146 /**
147 * @description: tableRowClassName
148 * @author: renchao
149 */
133 tableRowClassName ({ row, rowIndex }) { 150 tableRowClassName ({ row, rowIndex }) {
134 if (rowIndex % 2 === 1) { 151 if (rowIndex % 2 === 1) {
135 return 'interlaced'; 152 return 'interlaced';
136 } 153 }
137 }, 154 },
155 /**
156 * @description: getHeight
157 * @author: renchao
158 */
138 getHeight () { 159 getHeight () {
139 if (!this.heightNumSetting) { 160 if (!this.heightNumSetting) {
140 let _this = this 161 let _this = this
...@@ -170,6 +191,12 @@ ...@@ -170,6 +191,12 @@
170 }) 191 })
171 } 192 }
172 }, 193 },
194 /**
195 * @description: calcHeightx
196 * @param {*} value
197 * @param {*} wappered
198 * @author: renchao
199 */
173 calcHeightx (value, wappered = true) { 200 calcHeightx (value, wappered = true) {
174 //项目自定义的公共header部分的高度，可忽略 201 //项目自定义的公共header部分的高度，可忽略
175 let header = document.querySelector(".from-clues-header").offsetHeight; 202 let header = document.querySelector(".from-clues-header").offsetHeight;
...@@ -195,36 +222,89 @@ ...@@ -195,36 +222,89 @@
195 } 222 }
196 return res; 223 return res;
197 }, 224 },
225 /**
226 * @description: clearSelection
227 * @author: renchao
228 */
198 clearSelection () { 229 clearSelection () {
199 this.$refs.elTable.clearSelection() 230 this.$refs.elTable.clearSelection()
200 }, 231 },
232 /**
233 * @description: toggleRowSelection
234 * @author: renchao
235 */
201 toggleRowSelection (row, selected) { 236 toggleRowSelection (row, selected) {
202 this.$refs.elTable.toggleRowSelection(row, selected) 237 this.$refs.elTable.toggleRowSelection(row, selected)
203 }, 238 },
239 /**
240 * @description: toggleAllSelection
241 * @author: renchao
242 */
204 toggleAllSelection () { 243 toggleAllSelection () {
205 this.$refs.elTable.toggleAllSelection() 244 this.$refs.elTable.toggleAllSelection()
206 }, 245 },
246 /**
247 * @description: toggleRowExpansion
248 * @param {*} row
249 * @param {*} bsm
250 * @author: renchao
251 */
207 toggleRowExpansion (row, expanded) { 252 toggleRowExpansion (row, expanded) {
208 this.$refs.elTable.toggleRowExpansion(row, expanded) 253 this.$refs.elTable.toggleRowExpansion(row, expanded)
209 }, 254 },
255 /**
256 * @description: setCurrentRow
257 * @param {*} row
258 * @author: renchao
259 */
210 setCurrentRow (row) { 260 setCurrentRow (row) {
211 this.$refs.elTable.setCurrentRow(row) 261 this.$refs.elTable.setCurrentRow(row)
212 }, 262 },
263 /**
264 * @description: setCurrentRow
265 * @author: renchao
266 */
213 clearSort () { 267 clearSort () {
214 this.$refs.elTable.clearSort() 268 this.$refs.elTable.clearSort()
215 }, 269 },
270 /**
271 * @description: clearFilter
272 * @param {*} columnKey
273 * @author: renchao
274 */
216 clearFilter (columnKey) { 275 clearFilter (columnKey) {
217 this.$refs.elTable.clearFilter(columnKey) 276 this.$refs.elTable.clearFilter(columnKey)
218 }, 277 },
278 /**
279 * @description: doLayout
280 * @author: renchao
281 */
219 doLayout () { 282 doLayout () {
220 this.$refs.elTable.doLayout() 283 this.$refs.elTable.doLayout()
221 }, 284 },
285 /**
286 * @description: sort
287 * @param {*} prop
288 * @param {*} order
289 * @author: renchao
290 */
222 sort (prop, order) { 291 sort (prop, order) {
223 this.$refs.elTable.sort(prop, order) 292 this.$refs.elTable.sort(prop, order)
224 }, 293 },
294 /**
295 * @description: paginationCurrentChange
296 * @param {*} val
297 * @author: renchao
298 */
225 paginationCurrentChange (val) { 299 paginationCurrentChange (val) {
226 this.$emit('p-current-change', val) 300 this.$emit('p-current-change', val)
227 }, 301 },
302 /**
303 * @description: getMergeArr
304 * @param {*} tableData
305 * @param {*} merge
306 * @author: renchao
307 */
228 getMergeArr (tableData, merge) { 308 getMergeArr (tableData, merge) {
229 if (!merge) return 309 if (!merge) return
230 this.mergeLine = {} 310 this.mergeLine = {}
...@@ -247,6 +327,10 @@ ...@@ -247,6 +327,10 @@
247 }) 327 })
248 }) 328 })
249 }, 329 },
330 /**
331 * @description: mergeMethod
332 * @author: renchao
333 */
250 mergeMethod ({ row, column, rowIndex, columnIndex }) { 334 mergeMethod ({ row, column, rowIndex, columnIndex }) {
251 const index = this.merge.indexOf(column.property) 335 const index = this.merge.indexOf(column.property)
252 if (index > -1) { 336 if (index > -1) {
...@@ -260,9 +344,17 @@ ...@@ -260,9 +344,17 @@
260 }, 344 },
261 }, 345 },
262 watch: { 346 watch: {
347 /**
348 * @description: merge
349 * @author: renchao
350 */
263 merge () { 351 merge () {
264 this.getMergeArr(this.data, this.merge) 352 this.getMergeArr(this.data, this.merge)
265 }, 353 },
354 /**
355 * @description: dataLength
356 * @author: renchao
357 */
266 dataLength () { 358 dataLength () {
267 this.getMergeArr(this.data, this.merge) 359 this.getMergeArr(this.data, this.merge)
268 } 360 }
......
...@@ -345,6 +345,10 @@ export default { ...@@ -345,6 +345,10 @@ export default {
345 }; 345 };
346 }, 346 },
347 methods: { 347 methods: {
348 /**
349 * @description: inputBlur
350 * @author: renchao
351 */
348 inputBlur (e) { 352 inputBlur (e) {
349 if (e.target.value != '') { 353 if (e.target.value != '') {
350 e.target.style.border = "" 354 e.target.style.border = ""
...@@ -353,8 +357,10 @@ export default { ...@@ -353,8 +357,10 @@ export default {
353 e.target.style.boxSizing = 'border-box'; 357 e.target.style.boxSizing = 'border-box';
354 } 358 }
355 }, 359 },
356 360 /**
357 //新增行数据 361 * @description: 新增行数据
362 * @author: renchao
363 */
358 addRow () { 364 addRow () {
359 365
360 console.log(this.gyfs, '共有方式') 366 console.log(this.gyfs, '共有方式')
...@@ -382,7 +388,10 @@ export default { ...@@ -382,7 +388,10 @@ export default {
382 this.dialogVisible = true; 388 this.dialogVisible = true;
383 } 389 }
384 }, 390 },
385 //确认权利人信息按钮；可以进行新增；可以进行更新； 391 /**
392 * @description: 确认权利人信息按钮；可以进行新增；可以进行更新；
393 * @author: renchao
394 */
386 addNewQlrInfo () { 395 addNewQlrInfo () {
387 396
388 this.rules = [ 397 this.rules = [
...@@ -482,7 +491,10 @@ export default { ...@@ -482,7 +491,10 @@ export default {
482 491
483 492
484 }, 493 },
485 //修改行数据 494 /**
495 * @description: 修改行数据
496 * @author: renchao
497 */
486 changeRow () { 498 changeRow () {
487 if (this.multipleSelection.length === 1) { 499 if (this.multipleSelection.length === 1) {
488 this.dialogVisible = true; 500 this.dialogVisible = true;
...@@ -498,7 +510,10 @@ export default { ...@@ -498,7 +510,10 @@ export default {
498 }); 510 });
499 } 511 }
500 }, 512 },
501 513 /**
514 * @description: updateGyfs
515 * @author: renchao
516 */
502 updateGyfs (val) { 517 updateGyfs (val) {
503 console.log(val, this.type) 518 console.log(val, this.type)
504 updateGyGyQlrQk(this.bsm, this.type, val).then((res) => { 519 updateGyGyQlrQk(this.bsm, this.type, val).then((res) => {
...@@ -509,12 +524,18 @@ export default { ...@@ -509,12 +524,18 @@ export default {
509 }) 524 })
510 }, 525 },
511 526
512 //父组件改变子组件的共有方式 527 /**
528 * @description: 父组件改变子组件的共有方式
529 * @author: renchao
530 */
513 changeGyfs (val) { 531 changeGyfs (val) {
514 this.gyfs = val; 532 this.gyfs = val;
515 }, 533 },
516 534
517 //行双击事件 535 /**
536 * @description: 行双击事件
537 * @author: renchao
538 */
518 rowDbclick (row) { 539 rowDbclick (row) {
519 if (+this.qszt == 0) { 540 if (+this.qszt == 0) {
520 this.dialogVisible = true; 541 this.dialogVisible = true;
...@@ -542,7 +563,10 @@ export default { ...@@ -542,7 +563,10 @@ export default {
542 // } 563 // }
543 // }, 564 // },
544 565
545 //删除行数据 566 /**
567 * @description: 删除行数据
568 * @author: renchao
569 */
546 delRow () { 570 delRow () {
547 if (this.multipleSelection.length > 0) { 571 if (this.multipleSelection.length > 0) {
548 let qlrbsms = []; 572 let qlrbsms = [];
...@@ -563,20 +587,35 @@ export default { ...@@ -563,20 +587,35 @@ export default {
563 }); 587 });
564 } 588 }
565 }, 589 },
566 //选中表格某一项 590 /**
591 * @description: 选中表格某一项
592 * @author: renchao
593 */
567 handleSelectionChange (val) { 594 handleSelectionChange (val) {
568 this.multipleSelection = val; 595 this.multipleSelection = val;
569 }, 596 },
570 597
571 //供父组件调用来获取共有方式 598 /**
599 * @description: 供父组件调用来获取共有方式
600 * @author: renchao
601 */
572 getQlgyfsData () { 602 getQlgyfsData () {
573 return this.gyfs; 603 return this.gyfs;
574 }, 604 },
575 //供父组件调用来获取权利人表格数据 605 /**
606 * @description: 供父组件调用来获取权利人表格数据
607 * @author: renchao
608 */
576 getQlrxxData () { 609 getQlrxxData () {
577 return this.tableData; 610 return this.tableData;
578 }, 611 },
579 //增删代理人 612 /**
613 * @description: 增删代理人
614 * @param {*} obj
615 * @param {*} ind
616 * @param {*} type
617 * @author: renchao
618 */
580 handleClick (obj, ind, type) { 619 handleClick (obj, ind, type) {
581 if (type === "add") { 620 if (type === "add") {
582 this.formData.dlrList.push({ 621 this.formData.dlrList.push({
...@@ -595,6 +634,11 @@ export default { ...@@ -595,6 +634,11 @@ export default {
595 }); 634 });
596 } 635 }
597 }, 636 },
637 /**
638 * @description: getQlrInfo
639 * @param {*} bsm
640 * @author: renchao
641 */
598 getQlrInfo (bsm) { 642 getQlrInfo (bsm) {
599 if (this.lq == "") { 643 if (this.lq == "") {
600 getQlrInfoByGlbsm(bsm).then((res) => { 644 getQlrInfoByGlbsm(bsm).then((res) => {
......
...@@ -257,6 +257,12 @@ export default { ...@@ -257,6 +257,12 @@ export default {
257 mounted () { 257 mounted () {
258 }, 258 },
259 methods: { 259 methods: {
260 /**
261 * @description: startTime
262 * @param {*} index
263 * @param {*} childIndex
264 * @author: renchao
265 */
260 startTime (index, childIndex) { 266 startTime (index, childIndex) {
261 let startTime = this.countList[index].list[childIndex].tdsyqssj; 267 let startTime = this.countList[index].list[childIndex].tdsyqssj;
262 let endTime = this.countList[index].list[childIndex].tdsyjssj; 268 let endTime = this.countList[index].list[childIndex].tdsyjssj;
...@@ -276,6 +282,13 @@ export default { ...@@ -276,6 +282,13 @@ export default {
276 // this.countList[index].list[childIndex].syqx=endYear-startYear; 282 // this.countList[index].list[childIndex].syqx=endYear-startYear;
277 } 283 }
278 }, 284 },
285 /**
286 * @description: sumTime
287 * @param {*} index
288 * @param {*} childIndex
289 * @param {*} syqx
290 * @author: renchao
291 */
279 sumTime (index, childIndex, syqx, e) { 292 sumTime (index, childIndex, syqx, e) {
280 this.$refs.syqx.forEach((item, index) => { 293 this.$refs.syqx.forEach((item, index) => {
281 if (item.value == syqx) { 294 if (item.value == syqx) {
...@@ -285,6 +298,12 @@ export default { ...@@ -285,6 +298,12 @@ export default {
285 let startTime = this.countList[index].list[childIndex].tdsyqssj; 298 let startTime = this.countList[index].list[childIndex].tdsyqssj;
286 this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0, 4)) + Number(syqx) + startTime.slice(4, 10); 299 this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0, 4)) + Number(syqx) + startTime.slice(4, 10);
287 }, 300 },
301 /**
302 * @description: endTime
303 * @param {*} index
304 * @param {*} childIndex
305 * @author: renchao
306 */
288 endTime (index, childIndex, e) { 307 endTime (index, childIndex, e) {
289 let startTime = this.countList[index].list[childIndex].tdsyqssj; 308 let startTime = this.countList[index].list[childIndex].tdsyqssj;
290 let endTime = this.countList[index].list[childIndex].tdsyjssj; 309 let endTime = this.countList[index].list[childIndex].tdsyjssj;
...@@ -303,7 +322,12 @@ export default { ...@@ -303,7 +322,12 @@ export default {
303 // this.countList[index].list[childIndex].syqx=endYear-startYear; 322 // this.countList[index].list[childIndex].syqx=endYear-startYear;
304 } 323 }
305 }, 324 },
306 //外层操作 325 /**
326 * @description: 外层操作
327 * @param {*} ind
328 * @param {*} type
329 * @author: renchao
330 */
307 handleClick (ind, type) { 331 handleClick (ind, type) {
308 let outsideObj = { 332 let outsideObj = {
309 id: Math.random(), 333 id: Math.random(),
...@@ -348,6 +372,10 @@ export default { ...@@ -348,6 +372,10 @@ export default {
348 this.outNum--; 372 this.outNum--;
349 } 373 }
350 }, 374 },
375 /**
376 * @description: reset
377 * @author: renchao
378 */
351 reset () { 379 reset () {
352 this.countList = [ 380 this.countList = [
353 { 381 {
...@@ -383,7 +411,13 @@ export default { ...@@ -383,7 +411,13 @@ export default {
383 }, 411 },
384 ]; 412 ];
385 }, 413 },
386 //内层操作 414 /**
415 * @description: 内层操作
416 * @param {*} index
417 * @param {*} childIndex
418 * @param {*} type
419 * @author: renchao
420 */
387 handleInClick (index, childIndex, type) { 421 handleInClick (index, childIndex, type) {
388 let insideObj = { 422 let insideObj = {
389 pzdjbsm: "", 423 pzdjbsm: "",
...@@ -415,7 +449,10 @@ export default { ...@@ -415,7 +449,10 @@ export default {
415 } 449 }
416 this.hasBorderOrNot(); 450 this.hasBorderOrNot();
417 }, 451 },
418 //判断是否显示边框 452 /**
453 * @description: 判断是否显示边框
454 * @author: renchao
455 */
419 hasBorderOrNot () { 456 hasBorderOrNot () {
420 this.countList.forEach((item, index) => { 457 this.countList.forEach((item, index) => {
421 if (index == this.countList.length - 1) { 458 if (index == this.countList.length - 1) {
...@@ -426,9 +463,17 @@ export default { ...@@ -426,9 +463,17 @@ export default {
426 } 463 }
427 }); 464 });
428 }, 465 },
466 /**
467 * @description: getQlxzDataList
468 * @author: renchao
469 */
429 getQlxzDataList () { 470 getQlxzDataList () {
430 return this.countList; 471 return this.countList;
431 }, 472 },
473 /**
474 * @description: getRules
475 * @author: renchao
476 */
432 getRules () { 477 getRules () {
433 let rules = []; 478 let rules = [];
434 let temp = 0; 479 let temp = 0;
...@@ -507,9 +552,17 @@ export default { ...@@ -507,9 +552,17 @@ export default {
507 }) 552 })
508 // console.log(rules,'rules'); 553 // console.log(rules,'rules');
509 }, 554 },
555 /**
556 * @description: getRulesResult
557 * @author: renchao
558 */
510 getRulesResult () { 559 getRulesResult () {
511 return this.rulesResult 560 return this.rulesResult
512 }, 561 },
562 /**
563 * @description: inputBlur
564 * @author: renchao
565 */
513 inputBlur (e, flag) { 566 inputBlur (e, flag) {
514 if (flag) { 567 if (flag) {
515 if (e.value != '') { 568 if (e.value != '') {
......
...@@ -157,6 +157,12 @@ export default { ...@@ -157,6 +157,12 @@ export default {
157 } 157 }
158 }, 158 },
159 methods: { 159 methods: {
160 /**
161 * @description: txtFileChange
162 * @param {*} file
163 * @param {*} fileList
164 * @author: renchao
165 */
160 txtFileChange (file, fileList) { 166 txtFileChange (file, fileList) {
161 var self = this; 167 var self = this;
162 var fileReader = new FileReader(); 168 var fileReader = new FileReader();
...@@ -170,6 +176,11 @@ export default { ...@@ -170,6 +176,11 @@ export default {
170 self.analysisTextFile(content); 176 self.analysisTextFile(content);
171 } 177 }
172 }, 178 },
179 /**
180 * @description: analysisTextFile
181 * @param {*} content
182 * @author: renchao
183 */
173 analysisTextFile (content) { 184 analysisTextFile (content) {
174 var index = content.indexOf("[地块坐标]"), 185 var index = content.indexOf("[地块坐标]"),
175 geoInfos = content.substr(index), 186 geoInfos = content.substr(index),
...@@ -225,6 +236,13 @@ export default { ...@@ -225,6 +236,13 @@ export default {
225 this.txtZd.name = ""; 236 this.txtZd.name = "";
226 this.txtResultDialog = true; 237 this.txtResultDialog = true;
227 }, 238 },
239 /**
240 * @description: shpFileSuccess
241 * @param {*} response
242 * @param {*} file
243 * @param {*} fileList
244 * @author: renchao
245 */
228 shpFileSuccess (response, file, fileList) { 246 shpFileSuccess (response, file, fileList) {
229 var self = this; 247 var self = this;
230 if (response.success) { 248 if (response.success) {
...@@ -234,9 +252,23 @@ export default { ...@@ -234,9 +252,23 @@ export default {
234 this.$message.warning(response.message); 252 this.$message.warning(response.message);
235 } 253 }
236 }, 254 },
255 /**
256 * @description: cadFileSuccess
257 * @param {*} response
258 * @param {*} file
259 * @param {*} fileList
260 * @author: renchao
261 */
237 cadFileSuccess (response, file, fileList) { 262 cadFileSuccess (response, file, fileList) {
238 263
239 }, 264 },
265 /**
266 * @description: excelFileSuccess
267 * @param {*} response
268 * @param {*} file
269 * @param {*} fileList
270 * @author: renchao
271 */
240 excelFileSuccess (response, file, fileList) { 272 excelFileSuccess (response, file, fileList) {
241 var self = this; 273 var self = this;
242 if (response.success) { 274 if (response.success) {
...@@ -265,7 +297,11 @@ export default { ...@@ -265,7 +297,11 @@ export default {
265 this.$message.warning(response.message); 297 this.$message.warning(response.message);
266 } 298 }
267 }, 299 },
268 //文本文档导入 300 /**
301 * @description: 文本文档导入
302 * @param {*} formName
303 * @author: renchao
304 */
269 submitTxtForm (formName) { 305 submitTxtForm (formName) {
270 var self = this; 306 var self = this;
271 this.$refs[formName].validate((valid) => { 307 this.$refs[formName].validate((valid) => {
...@@ -286,6 +322,11 @@ export default { ...@@ -286,6 +322,11 @@ export default {
286 } 322 }
287 }) 323 })
288 }, 324 },
325 /**
326 * @description: txtChange
327 * @param {*} value
328 * @author: renchao
329 */
289 txtChange (value) { 330 txtChange (value) {
290 var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; 331 var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]";
291 var graphics = this.txtResult.filter(item => { 332 var graphics = this.txtResult.filter(item => {
...@@ -298,7 +339,11 @@ export default { ...@@ -298,7 +339,11 @@ export default {
298 } 339 }
299 this.addOverLayer(graphic.geometry, []); 340 this.addOverLayer(graphic.geometry, []);
300 }, 341 },
301 //校验空间完整性 342 /**
343 * @description: 校验空间完整性
344 * @param {*} graphic
345 * @author: renchao
346 */
302 checkGeo (graphic) { 347 checkGeo (graphic) {
303 var self = this; 348 var self = this;
304 //校验完整性 直接调用空间方法 提交空间表 349 //校验完整性 直接调用空间方法 提交空间表
...@@ -331,7 +376,11 @@ export default { ...@@ -331,7 +376,11 @@ export default {
331 } 376 }
332 }); 377 });
333 }, 378 },
334 //选择处理方式 379 /**
380 * @description: 选择处理方式
381 * @param {*} formName
382 * @author: renchao
383 */
335 submitDealForm (formName) { 384 submitDealForm (formName) {
336 var self = this; 385 var self = this;
337 this.$refs[formName].validate((valid) => { 386 this.$refs[formName].validate((valid) => {
...@@ -351,7 +400,11 @@ export default { ...@@ -351,7 +400,11 @@ export default {
351 } 400 }
352 }) 401 })
353 }, 402 },
354 //裁剪自己在保存 403 /**
404 * @description: 裁剪自己在保存
405 * @param {*} geometry
406 * @author: renchao
407 */
355 delOverGeo (geometry) { 408 delOverGeo (geometry) {
356 if (!this.currntDealGraphic.attributes) { 409 if (!this.currntDealGraphic.attributes) {
357 this.currntDealGraphic.attributes = {}; 410 this.currntDealGraphic.attributes = {};
...@@ -363,7 +416,11 @@ export default { ...@@ -363,7 +416,11 @@ export default {
363 } 416 }
364 this.saveZd(this.currntDealGraphic); 417 this.saveZd(this.currntDealGraphic);
365 }, 418 },
366 //裁剪别的在保存 419 /**
420 * @description: 裁剪别的在保存
421 * @param {*} results
422 * @author: renchao
423 */
367 delOtherGeo (results) { 424 delOtherGeo (results) {
368 //执行编辑操作 425 //执行编辑操作
369 var layer = this.getLayerByName("ZDJBXX"); 426 var layer = this.getLayerByName("ZDJBXX");
...@@ -372,7 +429,12 @@ export default { ...@@ -372,7 +429,12 @@ export default {
372 this.updateGraphic(featureUrl, results); 429 this.updateGraphic(featureUrl, results);
373 this.saveZd(this.currntDealGraphic); 430 this.saveZd(this.currntDealGraphic);
374 }, 431 },
375 //下载文档模板 432 /**
433 * @description: 下载文档模板
434 * @param {*} url
435 * @param {*} fileName
436 * @author: renchao
437 */
376 downloadFile (url, fileName) { 438 downloadFile (url, fileName) {
377 let link = document.createElement("a"); 439 let link = document.createElement("a");
378 link.style.display = "none"; 440 link.style.display = "none";
...@@ -382,7 +444,11 @@ export default { ...@@ -382,7 +444,11 @@ export default {
382 link.click(); 444 link.click();
383 document.body.removeChild(link); 445 document.body.removeChild(link);
384 }, 446 },
385 //导入 447 /**
448 * @description: 导入
449 * @param {*} fileName
450 * @author: renchao
451 */
386 submitForm (formName) { 452 submitForm (formName) {
387 //校验完整性 直接调用空间方法 提交空间表 453 //校验完整性 直接调用空间方法 提交空间表
388 var self = this; 454 var self = this;
...@@ -405,6 +471,12 @@ export default { ...@@ -405,6 +471,12 @@ export default {
405 } 471 }
406 }); 472 });
407 }, 473 },
474 /**
475 * @description: dealOverData
476 * @param {*} results
477 * @param {*} graphic
478 * @author: renchao
479 */
408 dealOverData (results, graphic) { 480 dealOverData (results, graphic) {
409 this.overResults = results; 481 this.overResults = results;
410 this.currntDealGraphic = graphic; 482 this.currntDealGraphic = graphic;
...@@ -412,6 +484,11 @@ export default { ...@@ -412,6 +484,11 @@ export default {
412 this.txtResultDialog = false; 484 this.txtResultDialog = false;
413 this.dealDialog = true; 485 this.dealDialog = true;
414 }, 486 },
487 /**
488 * @description: saveZd
489 * @param {*} graphic
490 * @author: renchao
491 */
415 saveZd (graphic) { 492 saveZd (graphic) {
416 var self = this; 493 var self = this;
417 var points = null, lines = null, 494 var points = null, lines = null,
...@@ -477,6 +554,11 @@ export default { ...@@ -477,6 +554,11 @@ export default {
477 }); 554 });
478 } 555 }
479 }, 556 },
557 /**
558 * @description: savejzd
559 * @param {*} points
560 * @author: renchao
561 */
480 savejzd (points) { 562 savejzd (points) {
481 var savePoints = [] 563 var savePoints = []
482 for (var i = 0; i < points.length; i++) { 564 for (var i = 0; i < points.length; i++) {
...@@ -500,6 +582,11 @@ export default { ...@@ -500,6 +582,11 @@ export default {
500 //保存空间数据 582 //保存空间数据
501 583
502 }, 584 },
585 /**
586 * @description: saveJzx
587 * @param {*} lines
588 * @author: renchao
589 */
503 saveJzx (lines) { 590 saveJzx (lines) {
504 var jzxLines = []; 591 var jzxLines = [];
505 for (var i = 0; i < lines.length; i++) { 592 for (var i = 0; i < lines.length; i++) {
...@@ -526,6 +613,11 @@ export default { ...@@ -526,6 +613,11 @@ export default {
526 // }); 613 // });
527 //保存空间数据表 614 //保存空间数据表
528 }, 615 },
616 /**
617 * @description: saveZRZ
618 * @param {*} graphic
619 * @author: renchao
620 */
529 saveZRZ (graphic) { 621 saveZRZ (graphic) {
530 var self = this; 622 var self = this;
531 var layer = null; 623 var layer = null;
...@@ -559,7 +651,10 @@ export default { ...@@ -559,7 +651,10 @@ export default {
559 }); 651 });
560 } 652 }
561 }, 653 },
562 //操作成功不需要跳转地图 (直接定位新导入的图形) 654 /**
655 * @description: 操作成功不需要跳转地图 (直接定位新导入的图形)
656 * @author: renchao
657 */
563 goMap () { 658 goMap () {
564 var bsm = "", type = this.propertyInfo.type; 659 var bsm = "", type = this.propertyInfo.type;
565 if (type == "zd") { 660 if (type == "zd") {
...@@ -574,7 +669,10 @@ export default { ...@@ -574,7 +669,10 @@ export default {
574 //TODO 定位当前新导入的图形 669 //TODO 定位当前新导入的图形
575 this.addGeoByBsm(bsm, type, "testMap"); 670 this.addGeoByBsm(bsm, type, "testMap");
576 }, 671 },
577 //取消 672 /**
673 * @description: 取消
674 * @author: renchao
675 */
578 cancel () { 676 cancel () {
579 this.zdForm.zdBsm = ""; 677 this.zdForm.zdBsm = "";
580 this.currentClickZd = null; 678 this.currentClickZd = null;
...@@ -582,14 +680,20 @@ export default { ...@@ -582,14 +680,20 @@ export default {
582 // 清空当前图层上显示的图形 680 // 清空当前图层上显示的图形
583 this.clearOverLayer(); 681 this.clearOverLayer();
584 }, 682 },
585 //取消文本选择的弹出框 683 /**
684 * @description: 取消文本选择的弹出框
685 * @author: renchao
686 */
586 cancelTxtForm () { 687 cancelTxtForm () {
587 this.txtZd.name = ""; 688 this.txtZd.name = "";
588 this.txtResultDialog = false; 689 this.txtResultDialog = false;
589 // 清空当前图层上显示的图形 690 // 清空当前图层上显示的图形
590 this.clearOverLayer(); 691 this.clearOverLayer();
591 }, 692 },
592 //取消导入处理的结果 693 /**
694 * @description: 取消导入处理的结果
695 * @author: renchao
696 */
593 cancelDealForm () { 697 cancelDealForm () {
594 this.dealForm.method = ""; 698 this.dealForm.method = "";
595 this.dealDialog = false; 699 this.dealDialog = false;
...@@ -597,7 +701,10 @@ export default { ...@@ -597,7 +701,10 @@ export default {
597 // 清空当前图层上显示的图形 701 // 清空当前图层上显示的图形
598 this.clearOverLayer(); 702 this.clearOverLayer();
599 }, 703 },
600 //宗地选择发生改变 704 /**
705 * @description: 宗地选择发生改变
706 * @author: renchao
707 */
601 zdChange (value) { 708 zdChange (value) {
602 this.zdForm.zdBsm = value.XMMC; 709 this.zdForm.zdBsm = value.XMMC;
603 this.currentClickZd = value; 710 this.currentClickZd = value;
...@@ -660,4 +767,4 @@ export default { ...@@ -660,4 +767,4 @@ export default {
660 width: 100%; 767 width: 100%;
661 text-align: center; 768 text-align: center;
662 } 769 }
663 </style>
...\ No newline at end of file ...\ No newline at end of file
770 </style>
......
1  1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:24:24
5 */
2 export default { 6 export default {
3 methods:{ 7 methods:{
8 /**
9 * @description: downloadTxt
10 * @param {*} text
11 * @param {*} fileName
12 * @author: renchao
13 */
4 downloadTxt(text, fileName){ 14 downloadTxt(text, fileName){
5 let element = document.createElement('a') 15 let element = document.createElement('a')
6 element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)) 16 element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text))
...@@ -8,6 +18,11 @@ export default { ...@@ -8,6 +18,11 @@ export default {
8 element.style.display = 'none' 18 element.style.display = 'none'
9 element.click() 19 element.click()
10 }, 20 },
21 /**
22 * @description: createTextContent
23 * @param {*} jzdInfo
24 * @author: renchao
25 */
11 createTextContent(jzdInfo){ 26 createTextContent(jzdInfo){
12 var textContent = ""; 27 var textContent = "";
13 for(var i = 0;i < jzdInfo.length;i++){ 28 for(var i = 0;i < jzdInfo.length;i++){
...@@ -18,4 +33,4 @@ export default { ...@@ -18,4 +33,4 @@ export default {
18 }, 33 },
19 34
20 } 35 }
21 }
...\ No newline at end of file ...\ No newline at end of file
36 }
......
1 /* 1 /*
2 * 图形相关的操作 js 2 * @Description: 图形相关的操作 js
3 * */ 3 * @Autor: renchao
4 4 * @LastEditTime: 2023-05-17 10:24:24
5 */
5 import layers from '@/api/json/layers.json' 6 import layers from '@/api/json/layers.json'
6 import queryUtils from "@/utils/map/queryUtils"; 7 import queryUtils from "@/utils/map/queryUtils";
7 import identifyUtils from '@/utils/map/IdentifyUtils' 8 import identifyUtils from '@/utils/map/IdentifyUtils'
...@@ -19,6 +20,11 @@ export default { ...@@ -19,6 +20,11 @@ export default {
19 } 20 }
20 }, 21 },
21 methods: { 22 methods: {
23 /**
24 * @description: getLayerByName
25 * @param {*} name
26 * @author: renchao
27 */
22 getLayerByName (name) { 28 getLayerByName (name) {
23 for (var i = 0; i < layers.length; i++) { 29 for (var i = 0; i < layers.length; i++) {
24 if (layers[i].layerName == name) { 30 if (layers[i].layerName == name) {
...@@ -27,6 +33,14 @@ export default { ...@@ -27,6 +33,14 @@ export default {
27 } 33 }
28 return null; 34 return null;
29 }, 35 },
36 /**
37 * @description: queryGeoByBsm
38 * @param {*} name
39 * @param {*} type
40 * @param {*} callBackFunction
41 * @param {*} outSpatialReference
42 * @author: renchao
43 */
30 queryGeoByBsm (bsm, type, callBackFunction, outSpatialReference) { 44 queryGeoByBsm (bsm, type, callBackFunction, outSpatialReference) {
31 var layer = null; 45 var layer = null;
32 if (type == 'zd') { 46 if (type == 'zd') {
...@@ -48,13 +62,23 @@ export default { ...@@ -48,13 +62,23 @@ export default {
48 } 62 }
49 }); 63 });
50 }, 64 },
51 //生成介质点 65 /**
66 * @description: 生成介质点
67 * @param {*} graphic
68 * @author: renchao
69 */
52 craetJZPoint (graphic) { 70 craetJZPoint (graphic) {
53 var geomtry = graphic.geometry, rings = geomtry.rings[0]; 71 var geomtry = graphic.geometry, rings = geomtry.rings[0];
54 var pointInfos = []; 72 var pointInfos = [];
55 this.getPointByRings(rings, pointInfos); 73 this.getPointByRings(rings, pointInfos);
56 return pointInfos; 74 return pointInfos;
57 }, 75 },
76 /**
77 * @description: getPointByRings
78 * @param {*} rings
79 * @param {*} pointInfos
80 * @author: renchao
81 */
58 getPointByRings (rings, pointInfos) { 82 getPointByRings (rings, pointInfos) {
59 for (var i = 0; i < rings.length; i++) { 83 for (var i = 0; i < rings.length; i++) {
60 var children = rings[i]; 84 var children = rings[i];
...@@ -70,7 +94,12 @@ export default { ...@@ -70,7 +94,12 @@ export default {
70 } 94 }
71 } 95 }
72 }, 96 },
73 //生成介质线 97 /**
98 * @description: 生成介质线
99 * @param {*} graphic
100 * @param {*} callBackFunction
101 * @author: renchao
102 */
74 createJZLine (graphic, callBackFunction) { 103 createJZLine (graphic, callBackFunction) {
75 var self = this; 104 var self = this;
76 loadModules([ 105 loadModules([
...@@ -151,7 +180,11 @@ export default { ...@@ -151,7 +180,11 @@ export default {
151 throw (err); 180 throw (err);
152 }) 181 })
153 }, 182 },
154 //wkt转换成arcgis 183 /**
184 * @description: wkt转换成arcgis
185 * @param {*} wkt
186 * @author: renchao
187 */
155 parseWktToArc (wkt) { 188 parseWktToArc (wkt) {
156 var primitive = wktParse.parse(wkt); 189 var primitive = wktParse.parse(wkt);
157 /*if(primitive.type == "MultiPolygon"){ 190 /*if(primitive.type == "MultiPolygon"){
...@@ -159,6 +192,12 @@ export default { ...@@ -159,6 +192,12 @@ export default {
159 }*/ 192 }*/
160 return arcgisParser.convert(primitive) 193 return arcgisParser.convert(primitive)
161 }, 194 },
195 /**
196 * @description: postionToThisGeo
197 * @param {*} bsm
198 * @param {*} type
199 * @author: renchao
200 */
162 postionToThisGeo (bsm, type) { 201 postionToThisGeo (bsm, type) {
163 var view = maps["testMap"]; 202 var view = maps["testMap"];
164 var layer = view.map.findLayerById("highlightLayer"); 203 var layer = view.map.findLayerById("highlightLayer");
...@@ -173,7 +212,12 @@ export default { ...@@ -173,7 +212,12 @@ export default {
173 this.$message.success("暂无图形信息！！！"); 212 this.$message.success("暂无图形信息！！！");
174 } 213 }
175 }, 214 },
176 //导入空间图形是 先判断数据是否跨界 215 /**
216 * @description: 导入空间图形是 先判断数据是否跨界
217 * @param {*} geometry
218 * @param {*} callBacFunction
219 * @author: renchao
220 */
177 geoJoint (geometry, callBacFunction) { 221 geoJoint (geometry, callBacFunction) {
178 var self = this; 222 var self = this;
179 loadModules([ 223 loadModules([
...@@ -222,7 +266,15 @@ export default { ...@@ -222,7 +266,15 @@ export default {
222 throw (err); 266 throw (err);
223 }) 267 })
224 }, 268 },
225 //保存或者编辑属性信息 269 /**
270 * @description: 保存或者编辑属性信息
271 * @param {*} bsm
272 * @param {*} type
273 * @param {*} attributes
274 * @param {*} callBackFunction
275 * @param {*} ydybsm
276 * @author: renchao
277 */
226 updAttributes (bsm, type, attributes, callBackFunction, ydybsm) { 278 updAttributes (bsm, type, attributes, callBackFunction, ydybsm) {
227 var layer = null; 279 var layer = null;
228 if (type == 'zd') { 280 if (type == 'zd') {
...@@ -252,7 +304,13 @@ export default { ...@@ -252,7 +304,13 @@ export default {
252 } 304 }
253 }); 305 });
254 }, 306 },
255 //叠加分析 同一个图层的叠加分析 307 /**
308 * @description: 叠加分析 同一个图层的叠加分析
309 * @param {*} bsm
310 * @param {*} graphic
311 * @param {*} callBacFunction
312 * @author: renchao
313 */
256 zdOverAnalys (bsm, graphic, callBacFunction) { 314 zdOverAnalys (bsm, graphic, callBacFunction) {
257 var self = this; 315 var self = this;
258 loadModules([ 316 loadModules([
...@@ -281,7 +339,12 @@ export default { ...@@ -281,7 +339,12 @@ export default {
281 throw (err); 339 throw (err);
282 }) 340 })
283 }, 341 },
284 //添加添加元素和覆盖的元素到地图上 342 /**
343 * @description: addOverLayer
344 * @param {*} geometry
345 * @param {*} results
346 * @author: renchao
347 */
285 addOverLayer (geometry, results) { 348 addOverLayer (geometry, results) {
286 var view = maps["testMap"]; 349 var view = maps["testMap"];
287 loadModules([ 350 loadModules([
...@@ -336,6 +399,10 @@ export default { ...@@ -336,6 +399,10 @@ export default {
336 399
337 }) 400 })
338 }, 401 },
402 /**
403 * @description: clearOverLayer
404 * @author: renchao
405 */
339 clearOverLayer () { 406 clearOverLayer () {
340 var view = maps["testMap"]; 407 var view = maps["testMap"];
341 var layer = view.map.findLayerById("overLayer"); 408 var layer = view.map.findLayerById("overLayer");
...@@ -343,7 +410,13 @@ export default { ...@@ -343,7 +410,13 @@ export default {
343 layer.removeAll(); 410 layer.removeAll();
344 } 411 }
345 }, 412 },
346 //自然幢叠加分析 不能跨宗地 图层本身的叠加分析 413 /**
414 * @description: 自然幢叠加分析 不能跨宗地 图层本身的叠加分析
415 * @param {*} bsm
416 * @param {*} graphic
417 * @param {*} callBacFunction
418 * @author: renchao
419 */
347 zrzOverAnalys (bsm, graphic, callBacFunction) { 420 zrzOverAnalys (bsm, graphic, callBacFunction) {
348 var self = this; 421 var self = this;
349 loadModules([ 422 loadModules([
...@@ -396,7 +469,13 @@ export default { ...@@ -396,7 +469,13 @@ export default {
396 console.log(err); 469 console.log(err);
397 }) 470 })
398 }, 471 },
399 //去除重叠部分 472 /**
473 * @description: 去除重叠部分
474 * @param {*} inputGraphic
475 * @param {*} subGraphic
476 * @param {*} callBackFuncton
477 * @author: renchao
478 */
400 getDifference (inputGraphic, subGraphic, callBackFuncton) { 479 getDifference (inputGraphic, subGraphic, callBackFuncton) {
401 loadModules([ 480 loadModules([
402 "esri/geometry/Polygon", 481 "esri/geometry/Polygon",
...@@ -420,7 +499,14 @@ export default { ...@@ -420,7 +499,14 @@ export default {
420 console.log(err); 499 console.log(err);
421 }) 500 })
422 }, 501 },
423 //业务处理 先用query方法 查询将所有属性查询 在做空间裁剪 502 /**
503 * @description: 业务处理 先用query方法 查询将所有属性查询 在做空间裁剪
504 * @param {*} subGraphics
505 * @param {*} currntGraphic
506 * @param {*} callBackFunction
507 * @param {*} flag
508 * @author: renchao
509 */
424 getResultsDif (subGraphics, currntGraphic, callBackFunction, flag) { 510 getResultsDif (subGraphics, currntGraphic, callBackFunction, flag) {
425 var self = this; 511 var self = this;
426 loadModules([ 512 loadModules([
...@@ -459,6 +545,13 @@ export default { ...@@ -459,6 +545,13 @@ export default {
459 }) 545 })
460 546
461 }, 547 },
548 /**
549 * @description: addGeoByBsm
550 * @param {*} bsm
551 * @param {*} type
552 * @param {*} viewId
553 * @author: renchao
554 */
462 addGeoByBsm (bsm, type, viewId) { 555 addGeoByBsm (bsm, type, viewId) {
463 var self = this; 556 var self = this;
464 var layer = null; 557 var layer = null;
...@@ -512,7 +605,11 @@ export default { ...@@ -512,7 +605,11 @@ export default {
512 } 605 }
513 }); 606 });
514 }, 607 },
515 //清空当前图层 608 /**
609 * @description: 清空当前图层
610 * @param {*} viewId
611 * @author: renchao
612 */
516 clearHighlightLayer (viewId) { 613 clearHighlightLayer (viewId) {
517 var view = maps[viewId]; 614 var view = maps[viewId];
518 var layer = view.map.findLayerById("highlightLayer"); 615 var layer = view.map.findLayerById("highlightLayer");
...@@ -521,4 +618,4 @@ export default { ...@@ -521,4 +618,4 @@ export default {
521 } 618 }
522 } 619 }
523 } 620 }
524 }
...\ No newline at end of file ...\ No newline at end of file
621 }
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:23
5 -->
1 <template> 6 <template>
2 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false" 7 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
3 @closeDialog="closeDialog" v-model="value"> 8 @closeDialog="closeDialog" v-model="value">
...@@ -26,7 +31,7 @@ ...@@ -26,7 +31,7 @@
26 <el-col :span="12"> 31 <el-col :span="12">
27 <el-form-item label="接口方式:" prop="interfaceMethod"> 32 <el-form-item label="接口方式:" prop="interfaceMethod">
28 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择"> 33 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
29 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option> 34 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item"></el-option>
30 </el-select> 35 </el-select>
31 </el-form-item> 36 </el-form-item>
32 </el-col> 37 </el-col>
...@@ -58,115 +63,115 @@ ...@@ -58,115 +63,115 @@
58 </template> 63 </template>
59 64
60 <script> 65 <script>
61 import { addSysInterface, editSysInterface} from "@/api/ptjk.js" 66 import { addSysInterface, editSysInterface } from "@/api/ptjk.js"
62 export default { 67 export default {
63 components: { 68 components: {
64 }, 69 },
65 computed: { 70 computed: {
66 }, 71 },
67 props: { 72 props: {
68 value: { type: Boolean, default: false }, 73 value: { type: Boolean, default: false },
69 editFlag: {type: Boolean,default:false} 74 editFlag: { type: Boolean, default: false }
70 }, 75 },
71 data () { 76 data () {
72 return { 77 return {
73 //表单提交数据 78 //表单提交数据
74 interfaceMethods: ['webapi','webservice'], 79 interfaceMethods: ['webapi', 'webservice'],
75 interfaceTypes: [ 80 interfaceTypes: [
76 {'label': '工作流服务平台','value':'1'}, 81 { 'label': '工作流服务平台', 'value': '1' },
77 {'label': '权限平台','value':'2'}, 82 { 'label': '权限平台', 'value': '2' },
78 {'label': '定时器服务','value':'3'}, 83 { 'label': '定时器服务', 'value': '3' },
79 {'label': '其他第三方平台','value':'4'}, 84 { 'label': '其他第三方平台', 'value': '4' },
80 ],
81 ruleForm: {
82 interfaceCode: '',
83 interfaceService: '',
84 interfaceDescription: '',
85 interfaceApi: '',
86 interfaceMethod: '',
87 interfaceType: '',
88 interfaceKey: '',
89 },
90 rules: {
91 interfaceCode: [
92 { required: true, message: '接口代码不能为空', trigger: 'blur' }
93 ],
94 interfaceService: [
95 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
96 ],
97 interfaceApi: [
98 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
99 ],
100 interfaceMethod: [
101 { required: true, message: '接口方式不能为空', trigger: 'change' }
102 ],
103 interfaceType: [
104 { required: true, message: '入库编号不能为空', trigger: 'change' }
105 ], 85 ],
106 }, 86 ruleForm: {
107 } 87 interfaceCode: '',
108 }, 88 interfaceService: '',
109 methods: { 89 interfaceDescription: '',
110 //表单提交 90 interfaceApi: '',
111 submitForm () { 91 interfaceMethod: '',
112 let that = this; 92 interfaceType: '',
113 that.$refs.ruleForm.validate(valid => { 93 interfaceKey: '',
114 if (valid) { 94 },
115 if(this.editFlag){ 95 rules: {
116 this.editInterface(); 96 interfaceCode: [
117 }else{ 97 { required: true, message: '接口代码不能为空', trigger: 'blur' }
118 this.addInterface(); 98 ],
119 } 99 interfaceService: [
120 } else { 100 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
121 // console.log('error submit!!'); 101 ],
122 return false; 102 interfaceApi: [
123 } 103 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
124 }); 104 ],
105 interfaceMethod: [
106 { required: true, message: '接口方式不能为空', trigger: 'change' }
107 ],
108 interfaceType: [
109 { required: true, message: '入库编号不能为空', trigger: 'change' }
110 ],
111 },
112 }
125 }, 113 },
126 //新增接口 114 methods: {
127 addInterface(){ 115 //表单提交
128 addSysInterface(this.ruleForm).then(res => { 116 submitForm () {
129 if(res.code == 200){ 117 let that = this;
130 this.$message.success("保存成功"); 118 that.$refs.ruleForm.validate(valid => {
131 this.closeDialog(); 119 if (valid) {
132 this.$parent.queryClick(); 120 if (this.editFlag) {
133 }else{ 121 this.editInterface();
134 this.$message.error(res.message) 122 } else {
123 this.addInterface();
135 } 124 }
125 } else {
126 // console.log('error submit!!');
127 return false;
128 }
129 });
130 },
131 //新增接口
132 addInterface () {
133 addSysInterface(this.ruleForm).then(res => {
134 if (res.code == 200) {
135 this.$message.success("保存成功");
136 this.closeDialog();
137 this.$parent.queryClick();
138 } else {
139 this.$message.error(res.message)
140 }
136 }) 141 })
137 }, 142 },
138 //编辑接口 143 //编辑接口
139 editInterface(){ 144 editInterface () {
140 editSysInterface(this.ruleForm).then(res => { 145 editSysInterface(this.ruleForm).then(res => {
141 if(res.code == 200){ 146 if (res.code == 200) {
142 this.$message.success("编辑成功"); 147 this.$message.success("编辑成功");
143 this.closeDialog(); 148 this.closeDialog();
144 this.$parent.queryClick(); 149 this.$parent.queryClick();
145 }else{ 150 } else {
146 this.$message.error(res.message) 151 this.$message.error(res.message)
147 } 152 }
148 }) 153 })
149 }, 154 },
150 //获取详情 155 //获取详情
151 getDetailInfo(item){ 156 getDetailInfo (item) {
152 this.ruleForm = item 157 this.ruleForm = item
153 }, 158 },
154 //关闭弹窗 159 //关闭弹窗
155 closeDialog () { 160 closeDialog () {
156 this.$emit("input", false); 161 this.$emit("input", false);
157 this.ruleForm = { 162 this.ruleForm = {
158 interfaceCode: '', 163 interfaceCode: '',
159 interfaceService: '', 164 interfaceService: '',
160 interfaceDescription: '', 165 interfaceDescription: '',
161 interfaceApi: '', 166 interfaceApi: '',
162 interfaceMethod: '', 167 interfaceMethod: '',
163 interfaceType: '', 168 interfaceType: '',
164 interfaceKey: '', 169 interfaceKey: '',
170 }
165 } 171 }
166 } 172 }
167 } 173 }
168 }
169 </script> 174 </script>
170 <style scoped lang="scss"> 175 <style scoped lang="scss">
171 @import "~@/styles/mixin.scss"; 176 @import "~@/styles/mixin.scss";
172 </style> 177 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:36
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -37,72 +42,72 @@ ...@@ -37,72 +42,72 @@
37 </div> 42 </div>
38 </template> 43 </template>
39 <script> 44 <script>
40 import { mapGetters } from 'vuex' 45 import { mapGetters } from 'vuex'
41 import table from "@/utils/mixin/table" 46 import table from "@/utils/mixin/table"
42 import { datas, sendThis } from "./ptjkdata" 47 import { datas, sendThis } from "./ptjkdata"
43 import { getSysInterfaceList } from '@/api/ptjk.js' 48 import { getSysInterfaceList } from '@/api/ptjk.js'
44 import addDialog from "./components/addDialog.vue" 49 import addDialog from "./components/addDialog.vue"
45 import retrieveDialog from "./components/retrieveDialog.vue" 50 import retrieveDialog from "./components/retrieveDialog.vue"
46 export default { 51 export default {
47 name: "ptjk", 52 name: "ptjk",
48 components: { addDialog, retrieveDialog }, 53 components: { addDialog, retrieveDialog },
49 mixins: [table], 54 mixins: [table],
50 mounted () { 55 mounted () {
51 sendThis(this); 56 sendThis(this);
52 this.queryClick() 57 this.queryClick()
53 },
54 computed: {
55 ...mapGetters(['dictData'])
56 },
57 data () {
58 return {
59 addDialog: false,
60 retrieveDialog: false,
61 editFlag: false,
62 queryForm: {
63 ywly: "",
64 qllx: "",
65 djlx: "",
66 ywh: "",
67 },
68 tableData: {
69 total: 0,
70 columns: datas.columns(),
71 data: [],
72 },
73 };
74 },
75 methods: {
76 queryClick () {
77 this.$startLoading()
78 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
79 this.$endLoading()
80 if (res.code == 200) {
81 let { total, records } = res.result
82 this.tableData.total = total;
83 this.tableData.data = records ? records : []
84 }
85 })
86 }, 58 },
87 //打开新增 59 computed: {
88 openDialog () { 60 ...mapGetters(['dictData'])
89 this.editFlag = false;
90 this.addDialog = true;
91 }, 61 },
92 //打开编辑 62 data () {
93 editInterface (item) { 63 return {
94 this.editFlag = true; 64 addDialog: false,
95 this.addDialog = true; 65 retrieveDialog: false,
96 this.$refs.addDialog.getDetailInfo(item); 66 editFlag: false,
67 queryForm: {
68 ywly: "",
69 qllx: "",
70 djlx: "",
71 ywh: "",
72 },
73 tableData: {
74 total: 0,
75 columns: datas.columns(),
76 data: [],
77 },
78 };
97 }, 79 },
98 //打开调试窗口 80 methods: {
99 tuneInterface (item) { 81 queryClick () {
100 this.retrieveDialog = true; 82 this.$startLoading()
101 this.$refs.retrieveDialog.getDetailInfo(item); 83 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
84 this.$endLoading()
85 if (res.code == 200) {
86 let { total, records } = res.result
87 this.tableData.total = total;
88 this.tableData.data = records ? records : []
89 }
90 })
91 },
92 //打开新增
93 openDialog () {
94 this.editFlag = false;
95 this.addDialog = true;
96 },
97 //打开编辑
98 editInterface (item) {
99 this.editFlag = true;
100 this.addDialog = true;
101 this.$refs.addDialog.getDetailInfo(item);
102 },
103 //打开调试窗口
104 tuneInterface (item) {
105 this.retrieveDialog = true;
106 this.$refs.retrieveDialog.getDetailInfo(item);
107 }
102 } 108 }
103 } 109 };
104 };
105 </script> 110 </script>
106 <style scoped lang="scss"> 111 <style scoped lang="scss">
107 @import "~@/styles/public.scss"; 112 @import "~@/styles/public.scss";
108 </style> 113 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:45
5 -->
1 <template> 6 <template>
2 <div id="login"> 7 <div id="login">
3 <div class="login-content-wrap"> 8 <div class="login-content-wrap">
...@@ -16,14 +21,12 @@ ...@@ -16,14 +21,12 @@
16 placeholder="请输入账号" 21 placeholder="请输入账号"
17 v-model="userInfo.username" 22 v-model="userInfo.username"
18 @focus="reduceBorder('user')" 23 @focus="reduceBorder('user')"
19 @blur="addBorder('user')" 24 @blur="addBorder('user')" />
20 />
21 <span class="warning" v-show="warning.user">账号不能为空</span> 25 <span class="warning" v-show="warning.user">账号不能为空</span>
22 </div> 26 </div>
23 <div 27 <div
24 class="login-user user-mt" 28 class="login-user user-mt"
25 :class="{ 'select-border': change.pass }" 29 :class="{ 'select-border': change.pass }">
26 >
27 <img class="user-icon" src="./images/password.svg" /> 30 <img class="user-icon" src="./images/password.svg" />
28 <input 31 <input
29 type="password" 32 type="password"
...@@ -32,8 +35,7 @@ ...@@ -32,8 +35,7 @@
32 v-model="userInfo.password" 35 v-model="userInfo.password"
33 v-show="!selectEye" 36 v-show="!selectEye"
34 @focus="reduceBorder('pass')" 37 @focus="reduceBorder('pass')"
35 @blur="addBorder('pass')" 38 @blur="addBorder('pass')" />
36 />
37 <input 39 <input
38 type="text" 40 type="text"
39 class="user-input" 41 class="user-input"
...@@ -41,26 +43,22 @@ ...@@ -41,26 +43,22 @@
41 v-model="userInfo.password" 43 v-model="userInfo.password"
42 v-show="selectEye" 44 v-show="selectEye"
43 @focus="reduceBorder('pass')" 45 @focus="reduceBorder('pass')"
44 @blur="addBorder('pass')" 46 @blur="addBorder('pass')" />
45 />
46 <img 47 <img
47 class="password-eye" 48 class="password-eye"
48 src="./images/open.svg" 49 src="./images/open.svg"
49 @click="selectEyes" 50 @click="selectEyes"
50 v-show="selectEye" 51 v-show="selectEye" />
51 />
52 <img 52 <img
53 class="password-eye" 53 class="password-eye"
54 src="./images/close.svg" 54 src="./images/close.svg"
55 @click="selectEyes" 55 @click="selectEyes"
56 v-show="!selectEye" 56 v-show="!selectEye" />
57 />
58 <span class="warning" v-show="warning.pass">密码不能为空</span> 57 <span class="warning" v-show="warning.pass">密码不能为空</span>
59 </div> 58 </div>
60 <div 59 <div
61 class="login-user login-valid" 60 class="login-user login-valid"
62 :class="{ 'select-border': change.valid }" 61 :class="{ 'select-border': change.valid }">
63 >
64 <img class="user-icon" src="./images/valid.svg" /> 62 <img class="user-icon" src="./images/valid.svg" />
65 <input 63 <input
66 type="text" 64 type="text"
...@@ -68,14 +66,12 @@ ...@@ -68,14 +66,12 @@
68 placeholder="请输入验证码" 66 placeholder="请输入验证码"
69 v-model="userInfo.captchaCode" 67 v-model="userInfo.captchaCode"
70 @focus="reduceBorder('valid')" 68 @focus="reduceBorder('valid')"
71 @blur="addBorder('valid')" 69 @blur="addBorder('valid')" />
72 />
73 <img 70 <img
74 class="valid-img" 71 class="valid-img"
75 :src="codeSrc" 72 :src="codeSrc"
76 alt="暂无验证码" 73 alt="暂无验证码"
77 @click="reloadCaptcha" 74 @click="reloadCaptcha" />
78 />
79 <span class="warning" v-show="warning.valid">验证码不能为空</span> 75 <span class="warning" v-show="warning.valid">验证码不能为空</span>
80 </div> 76 </div>
81 <div id="loginBtn" class="login-btn" @click="goHome">登录</div> 77 <div id="loginBtn" class="login-btn" @click="goHome">登录</div>
...@@ -85,302 +81,302 @@ ...@@ -85,302 +81,302 @@
85 </div> 81 </div>
86 </template> 82 </template>
87 <script> 83 <script>
88 import axios from "axios"; 84 import axios from "axios";
89 export default { 85 export default {
90 data() { 86 data () {
91 return { 87 return {
92 // 用户名
93 selectIcon: true,
94 // 用户名
95 selectEye: false,
96 userInfo: {
97 // 用户名 88 // 用户名
98 username: "", 89 selectIcon: true,
99 // 密码 90 // 用户名
100 password: "", 91 selectEye: false,
101 // 重定向地址 92 userInfo: {
102 redirectUrl: "", 93 // 用户名
103 // 验证码key 94 username: "",
104 captchaKey: "", 95 // 密码
105 // 验证码值 96 password: "",
106 captchaCode: "", 97 // 重定向地址
107 }, 98 redirectUrl: "",
108 //边框 99 // 验证码key
109 change: { 100 captchaKey: "",
110 user: false, 101 // 验证码值
111 pass: false, 102 captchaCode: "",
112 valid:false 103 },
113 }, 104 //边框
114 // 提示语 105 change: {
115 warning: { 106 user: false,
116 user: false, 107 pass: false,
117 pass: false, 108 valid: false
118 valid: false, 109 },
119 }, 110 // 提示语
120 // 验证码图片地址 111 warning: {
121 codeSrc:"" 112 user: false,
122 }; 113 pass: false,
123 }, 114 valid: false,
124 mounted() { 115 },
125 this.initPage(); 116 // 验证码图片地址
126 this.userInfo.redirectUrl = localStorage.getItem("dj-location"); 117 codeSrc: ""
127 this.reloadCaptcha() 118 };
128 let self = this;
129 document.onkeydown = function (e) {
130 //按下回车提交
131 let key = window.event.keyCode;
132 //事件中keycode=13为回车事件
133 if (key == 13) {
134 self.goHome();
135 }
136 };
137 },
138 methods: {
139 // 更新验证码
140 reloadCaptcha(){
141 axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
142 if (res.data.status === 1) {
143 this.userInfo.captchaKey = res.data.content['dubhe.captcha']
144 this.codeSrc = res.data.content.image
145 }
146 })
147 }, 119 },
148 // 初始化 120 mounted () {
149 initPage() { 121 this.initPage();
150 let userInfo = 122 this.userInfo.redirectUrl = localStorage.getItem("dj-location");
151 localStorage.getItem("userInfo") && 123 this.reloadCaptcha()
152 JSON.parse(localStorage.getItem("userInfo")); 124 let self = this;
153 if (userInfo) { 125 document.onkeydown = function (e) {
154 this.userInfo.username = userInfo.username; 126 //按下回车提交
155 this.userInfo.password = userInfo.password; 127 let key = window.event.keyCode;
156 } 128 //事件中keycode=13为回车事件
129 if (key == 13) {
130 self.goHome();
131 }
132 };
157 }, 133 },
158 goHome() { 134 methods: {
159 if (this.userInfo.username && this.userInfo.password) { 135 // 更新验证码
160 axios 136 reloadCaptcha () {
161 .post( 137 axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
162 window._config.services.management + "/management/cas/login", 138 if (res.data.status === 1) {
163 this.userInfo 139 this.userInfo.captchaKey = res.data.content['dubhe.captcha']
164 ) 140 this.codeSrc = res.data.content.image
165 .then((response) => { 141 }
166 if (response.data.status === 1) { 142 })
167 if (response.data.content.location) { 143 },
168 window.location.href = response.data.content.location; 144 // 初始化
145 initPage () {
146 let userInfo =
147 localStorage.getItem("userInfo") &&
148 JSON.parse(localStorage.getItem("userInfo"));
149 if (userInfo) {
150 this.userInfo.username = userInfo.username;
151 this.userInfo.password = userInfo.password;
152 }
153 },
154 goHome () {
155 if (this.userInfo.username && this.userInfo.password) {
156 axios
157 .post(
158 window._config.services.management + "/management/cas/login",
159 this.userInfo
160 )
161 .then((response) => {
162 if (response.data.status === 1) {
163 if (response.data.content.location) {
164 window.location.href = response.data.content.location;
165 }
166 } else {
167 this.$message.error(response.data.message);
169 } 168 }
169 })
170 .catch((error) => {
171 console.log(error);
172 this.$message.error(error.message);
173 });
174 } else {
175 return
176 }
177 },
178 selectEyes () {
179 this.selectEye = !this.selectEye;
180 },
181
182 //获取焦点
183 reduceBorder (type) {
184 this.change[type] = true
185 },
186 addBorder (type) {
187 //失去焦点
188 switch (type) {
189 case "user":
190 this.change.user = false;
191 if (!this.userInfo.username) {
192 this.warning.user = true;
170 } else { 193 } else {
171 this.$message.error(response.data.message); 194 this.warning.user = false;
172 } 195 }
173 }) 196 break;
174 .catch((error) => { 197 case "pass":
175 console.log(error); 198 this.change.pass = false;
176 this.$message.error(error.message); 199 if (!this.userInfo.password) {
177 }); 200 this.warning.pass = true;
178 } else { 201 } else {
179 return 202 this.warning.pass = false;
203 }
204 break;
205 case "valid":
206 this.change.valid = false;
207 if (!this.userInfo.captchaCode) {
208 this.warning.valid = true;
209 } else {
210 this.warning.valid = false;
211 }
212 break;
213 default:
214 break;
215 }
180 } 216 }
181 }, 217 },
182 selectEyes() { 218 };
183 this.selectEye = !this.selectEye;
184 },
185
186 //获取焦点
187 reduceBorder(type) {
188 this.change[type] = true
189 },
190 addBorder(type) {
191 //失去焦点
192 switch (type) {
193 case "user":
194 this.change.user = false;
195 if (!this.userInfo.username) {
196 this.warning.user = true;
197 } else {
198 this.warning.user = false;
199 }
200 break;
201 case "pass":
202 this.change.pass = false;
203 if (!this.userInfo.password) {
204 this.warning.pass = true;
205 } else {
206 this.warning.pass = false;
207 }
208 break;
209 case "valid":
210 this.change.valid = false;
211 if (!this.userInfo.captchaCode) {
212 this.warning.valid = true;
213 } else {
214 this.warning.valid = false;
215 }
216 break;
217 default:
218 break;
219 }
220 }
221 },
222 };
223 </script> 219 </script>
224 <style lang="scss" scoped> 220 <style lang="scss" scoped>
225 input::placeholder{ 221 input::placeholder {
226 color: #878787; 222 color: #878787;
227 font-size: 14px; 223 font-size: 14px;
228 font-family:Arial, Helvetica, sans-serif 224 font-family: Arial, Helvetica, sans-serif;
229 }
230 #login {
231 width: 100vw;
232 height: 100vh;
233 background: url("./images/login-bg.png") no-repeat;
234 background-size: 100%;
235 overflow: hidden;
236 position: relative;
237 .login-content-wrap{
238 position: absolute;
239 left: 50%;
240 top: calc(50% + 10px);
241 transform: translate(-50%, -50%);
242 }
243 .login-logo {
244 height: 70px;
245 width: 100%;
246 text-align: center;
247 position: absolute;
248 top: -140px;
249 }
250 .login-logo img {
251 height: 100%;
252 } 225 }
253 .login-con { 226 #login {
254 margin: 0 auto; 227 width: 100vw;
255 width: 936px; 228 height: 100vh;
256 height: 450px; 229 background: url("./images/login-bg.png") no-repeat;
257 .login-img{ 230 background-size: 100%;
258 width: 456px; 231 overflow: hidden;
259 height: 450px; 232 position: relative;
260 float: left; 233 .login-content-wrap {
261 box-sizing: border-box; 234 position: absolute;
262 padding: 126px 86px; 235 left: 50%;
263 background-color: #fff; 236 top: calc(50% + 10px);
264 position: relative; 237 transform: translate(-50%, -50%);
265 &:after{
266 content: "";
267 display: inline-block;
268 width: 1px;
269 height: calc(100% - 96px);
270 background-image: linear-gradient(#fff,#9AA4C8,#fff);
271 position: absolute;
272 right: 0;
273 top: 48px;
274 }
275 .content{
276 width: 100%;
277 height: 100%;
278 background: url("./images/login-img.svg") no-repeat;
279 }
280 } 238 }
281 .login-wrap{ 239 .login-logo {
282 width: 480px; 240 height: 70px;
241 width: 100%;
242 text-align: center;
243 position: absolute;
244 top: -140px;
245 }
246 .login-logo img {
247 height: 100%;
248 }
249 .login-con {
250 margin: 0 auto;
251 width: 936px;
283 height: 450px; 252 height: 450px;
284 float: left; 253 .login-img {
285 box-sizing: border-box; 254 width: 456px;
286 padding: 48px 56px; 255 height: 450px;
287 background: #FFFFFF; 256 float: left;
288 p{ 257 box-sizing: border-box;
289 width: 80px; 258 padding: 126px 86px;
290 font-size: 20px; 259 background-color: #fff;
291 font-weight: 500;
292 color: #333333;
293 line-height: 26px;
294 position: relative; 260 position: relative;
295 &:after{ 261 &:after {
296 content: ""; 262 content: "";
297 display: inline-block; 263 display: inline-block;
298 height: 2px; 264 width: 1px;
299 width: 74px; 265 height: calc(100% - 96px);
300 background-color: #CF8933; 266 background-image: linear-gradient(#fff, #9aa4c8, #fff);
301 position: absolute; 267 position: absolute;
302 bottom: -4px; 268 right: 0;
303 left: 2px; 269 top: 48px;
270 }
271 .content {
272 width: 100%;
273 height: 100%;
274 background: url("./images/login-img.svg") no-repeat;
275 }
276 }
277 .login-wrap {
278 width: 480px;
279 height: 450px;
280 float: left;
281 box-sizing: border-box;
282 padding: 48px 56px;
283 background: #ffffff;
284 p {
285 width: 80px;
286 font-size: 20px;
287 font-weight: 500;
288 color: #333333;
289 line-height: 26px;
290 position: relative;
291 &:after {
292 content: "";
293 display: inline-block;
294 height: 2px;
295 width: 74px;
296 background-color: #cf8933;
297 position: absolute;
298 bottom: -4px;
299 left: 2px;
300 }
304 } 301 }
305 } 302 }
306 } 303 }
307 } 304 .login-user {
308 .login-user { 305 width: 100%;
309 width: 100%; 306 height: 40px;
310 height: 40px; 307 border: 1px solid #e5e5e5;
311 border: 1px solid #E5E5E5; 308 box-sizing: border-box;
312 box-sizing: border-box; 309 margin-top: 34px;
313 margin-top: 34px; 310 border-radius: 2px;
314 border-radius: 2px; 311 position: relative;
315 position: relative; 312 .user-icon {
316 .user-icon { 313 float: left;
317 float: left; 314 margin: 10px auto auto 10px;
318 margin: 10px auto auto 10px; 315 width: 28px;
319 width: 28px; 316 height: 18px;
320 height: 18px; 317 }
318 .user-input {
319 width: 80%;
320 float: left;
321 font-size: 16px;
322 outline: 0;
323 border: none;
324 color: #4a4a4a;
325 height: 38px;
326 line-height: 40px;
327 }
328 .password-eye {
329 float: right;
330 width: 16px;
331 height: 16px;
332 margin-right: 12px;
333 margin-top: 13px;
334 cursor: pointer;
335 }
336 .warning {
337 font-size: 12px;
338 color: red;
339 position: absolute;
340 left: 0;
341 bottom: -18px;
342 }
321 } 343 }
322 .user-input { 344 .login-valid {
323 width: 80%; 345 width: 60%;
324 float: left; 346 .valid-img {
325 font-size: 16px; 347 width: 50%;
326 outline: 0; 348 position: absolute;
327 border: none; 349 right: -66%;
328 color: #4a4a4a; 350 top: 2px;
329 height: 38px; 351 cursor: pointer;
330 line-height: 40px; 352 }
331 } 353 }
332 .password-eye { 354 .user-mt {
333 float: right; 355 margin-top: 26px;
334 width: 16px;
335 height: 16px;
336 margin-right: 12px;
337 margin-top: 13px;
338 cursor: pointer;
339 } 356 }
340 .warning { 357 .select-border {
341 font-size: 12px; 358 border: 1px solid rgba(0, 113, 255, 1);
342 color: red;
343 position: absolute;
344 left: 0;
345 bottom: -18px;
346 } 359 }
347 } 360 .login-btn {
348 .login-valid{ 361 width: 100%;
349 width: 60%; 362 height: 48px;
350 .valid-img{ 363 background: #74a3f5;
351 width: 50%; 364 border-radius: 2px;
352 position: absolute; 365 margin: 0 auto;
353 right: -66%; 366 margin-top: 40px;
354 top: 2px; 367 font-size: 20px;
368 font-weight: 500;
369 line-height: 48px;
370 text-align: center;
371 color: #fff;
355 cursor: pointer; 372 cursor: pointer;
356 } 373 }
374 .reserved-con {
375 position: absolute;
376 bottom: 0;
377 width: 100%;
378 height: 18px;
379 background-color: #4971ca;
380 }
357 } 381 }
358 .user-mt {
359 margin-top: 26px;
360 }
361 .select-border {
362 border: 1px solid rgba(0, 113, 255, 1);
363 }
364 .login-btn {
365 width: 100%;
366 height: 48px;
367 background: #74A3F5;
368 border-radius: 2px;
369 margin: 0 auto;
370 margin-top: 40px;
371 font-size: 20px;
372 font-weight: 500;
373 line-height: 48px;
374 text-align: center;
375 color: #fff;
376 cursor: pointer;
377 }
378 .reserved-con {
379 position: absolute;
380 bottom: 0;
381 width: 100%;
382 height: 18px;
383 background-color: #4971ca;
384 }
385 }
386 </style> 382 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:51
5 -->
1 <template> 6 <template>
2 <div class="edit"> 7 <div class="edit">
3 <el-tabs type="card" v-model="activeName"> 8 <el-tabs type="card" v-model="activeName">
...@@ -9,15 +14,13 @@ ...@@ -9,15 +14,13 @@
9 v-if="activeName == 'first'" 14 v-if="activeName == 'first'"
10 ref="tabContent" 15 ref="tabContent"
11 :style="{ height: lpbContentHight + 'px' }" 16 :style="{ height: lpbContentHight + 'px' }"
12 v-show="bjztFlag" 17 v-show="bjztFlag">
13 >
14 <!-- 楼盘表主体 --> 18 <!-- 楼盘表主体 -->
15 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 19 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
16 <lpbContent 20 <lpbContent
17 ref="lpbContent" 21 ref="lpbContent"
18 :zrzbsm="formData.bsm" 22 :zrzbsm="formData.bsm"
19 :key="time" 23 :key="time"></lpbContent>
20 ></lpbContent>
21 </div> 24 </div>
22 <!-- 右侧图例 --> 25 <!-- 右侧图例 -->
23 <div class="lp-legend"> 26 <div class="lp-legend">
...@@ -28,40 +31,34 @@ ...@@ -28,40 +31,34 @@
28 </div> 31 </div>
29 <div 32 <div
30 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" 33 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
31 @click="selectedZt = 'dyzt'" 34 @click="selectedZt = 'dyzt'">
32 >
33 <span>单元状态</span> 35 <span>单元状态</span>
34 </div> 36 </div>
35 <div 37 <div
36 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" 38 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
37 @click="selectedZt = 'fwxz'" 39 @click="selectedZt = 'fwxz'">
38 >
39 <span>房屋性质</span> 40 <span>房屋性质</span>
40 </div> 41 </div>
41 <div 42 <div
42 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" 43 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
43 @click="selectedZt = 'fwyt'" 44 @click="selectedZt = 'fwyt'">
44 >
45 <span>房屋用途</span> 45 <span>房屋用途</span>
46 </div> 46 </div>
47 <div 47 <div
48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" 48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
49 @click="selectedZt = 'qsx'" 49 @click="selectedZt = 'qsx'">
50 >
51 <span>缺失项</span> 50 <span>缺失项</span>
52 </div> 51 </div>
53 </div> 52 </div>
54 <div 53 <div
55 class="legendTable-wrap" 54 class="legendTable-wrap"
56 :style="{ width: legendToggleFlag ? '200px' : '0' }" 55 :style="{ width: legendToggleFlag ? '200px' : '0' }">
57 >
58 <table 56 <table
59 class="legendTable" 57 class="legendTable"
60 v-show="selectedZt == 'dyzt'" 58 v-show="selectedZt == 'dyzt'"
61 cellspacing="1" 59 cellspacing="1"
62 cellpadding="1" 60 cellpadding="1"
63 border="1" 61 border="1">
64 >
65 <tr> 62 <tr>
66 <th>状态</th> 63 <th>状态</th>
67 <th>套数</th> 64 <th>套数</th>
...@@ -71,14 +68,11 @@ ...@@ -71,14 +68,11 @@
71 v-for="(item, index) in dyztList" 68 v-for="(item, index) in dyztList"
72 :key="index" 69 :key="index"
73 class="cp" 70 class="cp"
74 @click="handleChoosedH(item.bsms, item.color)" 71 @click="handleChoosedH(item.bsms, item.color)">
75 >
76 <td> 72 <td>
77 <i 73 <i
78 class="fa fa-circle" 74 class="fa fa-circle"
79 :style="{ backgroundColor: item.color }" 75 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
80 ></i
81 >{{ item.name }}
82 </td> 76 </td>
83 <td>{{ item.ts }}</td> 77 <td>{{ item.ts }}</td>
84 <td>{{ item.mj }}</td> 78 <td>{{ item.mj }}</td>
...@@ -90,8 +84,7 @@ ...@@ -90,8 +84,7 @@
90 v-show="selectedZt == 'fwxz'" 84 v-show="selectedZt == 'fwxz'"
91 cellspacing="1" 85 cellspacing="1"
92 cellpadding="1" 86 cellpadding="1"
93 border="1" 87 border="1">
94 >
95 <tr> 88 <tr>
96 <th>性质</th> 89 <th>性质</th>
97 <th>套数</th> 90 <th>套数</th>
...@@ -101,14 +94,11 @@ ...@@ -101,14 +94,11 @@
101 v-for="(item, index) in fwxzList" 94 v-for="(item, index) in fwxzList"
102 :key="index" 95 :key="index"
103 class="cp" 96 class="cp"
104 @click="handleChoosedH(item.bsms, item.color)" 97 @click="handleChoosedH(item.bsms, item.color)">
105 >
106 <td> 98 <td>
107 <i 99 <i
108 class="fa fa-circle" 100 class="fa fa-circle"
109 :style="{ backgroundColor: item.color }" 101 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
110 ></i
111 >{{ item.name }}
112 </td> 102 </td>
113 <td>{{ item.ts }}</td> 103 <td>{{ item.ts }}</td>
114 <td>{{ item.mj }}</td> 104 <td>{{ item.mj }}</td>
...@@ -123,8 +113,7 @@ ...@@ -123,8 +113,7 @@
123 v-show="selectedZt == 'fwyt'" 113 v-show="selectedZt == 'fwyt'"
124 cellspacing="1" 114 cellspacing="1"
125 cellpadding="1" 115 cellpadding="1"
126 border="1" 116 border="1">
127 >
128 <tr> 117 <tr>
129 <th>用途</th> 118 <th>用途</th>
130 <th>套数</th> 119 <th>套数</th>
...@@ -134,14 +123,11 @@ ...@@ -134,14 +123,11 @@
134 v-for="(item, index) in fwytList" 123 v-for="(item, index) in fwytList"
135 :key="index" 124 :key="index"
136 class="cp" 125 class="cp"
137 @click="handleChoosedH(item.bsms, item.color)" 126 @click="handleChoosedH(item.bsms, item.color)">
138 >
139 <td> 127 <td>
140 <i 128 <i
141 class="fa fa-circle" 129 class="fa fa-circle"
142 :style="{ backgroundColor: item.color }" 130 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
143 ></i
144 >{{ item.name }}
145 </td> 131 </td>
146 <td>{{ item.ts }}</td> 132 <td>{{ item.ts }}</td>
147 <td>{{ item.mj }}</td> 133 <td>{{ item.mj }}</td>
...@@ -156,8 +142,7 @@ ...@@ -156,8 +142,7 @@
156 v-show="selectedZt == 'qsx'" 142 v-show="selectedZt == 'qsx'"
157 cellspacing="1" 143 cellspacing="1"
158 cellpadding="1" 144 cellpadding="1"
159 border="1" 145 border="1">
160 >
161 <tr> 146 <tr>
162 <th>数据缺失项</th> 147 <th>数据缺失项</th>
163 <th>套数</th> 148 <th>套数</th>
...@@ -167,14 +152,11 @@ ...@@ -167,14 +152,11 @@
167 v-for="(item, index) in qsxList" 152 v-for="(item, index) in qsxList"
168 :key="index" 153 :key="index"
169 class="cp" 154 class="cp"
170 @click="handleChoosedH(item.bsms, item.color)" 155 @click="handleChoosedH(item.bsms, item.color)">
171 >
172 <td> 156 <td>
173 <i 157 <i
174 class="fa fa-circle" 158 class="fa fa-circle"
175 :style="{ backgroundColor: item.color }" 159 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
176 ></i
177 >{{ item.name }}
178 </td> 160 </td>
179 <td>{{ item.ts }}</td> 161 <td>{{ item.ts }}</td>
180 <td>0</td> 162 <td>0</td>
...@@ -192,386 +174,386 @@ ...@@ -192,386 +174,386 @@
192 </template> 174 </template>
193 175
194 <script> 176 <script>
195 import lpbContent from "./lpbContent/index"; 177 import lpbContent from "./lpbContent/index";
196 import selectZrzH from "../ywbl/ywsq/components/selectZrzH"; 178 import selectZrzH from "../ywbl/ywsq/components/selectZrzH";
197 import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js"; 179 import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js";
198 export default { 180 export default {
199 name: "lpb", 181 name: "lpb",
200 props: { 182 props: {
201 formData: { 183 formData: {
202 type: Object, 184 type: Object,
203 default: {}, 185 default: {},
186 },
204 }, 187 },
205 }, 188 components: {
206 components: { 189 lpbContent,
207 lpbContent, 190 selectZrzH,
208 selectZrzH,
209 },
210 data() {
211 return {
212 activeName: "first",
213 bsms: [],
214 dialogVisible: false,
215 scyclx: "0", //1是实测 0是预测
216 menuType: "",
217 selectedZt: "dyzt", //图例选中项，默认选中单元状态
218 dyztList: [
219 {
220 name: "未确权",
221 color: "#83AAFE",
222 ts: "12",
223 mj: "1633",
224 },
225 {
226 name: "已确权",
227 color: "#6EDEE1",
228 ts: "22",
229 mj: "3109",
230 },
231 {
232 name: "已备案",
233 color: "#8ADC88",
234 ts: "3",
235 mj: "409",
236 },
237 {
238 name: "预抵押",
239 color: "#F2AD67",
240 ts: "11",
241 mj: "1466",
242 },
243 {
244 name: "在建抵押",
245 color: "#F191C8",
246 ts: "13",
247 mj: "1792",
248 },
249 {
250 name: "抵押",
251 color: "#FF8282",
252 ts: "14",
253 mj: "13",
254 },
255 {
256 name: "查封",
257 color: "#D7CECF",
258 ts: "9",
259 mj: "1436",
260 },
261 {
262 name: "异议",
263 color: "#D4A3EB",
264 ts: "34",
265 mj: "4342",
266 },
267 {
268 name: "限制",
269 color: "#A5A3FB",
270 ts: "2",
271 mj: "285",
272 },
273 ],
274 fwxzList: [],
275 fwytList: [],
276 qsxList: [],
277 legendToggleFlag: false,
278 lpbContentHight: "",
279 lpbContentwidth: "",
280 time: "",
281 dyztBsmList: {}, //单元状态bsmList
282 bjztFlag: true,
283 qsztList: [],
284 };
285 },
286 created() {
287 window.addEventListener("resize", this.getHeight);
288 console.log(this.formData);
289 this.getHeight();
290 },
291 mounted() {
292 //获取各项单元状态的户bsm
293 this.getDyztBsmList();
294 //获取房屋用途统计数据
295 this.getLpbFwytAndQlxz();
296 // 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6
297 setTimeout(() => {
298 this.lpbContentwidth =
299 (document.documentElement.clientWidth || document.body.clientWidth) -
300 340 -
301 34 -
302 6;
303 }, 100);
304 },
305 methods: {
306 /* handleTabClick(event){
307 if(event.name=="first"){
308 this.$router.push({
309 path:"/lpb/index",
310 })
311 }else if(event.name=="second"){
312 this.$router.push({
313 path:"/ywbl/ywsq/components/selectAllHInfo",
314 })
315 }
316 },*/
317 //获取高度计算lpb内容区高度
318 getHeight() {
319 this.lpbContentHight = window.innerHeight - 190;
320 }, 191 },
321 //图例的展开收起 192 data () {
322 legendToggle() { 193 return {
323 this.legendToggleFlag = !this.legendToggleFlag; 194 activeName: "first",
195 bsms: [],
196 dialogVisible: false,
197 scyclx: "0", //1是实测 0是预测
198 menuType: "",
199 selectedZt: "dyzt", //图例选中项，默认选中单元状态
200 dyztList: [
201 {
202 name: "未确权",
203 color: "#83AAFE",
204 ts: "12",
205 mj: "1633",
206 },
207 {
208 name: "已确权",
209 color: "#6EDEE1",
210 ts: "22",
211 mj: "3109",
212 },
213 {
214 name: "已备案",
215 color: "#8ADC88",
216 ts: "3",
217 mj: "409",
218 },
219 {
220 name: "预抵押",
221 color: "#F2AD67",
222 ts: "11",
223 mj: "1466",
224 },
225 {
226 name: "在建抵押",
227 color: "#F191C8",
228 ts: "13",
229 mj: "1792",
230 },
231 {
232 name: "抵押",
233 color: "#FF8282",
234 ts: "14",
235 mj: "13",
236 },
237 {
238 name: "查封",
239 color: "#D7CECF",
240 ts: "9",
241 mj: "1436",
242 },
243 {
244 name: "异议",
245 color: "#D4A3EB",
246 ts: "34",
247 mj: "4342",
248 },
249 {
250 name: "限制",
251 color: "#A5A3FB",
252 ts: "2",
253 mj: "285",
254 },
255 ],
256 fwxzList: [],
257 fwytList: [],
258 qsxList: [],
259 legendToggleFlag: false,
260 lpbContentHight: "",
261 lpbContentwidth: "",
262 time: "",
263 dyztBsmList: {}, //单元状态bsmList
264 bjztFlag: true,
265 qsztList: [],
266 };
324 }, 267 },
325 //切换房屋状态 268 created () {
326 handleChoosedH(bsms, color) { 269 window.addEventListener("resize", this.getHeight);
327 this.$refs.lpbContent.changeChoosed(bsms, color); 270 console.log(this.formData);
271 this.getHeight();
328 }, 272 },
329 //获取各项单元状态统计数据 273 mounted () {
330 getDyztBsmList() { 274 //获取各项单元状态的户bsm
331 getLpbTj(this.formData.bsm).then((res) => { 275 this.getDyztBsmList();
332 if (res.code === 200) { 276 //获取房屋用途统计数据
333 this.dyztList = res.result; 277 this.getLpbFwytAndQlxz();
334 this.dyztList.splice(1, 0, this.dyztList[8]); 278 // 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6
335 this.dyztList.pop(); 279 setTimeout(() => {
336 this.dyztList.forEach((item) => { 280 this.lpbContentwidth =
337 item.ts = item.bsms.length; 281 (document.documentElement.clientWidth || document.body.clientWidth) -
338 switch (item.name) { 282 340 -
339 case "Qqzt": 283 34 -
340 item.color = "#6EDEE1"; 284 6;
341 item.name = "已确权"; 285 }, 100);
342 break;
343 case "Wqqzt":
344 item.color = "#83AAFE";
345 item.name = "未确权";
346 break;
347 case "Bazt":
348 item.color = "#8ADC88";
349 item.name = "已备案";
350 break;
351 case "Ydyzt":
352 item.color = "#F2AD67";
353 item.name = "预抵押";
354 break;
355 case "Zjgcdyzt":
356 item.color = "#F191C8";
357 item.name = "在建抵押";
358 break;
359 case "Dyzt":
360 item.color = "#FF8282";
361 item.name = "抵押";
362 break;
363 case "Cfzt":
364 item.color = "#D7CECF";
365 item.name = "查封";
366 break;
367 case "Yyzt":
368 item.color = "#D4A3EB";
369 item.name = "异议";
370 break;
371 case "Xzzt":
372 item.color = "#A5A3FB";
373 item.name = "限制";
374 break;
375 default:
376 break;
377 }
378 });
379 }
380 });
381 }, 286 },
382 // 获取房屋用途和房屋性质及缺失项统计数据 287 methods: {
383 getLpbFwytAndQlxz() { 288 /* handleTabClick(event){
384 getLpbFwytAndQlxz(this.formData.bsm).then((res) => { 289 if(event.name=="first"){
385 if (res.code === 200) { 290 this.$router.push({
386 // this.fwytList = res.result 291 path:"/lpb/index",
387 this.fwytList = res.result.fwyt; 292 })
388 this.fwxzList = res.result.qlxz; 293 }else if(event.name=="second"){
389 if (this.fwytList.length > 0) { 294 this.$router.push({
390 this.fwytList.forEach((item) => { 295 path:"/ywbl/ywsq/components/selectAllHInfo",
391 item.color = "#2591FD"; 296 })
297 }
298 },*/
299 //获取高度计算lpb内容区高度
300 getHeight () {
301 this.lpbContentHight = window.innerHeight - 190;
302 },
303 //图例的展开收起
304 legendToggle () {
305 this.legendToggleFlag = !this.legendToggleFlag;
306 },
307 //切换房屋状态
308 handleChoosedH (bsms, color) {
309 this.$refs.lpbContent.changeChoosed(bsms, color);
310 },
311 //获取各项单元状态统计数据
312 getDyztBsmList () {
313 getLpbTj(this.formData.bsm).then((res) => {
314 if (res.code === 200) {
315 this.dyztList = res.result;
316 this.dyztList.splice(1, 0, this.dyztList[8]);
317 this.dyztList.pop();
318 this.dyztList.forEach((item) => {
392 item.ts = item.bsms.length; 319 item.ts = item.bsms.length;
320 switch (item.name) {
321 case "Qqzt":
322 item.color = "#6EDEE1";
323 item.name = "已确权";
324 break;
325 case "Wqqzt":
326 item.color = "#83AAFE";
327 item.name = "未确权";
328 break;
329 case "Bazt":
330 item.color = "#8ADC88";
331 item.name = "已备案";
332 break;
333 case "Ydyzt":
334 item.color = "#F2AD67";
335 item.name = "预抵押";
336 break;
337 case "Zjgcdyzt":
338 item.color = "#F191C8";
339 item.name = "在建抵押";
340 break;
341 case "Dyzt":
342 item.color = "#FF8282";
343 item.name = "抵押";
344 break;
345 case "Cfzt":
346 item.color = "#D7CECF";
347 item.name = "查封";
348 break;
349 case "Yyzt":
350 item.color = "#D4A3EB";
351 item.name = "异议";
352 break;
353 case "Xzzt":
354 item.color = "#A5A3FB";
355 item.name = "限制";
356 break;
357 default:
358 break;
359 }
393 }); 360 });
394 } 361 }
395 if (this.fwxzList.length > 0) { 362 });
396 this.fwxzList.forEach((item) => { 363 },
397 item.color = "#2591FD"; 364 // 获取房屋用途和房屋性质及缺失项统计数据
398 item.ts = item.bsms.length; 365 getLpbFwytAndQlxz () {
399 }); 366 getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
367 if (res.code === 200) {
368 // this.fwytList = res.result
369 this.fwytList = res.result.fwyt;
370 this.fwxzList = res.result.qlxz;
371 if (this.fwytList.length > 0) {
372 this.fwytList.forEach((item) => {
373 item.color = "#2591FD";
374 item.ts = item.bsms.length;
375 });
376 }
377 if (this.fwxzList.length > 0) {
378 this.fwxzList.forEach((item) => {
379 item.color = "#2591FD";
380 item.ts = item.bsms.length;
381 });
382 }
400 } 383 }
401 } 384 });
402 }); 385 getLpbQsxtj(this.formData.bsm).then((res) => {
403 getLpbQsxtj(this.formData.bsm).then((res) => { 386 if (res.code === 200) {
404 if (res.code === 200) { 387 this.qsxList = [
405 this.qsxList = [ 388 {
406 { 389 name: "坐落",
407 name: "坐落", 390 bsms: res.result.zl.bsms,
408 bsms: res.result.zl.bsms, 391 color: "#2591FD",
409 color: "#2591FD", 392 ts: res.result.zl.bsms.length,
410 ts: res.result.zl.bsms.length, 393 },
411 }, 394 {
412 { 395 name: "分层分户图",
413 name: "分层分户图", 396 bsms: res.result.fcfht.bsms,
414 bsms: res.result.fcfht.bsms, 397 color: "#2591FD",
415 color: "#2591FD", 398 ts: res.result.fcfht.bsms.length,
416 ts: res.result.fcfht.bsms.length, 399 },
417 }, 400 {
418 { 401 name: "室号",
419 name: "室号", 402 bsms: res.result.shbw.bsms,
420 bsms: res.result.shbw.bsms, 403 color: "#2591FD",
421 color: "#2591FD", 404 ts: res.result.shbw.bsms.length,
422 ts: res.result.shbw.bsms.length, 405 },
423 }, 406 ];
424 ]; 407 }
425 } 408 });
426 }); 409 },
427 }, 410 },
428 }, 411 computed: {},
429 computed: {}, 412 destroyed () {
430 destroyed() { 413 window.removeEventListener("resize", this.getHeight);
431 window.removeEventListener("resize", this.getHeight);
432 },
433 watch: {
434 //树结构和图例伸缩时修改楼盘表主要内容区宽度
435 legendToggleFlag(n) {
436 if (n) {
437 this.lpbContentwidth -= 204;
438 } else {
439 this.lpbContentwidth += 204;
440 }
441 }, 414 },
442 selectedZt(n) { 415 watch: {
443 this.legendToggleFlag = true; 416 //树结构和图例伸缩时修改楼盘表主要内容区宽度
417 legendToggleFlag (n) {
418 if (n) {
419 this.lpbContentwidth -= 204;
420 } else {
421 this.lpbContentwidth += 204;
422 }
423 },
424 selectedZt (n) {
425 this.legendToggleFlag = true;
426 },
444 }, 427 },
445 }, 428 };
446 };
447 </script> 429 </script>
448 <style scoped lang="scss"> 430 <style scoped lang="scss">
449 table { 431 table {
450 border-width: 0; 432 border-width: 0;
451 border-collapse: collapse; 433 border-collapse: collapse;
452 border-spacing: 0; 434 border-spacing: 0;
453 } 435 }
454 .edit { 436 .edit {
455 height: 100%; 437 height: 100%;
456 background-color: #f4f9ff; 438 background-color: #f4f9ff;
457 .tab-content { 439 .tab-content {
458 border: 1px solid #dedede; 440 border: 1px solid #dedede;
459 border-left: 0; 441 border-left: 0;
460 background-color: #ffffff; 442 background-color: #ffffff;
461 display: flex; 443 display: flex;
462 &::-webkit-scrollbar { 444 &::-webkit-scrollbar {
463 width: 1px; 445 width: 1px;
464 }
465 .lp-tree {
466 height: 100%;
467 overflow: hidden;
468 transition: 0.5s;
469 .treeData {
470 margin-top: 20px;
471 margin-left: 26px;
472 float: left;
473 } 446 }
474 } 447 .lp-tree {
475 .w0 {
476 width: 0;
477 }
478 .w260 {
479 width: 260px;
480 }
481 .lp-overview {
482 transition: 0.5s;
483 flex: 1;
484 border: 1px solid rgb(236, 236, 236);
485 border-top: 0;
486 border-bottom: 0;
487 margin-right: 10px;
488 box-sizing: border-box;
489 }
490
491 .lp-legend {
492 transition: 0.5s;
493 height: 100%;
494 font-size: 14px;
495 .handleCol {
496 width: 34px;
497 float: right;
498 height: 100%; 448 height: 100%;
499 .btn { 449 overflow: hidden;
500 cursor: pointer; 450 transition: 0.5s;
501 height: 40px; 451 .treeData {
502 line-height: 40px; 452 margin-top: 20px;
503 text-align: center; 453 margin-left: 26px;
504 background-color: #5a78de; 454 float: left;
505 color: #fff;
506 border-bottom: 1px solid #e6e6e6;
507 }
508 .dyzt,
509 .fwxz,
510 .fwyt,
511 .qsx {
512 height: 122px;
513 }
514 .dyzt,
515 .fwxz,
516 .fwyt,
517 .qsx {
518 cursor: pointer;
519 border-bottom: 1px solid #e6e6e6;
520 border-left: 1px solid #e6e6e6;
521 span {
522 text-align: center;
523 height: 100%;
524 -webkit-writing-mode: vertical-rl;
525 writing-mode: vertical-rl;
526 line-height: 34px;
527 letter-spacing: 2px;
528 }
529 }
530 .selectedZt {
531 // background-color: #5A78DE;
532 color: #3d59c4;
533 } 455 }
534 } 456 }
535 .legendTable-wrap { 457 .w0 {
458 width: 0;
459 }
460 .w260 {
461 width: 260px;
462 }
463 .lp-overview {
536 transition: 0.5s; 464 transition: 0.5s;
537 float: right; 465 flex: 1;
538 overflow: hidden; 466 border: 1px solid rgb(236, 236, 236);
539 .legendTable { 467 border-top: 0;
540 margin-top: -1px; 468 border-bottom: 0;
541 .fa-circle { 469 margin-right: 10px;
542 display: inline-block; 470 box-sizing: border-box;
543 width: 12px; 471 }
544 height: 12px; 472
545 border-radius: 50%; 473 .lp-legend {
546 vertical-align: middle; 474 transition: 0.5s;
547 margin-right: 4px; 475 height: 100%;
548 } 476 font-size: 14px;
549 tr { 477 .handleCol {
478 width: 34px;
479 float: right;
480 height: 100%;
481 .btn {
482 cursor: pointer;
550 height: 40px; 483 height: 40px;
551 line-height: 40px; 484 line-height: 40px;
552 border-color: #d8e0ea !important; 485 text-align: center;
553 th:first-child { 486 background-color: #5a78de;
554 width: 80px; 487 color: #fff;
488 border-bottom: 1px solid #e6e6e6;
489 }
490 .dyzt,
491 .fwxz,
492 .fwyt,
493 .qsx {
494 height: 122px;
495 }
496 .dyzt,
497 .fwxz,
498 .fwyt,
499 .qsx {
500 cursor: pointer;
501 border-bottom: 1px solid #e6e6e6;
502 border-left: 1px solid #e6e6e6;
503 span {
504 text-align: center;
505 height: 100%;
506 -webkit-writing-mode: vertical-rl;
507 writing-mode: vertical-rl;
508 line-height: 34px;
509 letter-spacing: 2px;
555 } 510 }
556 th { 511 }
557 width: 60px; 512 .selectedZt {
558 height: 40px; 513 // background-color: #5A78DE;
559 white-space: nowrap; 514 color: #3d59c4;
560 background-color: #eceef2; 515 }
516 }
517 .legendTable-wrap {
518 transition: 0.5s;
519 float: right;
520 overflow: hidden;
521 .legendTable {
522 margin-top: -1px;
523 .fa-circle {
524 display: inline-block;
525 width: 12px;
526 height: 12px;
527 border-radius: 50%;
528 vertical-align: middle;
529 margin-right: 4px;
561 } 530 }
562 td { 531 tr {
563 height: 40px; 532 height: 40px;
564 text-align: center; 533 line-height: 40px;
565 white-space: nowrap; 534 border-color: #d8e0ea !important;
566 } 535 th:first-child {
567 td:first-child { 536 width: 80px;
568 text-align: left; 537 }
569 text-indent: 2px; 538 th {
539 width: 60px;
540 height: 40px;
541 white-space: nowrap;
542 background-color: #eceef2;
543 }
544 td {
545 height: 40px;
546 text-align: center;
547 white-space: nowrap;
548 }
549 td:first-child {
550 text-align: left;
551 text-indent: 2px;
552 }
570 } 553 }
571 } 554 }
572 } 555 }
573 } 556 }
574 } 557 }
575 } 558 }
576 }
577 </style> 559 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:51:37
5 -->
1 <template> 6 <template>
2 <div class="bdcqldjml"> 7 <div class="bdcqldjml">
3 <table class="mlTable"> 8 <table class="mlTable">
...@@ -23,51 +28,51 @@ ...@@ -23,51 +28,51 @@
23 </template> 28 </template>
24 29
25 <script> 30 <script>
26 import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js"; 31 import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
27 export default { 32 export default {
28 data() { 33 data () {
29 return { 34 return {
30 bdcqlml: [], 35 bdcqlml: [],
31 propsParam: this.$attrs, 36 propsParam: this.$attrs,
32 }; 37 };
33 }, 38 },
34 mounted() { 39 mounted () {
35 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 40 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
36 if (res.code === 200) { 41 if (res.code === 200) {
37 this.bdcqlml = res.result; 42 this.bdcqlml = res.result;
38 } 43 }
39 }); 44 });
40 }, 45 },
41 }; 46 };
42 </script> 47 </script>
43 48
44 <style lang="scss" scoped> 49 <style lang="scss" scoped>
45 .bdcqldjml { 50 .bdcqldjml {
46 width: 100%; 51 width: 100%;
47 height: 100%; 52 height: 100%;
48 background: #fff; 53 background: #fff;
49 overflow-y: scroll; 54 overflow-y: scroll;
50 .mlTable { 55 .mlTable {
51 width: 90%; 56 width: 90%;
52 margin: 0 auto; 57 margin: 0 auto;
53 color: #333; 58 color: #333;
54 border-spacing: 1px; 59 border-spacing: 1px;
55 background-color: #333; 60 background-color: #333;
56 61
57 .title { 62 .title {
58 font-size: 20px; 63 font-size: 20px;
59 line-height: 60px; 64 line-height: 60px;
60 font-family: serif; 65 font-family: serif;
61 position: relative; 66 position: relative;
62 } 67 }
63 68
64 td, 69 td,
65 th { 70 th {
66 background-color: white; 71 background-color: white;
67 line-height: 30px; 72 line-height: 30px;
68 padding: 0 4px; 73 padding: 0 4px;
69 text-align: center; 74 text-align: center;
75 }
70 } 76 }
71 } 77 }
72 }
73 </style> 78 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07
5 -->
1 <template> 6 <template>
2 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
3 <div class="content"> 8 <div class="content">
...@@ -49,59 +54,59 @@ ...@@ -49,59 +54,59 @@
49 </template> 54 </template>
50 55
51 <script> 56 <script>
52 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
53 export default { 58 export default {
54 name: "bdcqljqtsx", 59 name: "bdcqljqtsx",
55 data() { 60 data () {
56 return { 61 return {
57 //传递参数 62 //传递参数
58 propsParam: this.$attrs, 63 propsParam: this.$attrs,
59 qlxxList: "", 64 qlxxList: "",
60 }; 65 };
61 }, 66 },
62 mounted() { 67 mounted () {
63 getBdcqljqtsx({ 68 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid, 69 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh, 70 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => { 71 }).then((res) => {
67 if (res.code === 200) { 72 if (res.code === 200) {
68 this.qlxxList = res.result; 73 this.qlxxList = res.result;
69 } 74 }
70 }); 75 });
71 }, 76 },
72 }; 77 };
73 </script> 78 </script>
74 79
75 <style lang="scss" scoped> 80 <style lang="scss" scoped>
76 .bdcqljqtsx { 81 .bdcqljqtsx {
77 width: 100%; 82 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%; 83 height: 100%;
84 margin: 0 auto; 84 background: #fff;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91 85
92 .title { 86 .content {
93 font-size: 32px; 87 width: 50%;
94 text-align: center; 88 height: 100%;
95 padding: 40px 0; 89 margin: 0 auto;
96 line-height: 34px; 90 text-align: right;
97 } 91 color: #333;
92 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
93 font-weight: 700;
94 font-size: 18px;
95 line-height: 16px;
98 96
99 .underline { 97 .title {
100 font-size: 14px; 98 font-size: 32px;
101 font-weight: normal; 99 text-align: center;
102 text-decoration: underline; 100 padding: 40px 0;
103 display: inline-block; 101 line-height: 34px;
102 }
103
104 .underline {
105 font-size: 14px;
106 font-weight: normal;
107 text-decoration: underline;
108 display: inline-block;
109 }
104 } 110 }
105 } 111 }
106 }
107 </style> 112 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:13
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:28
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:37
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:46
5 -->
1 <template> 6 <template>
2 <div class="content"> 7 <div class="content">
3 <div class="left"> 8 <div class="left">
...@@ -69,7 +74,7 @@ ...@@ -69,7 +74,7 @@
69 this.componentTag = (r) => 74 this.componentTag = (r) =>
70 require.ensure([], () => r(require("@/views/registerBook/" + form))); 75 require.ensure([], () => r(require("@/views/registerBook/" + form)));
71 }, 76 },
72 }, 77 }
73 }; 78 };
74 </script> 79 </script>
75 <style scoped lang="scss"> 80 <style scoped lang="scss">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:59
5 -->
1 <template> 6 <template>
2 <div class="content loadingtext"> 7 <div class="content loadingtext">
3 <div class="left"> 8 <div class="left">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
1 <template> 6 <template>
2 <div class="djbfm"> 7 <div class="djbfm">
3 <br /><br /> 8 <br /><br />
...@@ -33,76 +38,76 @@ ...@@ -33,76 +38,76 @@
33 </template> 38 </template>
34 39
35 <script> 40 <script>
36 import { getDjbfm } from "@/api/djbDetail.js"; 41 import { getDjbfm } from "@/api/djbDetail.js";
37 42
38 export default { 43 export default {
39 data () { 44 data () {
40 return { 45 return {
41 //传递参数 46 //传递参数
42 propsParam: this.$attrs, 47 propsParam: this.$attrs,
43 info: {}, 48 info: {},
44 }; 49 };
45 },
46 mounted () {
47 this.loadData();
48 },
49 methods: {
50 loadData () {
51 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
52 if (res.code === 200) {
53 this.info = res.result;
54 }
55 });
56 }, 50 },
57 }, 51 mounted () {
58 }; 52 this.loadData();
53 },
54 methods: {
55 loadData () {
56 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
57 if (res.code === 200) {
58 this.info = res.result;
59 }
60 });
61 },
62 },
63 };
59 </script> 64 </script>
60 65
61 <style lang="scss" scoped> 66 <style lang="scss" scoped>
62 .djbfm { 67 .djbfm {
63 width: 100%; 68 width: 100%;
64 height: 100%; 69 height: 100%;
65 background: #fff; 70 background: #fff;
66 border-right: 1px solid #ccc; 71 border-right: 1px solid #ccc;
67 line-height: 45px; 72 line-height: 45px;
68 text-align: center; 73 text-align: center;
69 font-size: 18px; 74 font-size: 18px;
70 font-family: serif; 75 font-family: serif;
71 position: relative; 76 position: relative;
72 77
73 font { 78 font {
74 border-bottom: 1px solid #000; 79 border-bottom: 1px solid #000;
75 display: inline-block; 80 display: inline-block;
76 padding: 0 15px; 81 padding: 0 15px;
77 line-height: 16px; 82 line-height: 16px;
78 } 83 }
79 84
80 .title { 85 .title {
81 height: 40%; 86 height: 40%;
82 display: flex; 87 display: flex;
83 font-size: 38px; 88 font-size: 38px;
84 color: #000; 89 color: #000;
85 justify-content: center; 90 justify-content: center;
86 align-items: center; 91 align-items: center;
87 } 92 }
88 93
89 .bottom { 94 .bottom {
90 position: absolute; 95 position: absolute;
91 bottom: 0px; 96 bottom: 0px;
92 text-align: center; 97 text-align: center;
93 width: 100%; 98 width: 100%;
94 left: 0; 99 left: 0;
95 height: 100px; 100 height: 100px;
96 line-height: 100px; 101 line-height: 100px;
97 102
98 p { 103 p {
99 font-size: 28px; 104 font-size: 28px;
100 } 105 }
101 106
102 font { 107 font {
103 font-size: 24px; 108 font-size: 24px;
104 line-height: 24px; 109 line-height: 24px;
110 }
105 } 111 }
106 } 112 }
107 }
108 </style> 113 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:01:08
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:01:40
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:03:14
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:03:56
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:04:07
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:04:15
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:04:26
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -6,36 +11,33 @@ ...@@ -6,36 +11,33 @@
6 <el-row> 11 <el-row>
7 <el-col :span="5"> 12 <el-col :span="5">
8 <el-form-item label="接口类型"> 13 <el-form-item label="接口类型">
9 <el-input 14 <el-input
10 placeholder="请输入编号" 15 placeholder="请输入编号"
11 v-model="queryForm.jklx" 16 v-model="queryForm.jklx"
12 class="width200px" 17 class="width200px"
13 clearable 18 clearable></el-input>
14 ></el-input>
15 </el-form-item> 19 </el-form-item>
16 </el-col> 20 </el-col>
17 <el-col :span="5"> 21 <el-col :span="5">
18 <el-form-item label="调用状态"> 22 <el-form-item label="调用状态">
19 <el-input 23 <el-input
20 placeholder="请输入编号" 24 placeholder="请输入编号"
21 v-model="queryForm.dyzt" 25 v-model="queryForm.dyzt"
22 class="width200px" 26 class="width200px"
23 clearable 27 clearable></el-input>
24 ></el-input>
25 </el-form-item> 28 </el-form-item>
26 </el-col> 29 </el-col>
27 </el-row> 30 </el-row>
28 <el-row> 31 <el-row>
29 <el-col :span="5"> 32 <el-col :span="5">
30 <el-form-item label="访问IP"> 33 <el-form-item label="访问IP">
31 34
32 <el-input 35 <el-input
33 placeholder="请输入IP" 36 placeholder="请输入IP"
34 v-model="queryForm.fwip" 37 v-model="queryForm.fwip"
35 class="width200px" 38 class="width200px"
36 clearable 39 clearable></el-input>
37 ></el-input> 40
38
39 </el-form-item> 41 </el-form-item>
40 </el-col> 42 </el-col>
41 <el-col :span="5"> 43 <el-col :span="5">
...@@ -45,47 +47,44 @@ ...@@ -45,47 +47,44 @@
45 </el-form-item> 47 </el-form-item>
46 </el-col> 48 </el-col>
47 </el-row> 49 </el-row>
48 <el-row> 50 <el-row>
49 <el-col :span="10"> 51 <el-col :span="10">
50 <el-form-item label="请求地址"> 52 <el-form-item label="请求地址">
51 53
52 <el-input 54 <el-input
53 placeholder="请输入url" 55 placeholder="请输入url"
54 v-model="queryForm.qqdz" 56 v-model="queryForm.qqdz"
55 class="width500px" 57 class="width500px"
56 clearable 58 clearable></el-input>
57 ></el-input> 59
58
59 </el-form-item> 60 </el-form-item>
60 </el-col> 61 </el-col>
61 </el-row> 62 </el-row>
62 63
63 </el-row> 64 </el-row>
64 <el-row> 65 <el-row>
65 <el-col :span="20"> 66 <el-col :span="20">
66 <el-form-item label="请求头数据"> 67 <el-form-item label="请求头数据">
67 68
68 <el-input 69 <el-input
69 placeholder="请输入请求头数据" 70 placeholder="请输入请求头数据"
70 v-model="queryForm.qqtsj" 71 v-model="queryForm.qqtsj"
71 class="width500px" 72 class="width500px"
72 clearable 73 clearable></el-input>
73 ></el-input> 74
74
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 </el-row> 77 </el-row>
78 <el-row> 78 <el-row>
79 <el-col :span="20"> 79 <el-col :span="20">
80 <el-form-item label="入参数据"> 80 <el-form-item label="入参数据">
81 81
82 <el-input 82 <el-input
83 placeholder="请输入参数" 83 placeholder="请输入参数"
84 v-model="queryForm.rcsj" 84 v-model="queryForm.rcsj"
85 class="width500px" 85 class="width500px"
86 clearable 86 clearable></el-input>
87 ></el-input> 87
88
89 </el-form-item> 88 </el-form-item>
90 </el-col> 89 </el-col>
91 </el-row> 90 </el-row>
...@@ -93,29 +92,27 @@ ...@@ -93,29 +92,27 @@
93 <el-row> 92 <el-row>
94 <el-col :span="5"> 93 <el-col :span="5">
95 <el-form-item label="调用描述"> 94 <el-form-item label="调用描述">
96 95
97 <el-input 96 <el-input
98 placeholder="调用描述" 97 placeholder="调用描述"
99 v-model="queryForm.dyms" 98 v-model="queryForm.dyms"
100 class="width200px" 99 class="width200px"
101 clearable 100 clearable></el-input>
102 ></el-input> 101
103
104 </el-form-item> 102 </el-form-item>
105 </el-col> 103 </el-col>
106 </el-row> 104 </el-row>
107 105
108 <el-row> 106 <el-row>
109 <el-col :span="5"> 107 <el-col :span="5">
110 <el-form-item label="返回数据"> 108 <el-form-item label="返回数据">
111 109
112 <el-input 110 <el-input
113 placeholder="返回数据" 111 placeholder="返回数据"
114 v-model="queryForm.fhsj" 112 v-model="queryForm.fhsj"
115 class="width200px" 113 class="width200px"
116 clearable 114 clearable></el-input>
117 ></el-input> 115
118
119 </el-form-item> 116 </el-form-item>
120 </el-col> 117 </el-col>
121 </el-row> 118 </el-row>
...@@ -124,39 +121,39 @@ ...@@ -124,39 +121,39 @@
124 <el-col :span="4" class="btnColRight"> 121 <el-col :span="4" class="btnColRight">
125 <el-form-item> 122 <el-form-item>
126 <el-button type="primary" @click="queryClick()">发送</el-button> 123 <el-button type="primary" @click="queryClick()">发送</el-button>
127 124
128 </el-form-item> 125 </el-form-item>
129 </el-col> 126 </el-col>
130 </el-row> 127 </el-row>
131 </el-form> 128 </el-form>
132 </div> 129 </div>
133 <!-- 表格 --> 130 <!-- 表格 -->
134 131
135 </div> 132 </div>
136 </template> 133 </template>
137 <script> 134 <script>
138 135
139 136
140 export default { 137 export default {
141 138
142 data () { 139 data () {
143 return { 140 return {
144 queryForm: { 141 queryForm: {
145 jklx: "", 142 jklx: "",
146 dyzt: "", 143 dyzt: "",
147 fwip: "", 144 fwip: "",
148 fwsj: "", 145 fwsj: "",
149 qqdz: "", 146 qqdz: "",
150 qqtsj: "", 147 qqtsj: "",
151 rcsj: "", 148 rcsj: "",
152 dyms: "", 149 dyms: "",
153 fhsj: "", 150 fhsj: "",
154 }, 151 },
155 } 152 }
156 }, 153 },
157 154
158 } 155 }
159 </script> 156 </script>
160 <style scoped lang="scss"> 157 <style scoped lang="scss">
161 @import "~@/styles/public.scss"; 158 @import "~@/styles/public.scss";
162 </style> 159 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:04:38
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -6,36 +11,33 @@ ...@@ -6,36 +11,33 @@
6 <el-row> 11 <el-row>
7 <el-col :span="5"> 12 <el-col :span="5">
8 <el-form-item label="接口类型"> 13 <el-form-item label="接口类型">
9 <el-input 14 <el-input
10 placeholder="请输入编号" 15 placeholder="请输入编号"
11 v-model="queryForm.jklx" 16 v-model="queryForm.jklx"
12 class="width200px" 17 class="width200px"
13 clearable 18 clearable></el-input>
14 ></el-input>
15 </el-form-item> 19 </el-form-item>
16 </el-col> 20 </el-col>
17 <el-col :span="5"> 21 <el-col :span="5">
18 <el-form-item label="调用状态"> 22 <el-form-item label="调用状态">
19 <el-input 23 <el-input
20 placeholder="请输入编号" 24 placeholder="请输入编号"
21 v-model="queryForm.dyzt" 25 v-model="queryForm.dyzt"
22 class="width200px" 26 class="width200px"
23 clearable 27 clearable></el-input>
24 ></el-input>
25 </el-form-item> 28 </el-form-item>
26 </el-col> 29 </el-col>
27 </el-row> 30 </el-row>
28 <el-row> 31 <el-row>
29 <el-col :span="5"> 32 <el-col :span="5">
30 <el-form-item label="访问IP"> 33 <el-form-item label="访问IP">
31 34
32 <el-input 35 <el-input
33 placeholder="请输入IP" 36 placeholder="请输入IP"
34 v-model="queryForm.fwip" 37 v-model="queryForm.fwip"
35 class="width200px" 38 class="width200px"
36 clearable 39 clearable></el-input>
37 ></el-input> 40
38
39 </el-form-item> 41 </el-form-item>
40 </el-col> 42 </el-col>
41 <el-col :span="5"> 43 <el-col :span="5">
...@@ -45,47 +47,44 @@ ...@@ -45,47 +47,44 @@
45 </el-form-item> 47 </el-form-item>
46 </el-col> 48 </el-col>
47 </el-row> 49 </el-row>
48 <el-row> 50 <el-row>
49 <el-col :span="10"> 51 <el-col :span="10">
50 <el-form-item label="请求地址"> 52 <el-form-item label="请求地址">
51 53
52 <el-input 54 <el-input
53 placeholder="请输入url" 55 placeholder="请输入url"
54 v-model="queryForm.qqdz" 56 v-model="queryForm.qqdz"
55 class="width500px" 57 class="width500px"
56 clearable 58 clearable></el-input>
57 ></el-input> 59
58
59 </el-form-item> 60 </el-form-item>
60 </el-col> 61 </el-col>
61 </el-row> 62 </el-row>
62 63
63 </el-row> 64 </el-row>
64 <el-row> 65 <el-row>
65 <el-col :span="20"> 66 <el-col :span="20">
66 <el-form-item label="请求头数据"> 67 <el-form-item label="请求头数据">
67 68
68 <el-input 69 <el-input
69 placeholder="请输入请求头数据" 70 placeholder="请输入请求头数据"
70 v-model="queryForm.qqtsj" 71 v-model="queryForm.qqtsj"
71 class="width500px" 72 class="width500px"
72 clearable 73 clearable></el-input>
73 ></el-input> 74
74
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 </el-row> 77 </el-row>
78 <el-row> 78 <el-row>
79 <el-col :span="20"> 79 <el-col :span="20">
80 <el-form-item label="入参数据"> 80 <el-form-item label="入参数据">
81 81
82 <el-input 82 <el-input
83 placeholder="请输入参数" 83 placeholder="请输入参数"
84 v-model="queryForm.rcsj" 84 v-model="queryForm.rcsj"
85 class="width500px" 85 class="width500px"
86 clearable 86 clearable></el-input>
87 ></el-input> 87
88
89 </el-form-item> 88 </el-form-item>
90 </el-col> 89 </el-col>
91 </el-row> 90 </el-row>
...@@ -93,29 +92,27 @@ ...@@ -93,29 +92,27 @@
93 <el-row> 92 <el-row>
94 <el-col :span="5"> 93 <el-col :span="5">
95 <el-form-item label="调用描述"> 94 <el-form-item label="调用描述">
96 95
97 <el-input 96 <el-input
98 placeholder="调用描述" 97 placeholder="调用描述"
99 v-model="queryForm.dyms" 98 v-model="queryForm.dyms"
100 class="width200px" 99 class="width200px"
101 clearable 100 clearable></el-input>
102 ></el-input> 101
103
104 </el-form-item> 102 </el-form-item>
105 </el-col> 103 </el-col>
106 </el-row> 104 </el-row>
107 105
108 <el-row> 106 <el-row>
109 <el-col :span="5"> 107 <el-col :span="5">
110 <el-form-item label="返回数据"> 108 <el-form-item label="返回数据">
111 109
112 <el-input 110 <el-input
113 placeholder="返回数据" 111 placeholder="返回数据"
114 v-model="queryForm.fhsj" 112 v-model="queryForm.fhsj"
115 class="width200px" 113 class="width200px"
116 clearable 114 clearable></el-input>
117 ></el-input> 115
118
119 </el-form-item> 116 </el-form-item>
120 </el-col> 117 </el-col>
121 </el-row> 118 </el-row>
...@@ -124,39 +121,39 @@ ...@@ -124,39 +121,39 @@
124 <el-col :span="4" class="btnColRight"> 121 <el-col :span="4" class="btnColRight">
125 <el-form-item> 122 <el-form-item>
126 <el-button type="primary" @click="queryClick()">发送</el-button> 123 <el-button type="primary" @click="queryClick()">发送</el-button>
127 124
128 </el-form-item> 125 </el-form-item>
129 </el-col> 126 </el-col>
130 </el-row> 127 </el-row>
131 </el-form> 128 </el-form>
132 </div> 129 </div>
133 <!-- 表格 --> 130 <!-- 表格 -->
134 131
135 </div> 132 </div>
136 </template> 133 </template>
137 <script> 134 <script>
138 135
139 136
140 export default { 137 export default {
141 138
142 data () { 139 data () {
143 return { 140 return {
144 queryForm: { 141 queryForm: {
145 jklx: "", 142 jklx: "",
146 dyzt: "", 143 dyzt: "",
147 fwip: "", 144 fwip: "",
148 fwsj: "", 145 fwsj: "",
149 qqdz: "", 146 qqdz: "",
150 qqtsj: "", 147 qqtsj: "",
151 rcsj: "", 148 rcsj: "",
152 dyms: "", 149 dyms: "",
153 fhsj: "", 150 fhsj: "",
154 }, 151 },
155 } 152 }
156 }, 153 },
157 154
158 } 155 }
159 </script> 156 </script>
160 <style scoped lang="scss"> 157 <style scoped lang="scss">
161 @import "~@/styles/public.scss"; 158 @import "~@/styles/public.scss";
162 </style> 159 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-13 16:42:17 4 * @LastEditTime: 2023-07-19 10:23:27
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -69,19 +69,19 @@ ...@@ -69,19 +69,19 @@
69 }, 69 },
70 { 70 {
71 prop: 'dcode', 71 prop: 'dcode',
72 width: '100', 72 width: '150',
73 label: '字典项编码', 73 label: '字典项编码',
74 render: (h, scope) => { 74 render: (h, scope) => {
75 return ( 75 return (
76 <div> 76 <div>
77 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} 77 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
78 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 78 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
79 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 79 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
80 80
81 81
82 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} 82 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
83 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 83 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
84 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 84 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
85 </div> 85 </div>
86 ) 86 )
87 } 87 }
...@@ -106,17 +106,17 @@ ...@@ -106,17 +106,17 @@
106 { 106 {
107 prop: 'normcode', 107 prop: 'normcode',
108 label: '部标编码', 108 label: '部标编码',
109 width: '100', 109 width: '150',
110 render: (h, scope) => { 110 render: (h, scope) => {
111 return ( 111 return (
112 <div> 112 <div>
113 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]} 113 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
114 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 114 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
115 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 115 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
116 116
117 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]} 117 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
118 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 118 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
119 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 119 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
120 </div> 120 </div>
121 ) 121 )
122 } 122 }
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
152 } 152 }
153 }, 153 },
154 { 154 {
155 width: '130', 155 width: '100',
156 label: '移动', 156 label: '移动',
157 render: (h, scope) => { 157 render: (h, scope) => {
158 return ( 158 return (
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
164 } 164 }
165 }, 165 },
166 { 166 {
167 width: '150', 167 width: '130',
168 label: '操作', 168 label: '操作',
169 render: (h, scope) => { 169 render: (h, scope) => {
170 return ( 170 return (
...@@ -324,9 +324,16 @@ ...@@ -324,9 +324,16 @@
324 </script> 324 </script>
325 <style rel="stylesheet/scss" lang="scss" scoped> 325 <style rel="stylesheet/scss" lang="scss" scoped>
326 @import "~@/styles/dialogBoxheader.scss"; 326 @import "~@/styles/dialogBoxheader.scss";
327 327 /deep/.el-radio-group {
328 display: flex;
329 justify-content: center;
330 }
328 /deep/.el-radio { 331 /deep/.el-radio {
329 margin-right: 5px !important; 332 margin-right: 5px !important;
333 display: flex;
334 }
335 /deep/.el-radio__label {
336 display: block !important;
330 } 337 }
331 </style> 338 </style>
332 339
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:09:11
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
4 <div class="from-clues-header"> 9 <div class="from-clues-header">
5 <el-form :model="ruleForm" label-width="80px"> 10 <el-form :model="ruleForm" label-width="80px">
6 <el-row> 11 <el-row>
7 <el-col :span="5"> 12 <el-col :span="5">
8 <el-form-item label="个性化配置"> 13 <el-form-item label="个性化配置">
9 <el-input ></el-input> 14 <el-input></el-input>
10 </el-form-item> 15 </el-form-item>
11 </el-col> 16 </el-col>
12 <el-col :span="19" class="btnColRight"> 17 <el-col :span="19" class="btnColRight">
13 <el-form-item> 18 <el-form-item>
14 <el-button type="primary" native-type="submit" >查询</el-button> 19 <el-button type="primary" native-type="submit">查询</el-button>
15 </el-form-item> 20 </el-form-item>
16 </el-col> 21 </el-col>
17 </el-row> 22 </el-row>
18 </el-form> 23 </el-form>
19 </div>
20 <!-- 表格 -->
21 </div> 24 </div>
22 </template> 25 <!-- 表格 -->
26 </div>
27 </template>
23 <script> 28 <script>
24 import table from "@/utils/mixin/table"; 29 import table from "@/utils/mixin/table";
25 export default { 30 export default {
26 name: "gxhpz", 31 name: "gxhpz",
27 components: { }, 32 components: {},
28 mixins: [table], 33 mixins: [table],
29 mounted () { 34 mounted () {
30 }, 35 },
...@@ -40,5 +45,5 @@ ...@@ -40,5 +45,5 @@
40 </script> 45 </script>
41 <style scoped lang="scss"> 46 <style scoped lang="scss">
42 @import "~@/styles/public.scss"; 47 @import "~@/styles/public.scss";
43 </style> 48 </style>
44 49
...\ No newline at end of file ...\ No newline at end of file
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:09:29
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -31,50 +36,50 @@ ...@@ -31,50 +36,50 @@
31 </div> 36 </div>
32 </template> 37 </template>
33 <script> 38 <script>
34 import { mapGetters } from 'vuex' 39 import { mapGetters } from 'vuex'
35 import { sysSqywmbszSearch } from '@/api/sysSqywmbsz' 40 import { sysSqywmbszSearch } from '@/api/sysSqywmbsz'
36 import table from "@/utils/mixin/table" 41 import table from "@/utils/mixin/table"
37 import { datas, sendThis } from "./qtjfjmb" 42 import { datas, sendThis } from "./qtjfjmb"
38 export default { 43 export default {
39 name: "qtjfjmb", 44 name: "qtjfjmb",
40 mixins: [table], 45 mixins: [table],
41 mounted () { 46 mounted () {
42 sendThis(this); 47 sendThis(this);
43 this.queryClick() 48 this.queryClick()
44 },
45 computed: {
46 ...mapGetters(['dictData'])
47 },
48 data () {
49 return {
50 queryForm: {
51 qllx: ""
52 },
53 tableData: {
54 total: 0,
55 columns: datas.columns(),
56 data: []
57 },
58 bsmMb: ''
59 }
60 },
61 methods: {
62 // 初始化数据
63 queryClick () {
64 this.$startLoading();
65 sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => {
66 this.$endLoading();
67 let { records, total } = res.result
68 this.tableData.data = records ? records : []
69 this.tableData.total = total ? total : 0
70 })
71 }, 49 },
72 editClick (row) { 50 computed: {
73 this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') 51 ...mapGetters(['dictData'])
52 },
53 data () {
54 return {
55 queryForm: {
56 qllx: ""
57 },
58 tableData: {
59 total: 0,
60 columns: datas.columns(),
61 data: []
62 },
63 bsmMb: ''
64 }
65 },
66 methods: {
67 // 初始化数据
68 queryClick () {
69 this.$startLoading();
70 sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => {
71 this.$endLoading();
72 let { records, total } = res.result
73 this.tableData.data = records ? records : []
74 this.tableData.total = total ? total : 0
75 })
76 },
77 editClick (row) {
78 this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%')
79 }
74 } 80 }
75 } 81 }
76 }
77 </script> 82 </script>
78 <style scoped lang="scss"> 83 <style scoped lang="scss">
79 @import "~@/styles/public.scss"; 84 @import "~@/styles/public.scss";
80 </style> 85 </style>
......
1 <!-- 1 <!--
2 功能：登记情形设定 2 * @Description: 登记情形设定
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:09:47
3 --> 5 -->
4 <template> 6 <template>
5 <div> 7 <div>
...@@ -22,209 +24,208 @@ ...@@ -22,209 +24,208 @@
22 </div> 24 </div>
23 </template> 25 </template>
24 <script> 26 <script>
25 import { mapGetters } from 'vuex' 27 import { mapGetters } from 'vuex'
26 import { upward, down } from '@/utils/operation' 28 import { upward, down } from '@/utils/operation'
27 export default { 29 export default {
28 props: { 30 props: {
29 ruleForm: { 31 ruleForm: {
30 type: Object, default: {} 32 type: Object, default: {}
31 }, 33 },
32 clzt: { 34 clzt: {
33 type: Array, default: () => { 35 type: Array, default: () => {
34 return [] 36 return []
37 }
38 },
39 djqx: {
40 type: Array, default: () => {
41 return []
42 }
35 } 43 }
36 }, 44 },
37 djqx: { 45 computed: {
38 type: Array, default: () => { 46 ...mapGetters(['dictData'])
39 return [] 47 },
40 } 48 data () {
41 } 49 return {
42 }, 50 key: 0,
43 computed: { 51 column: [
44 ...mapGetters(['dictData']) 52 {
45 }, 53 width: '60',
46 data () { 54 renderHeader: (h, scope) => {
47 return { 55 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
48 key: 0, 56 },
49 column: [ 57 render: (h, scope) => {
50 { 58 return (
51 width: '60', 59 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
52 renderHeader: (h, scope) => { 60 )
53 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> 61 }
54 }, 62 },
55 render: (h, scope) => { 63 {
56 return ( 64 width: '60',
57 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> 65 label: '序号',
58 ) 66 type: 'index'
59 } 67 },
60 }, 68 {
61 { 69 label: '是否必填',
62 width: '60', 70 width: '130',
63 label: '序号', 71 render: (h, scope) => {
64 type: 'index' 72 return (
65 }, 73 <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
66 { 74 <el-radio label={'1'}>是</el-radio>
67 label: '是否必填', 75 <el-radio label={'0'}>否</el-radio>
68 width: '130', 76 </el-radio-group>
69 render: (h, scope) => { 77 )
70 return ( 78 }
71 <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}> 79 },
72 <el-radio label={'1'}>是</el-radio> 80 {
73 <el-radio label={'0'}>否</el-radio> 81 prop: 'clbm',
74 </el-radio-group> 82 label: '材料编码',
75 ) 83 width: '100',
76 } 84 render: (h, scope) => {
77 }, 85 return (
78 { 86 <el-input placeholder="材料编码" value={scope.row[scope.column.property]}
79 prop: 'clbm', 87 onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input>
80 label: '材料编码', 88 )
81 width: '100', 89 }
82 render: (h, scope) => { 90 },
83 return ( 91 {
84 <el-input placeholder="材料编码" value={scope.row[scope.column.property]} 92 prop: 'clmc',
85 onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input> 93 label: '材料名称',
86 ) 94 render: (h, scope) => {
87 } 95 return (
88 }, 96 <el-input placeholder="材料名称" value={scope.row[scope.column.property]}
89 { 97 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
90 prop: 'clmc', 98 )
91 label: '材料名称', 99 }
92 render: (h, scope) => { 100 },
93 return ( 101 {
94 <el-input placeholder="材料名称" value={scope.row[scope.column.property]} 102 prop: 'cllx',
95 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> 103 label: '材料类型',
96 ) 104 width: '115',
97 } 105 render: (h, scope) => {
98 }, 106 return (
99 { 107 <el-select value={scope.row[scope.column.property]}
100 prop: 'cllx', 108 onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
101 label: '材料类型', 109 {
102 width: '115', 110 this.dictData['A40'].map(option => {
103 render: (h, scope) => { 111 return (
104 return ( 112 <el-option label={option.dname} value={option.dcode}></el-option>
105 <el-select value={scope.row[scope.column.property]} 113 )
106 onChange={(val) => { scope.row[scope.column.property] = val }} clearable> 114 })
107 { 115 }
108 this.dictData['A40'].map(option => { 116 </el-select>
109 return ( 117 )
110 <el-option label={option.dname} value={option.dcode}></el-option> 118 }
111 ) 119 },
112 }) 120 {
113 } 121 label: '是否公共材料',
114 </el-select> 122 width: '100',
115 ) 123 render: (h, scope) => {
124 return (
125 <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
126 <el-radio label={'1'}>是</el-radio>
127 <el-radio label={'0'}>否</el-radio>
128 </el-radio-group>
129 )
130 }
131 },
132 {
133 prop: 'djqxbm',
134 label: '登记情形',
135 width: '180',
136 render: (h, scope) => {
137 return (
138 <el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]}
139 onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
140 {
141 this.djqx.map(option => {
142 return (
143 <el-option label={option.nodename} value={option.nodecode}></el-option>
144 )
145 })
146 }
147 </el-select>
148 )
149 }
150 },
151 {
152 label: '移动',
153 width: '90',
154 render: (h, scope) => {
155 return (
156 <div>
157 <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
158 <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
159 </div>
160 )
161 }
116 } 162 }
117 }, 163 ],
118 { 164 tableData: []
119 label: '是否公共材料', 165 }
120 width: '100', 166 },
121 render: (h, scope) => { 167 watch: {
122 return ( 168 tableData: {
123 <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}> 169 handler (newValue, oldValue) {
124 <el-radio label={'1'}>是</el-radio> 170 if (!_.isEqual(newValue, this.clzt)) {
125 <el-radio label={'0'}>否</el-radio> 171 this.$emit('updateValue', newValue)
126 </el-radio-group>
127 )
128 } 172 }
129 }, 173 },
130 { 174 deep: true
131 prop: 'djqxbm', 175 },
132 label: '登记情形', 176 clzt: {
133 width: '180', 177 handler: function (newValue) {
134 render: (h, scope) => { 178 this.tableData = _.cloneDeep(newValue)
135 return (
136 <el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]}
137 onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
138 {
139 this.djqx.map(option => {
140 return (
141 <el-option label={option.nodename} value={option.nodecode}></el-option>
142 )
143 })
144 }
145 </el-select>
146 )
147 }
148 }, 179 },
149 { 180 deep: true
150 label: '移动',
151 width: '90',
152 render: (h, scope) => {
153 return (
154 <div>
155 <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
156 <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
157 </div>
158 )
159 }
160 }
161 ],
162 tableData: []
163 }
164 },
165 watch: {
166 tableData: {
167 handler (newValue, oldValue) {
168 if (!_.isEqual(newValue, this.clzt)) {
169 this.$emit('updateValue', newValue)
170 }
171 }, 181 },
172 deep: true
173 }, 182 },
174 clzt: { 183 methods: {
175 handler: function (newValue) { 184 handleAdd () {
176 this.tableData = _.cloneDeep(newValue) 185 this.tableData.push(
186 {
187 isrequired: '1',
188 djqxbm: '',
189 clbm: '',
190 clmc: '',
191 cllx: '',
192 sfggcl: '1'
193 }
194 )
195 this.key++
177 }, 196 },
178 deep: true 197 handleSelectGgcl (item) {
179 }, 198 if (item.sfggcl == '1') {
180 }, 199 item.djqxbm = ''
181 methods: {
182 handleAdd () {
183 this.tableData.push(
184 {
185 isrequired: '1',
186 djqxbm: '',
187 clbm: '',
188 clmc: '',
189 cllx: '',
190 sfggcl: '1'
191 } 200 }
192 ) 201 },
193 this.key++ 202 handleMinus (index, row) {
194 }, 203 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
195 handleSelectGgcl (item) { 204 confirmButtonText: '确定',
196 if (item.sfggcl == '1') { 205 cancelButtonText: '取消',
197 item.djqxbm = '' 206 type: 'warning'
198 } 207 }).then(() => {
199 }, 208 this.tableData.splice(index, 1)
200 handleMinus (index, row) { 209 this.$message({
201 this.$confirm('此操作将永久删除, 是否继续?', '提示', { 210 type: 'success',
202 confirmButtonText: '确定', 211 message: '删除成功!'
203 cancelButtonText: '取消', 212 });
204 type: 'warning' 213 }).catch(() => {
205 }).then(() => { 214 this.$message({
206 this.tableData.splice(index, 1) 215 type: 'info',
207 this.$message({ 216 message: '已取消删除'
208 type: 'success', 217 });
209 message: '删除成功!'
210 });
211 }).catch(() => {
212 this.$message({
213 type: 'info',
214 message: '已取消删除'
215 }); 218 });
216 }); 219 },
217 }, 220 // 上移下移
218 // 上移下移 221 moveUpward (index, row) {
219 moveUpward (index, row) { 222 upward(index, this.tableData)
220 upward(index, this.tableData) 223 },
221 }, 224 moveDown (index, row) {
222 moveDown (index, row) { 225 down(index, this.tableData)
223 down(index, this.tableData) 226 },
224 }, 227 }
225 } 228 }
226 }
227 </script> 229 </script>
228 <style scoped lang='scss'> 230 <style scoped lang='scss'>
229
230 </style> 231 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 功能：登记情形设定 2 * @Description: 功能：登记情形设定
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:10:04
3 --> 5 -->
4 <template> 6 <template>
5 <div class='djqxsd'> 7 <div class='djqxsd'>
...@@ -22,233 +24,233 @@ ...@@ -22,233 +24,233 @@
22 </div> 24 </div>
23 </template> 25 </template>
24 <script> 26 <script>
25 import { upward, down } from '@/utils/operation' 27 import { upward, down } from '@/utils/operation'
26 export default { 28 export default {
27 props: { 29 props: {
28 ruleForm: { 30 ruleForm: {
29 type: Object, default: () => { 31 type: Object, default: () => {
30 return {} 32 return {}
33 }
34 },
35 djqx: {
36 type: Array, default: () => {
37 return []
38 }
31 } 39 }
32 }, 40 },
33 djqx: { 41 data () {
34 type: Array, default: () => { 42 return {
35 return [] 43 input: '',
36 } 44 key: 0,
37 } 45 rules: {
38 }, 46 djywbm: [
39 data () { 47 { required: true, message: '登记业务编码', trigger: 'blur' },
40 return { 48 ],
41 input: '', 49 djywmc: [
42 key: 0, 50 { required: true, message: '登记业务名称', trigger: 'blur' },
43 rules: { 51 ],
44 djywbm: [
45 { required: true, message: '登记业务编码', trigger: 'blur' },
46 ],
47 djywmc: [
48 { required: true, message: '登记业务名称', trigger: 'blur' },
49 ],
50 },
51 column: [
52 {
53 width: '60',
54 renderHeader: (h, scope) => {
55 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
56 },
57 render: (h, scope) => {
58 return (
59 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
60 )
61 }
62 },
63 {
64 width: '60',
65 label: '序号',
66 type: 'index'
67 },
68 {
69 prop: 'nodecode',
70 width: '105',
71 label: '登记情形编码',
72 render: (h, scope) => {
73 return (
74 <div>
75 <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'}
76 value={scope.row[scope.column.property]}
77 onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8">
78 </el-input>
79 </div>
80 )
81 }
82 },
83 {
84 prop: 'nodename',
85 label: '登记情形名称',
86 render: (h, scope) => {
87 return (
88 <div>
89 <el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'}
90 value={scope.row[scope.column.property]}
91 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
92 </div>
93 )
94 }
95 },
96 {
97 label: '是否启用登记情形',
98 width: '140',
99 render: (h, scope) => {
100 return (
101 <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
102 <el-radio label={'1'}>启用</el-radio>
103 <el-radio label={'0'}>禁用</el-radio>
104 </el-radio-group>
105 )
106 }
107 }, 52 },
108 { 53 column: [
109 prop: 'djyy', 54 {
110 label: '登记原因模板', 55 width: '60',
111 render: (h, scope) => { 56 renderHeader: (h, scope) => {
112 return ( 57 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
113 <div> 58 },
114 <el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]} 59 render: (h, scope) => {
115 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> 60 return (
116 </div> 61 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
62 )
63 }
64 },
65 {
66 width: '60',
67 label: '序号',
68 type: 'index'
69 },
70 {
71 prop: 'nodecode',
72 width: '105',
73 label: '登记情形编码',
74 render: (h, scope) => {
75 return (
76 <div>
77 <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'}
78 value={scope.row[scope.column.property]}
79 onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8">
80 </el-input>
81 </div>
82 )
83 }
84 },
85 {
86 prop: 'nodename',
87 label: '登记情形名称',
88 render: (h, scope) => {
89 return (
90 <div>
91 <el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'}
92 value={scope.row[scope.column.property]}
93 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
94 </div>
95 )
96 }
97 },
98 {
99 label: '是否启用登记情形',
100 width: '140',
101 render: (h, scope) => {
102 return (
103 <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
104 <el-radio label={'1'}>启用</el-radio>
105 <el-radio label={'0'}>禁用</el-radio>
106 </el-radio-group>
107 )
108 }
109 },
110 {
111 prop: 'djyy',
112 label: '登记原因模板',
113 render: (h, scope) => {
114 return (
115 <div>
116 <el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
117 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
118 </div>
117 119
118 ) 120 )
119 } 121 }
120 }, 122 },
121 { 123 {
122 label: '是否启用模板', 124 label: '是否启用模板',
123 width: '140', 125 width: '140',
124 render: (h, scope) => { 126 render: (h, scope) => {
125 return ( 127 return (
126 <el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> 128 <el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
127 <el-radio label={'1'}>启用</el-radio> 129 <el-radio label={'1'}>启用</el-radio>
128 <el-radio label={'0'}>禁用</el-radio> 130 <el-radio label={'0'}>禁用</el-radio>
129 </el-radio-group> 131 </el-radio-group>
130 ) 132 )
131 } 133 }
132 }, 134 },
133 { 135 {
134 label: '移动', 136 label: '移动',
135 width: '100', 137 width: '100',
136 render: (h, scope) => { 138 render: (h, scope) => {
137 return ( 139 return (
138 <div> 140 <div>
139 <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> 141 <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
140 <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > 142 <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
141 </div> 143 </div>
142 ) 144 )
145 }
143 } 146 }
144 } 147 ],
145 ], 148 tableData: []
146 tableData: [] 149 }
147 } 150 },
148 }, 151 watch: {
149 watch: { 152 tableData: {
150 tableData: { 153 handler (newValue, oldValue) {
151 handler (newValue, oldValue) { 154 let that = this
152 let that = this 155 if (!_.isEqual(newValue, this.djqx)) {
153 if (!_.isEqual(newValue, this.djqx)) { 156 let temp = newValue.some((item, index, array) => {
154 let temp = newValue.some((item, index, array) => { 157 return item.repeat;
155 return item.repeat;
156 })
157 if (temp) {
158 that.$emit('updateValue', {
159 djqx: newValue,
160 btnDisabled: true
161 })
162 } else {
163 that.$emit('updateValue', {
164 djqx: newValue,
165 btnDisabled: false
166 }) 158 })
159 if (temp) {
160 that.$emit('updateValue', {
161 djqx: newValue,
162 btnDisabled: true
163 })
164 } else {
165 that.$emit('updateValue', {
166 djqx: newValue,
167 btnDisabled: false
168 })
169 }
167 } 170 }
168 } 171 },
172 deep: true
169 }, 173 },
170 deep: true 174 djqx: {
175 handler: function (newValue) {
176 this.tableData = _.cloneDeep(newValue)
177 this.addIndexes()
178 },
179 deep: true
180 }
171 }, 181 },
172 djqx: { 182 methods: {
173 handler: function (newValue) { 183 // 添加索引
174 this.tableData = _.cloneDeep(newValue) 184 addIndexes (data = this.tableData, isAdd = true) {
185 data.forEach((item, index) => {
186 if (isAdd) {
187 item.index = index + 1
188 }
189 })
190 },
191 handleAdd () {
192 this.$nextTick(() => {
193 let container = this.$el.querySelector('.el-table__body-wrapper');
194 container.scrollTop = container.scrollHeight;
195 })
196 this.tableData.push(
197 {
198 nodecode: '',
199 nodename: '',
200 enabled: '1',
201 djyy: '',
202 sfqydjyymb: '0'
203 }
204 )
175 this.addIndexes() 205 this.addIndexes()
206 this.key++
176 }, 207 },
177 deep: true 208 handleMinus (index, row) {
178 } 209 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
179 }, 210 confirmButtonText: '确定',
180 methods: { 211 cancelButtonText: '取消',
181 // 添加索引 212 type: 'warning'
182 addIndexes (data = this.tableData, isAdd = true) { 213 }).then(() => {
183 data.forEach((item, index) => { 214 this.tableData.splice(index, 1)
184 if (isAdd) { 215 this.$message({
185 item.index = index + 1 216 type: 'success',
186 } 217 message: '删除成功!'
187 }) 218 });
188 }, 219 }).catch(() => {
189 handleAdd () { 220 this.$message({
190 this.$nextTick(() => { 221 type: 'info',
191 let container = this.$el.querySelector('.el-table__body-wrapper'); 222 message: '已取消删除'
192 container.scrollTop = container.scrollHeight; 223 });
193 })
194 this.tableData.push(
195 {
196 nodecode: '',
197 nodename: '',
198 enabled: '1',
199 djyy: '',
200 sfqydjyymb: '0'
201 }
202 )
203 this.addIndexes()
204 this.key++
205 },
206 handleMinus (index, row) {
207 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
208 confirmButtonText: '确定',
209 cancelButtonText: '取消',
210 type: 'warning'
211 }).then(() => {
212 this.tableData.splice(index, 1)
213 this.$message({
214 type: 'success',
215 message: '删除成功!'
216 }); 224 });
217 }).catch(() => { 225 },
218 this.$message({ 226 nodecodeBlur (index, row) {
219 type: 'info', 227 let list = _.cloneDeep(this.tableData).filter(item => item.bsmSqyw != row.bsmSqyw)
220 message: '已取消删除' 228 let arr = list.map(item => item.nodecode)
221 }); 229 if (arr.includes(row.nodecode)) {
222 }); 230 this.$set(row, 'repeat', true)
223 }, 231 this.$message.error('登记情形编码不能重复');
224 nodecodeBlur (index, row) { 232 } else {
225 let list = _.cloneDeep(this.tableData).filter(item => item.bsmSqyw != row.bsmSqyw) 233 this.$set(row, 'repeat', false)
226 let arr = list.map(item => item.nodecode) 234 }
227 if (arr.includes(row.nodecode)) { 235 },
228 this.$set(row, 'repeat', true) 236 // 上移下移
229 this.$message.error('登记情形编码不能重复'); 237 moveUpward (index, row) {
230 } else { 238 upward(index, this.tableData)
231 this.$set(row, 'repeat', false) 239 this.key++
240 },
241 moveDown (index, row) {
242 down(index, this.tableData)
243 this.key++
232 } 244 }
233 },
234 // 上移下移
235 moveUpward (index, row) {
236 upward(index, this.tableData)
237 this.key++
238 },
239 moveDown (index, row) {
240 down(index, this.tableData)
241 this.key++
242 } 245 }
243 } 246 }
244 }
245 </script> 247 </script>
246 <style lang='scss' scoped> 248 <style lang='scss' scoped>
247 .djqxsd { 249 .djqxsd {
248 .repeat { 250 .repeat {
249 .el-input__inner { 251 .el-input__inner {
250 border-color: red !important; 252 border-color: red !important;
253 }
251 } 254 }
252 } 255 }
253 }
254 </style> 256 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 功能：单元状态设定 2 * @Description: 单元状态设定
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:10:44
3 --> 5 -->
4 <template> 6 <template>
5 <div class='该组件名称'> 7 <div class='该组件名称'>
...@@ -48,108 +50,108 @@ ...@@ -48,108 +50,108 @@
48 </div> 50 </div>
49 </template> 51 </template>
50 <script> 52 <script>
51 export default { 53 export default {
52 props: { 54 props: {
53 ruleForm: { 55 ruleForm: {
54 type: Object, default: {} 56 type: Object, default: {}
57 },
58 subData: {
59 type: Object, default: () => {
60 return {}
61 }
62 }
55 }, 63 },
56 subData: { 64 data () {
57 type: Object, default: () => { 65 return {
58 return {} 66 dataList: {
67 sxql: [],
68 sxzt: []
69 }
59 } 70 }
60 } 71 },
61 }, 72 watch: {
62 data () {
63 return {
64 dataList: { 73 dataList: {
65 sxql: [], 74 handler (newValue, oldValue) {
66 sxzt: [] 75 this.$emit('updateValue', newValue)
67 } 76 },
68 } 77 deep: true
69 }, 78 },
70 watch: { 79 subData: {
71 dataList: { 80 handler (newValue, oldValue) {
72 handler (newValue, oldValue) { 81 if (!_.isEqual(newValue.sxql, this.dataList.sxql)) {
73 this.$emit('updateValue', newValue) 82 this.dataList.sxql = _.cloneDeep(newValue.sxql)
83 }
84 if (!_.isEqual(newValue.sxzt, this.dataList.sxzt)) {
85 this.dataList.sxzt = _.cloneDeep(newValue.sxzt)
86 }
87 },
88 deep: true
74 }, 89 },
75 deep: true
76 }, 90 },
77 subData: { 91 methods: {
78 handler (newValue, oldValue) { 92 handleSelect (item) {
79 if (!_.isEqual(newValue.sxql, this.dataList.sxql)) { 93 if (item.checked) {
80 this.dataList.sxql = _.cloneDeep(newValue.sxql) 94 item.selected = '0'
81 }
82 if (!_.isEqual(newValue.sxzt, this.dataList.sxzt)) {
83 this.dataList.sxzt = _.cloneDeep(newValue.sxzt)
84 } 95 }
85 }, 96 },
86 deep: true 97 handleSelectall () {
87 }, 98 this.dataList.sxql.forEach(item => {
88 }, 99 item.checked = true
89 methods: { 100 })
90 handleSelect (item) { 101 },
91 if (item.checked) { 102 handleInvert () {
92 item.selected = '0' 103 this.dataList.sxql.forEach(item => {
104 item.checked = false
105 })
93 } 106 }
94 },
95 handleSelectall () {
96 this.dataList.sxql.forEach(item => {
97 item.checked = true
98 })
99 },
100 handleInvert () {
101 this.dataList.sxql.forEach(item => {
102 item.checked = false
103 })
104 } 107 }
105 } 108 }
106 }
107 </script> 109 </script>
108 <style scoped lang='scss'> 110 <style scoped lang='scss'>
109 @import "~@/styles/mixin.scss"; 111 @import "~@/styles/mixin.scss";
110 112
111 .dyztsd-title { 113 .dyztsd-title {
112 @include flex; 114 @include flex;
113 align-items: center; 115 align-items: center;
114 justify-content: space-between; 116 justify-content: space-between;
115 padding-left: 20px; 117 padding-left: 20px;
116 } 118 }
117 119
118 .qlxx-list { 120 .qlxx-list {
119 @include flex; 121 @include flex;
120 flex-wrap: wrap; 122 flex-wrap: wrap;
121 padding-left: 20px; 123 padding-left: 20px;
122 124
123 li { 125 li {
124 width: 33%; 126 width: 33%;
125 margin-bottom: 15px; 127 margin-bottom: 15px;
128 }
126 } 129 }
127 }
128
129 .screen-list {
130 @include flex;
131 align-items: center;
132 flex-wrap: wrap;
133 border: 1px solid $borderColor;
134 border-bottom: none;
135 130
136 li { 131 .screen-list {
137 @include flex; 132 @include flex;
138 align-items: center; 133 align-items: center;
139 width: 50%; 134 flex-wrap: wrap;
140 line-height: 50px; 135 border: 1px solid $borderColor;
141 border-bottom: 1px solid $borderColor; 136 border-bottom: none;
142 padding-left: 20px;
143 }
144 137
145 &-left { 138 li {
146 margin-right: 20px; 139 @include flex;
147 width: 160px; 140 align-items: center;
148 white-space: nowrap; 141 width: 50%;
149 } 142 line-height: 50px;
143 border-bottom: 1px solid $borderColor;
144 padding-left: 20px;
145 }
150 146
151 li:nth-child(odd) { 147 &-left {
152 border-right: 1px solid $borderColor; 148 margin-right: 20px;
149 width: 160px;
150 white-space: nowrap;
151 }
152
153 li:nth-child(odd) {
154 border-right: 1px solid $borderColor;
155 }
153 } 156 }
154 }
155 </style> 157 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:10:56
5 -->
1 <template> 6 <template>
2 <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="myValue" 7 <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="myValue"
3 :btnDisabled="btnDisabled"> 8 :btnDisabled="btnDisabled">
...@@ -123,248 +128,224 @@ ...@@ -123,248 +128,224 @@
123 </dialogBox> 128 </dialogBox>
124 </template> 129 </template>
125 <script> 130 <script>
126 import { uploadUrl } from '@/api/file' 131 import { uploadUrl } from '@/api/file'
127 import djqxsd from './djqxsd.vue' 132 import djqxsd from './djqxsd.vue'
128 import clgzsd from './clgzsd.vue' 133 import clgzsd from './clgzsd.vue'
129 import dyztsd from './dyztsd.vue' 134 import dyztsd from './dyztsd.vue'
130 import { getSqdjywDetail, saveSqdjyw } from '@/api/sysSqdjyw' 135 import { getSqdjywDetail, saveSqdjyw } from '@/api/sysSqdjyw'
131 export default { 136 export default {
132 components: { 137 components: {
133 djqxsd, 138 djqxsd,
134 clgzsd, 139 clgzsd,
135 dyztsd 140 dyztsd
136 },
137 props: {
138 value: { type: Boolean, default: false },
139 detailList: {
140 type: Array, default: []
141 }, 141 },
142 bsmSqyw: { 142 props: {
143 type: String, default: '' 143 value: { type: Boolean, default: false },
144 }, 144 detailList: {
145 }, 145 type: Array, default: []
146 watch: { 146 },
147 value (val) { 147 bsmSqyw: {
148 this.myValue = val 148 type: String, default: ''
149 },
149 }, 150 },
150 detailList: { 151 watch: {
151 handler: function (newValue) { 152 value (val) {
152 if (newValue.length == 0) { 153 this.myValue = val
153 this.getSqdjywDetail(this.bsmSqyw)
154 } else {
155 this.titleList = newValue
156 this.n = 0
157 this.tn = 0
158 this.getSqdjywDetail(newValue[0].bsmSqyw)
159 }
160 }, 154 },
161 deep: true 155 detailList: {
162 } 156 handler: function (newValue) {
163 }, 157 if (newValue.length == 0) {
164 data () { 158 this.getSqdjywDetail(this.bsmSqyw)
165 return { 159 } else {
166 djqx: [], 160 this.titleList = newValue
167 clzt: [], 161 this.n = 0
168 myValue: this.value, 162 this.tn = 0
169 btnDisabled: false, 163 this.getSqdjywDetail(newValue[0].bsmSqyw)
170 tn: 0, 164 }
171 titleList: [],
172 imgUploadUrl: uploadUrl(),
173 n: 0,
174 leftList: [
175 {
176 name: '业务详情',
177 select: true
178 }, 165 },
179 { 166 deep: true
180 name: '登记情形设定' 167 }
168 },
169 data () {
170 return {
171 djqx: [],
172 clzt: [],
173 myValue: this.value,
174 btnDisabled: false,
175 tn: 0,
176 titleList: [],
177 imgUploadUrl: uploadUrl(),
178 n: 0,
179 leftList: [
180 {
181 name: '业务详情',
182 select: true
183 },
184 {
185 name: '登记情形设定'
186 },
187 {
188 name: '材料规则设定'
189 },
190 {
191 name: '单元状态设定'
192 }
193 ],
194 ruleForm: {
195 qllxbm: '',
196 qllxmc: '',
197 sqfl: '',
198 djlxbm: '',
199 djlxmc: '',
200 fqywdylx: '',
201 djywbm: '',
202 djywmc: '',
203 enabled: '1',
204 flowid: '',
205 flowparams: '',
206 djqxcl: '',
207 sfqydjyymb: '1',
208 djyy: ''
181 }, 209 },
182 { 210 requested: false,
183 name: '材料规则设定' 211 fileList: [],
212 options: [],
213 rules: {
214 sfqy: [
215 { required: true, message: '请选择是否启用', trigger: 'change' },
216 ],
217 ywlc: [
218 { required: true, message: '请输入业务流程ID', trigger: 'blur' },
219 ],
220 djqxcl: [
221 { required: true, message: '请选择登记情形及材料', trigger: 'blur' },
222 ],
223 djyysz: [
224 { required: true, message: '请选择登记原因设置', trigger: 'change' },
225 ],
226 djyymb: [
227 { required: true, message: '请输入登记原因模板', trigger: 'blur' },
228 ],
184 }, 229 },
185 { 230 // 表单提交
186 name: '单元状态设定' 231 subData: {}
232 };
233 },
234 methods: {
235 getSqdjywDetail (bsmSqyw) {
236 getSqdjywDetail(bsmSqyw).then(res => {
237 this.subData = res.result
238 let { ywDetail } = res.result
239 this.ruleForm = ywDetail
240 })
241 },
242 handleTitleSelct (obj, index) {
243 this.n = 0
244 this.tn = index
245 this.getSqdjywDetail(obj.bsmSqyw)
246 },
247 getDjqxValue (val) {
248 if (!_.isEqual(val.djqx, this.subData.djqx)) {
249 this.subData.djqx = val.djqx
250 this.btnDisabled = val.btnDisabled
187 } 251 }
188 ],
189 ruleForm: {
190 qllxbm: '',
191 qllxmc: '',
192 sqfl: '',
193 djlxbm: '',
194 djlxmc: '',
195 fqywdylx: '',
196 djywbm: '',
197 djywmc: '',
198 enabled: '1',
199 flowid: '',
200 flowparams: '',
201 djqxcl: '',
202 sfqydjyymb: '1',
203 djyy: ''
204 }, 252 },
205 requested: false, 253 getClgzValue (val) {
206 fileList: [], 254 if (!_.isEqual(val, this.subData.clxx)) {
207 options: [], 255 this.subData.clxx = val
208 rules: { 256 }
209 sfqy: [
210 { required: true, message: '请选择是否启用', trigger: 'change' },
211 ],
212 ywlc: [
213 { required: true, message: '请输入业务流程ID', trigger: 'blur' },
214 ],
215 djqxcl: [
216 { required: true, message: '请选择登记情形及材料', trigger: 'blur' },
217 ],
218 djyysz: [
219 { required: true, message: '请选择登记原因设置', trigger: 'change' },
220 ],
221 djyymb: [
222 { required: true, message: '请输入登记原因模板', trigger: 'blur' },
223 ],
224 }, 257 },
225 // 表单提交 258 // 单元状态设定
226 subData: {} 259 getDyztsdValue (val) {
227 }; 260 if (!_.isEqual(val.sxql, this.subData.sxql)) {
228 }, 261 this.subData.sxql = val.sxql
229 methods: { 262 }
230 getSqdjywDetail (bsmSqyw) { 263 if (!_.isEqual(val.sxzt, this.subData.sxzt)) {
231 getSqdjywDetail(bsmSqyw).then(res => { 264 this.subData.sxzt = val.sxzt
232 this.subData = res.result 265 }
233 let { ywDetail } = res.result 266 },
234 this.ruleForm = ywDetail 267 submitForm () {
235 }) 268 this.$refs['ruleForm'].validate(async (valid) => {
236 }, 269 let that = this
237 handleTitleSelct (obj, index) { 270 if (valid) {
238 this.n = 0 271 this.subData.ywDetail = this.ruleForm
239 this.tn = index 272 saveSqdjyw(this.subData).then(res => {
240 this.getSqdjywDetail(obj.bsmSqyw) 273 if (res.code == 200) {
241 }, 274 that.$message({
242 getDjqxValue (val) { 275 message: '修改成功',
243 if (!_.isEqual(val.djqx, this.subData.djqx)) { 276 type: 'success'
244 this.subData.djqx = val.djqx 277 })
245 this.btnDisabled = val.btnDisabled 278 // that.$emit('input', false)
246 } 279 }
247 }, 280 })
248 getClgzValue (val) { 281 } else {
249 if (!_.isEqual(val, this.subData.clxx)) { 282 this.$message('请检查表单完整性')
250 this.subData.clxx = val 283 return false
251 } 284 }
252 }, 285 })
253 // 单元状态设定 286 },
254 getDyztsdValue (val) { 287 closeDialog () {
255 if (!_.isEqual(val.sxql, this.subData.sxql)) { 288 this.$emit('input', false)
256 this.subData.sxql = val.sxql 289 },
257 } 290 hanldeItem (index) {
258 if (!_.isEqual(val.sxzt, this.subData.sxzt)) { 291 this.n = index
259 this.subData.sxzt = val.sxzt 292 },
260 } 293 uploadRecord (file) {
261 }, 294 this.requested = true
262 submitForm () { 295 this.files = file;
263 this.$refs['ruleForm'].validate(async (valid) => { 296 const extension = file.name.split('.')[1] === 'xls'
264 let that = this 297 const extension2 = file.name.split('.')[1] === 'xlsx'
265 if (valid) { 298 const isLt5M = file.size / 1024 / 1024 < 5
266 this.subData.ywDetail = this.ruleForm 299 if (!extension && !extension2) {
267 saveSqdjyw(this.subData).then(res => { 300 this.$message.warning('上传模板只能是 xls、xlsx格式!')
268 if (res.code == 200) { 301 this.requested = false
269 that.$message({ 302 }
270 message: '修改成功', 303 if (!isLt5M) {
271 type: 'success' 304 this.$message.warning('上传模板大小不能超过 5MB!')
272 }) 305 this.requested = false
273 // that.$emit('input', false) 306 }
274 } 307 return (extension || extension2) && isLt5M
308 },
309 handleSuccess (res) {
310 if (res.code === 200) {
311 this.requested = false
312 this.$message({
313 message: '上传成功',
314 type: 'success',
275 }) 315 })
276 } else { 316 } else {
277 this.$message('请检查表单完整性') 317 this.loading = false
278 return false 318 this.$message.error(res.message)
279 } 319 }
280 })
281 },
282 closeDialog () {
283 this.$emit('input', false)
284 },
285 hanldeItem (index) {
286 this.n = index
287 },
288 uploadRecord (file) {
289 this.requested = true
290 this.files = file;
291 const extension = file.name.split('.')[1] === 'xls'
292 const extension2 = file.name.split('.')[1] === 'xlsx'
293 const isLt5M = file.size / 1024 / 1024 < 5
294 if (!extension && !extension2) {
295 this.$message.warning('上传模板只能是 xls、xlsx格式!')
296 this.requested = false
297 }
298 if (!isLt5M) {
299 this.$message.warning('上传模板大小不能超过 5MB!')
300 this.requested = false
301 }
302 return (extension || extension2) && isLt5M
303 },
304 handleSuccess (res) {
305 if (res.code === 200) {
306 this.requested = false
307 this.$message({
308 message: '上传成功',
309 type: 'success',
310 })
311 } else {
312 this.loading = false
313 this.$message.error(res.message)
314 } 320 }
315 } 321 }
316 } 322 };
317 };
318 </script> 323 </script>
319 <style scoped lang="scss"> 324 <style scoped lang="scss">
320 @import "~@/styles/mixin.scss"; 325 @import "~@/styles/mixin.scss";
321
322 /deep/.el-radio {
323 margin-right: 0;
324 }
325
326 /deep/.el-radio__label {
327 padding-left: 2px;
328 }
329 326
330 .active { 327 /deep/.el-radio {
331 background: $light-blue !important; 328 margin-right: 0;
332 color: #fff;
333 }
334
335 .edit-title-list {
336 @include flex;
337
338 li {
339 flex: 1;
340 @include flex-center;
341 border: 1px solid $borderColor;
342 line-height: 36px;
343 margin-bottom: 10px;
344 cursor: pointer;
345 transition: all 0.3s;
346
347 &:hover {
348 @extend .active;
349 }
350 } 329 }
351 }
352 330
353 .sqywgz-edit { 331 /deep/.el-radio__label {
354 @include flex; 332 padding-left: 2px;
355 width: 100%; 333 }
356 height: 563px;
357
358 &-left {
359 width: 26px;
360 334
335 .active {
336 background: $light-blue !important;
337 color: #fff;
338 }
361 339
340 .edit-title-list {
341 @include flex;
362 342
363 li { 343 li {
344 flex: 1;
364 @include flex-center; 345 @include flex-center;
365 background-color: #E4E7ED; 346 border: 1px solid $borderColor;
366 border-bottom-right-radius: 5px; 347 line-height: 36px;
367 padding: 15px; 348 margin-bottom: 10px;
368 cursor: pointer; 349 cursor: pointer;
369 transition: all 0.3s; 350 transition: all 0.3s;
370 351
...@@ -372,16 +353,38 @@ export default { ...@@ -372,16 +353,38 @@ export default {
372 @extend .active; 353 @extend .active;
373 } 354 }
374 } 355 }
375
376 li:not(:last-child) {
377 margin-bottom: 10px;
378 }
379 } 356 }
380 357
381 &-right { 358 .sqywgz-edit {
382 margin-left: 20px; 359 @include flex;
383 flex: 1;
384 width: 100%; 360 width: 100%;
361 height: 563px;
362
363 &-left {
364 width: 26px;
365
366 li {
367 @include flex-center;
368 background-color: #e4e7ed;
369 border-bottom-right-radius: 5px;
370 padding: 15px;
371 cursor: pointer;
372 transition: all 0.3s;
373
374 &:hover {
375 @extend .active;
376 }
377 }
378
379 li:not(:last-child) {
380 margin-bottom: 10px;
381 }
382 }
383
384 &-right {
385 margin-left: 20px;
386 flex: 1;
387 width: 100%;
388 }
385 } 389 }
386 }
387 </style> 390 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:11:05
5 -->
1 <template> 6 <template>
2 <div> 7 <div>
3 <ul class="edit-title-list" v-if="djlxList.length > 0"> 8 <ul class="edit-title-list" v-if="djlxList.length > 0">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:11:20
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -36,65 +41,65 @@ ...@@ -36,65 +41,65 @@
36 </div> 41 </div>
37 </template> 42 </template>
38 <script> 43 <script>
39 import table from "@/utils/mixin/table"; 44 import table from "@/utils/mixin/table";
40 import editDialog from "./components/editDialog.vue"; 45 import editDialog from "./components/editDialog.vue";
41 import componentDialog from "./sqywDetail.vue"; 46 import componentDialog from "./sqywDetail.vue";
42 import { datas, sendThis } from "./sqywgzdata"; 47 import { datas, sendThis } from "./sqywgzdata";
43 import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js"; 48 import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js";
44 export default { 49 export default {
45 name: "djbcx", 50 name: "djbcx",
46 components: { 51 components: {
47 editDialog, 52 editDialog,
48 componentDialog, 53 componentDialog,
49 }, 54 },
50 mixins: [table], 55 mixins: [table],
51 mounted () { 56 mounted () {
52 sendThis(this); 57 sendThis(this);
53 this.queryClick(); 58 this.queryClick();
54 },
55 data () {
56 return {
57 qllxmc: "",
58 isDialog: false,
59 queryForm: {
60 qllx: "",
61 djywbm: "",
62 },
63 qllxs: datas.qllxs(),
64 tableData: {
65 total: 0,
66 columns: datas.columns(),
67 data: [],
68 },
69 detailList: [],
70 bsmSqyw: "",
71 sqqlRule: "",
72 };
73 },
74 methods: {
75 // 初始化数据
76 queryClick () {
77 this.$startLoading();
78 getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(
79 (res) => {
80 this.$endLoading();
81 if (res.code === 200) {
82 let { total, records } = res.result;
83 this.tableData.total = total ? total : 0;
84 this.tableData.data = records ? records : [];
85 }
86 }
87 );
88 }, 59 },
89 // 修改 60 data () {
90 editClick (row) { 61 return {
91 this.sqqlRule = row; 62 qllxmc: "",
92 // this.dialogVisible = true; 63 isDialog: false,
93 this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%') 64 queryForm: {
65 qllx: "",
66 djywbm: "",
67 },
68 qllxs: datas.qllxs(),
69 tableData: {
70 total: 0,
71 columns: datas.columns(),
72 data: [],
73 },
74 detailList: [],
75 bsmSqyw: "",
76 sqqlRule: "",
77 };
78 },
79 methods: {
80 // 初始化数据
81 queryClick () {
82 this.$startLoading();
83 getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(
84 (res) => {
85 this.$endLoading();
86 if (res.code === 200) {
87 let { total, records } = res.result;
88 this.tableData.total = total ? total : 0;
89 this.tableData.data = records ? records : [];
90 }
91 }
92 );
93 },
94 // 修改
95 editClick (row) {
96 this.sqqlRule = row;
97 // this.dialogVisible = true;
98 this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%')
99 }
94 } 100 }
95 } 101 }
96 }
97 </script> 102 </script>
98 <style scoped lang="scss"> 103 <style scoped lang="scss">
99 @import "~@/styles/public.scss"; 104 @import "~@/styles/public.scss";
100 </style> 105 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:01:33 4 * @LastEditTime: 2023-07-18 14:26:54
5 --> 5 -->
6 <template> 6 <template>
7 <canvas id="mxcad"> 7 <canvas id="mxcad">
...@@ -36,10 +36,4 @@ ...@@ -36,10 +36,4 @@
36 }) 36 })
37 } 37 }
38 } 38 }
39 </script>
40 <style scoped lang='scss'>
41 #cad-container {
42 width: 100%;
43 height: 100%;
44 }
45 </style>
...\ No newline at end of file ...\ No newline at end of file
39 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -34,6 +34,7 @@ export default { ...@@ -34,6 +34,7 @@ export default {
34 }, 34 },
35 //切换选项卡内容组件 35 //切换选项卡内容组件
36 getFromRouter (tabname) { 36 getFromRouter (tabname) {
37 console.log(tabname, 'tabnametabnametabnametabnametabname');
37 //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性 38 //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性
38 for (let item of this.tabList) { 39 for (let item of this.tabList) {
39 if (item.value === tabname) { 40 if (item.value === tabname) {
......
1 <!-- 1 <!--
2 功能：高级搜索 2 * @Description:
3 作者：calliope 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:08:17
4 --> 5 -->
5 <template> 6 <template>
6 <dialogBox :isButton="false" :isFullscreen="false" width="50%" @closeDialog="closeDialog" v-model="myValue" 7 <dialogBox :isButton="false" :isFullscreen="false" width="50%" @closeDialog="closeDialog" v-model="myValue"
...@@ -9,7 +10,7 @@ ...@@ -9,7 +10,7 @@
9 <el-row> 10 <el-row>
10 <el-col :span="8"> 11 <el-col :span="8">
11 <el-form-item label="申请业务名称" prop="sqywmc"> 12 <el-form-item label="申请业务名称" prop="sqywmc">
12 <el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input> 13 <el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input>
13 </el-form-item> 14 </el-form-item>
14 </el-col> 15 </el-col>
15 <el-col :span="8"> 16 <el-col :span="8">
...@@ -42,63 +43,63 @@ ...@@ -42,63 +43,63 @@
42 </template> 43 </template>
43 <script> 44 <script>
44 45
45 export default { 46 export default {
46 props: { 47 props: {
47 value: { type: Boolean, default: false }, 48 value: { type: Boolean, default: false },
48 advancedForm:{type: Object, default: "" } 49 advancedForm: { type: Object, default: "" }
49 },
50 data () {
51 return {
52 myValue: this.value,
53 ruleForm: {
54 sqywmc: '',
55 qlrmc: '',
56 ywrmc: '',
57 slsj: ''
58 }
59 }
60 },
61 watch: {
62 value (val) {
63 this.myValue = val
64 }, 50 },
65 advancedForm(){ 51 data () {
66 this.ruleForm={...this.advancedForm} 52 return {
67 } 53 myValue: this.value,
68 }, 54 ruleForm: {
69 55 sqywmc: '',
70 56 qlrmc: '',
71 methods: { 57 ywrmc: '',
72 closeDialog () { 58 slsj: ''
73 this.$emit('input', false) 59 }
60 }
74 }, 61 },
75 resetForm () { 62 watch: {
76 this.$refs['ruleForm'].resetFields() 63 value (val) {
77 this.ruleForm={ 64 this.myValue = val
78 sqywmc: '', 65 },
79 qlrmc: '', 66 advancedForm () {
80 ywrmc: '', 67 this.ruleForm = { ...this.advancedForm }
81 slsj: ''
82 } 68 }
83 }, 69 },
84 submitForm () {
85 this.$emit('getSearch', _.cloneDeep(this.ruleForm))
86 this.$emit('input', false)
87 this.$refs['ruleForm'].resetFields()
88 70
71
72 methods: {
73 closeDialog () {
74 this.$emit('input', false)
75 },
76 resetForm () {
77 this.$refs['ruleForm'].resetFields()
78 this.ruleForm = {
79 sqywmc: '',
80 qlrmc: '',
81 ywrmc: '',
82 slsj: ''
83 }
84 },
85 submitForm () {
86 this.$emit('getSearch', _.cloneDeep(this.ruleForm))
87 this.$emit('input', false)
88 this.$refs['ruleForm'].resetFields()
89
90 }
89 } 91 }
90 } 92 }
91 }
92 </script> 93 </script>
93 <style scoped lang='scss'> 94 <style scoped lang='scss'>
94 @import '~@/styles/public.scss'; 95 @import "~@/styles/public.scss";
95 96
96 .search-btn { 97 .search-btn {
97 padding: 0 20px 20px 20px; 98 padding: 0 20px 20px 20px;
98 text-align: right; 99 text-align: right;
99 } 100 }
100 101
101 /deep/.el-icon-date { 102 /deep/.el-icon-date {
102 display: none; 103 display: none;
103 } 104 }
104 </style> 105 </style>
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 11:16:12 4 * @LastEditTime: 2023-07-19 14:43:59
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -268,7 +268,6 @@ ...@@ -268,7 +268,6 @@
268 this.ruleForm.ywrList = _.cloneDeep(val); 268 this.ruleForm.ywrList = _.cloneDeep(val);
269 }, 269 },
270 onSubmit () { 270 onSubmit () {
271 console.log("this.ruleForm",);
272 saveData(this.ruleForm).then((res) => { 271 saveData(this.ruleForm).then((res) => {
273 if (res.code === 200) { 272 if (res.code === 200) {
274 this.$message({ 273 this.$message({
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-13 16:31:05 4 * @LastEditTime: 2023-07-19 14:38:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
114 class="loadingtext" 114 class="loadingtext"
115 @sort-change="handleSort" 115 @sort-change="handleSort"
116 :current-page.sync="pageData.currentPage" 116 :current-page.sync="pageData.currentPage"
117 :heightNum="295" 117 :heightNum="305"
118 :total="tableData.total" 118 :total="tableData.total"
119 @size-change="handleSizeChange" 119 @size-change="handleSizeChange"
120 @p-current-change="handleCurrentChange" 120 @p-current-change="handleCurrentChange"
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 13:59:35
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -12,7 +17,7 @@ ...@@ -12,7 +17,7 @@
12 </el-select> 17 </el-select>
13 </el-form-item> 18 </el-form-item>
14 </el-col> 19 </el-col>
15 <el-col :span="4"> 20 <el-col :span="4">
16 <el-form-item label="登记类型"> 21 <el-form-item label="登记类型">
17 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型"> 22 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
18 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 23 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
...@@ -23,7 +28,7 @@ ...@@ -23,7 +28,7 @@
23 <el-col :span="4"> 28 <el-col :span="4">
24 <el-form-item label="权属状态"> 29 <el-form-item label="权属状态">
25 <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型"> 30 <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型">
26 <el-option 31 <el-option
27 v-for="item in qsztlist" 32 v-for="item in qsztlist"
28 :key="item.dcode" 33 :key="item.dcode"
29 :label="item.dname" 34 :label="item.dname"
...@@ -44,7 +49,7 @@ ...@@ -44,7 +49,7 @@
44 </el-form-item> 49 </el-form-item>
45 </el-col> 50 </el-col>
46 </el-row> 51 </el-row>
47 <el-row> 52 <el-row>
48 <el-col :span="5"> 53 <el-col :span="5">
49 <el-form-item label="业务号:"> 54 <el-form-item label="业务号:">
50 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> 55 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
...@@ -89,22 +94,22 @@ ...@@ -89,22 +94,22 @@
89 </div> 94 </div>
90 </template> 95 </template>
91 <script> 96 <script>
92 import { mapGetters } from "vuex"; 97 import { mapGetters } from "vuex";
93 import table from "@/utils/mixin/table"; 98 import table from "@/utils/mixin/table";
94 import { datas, sendThis } from "./djbcxdata"; 99 import { datas, sendThis } from "./djbcxdata";
95 import { getDjbBysearch } from "@/api/search.js"; 100 import { getDjbBysearch } from "@/api/search.js";
96 101
97 export default { 102 export default {
98 name: "djbcx", 103 name: "djbcx",
99 mixins: [table], 104 mixins: [table],
100 mounted () { 105 mounted () {
101 sendThis(this); 106 sendThis(this);
102 this.queryClick() 107 this.queryClick()
103 }, 108 },
104 data () { 109 data () {
105 return { 110 return {
106 // 权属状态 111 // 权属状态
107 qsztlist: [ 112 qsztlist: [
108 { 113 {
109 dcode: "1", 114 dcode: "1",
110 dname: "现势", 115 dname: "现势",
...@@ -113,90 +118,90 @@ export default { ...@@ -113,90 +118,90 @@ export default {
113 dcode: "2", 118 dcode: "2",
114 dname: "历史", 119 dname: "历史",
115 }, 120 },
116 ], 121 ],
117 queryForm: { 122 queryForm: {
118 qszt: "1", 123 qszt: "1",
119 qllx: "", 124 qllx: "",
120 bdcdyh: "", 125 bdcdyh: "",
121 bdcqzh: "", 126 bdcqzh: "",
122 ywh: "", 127 ywh: "",
128 },
129 pageData: {
130 current: 1,
131 size: 10,
132 total: 0,
133 },
134 tableData: {
135 columns: datas.columns(),
136 data: [],
137 },
138 qllxs: [],
139 isDialog: false,
140 djbxxData: {},
141 };
142 },
143 computed: {
144 ...mapGetters(["dictData"]),
145 },
146 methods: {
147 // 初始化数据
148 queryClick () {
149 this.$startLoading()
150 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
151 this.$endLoading()
152 if (res.code === 200) {
153 let { total, records } = res.result;
154 this.tableData.data = records;
155 this.tableData.total = total;
156 }
157 });
123 }, 158 },
124 pageData: { 159 handleSort (name, sort) {
125 current: 1, 160 console.log(name, sort);
126 size: 10,
127 total: 0,
128 }, 161 },
129 tableData: { 162 // 高级查询
130 columns: datas.columns(), 163 moreQueryClick () { },
131 data: [], 164 openDialog (scroll) {
165 this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
132 }, 166 },
133 qllxs: [], 167 handleLpbClick (item) {
134 isDialog: false, 168 this.$popupDialog('楼盘表', 'lpb/index', {
135 djbxxData: {}, 169 bsm: ''
136 }; 170 }, '85%')
137 }, 171 },
138 computed: { 172 // ywhClick (item) {
139 ...mapGetters(["dictData"]), 173 // const { href } = this.$router.resolve(
140 }, 174 // "/djbworkFrame?bdcdyid=" +
141 methods: { 175 // item.bdcdyid+
142 // 初始化数据 176 // "&bdcdyh=" +
143 queryClick () { 177 // item.bdcdyh+
144 this.$startLoading() 178 // "&qllx="+
145 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { 179 // item.qllx+
146 this.$endLoading() 180 // "&bsmQlxx="+
147 if (res.code === 200) { 181 // item.bsmQlxx+
148 let { total, records } = res.result; 182 // "&viewtype=1"
149 this.tableData.data = records; 183 // );
150 this.tableData.total = total; 184 // localStorage.setItem('ywbl', JSON.stringify(item));
151 } 185 // window.open(href, `urlname${item.bdcdyid}`);
152 });
153 },
154 handleSort (name, sort) {
155 console.log(name, sort);
156 },
157 // 高级查询
158 moreQueryClick () { },
159 openDialog (scroll) {
160 this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
161 },
162 handleLpbClick (item) {
163 this.$popupDialog('楼盘表', 'lpb/index', {
164 bsm: ''
165 }, '85%')
166 },
167 // ywhClick (item) {
168 // const { href } = this.$router.resolve(
169 // "/djbworkFrame?bdcdyid=" +
170 // item.bdcdyid+
171 // "&bdcdyh=" +
172 // item.bdcdyh+
173 // "&qllx="+
174 // item.qllx+
175 // "&bsmQlxx="+
176 // item.bsmQlxx+
177 // "&viewtype=1"
178 // );
179 // localStorage.setItem('ywbl', JSON.stringify(item));
180 // window.open(href, `urlname${item.bdcdyid}`);
181 186
182 // }, 187 // },
188 }
183 } 189 }
184 }
185 </script> 190 </script>
186 <style scoped lang="scss"> 191 <style scoped lang="scss">
187 @import "~@/styles/public.scss"; 192 @import "~@/styles/public.scss";
188 193
189 .icon-circle { 194 .icon-circle {
190 position: relative; 195 position: relative;
191 } 196 }
192 197
193 .icon-circle::before { 198 .icon-circle::before {
194 content: ""; 199 content: "";
195 width: 4px; 200 width: 4px;
196 height: 4px; 201 height: 4px;
197 border-radius: 50%; 202 border-radius: 50%;
198 background: #000; 203 background: #000;
199 top: 0px; 204 top: 0px;
200 left: 0px; 205 left: 0px;
201 } 206 }
202 </style> 207 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 13:59:55
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:00:03
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 楼盘查询 --> 8 <!-- 楼盘查询 -->
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:07:38
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
......