style:打包
Showing
47 changed files
with
763 additions
and
1025 deletions
... | @@ -38,6 +38,7 @@ | ... | @@ -38,6 +38,7 @@ |
38 | "babel-plugin-dynamic-import-node": "2.3.3", | 38 | "babel-plugin-dynamic-import-node": "2.3.3", |
39 | "chalk": "2.4.2", | 39 | "chalk": "2.4.2", |
40 | "connect": "3.6.6", | 40 | "connect": "3.6.6", |
41 | "copy-webpack-plugin": "^6.0.0", | ||
41 | "element-ui": "^2.15.13", | 42 | "element-ui": "^2.15.13", |
42 | "html-webpack-plugin": "3.2.0", | 43 | "html-webpack-plugin": "3.2.0", |
43 | "runjs": "4.3.2", | 44 | "runjs": "4.3.2", | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-15 14:48:13 | ||
5 | --> | ||
1 | <!DOCTYPE html> | 6 | <!DOCTYPE html> |
2 | <html> | 7 | <html> |
3 | 8 | ||
... | @@ -15,14 +20,14 @@ | ... | @@ -15,14 +20,14 @@ |
15 | 20 | ||
16 | <body> | 21 | <body> |
17 | <div id="app"></div> | 22 | <div id="app"></div> |
18 | <!-- built files will be auto injected --> | ||
19 | </body> | 23 | </body> |
20 | 24 | ||
21 | </html> | 25 | </html> |
22 | <script> | 26 | <script> |
27 | document.write("<s" + "cript type='text/javascript' src='./dist/config.js?" + Math.random().toString(36).substr(2) + "'></scr" + "ipt>"); | ||
23 | window.baseUrl = location.origin || location.protocol + '//' + location.host | 28 | window.baseUrl = location.origin || location.protocol + '//' + location.host |
24 | // window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR'; | 29 | // window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR'; |
25 | // window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b'; | 30 | // window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b'; |
26 | window.timeout = 5000 | 31 | window.timeout = 5000 |
27 | window.authorization = "bearer AT-6-KSOqiWx3hbGL2fsRjyQQUDzPXR8rat-U" | 32 | window.authorization = "bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6" |
28 | </script> | 33 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -4,12 +4,9 @@ | ... | @@ -4,12 +4,9 @@ |
4 | * @LastEditTime: 2023-03-01 15:35:44 | 4 | * @LastEditTime: 2023-03-01 15:35:44 |
5 | */ | 5 | */ |
6 | export default { | 6 | export default { |
7 | // SERVERAPI: '/service-bdcsjsb-th', //浩浩 | 7 | TITLE: '汉中市数据上报系统', |
8 | // SERVERAPI: '/service-bdcsjsb-zz', | ||
9 | SERVERAPI: '/bdcsjsb', //赵千 | 8 | SERVERAPI: '/bdcsjsb', //赵千 |
10 | MANAGEMENTAPI: 'http://192.168.2.236/management' | 9 | MANAGEMENTAPI: 'http://192.168.2.236/management' |
11 | // SERVERAPI: '/bdcsjsb-service' | ||
12 | // SERVERAPI: '/bdcsjsb-jiao0' | ||
13 | } | 10 | } |
14 | // 汉中 | 11 | // 汉中 |
15 | // export default { | 12 | // export default { | ... | ... |
... | @@ -97,6 +97,10 @@ export default { | ... | @@ -97,6 +97,10 @@ export default { |
97 | type: String, | 97 | type: String, |
98 | default: 'left', | 98 | default: 'left', |
99 | }, | 99 | }, |
100 | calcHeight: { | ||
101 | type: Number, | ||
102 | default: 230 | ||
103 | }, | ||
100 | merge: Array, | 104 | merge: Array, |
101 | }, | 105 | }, |
102 | components: { | 106 | components: { |
... | @@ -137,9 +141,9 @@ export default { | ... | @@ -137,9 +141,9 @@ export default { |
137 | _this.$nextTick(() => { | 141 | _this.$nextTick(() => { |
138 | 142 | ||
139 | window.addEventListener('resize', () => { | 143 | window.addEventListener('resize', () => { |
140 | _this.tableHeight = _this.calcHeightx(230) | 144 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) |
141 | }); | 145 | }); |
142 | _this.tableHeight = _this.calcHeightx(230) | 146 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) |
143 | }) | 147 | }) |
144 | } else { | 148 | } else { |
145 | _this.tableHeight = window.innerHeight - _this.heightNum | 149 | _this.tableHeight = window.innerHeight - _this.heightNum | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-10 16:43:16 | 4 | * @LastEditTime: 2023-03-15 11:17:28 |
5 | */ | 5 | */ |
6 | import router from "./router"; | 6 | import router from "./router"; |
7 | import store from "./store"; | 7 | import store from "./store"; | ... | ... |
... | @@ -222,7 +222,7 @@ export const asyncRoutes = [ | ... | @@ -222,7 +222,7 @@ export const asyncRoutes = [ |
222 | path: 'validationRule', | 222 | path: 'validationRule', |
223 | component: () => import('@/views/system/validationRule/index'), | 223 | component: () => import('@/views/system/validationRule/index'), |
224 | name: 'validationRule', | 224 | name: 'validationRule', |
225 | meta: { title: '上报效验规则配置' } | 225 | meta: { title: '上报校验规则配置' } |
226 | }, | 226 | }, |
227 | { | 227 | { |
228 | path: 'timedTask', | 228 | path: 'timedTask', | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-15 11:08:56 | ||
5 | */ | ||
1 | module.exports = { | 6 | module.exports = { |
2 | title: '', | 7 | title: '数据上报系统', |
3 | /** | 8 | /** |
4 | * @type {boolean} true | false | 9 | * @type {boolean} true | false |
5 | * @description Whether show the settings right-panel | 10 | * @description Whether show the settings right-panel | ... | ... |
... | @@ -221,7 +221,7 @@ table td { | ... | @@ -221,7 +221,7 @@ table td { |
221 | cursor: pointer; | 221 | cursor: pointer; |
222 | } | 222 | } |
223 | 223 | ||
224 | .el-table__body tr:hover { | 224 | .el-table__body-wrapper .el-table__body tr:hover { |
225 | background: #063160 !important; | 225 | background: #063160 !important; |
226 | box-shadow: inset 0px 0px 20px 0px #03DBFF !important; | 226 | box-shadow: inset 0px 0px 20px 0px #03DBFF !important; |
227 | } | 227 | } |
... | @@ -233,9 +233,9 @@ table td { | ... | @@ -233,9 +233,9 @@ table td { |
233 | 233 | ||
234 | // table 固定列样式 | 234 | // table 固定列样式 |
235 | // tr:hover { | 235 | // tr:hover { |
236 | // background: #063160 !important; | 236 | // background: #063160 !important; |
237 | // box-shadow: inset 0px 0px 20px 0px #03DBFF !important; | 237 | // box-shadow: inset 0px 0px 20px 0px #03DBFF !important; |
238 | // } | 238 | // } |
239 | // .el-table__fixed-right-patch { | 239 | // .el-table__fixed-right-patch { |
240 | // background-color: #073781 | 240 | // background-color: #073781 |
241 | // } | 241 | // } | ... | ... |
... | @@ -338,12 +338,61 @@ aside { | ... | @@ -338,12 +338,61 @@ aside { |
338 | 338 | ||
339 | // 操作按钮样式 | 339 | // 操作按钮样式 |
340 | .btnColor { | 340 | .btnColor { |
341 | color: #8DEAF9; | 341 | color: #02D9FD; |
342 | width: 64px; | ||
343 | height: 28px; | ||
344 | background: rgba(255, 255, 255, 0.1); | ||
345 | border-radius: 16px; | ||
342 | } | 346 | } |
347 | |||
348 | .btnColor:hover { | ||
349 | color: #02D9FD; | ||
350 | width: 64px; | ||
351 | height: 28px; | ||
352 | background: rgba(255, 255, 255, 0.1); | ||
353 | border-radius: 16px; | ||
354 | } | ||
355 | |||
343 | .successColor { | 356 | .successColor { |
344 | color:#67C23A | 357 | width: 64px; |
358 | height: 28px; | ||
359 | background: rgba(255, 255, 255, 0.1); | ||
360 | border-radius: 16px; | ||
361 | color: #0097FF; | ||
362 | } | ||
363 | |||
364 | .successColor:hover { | ||
365 | width: 64px; | ||
366 | height: 28px; | ||
367 | background: rgba(255, 255, 255, 0.1); | ||
368 | border-radius: 16px; | ||
369 | color: #0097FF; | ||
345 | } | 370 | } |
346 | 371 | ||
372 | .delColor { | ||
373 | width: 64px; | ||
374 | height: 28px; | ||
375 | background: rgba(255, 255, 255, 0.1); | ||
376 | border-radius: 16px; | ||
377 | color: #B06974; | ||
378 | } | ||
379 | |||
380 | .delColor:hover { | ||
381 | width: 64px; | ||
382 | height: 28px; | ||
383 | background: rgba(255, 255, 255, 0.1); | ||
384 | border-radius: 16px; | ||
385 | color: #B06974; | ||
386 | } | ||
387 | |||
388 | // 弹框中间区域样式 | ||
389 | .dialogCon { | ||
390 | background: #031A46; | ||
391 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
392 | border-radius: 0px 2px 2px 2px; | ||
393 | border: 1px solid #6BC1FC; | ||
394 | padding: 15px; | ||
395 | } | ||
347 | 396 | ||
348 | // 通过 入库 样式 | 397 | // 通过 入库 样式 |
349 | .adopt, | 398 | .adopt, | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-15 14:37:05 | ||
5 | */ | ||
1 | // 获取浏览器便签标题 | 6 | // 获取浏览器便签标题 |
2 | import defaultSettings from '@/settings' | 7 | import defaultSettings from '@/settings' |
8 | import config from '@/api/config' | ||
3 | 9 | ||
4 | const title = defaultSettings.title || '厦门市房屋数据服务平台' | 10 | const title = config.TITLE |
5 | 11 | ||
6 | export default function getPageTitle(pageTitle) { | 12 | export default function getPageTitle (pageTitle) { |
7 | if (pageTitle) { | 13 | if (pageTitle) { |
8 | return `${pageTitle} - ${title}` | 14 | return `${pageTitle} - ${title}` |
9 | } | 15 | } | ... | ... |
... | @@ -125,7 +125,6 @@ export default { | ... | @@ -125,7 +125,6 @@ export default { |
125 | onClick={() => { this.handleEdit(scope.row) }} | 125 | onClick={() => { this.handleEdit(scope.row) }} |
126 | > | 126 | > |
127 | 详情 | 127 | 详情 |
128 | <i class="el-icon-d-arrow-right"></i> | ||
129 | </el-button> | 128 | </el-button> |
130 | </div> | 129 | </div> |
131 | ) | 130 | ) | ... | ... |
... | @@ -115,11 +115,9 @@ export default { | ... | @@ -115,11 +115,9 @@ export default { |
115 | <el-button | 115 | <el-button |
116 | type="text" | 116 | type="text" |
117 | class='btnColor' | 117 | class='btnColor' |
118 | size="mini" | ||
119 | onClick={() => { this.handleEdit(scope.row) }} | 118 | onClick={() => { this.handleEdit(scope.row) }} |
120 | > | 119 | > |
121 | 详情 | 120 | 详情 |
122 | <i class="el-icon-d-arrow-right"></i> | ||
123 | </el-button> | 121 | </el-button> |
124 | </div> | 122 | </div> |
125 | ) | 123 | ) | ... | ... |
... | @@ -126,7 +126,6 @@ export default { | ... | @@ -126,7 +126,6 @@ export default { |
126 | onClick={() => { this.handleEdit(scope.row) }} | 126 | onClick={() => { this.handleEdit(scope.row) }} |
127 | > | 127 | > |
128 | 详情 | 128 | 详情 |
129 | <i class="el-icon-d-arrow-right"></i> | ||
130 | </el-button> | 129 | </el-button> |
131 | </div> | 130 | </div> |
132 | ) | 131 | ) | ... | ... |
... | @@ -118,7 +118,6 @@ export default { | ... | @@ -118,7 +118,6 @@ export default { |
118 | onClick={() => { this.handleEdit(scope.row) }} | 118 | onClick={() => { this.handleEdit(scope.row) }} |
119 | > | 119 | > |
120 | 详情 | 120 | 详情 |
121 | <i class="el-icon-d-arrow-right"></i> | ||
122 | </el-button> | 121 | </el-button> |
123 | </div> | 122 | </div> |
124 | ) | 123 | ) | ... | ... |
... | @@ -106,7 +106,6 @@ export default { | ... | @@ -106,7 +106,6 @@ export default { |
106 | onClick={() => { this.handleEdit(scope.row) }} | 106 | onClick={() => { this.handleEdit(scope.row) }} |
107 | > | 107 | > |
108 | 详情 | 108 | 详情 |
109 | <i class="el-icon-d-arrow-right"></i> | ||
110 | </el-button> | 109 | </el-button> |
111 | </div> | 110 | </div> |
112 | ) | 111 | ) | ... | ... |
... | @@ -55,200 +55,201 @@ | ... | @@ -55,200 +55,201 @@ |
55 | 55 | ||
56 | <script> | 56 | <script> |
57 | 57 | ||
58 | import columnar from "@/components/Echart/Columnar"; | 58 | import columnar from "@/components/Echart/Columnar"; |
59 | import work from "@/api/work"; | 59 | import work from "@/api/work"; |
60 | export default { | 60 | export default { |
61 | data () { | 61 | data () { |
62 | return { | 62 | return { |
63 | // 日均接入量 | 63 | // 日均接入量 |
64 | qxerrer: "", | 64 | qxerrer: "", |
65 | qxsuccess: "", | 65 | qxsuccess: "", |
66 | sterrer: "", | 66 | sterrer: "", |
67 | stsuccess: "", | 67 | stsuccess: "", |
68 | qxjrl: "", | 68 | qxjrl: "", |
69 | stjrl: "", | 69 | stjrl: "", |
70 | qxcgl: "", | 70 | qxcgl: "", |
71 | stcgl: "" | 71 | stcgl: "" |
72 | }; | 72 | }; |
73 | }, | ||
74 | mounted () { | ||
75 | this.getsthjqxjrtotal(); | ||
76 | }, | ||
77 | components: { columnar }, | ||
78 | computed: { | ||
79 | qxjrlList: function () { | ||
80 | return this.qxjrl && this.qxjrl.toString().split(""); | ||
73 | }, | 81 | }, |
74 | mounted () { | 82 | stjrlList: function () { |
75 | this.getsthjqxjrtotal(); | 83 | return this.stjrl && this.stjrl.toString().split(""); |
76 | }, | 84 | }, |
77 | components: { columnar }, | 85 | }, |
78 | computed: { | 86 | methods: { |
79 | qxjrlList: function () { | 87 | getsthjqxjrtotal () { |
80 | return this.qxjrl && this.qxjrl.toString().split(""); | 88 | return new Promise(async (resolve) => { |
81 | }, | 89 | try { |
82 | stjrlList: function () { | 90 | let p = { |
83 | return this.stjrl && this.stjrl.toString().split(""); | 91 | DJLX: "", |
84 | }, | 92 | QLLX: "", |
85 | }, | 93 | XZQDM: "", |
86 | methods: { | 94 | }; |
87 | getsthjqxjrtotal () { | 95 | let res = await work.getsthjqxjrtotal(p); |
88 | return new Promise(async (resolve) => { | 96 | this.stjrl = res.result.stsum |
89 | try { | 97 | this.qxjrl = res.result.qxsum |
90 | let p = { | 98 | this.qxerrer = Number(res.result.qxjrerrer) |
91 | DJLX: "", | 99 | this.sterrer = Number(res.result.sthjerrer) |
92 | QLLX: "", | 100 | if (res.result.sum == "0") { |
93 | XZQDM: "", | 101 | this.qxcgl = "100%" |
94 | }; | 102 | this.stcgl = "100%" |
95 | let res = await work.getsthjqxjrtotal(p); | 103 | } else { |
96 | this.stjrl = res.result.stsum | 104 | let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100 |
97 | this.qxjrl = res.result.qxsum | 105 | let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100 |
98 | this.qxerrer = Number(res.result.qxjrerrer) | 106 | this.qxcgl = qxcglnum.toFixed(2) + "%"; |
99 | this.sterrer = Number(res.result.sthjerrer) | 107 | this.stcgl = stcgl.toFixed(2) + "%"; |
100 | if (res.result.sum == "0") { | 108 | |
101 | this.qxcgl = "100%" | ||
102 | this.stcgl = "100%" | ||
103 | } else { | ||
104 | let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100 | ||
105 | let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100 | ||
106 | this.qxcgl = qxcglnum.toFixed(2) + "%"; | ||
107 | this.stcgl = stcgl.toFixed(2) + "%"; | ||
108 | |||
109 | } | ||
110 | } catch (error) { | ||
111 | this.$refs.msg.messageShow(); | ||
112 | } | 109 | } |
113 | }); | 110 | } catch (error) { |
114 | }, | 111 | this.$refs.msg.messageShow(); |
112 | } | ||
113 | }); | ||
115 | }, | 114 | }, |
116 | }; | 115 | }, |
116 | }; | ||
117 | </script> | 117 | </script> |
118 | 118 | ||
119 | <style lang="scss" scoped> | 119 | <style lang="scss" scoped> |
120 | .leftcard { | 120 | .leftcard { |
121 | width: 32%; | 121 | width: 32%; |
122 | display: flex; | ||
123 | height: calc(100vh - 114px); | ||
124 | flex-direction: column; | ||
125 | |||
126 | .card { | ||
127 | height: 22%; | ||
128 | background: url("~@/image/qxjr.png") no-repeat; | ||
129 | background-size: 100% 100%; | ||
130 | position: relative; | ||
131 | text-align: center; | ||
132 | width: 100%; | ||
133 | } | ||
134 | |||
135 | .carda { | ||
136 | height: 22%; | ||
137 | background: url("~@/image/sthj.png") no-repeat; | ||
138 | background-size: 100% 100%; | ||
139 | position: relative; | ||
140 | text-align: center; | ||
141 | width: 100%; | ||
142 | } | ||
143 | |||
144 | .card1 { | ||
145 | background: url("~@/image/sbtj.png") no-repeat; | ||
146 | background-size: 100% 100%; | ||
147 | position: relative; | ||
148 | box-sizing: border-box; | ||
149 | flex: 1; | ||
150 | } | ||
151 | |||
152 | .cardhead { | ||
153 | color: #02d9fd; | ||
154 | line-height: 0.125rem; | ||
155 | letter-spacing: 0.0104rem; | ||
156 | position: absolute; | ||
157 | font-size: 0.1042rem; | ||
158 | left: 0; | ||
159 | right: 0; | ||
160 | margin: auto; | ||
161 | text-align: center; | ||
162 | top: 8px; | ||
163 | font-weight: 700; | ||
164 | } | ||
165 | |||
166 | .rjjrlList { | ||
122 | display: flex; | 167 | display: flex; |
123 | height: calc(100vh - 114px); | 168 | margin-top: 0.01781rem; |
124 | flex-direction: column; | ||
125 | 169 | ||
126 | .card { | 170 | .qxjr { |
127 | height: 22%; | 171 | background: url("~@/image/jrl3.png"); |
128 | background: url("~@/image/qxjr.png") no-repeat; | ||
129 | background-size: 100% 100%; | ||
130 | position: relative; | ||
131 | text-align: center; | ||
132 | width: 100%; | ||
133 | } | ||
134 | .carda { | ||
135 | height: 22%; | ||
136 | background: url("~@/image/sthj.png") no-repeat; | ||
137 | background-size: 100% 100%; | 172 | background-size: 100% 100%; |
138 | position: relative; | 173 | width: 29px; |
139 | text-align: center; | 174 | height: 46px; |
140 | width: 100%; | ||
141 | } | 175 | } |
142 | 176 | ||
143 | .card1 { | 177 | .sthj { |
144 | background: url("~@/image/sbtj.png") no-repeat; | 178 | background: url("~@/image/jh.png"); |
145 | background-size: 100% 100%; | 179 | background-size: 100% 100%; |
146 | position: relative; | 180 | width: 29px; |
147 | box-sizing: border-box; | 181 | height: 46px; |
148 | flex: 1; | ||
149 | } | 182 | } |
150 | 183 | ||
151 | .cardhead { | 184 | p { |
152 | color: #02d9fd; | 185 | margin: 0 0.0156rem 0.0521rem 0.0156rem; |
153 | line-height: 0.125rem; | ||
154 | letter-spacing: 0.0104rem; | ||
155 | position: absolute; | ||
156 | font-size: 0.1042rem; | ||
157 | left: 0; | ||
158 | right: 0; | ||
159 | margin: auto; | ||
160 | text-align: center; | ||
161 | top: 8px; | ||
162 | font-weight: 700; | 186 | font-weight: 700; |
187 | font-size: 30px; | ||
163 | } | 188 | } |
189 | } | ||
164 | 190 | ||
165 | .rjjrlList { | 191 | .cardcontent { |
166 | display: flex; | 192 | width: 100%; |
167 | margin-top: 0.01781rem; | 193 | height: 100%; |
168 | 194 | display: flex; | |
169 | .qxjr { | 195 | // padding: 35px 20px 20px 20px; |
170 | background: url("~@/image/jrl3.png"); | 196 | box-sizing: border-box; |
171 | background-size: 100% 100%; | 197 | color: #e3f1ff; |
172 | } | 198 | margin-top: 0.1263rem; |
199 | |||
200 | .cardcontent-left { | ||
201 | width: 60%; | ||
202 | flex-direction: column; | ||
203 | position: relative; | ||
204 | flex: 1; | ||
205 | height: 100%; | ||
173 | 206 | ||
174 | .sthj { | 207 | li { |
175 | background: url("~@/image/jh.png"); | 208 | font-size: 0.1042rem; |
176 | background-size: 100% 100%; | ||
177 | } | 209 | } |
210 | } | ||
178 | 211 | ||
179 | p { | 212 | .cardcontent-left::before { |
180 | margin: 0 0.0156rem 0.0521rem 0.0156rem; | 213 | position: absolute; |
181 | font-weight: 700; | 214 | right: 0; |
182 | width: 0.195rem; | 215 | top: 0.24rem; |
183 | height: 0.2475rem; | 216 | content: ""; |
184 | font-size: 0.2863rem; | 217 | width: 0.0052rem; |
185 | font-size: 0.2867rem; | 218 | height: 0.4688rem; |
186 | } | 219 | background: linear-gradient(180deg, |
220 | #091b4c 0%, | ||
221 | #47b5e0 56%, | ||
222 | #091b4c 100%); | ||
187 | } | 223 | } |
188 | 224 | ||
189 | .cardcontent { | 225 | .cardcontent-right { |
226 | flex: 1; | ||
190 | width: 100%; | 227 | width: 100%; |
191 | height: 100%; | 228 | height: 100%; |
192 | display: flex; | 229 | flex-direction: column; |
193 | // padding: 35px 20px 20px 20px; | 230 | font-size: 0.09977rem; |
194 | box-sizing: border-box; | ||
195 | color: #e3f1ff; | ||
196 | margin-top: 0.1263rem; | ||
197 | |||
198 | .cardcontent-left { | ||
199 | width: 60%; | ||
200 | flex-direction: column; | ||
201 | position: relative; | ||
202 | flex: 1; | ||
203 | height: 100%; | ||
204 | li { | ||
205 | font-size: 0.1042rem; | ||
206 | } | ||
207 | } | ||
208 | 231 | ||
209 | .cardcontent-left::before { | 232 | .bad { |
210 | position: absolute; | 233 | color: #c97168; |
211 | right: 0; | ||
212 | top: 0.3042rem; | ||
213 | content: ""; | ||
214 | width: 0.0052rem; | ||
215 | height: 0.4688rem; | ||
216 | background: linear-gradient( | ||
217 | 180deg, | ||
218 | #091b4c 0%, | ||
219 | #47b5e0 56%, | ||
220 | #091b4c 100% | ||
221 | ); | ||
222 | } | 234 | } |
223 | 235 | ||
224 | .cardcontent-right { | 236 | .cg { |
225 | flex: 1; | 237 | color: #5fba7d; |
226 | width: 100%; | 238 | } |
227 | height: 100%; | ||
228 | flex-direction: column; | ||
229 | font-size: 0.09977rem; | ||
230 | 239 | ||
231 | .bad { | 240 | p { |
232 | color: #c97168; | 241 | margin-bottom: 0.0417rem; |
233 | } | ||
234 | 242 | ||
235 | .cg { | 243 | span:nth-child(1) { |
236 | color: #5fba7d; | 244 | margin-right: 0.0781rem; |
237 | } | 245 | } |
238 | 246 | ||
239 | p { | 247 | span:nth-child(2) { |
240 | margin-bottom: 0.0417rem; | 248 | font-size: 20px; |
241 | 249 | font-weight: 900; | |
242 | span:nth-child(1) { | ||
243 | margin-right: 0.0781rem; | ||
244 | } | ||
245 | |||
246 | span:nth-child(2) { | ||
247 | font-size: 0.1142rem; | ||
248 | font-weight: 900; | ||
249 | } | ||
250 | } | 250 | } |
251 | } | 251 | } |
252 | } | 252 | } |
253 | } | 253 | } |
254 | } | ||
254 | </style> | 255 | </style> | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-15 14:08:59 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | class data extends filter { | 7 | class data extends filter { |
3 | constructor() { | 8 | constructor() { |
... | @@ -12,9 +17,9 @@ class data extends filter { | ... | @@ -12,9 +17,9 @@ class data extends filter { |
12 | render: (h, scope) => { | 17 | render: (h, scope) => { |
13 | return ( | 18 | return ( |
14 | <div> | 19 | <div> |
15 | <span class='adopt' v-show={scope.row.receiveState == 0}>未效验</span> | 20 | <span class='adopt' v-show={scope.row.receiveState == 0}>未校验</span> |
16 | <span class='adopt' v-show={scope.row.receiveState == 1}>效验成功</span> | 21 | <span class='adopt' v-show={scope.row.receiveState == 1}>校验成功</span> |
17 | <span class='warehousing' v-show={scope.row.receiveState == 2}>效验失败</span> | 22 | <span class='warehousing' v-show={scope.row.receiveState == 2}>校验失败</span> |
18 | </div> | 23 | </div> |
19 | ) | 24 | ) |
20 | } | 25 | } |
... | @@ -46,7 +51,7 @@ class data extends filter { | ... | @@ -46,7 +51,7 @@ class data extends filter { |
46 | { | 51 | { |
47 | prop: "bizMsgid", | 52 | prop: "bizMsgid", |
48 | label: "业务报文ID", | 53 | label: "业务报文ID", |
49 | width: 98, | 54 | minWidth: 100, |
50 | }, | 55 | }, |
51 | { | 56 | { |
52 | prop: "createdate", | 57 | prop: "createdate", |
... | @@ -56,12 +61,12 @@ class data extends filter { | ... | @@ -56,12 +61,12 @@ class data extends filter { |
56 | { | 61 | { |
57 | prop: "recflowid", | 62 | prop: "recflowid", |
58 | label: "业务流水号", | 63 | label: "业务流水号", |
59 | width: 100, | 64 | minWidth: 100, |
60 | }, | 65 | }, |
61 | { | 66 | { |
62 | prop: "estatenum", | 67 | prop: "estatenum", |
63 | label: "不动产单元号", | 68 | label: "不动产单元号", |
64 | width: 240, | 69 | minWidth: 160, |
65 | }, | 70 | }, |
66 | { | 71 | { |
67 | prop: "rectype", | 72 | prop: "rectype", | ... | ... |
... | @@ -199,7 +199,6 @@ export default { | ... | @@ -199,7 +199,6 @@ export default { |
199 | }} | 199 | }} |
200 | > | 200 | > |
201 | 修改 | 201 | 修改 |
202 | <i class="el-icon-d-arrow-right"></i> | ||
203 | </el-button> : | 202 | </el-button> : |
204 | <el-button | 203 | <el-button |
205 | type="text" | 204 | type="text" |
... | @@ -209,7 +208,6 @@ export default { | ... | @@ -209,7 +208,6 @@ export default { |
209 | }} | 208 | }} |
210 | > | 209 | > |
211 | 详情 | 210 | 详情 |
212 | <i class="el-icon-d-arrow-right"></i> | ||
213 | </el-button> | 211 | </el-button> |
214 | } | 212 | } |
215 | </div> | 213 | </div> | ... | ... |
... | @@ -156,8 +156,8 @@ | ... | @@ -156,8 +156,8 @@ |
156 | .login-logo { | 156 | .login-logo { |
157 | background: url(../../image/loginLogo.png) no-repeat; | 157 | background: url(../../image/loginLogo.png) no-repeat; |
158 | background-size: 100% 100%; | 158 | background-size: 100% 100%; |
159 | width: 28%; | 159 | width: 580px; |
160 | height: 52%; | 160 | height: 540px; |
161 | position: absolute; | 161 | position: absolute; |
162 | top: 25%; | 162 | top: 25%; |
163 | left: 19%; | 163 | left: 19%; |
... | @@ -171,7 +171,7 @@ | ... | @@ -171,7 +171,7 @@ |
171 | min-width: 360px; | 171 | min-width: 360px; |
172 | min-height: 380px; | 172 | min-height: 380px; |
173 | top: 30%; | 173 | top: 30%; |
174 | right: 20%; | 174 | right: 18%; |
175 | position: absolute; | 175 | position: absolute; |
176 | background-size: 100% 100%; | 176 | background-size: 100% 100%; |
177 | box-sizing: border-box; | 177 | box-sizing: border-box; | ... | ... |
... | @@ -33,8 +33,8 @@ | ... | @@ -33,8 +33,8 @@ |
33 | </div> | 33 | </div> |
34 | <!-- 列表区域 --> | 34 | <!-- 列表区域 --> |
35 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
36 | <lb-table ref="table" :header-cell-style="headerStyle1" :pagination="false" :column="tableData.columns" | 36 | <lb-table ref="table" :header-cell-style="headerStyle1" :calcHeight="200" :pagination="false" |
37 | :data="tableData.data"> | 37 | :column="tableData.columns" :data="tableData.data"> |
38 | </lb-table> | 38 | </lb-table> |
39 | 39 | ||
40 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :header-cell-style="headerStyle" | 40 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :header-cell-style="headerStyle" | ... | ... |
... | @@ -11,12 +11,12 @@ | ... | @@ -11,12 +11,12 @@ |
11 | <el-col :span="6"> | 11 | <el-col :span="6"> |
12 | <el-form-item label="接收日期" prop="startTime"> | 12 | <el-form-item label="接收日期" prop="startTime"> |
13 | <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" | 13 | <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" |
14 | v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> | 14 | v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="6"> | 17 | <el-col :span="6"> |
18 | <el-form-item label="至" prop="endTime" label-width="35px"> | 18 | <el-form-item label="至" prop="endTime" label-width="35px"> |
19 | <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" | 19 | <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" |
20 | v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker> | 20 | v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker> |
21 | </el-form-item> | 21 | </el-form-item> |
22 | </el-col> | 22 | </el-col> |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | </div> | 34 | </div> |
35 | <!-- 列表区域 --> | 35 | <!-- 列表区域 --> |
36 | <div class="from-clues-content"> | 36 | <div class="from-clues-content"> |
37 | <lb-table ref="table" :pagination="false" :column="tableData.columns" :data="tableData.data"> | 37 | <lb-table ref="table" :pagination="false" :calcHeight="200" :column="tableData.columns" :data="tableData.data"> |
38 | </lb-table> | 38 | </lb-table> |
39 | 39 | ||
40 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :pagination="false" | 40 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :pagination="false" |
... | @@ -157,5 +157,9 @@ export default { | ... | @@ -157,5 +157,9 @@ export default { |
157 | // 引入表单整体样式 | 157 | // 引入表单整体样式 |
158 | // @import "~@/styles/public.scss"; | 158 | // @import "~@/styles/public.scss"; |
159 | @import "../css/index.scss"; | 159 | @import "../css/index.scss"; |
160 | |||
161 | /deep/.el-table thead.is-group th.el-table__cell { | ||
162 | height: 14px !important; | ||
163 | } | ||
160 | </style> | 164 | </style> |
161 | 165 | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-02-17 16:32:50 | 3 | * @Date: 2023-02-17 16:32:50 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-14 13:19:18 | 5 | * @LastEditTime: 2023-03-15 10:42:21 |
6 | * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue | 6 | * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -43,7 +43,7 @@ | ... | @@ -43,7 +43,7 @@ |
43 | </div> | 43 | </div> |
44 | <!-- 列表区域 --> | 44 | <!-- 列表区域 --> |
45 | <div class="from-clues-content"> | 45 | <div class="from-clues-content"> |
46 | <lb-table ref="table" :pagination="false" :border="true" :header-cell-style="headerStyle" | 46 | <lb-table ref="table" :pagination="false" :border="true" :calcHeight="200" :header-cell-style="headerStyle" |
47 | :column="tableData.columns" :data="tableData.data"> | 47 | :column="tableData.columns" :data="tableData.data"> |
48 | </lb-table> | 48 | </lb-table> |
49 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :header-cell-style="headerStyle1" :downExcel="true" | 49 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :header-cell-style="headerStyle1" :downExcel="true" | ... | ... |
... | @@ -193,13 +193,12 @@ class data { | ... | @@ -193,13 +193,12 @@ class data { |
193 | <div> | 193 | <div> |
194 | <el-button | 194 | <el-button |
195 | type="text" | 195 | type="text" |
196 | style="color:#67C23A" | 196 | class='successColor' |
197 | onClick={() => { | 197 | onClick={() => { |
198 | vm.handleEdit(scope.row); | 198 | vm.handleEdit(scope.row); |
199 | }} | 199 | }} |
200 | > | 200 | > |
201 | 修改 | 201 | 修改 |
202 | <i class="el-icon-d-arrow-right"></i> | ||
203 | </el-button> | 202 | </el-button> |
204 | </div> | 203 | </div> |
205 | ); | 204 | ); | ... | ... |
... | @@ -159,25 +159,22 @@ export default { | ... | @@ -159,25 +159,22 @@ export default { |
159 | { | 159 | { |
160 | scope.row.exchangeState == 2 ? | 160 | scope.row.exchangeState == 2 ? |
161 | <el-button | 161 | <el-button |
162 | size="mini" | ||
163 | type="text" | 162 | type="text" |
164 | style="color:#67C23A" | 163 | class='successColor' |
165 | onClick={() => { | 164 | onClick={() => { |
166 | this.handleDetail(scope.row); | 165 | this.handleDetail(scope.row); |
167 | }} | 166 | }} |
168 | > | 167 | > |
169 | 修改 | 168 | 修改 |
170 | <i class="el-icon-d-arrow-right"></i> | ||
171 | </el-button> : | 169 | </el-button> : |
172 | <el-button | 170 | <el-button |
173 | size="mini" | 171 | class='btnColor' |
174 | type="text" | 172 | type="text" |
175 | onClick={() => { | 173 | onClick={() => { |
176 | this.handleDetail(scope.row); | 174 | this.handleDetail(scope.row); |
177 | }} | 175 | }} |
178 | > | 176 | > |
179 | 详情 | 177 | 详情 |
180 | <i class="el-icon-d-arrow-right"></i> | ||
181 | </el-button> | 178 | </el-button> |
182 | } | 179 | } |
183 | 180 | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
3 | <dialogBox ref="addTask" width="60%" @submitForm="handleSubmit" @closeDialog="handleClose" v-model="myValue" | 3 | <dialogBox ref="addTask" width="50%" :isMain="true" @submitForm="handleSubmit" @closeDialog="handleClose" |
4 | customClass="editValidRule" title="新增定时任务"> | 4 | v-model="myValue" customClass="editValidRule" title="新增定时任务"> |
5 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 5 | <div class="dialogCon" style="height:360px"> |
6 | <el-row :gutter="20"> | 6 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
7 | <el-col :span="12"> | 7 | <el-row :gutter="20"> |
8 | <el-form-item label="任务名" prop="jobName"> | 8 | <el-col :span="12"> |
9 | <el-input v-model="ruleForm.jobName" placeholder="任务名"></el-input> | 9 | <el-form-item label="任务名" prop="jobName"> |
10 | </el-form-item> | 10 | <el-input v-model="ruleForm.jobName" placeholder="任务名"></el-input> |
11 | </el-col> | 11 | </el-form-item> |
12 | <el-col :span="12"> | 12 | </el-col> |
13 | <el-form-item label="类名" prop="beanName"> | 13 | <el-col :span="12"> |
14 | <el-input v-model="ruleForm.beanName" placeholder="类名"></el-input> | 14 | <el-form-item label="类名" prop="beanName"> |
15 | </el-form-item> | 15 | <el-input v-model="ruleForm.beanName" placeholder="类名"></el-input> |
16 | </el-col> | 16 | </el-form-item> |
17 | </el-row> | 17 | </el-col> |
18 | <el-row :gutter="20"> | 18 | </el-row> |
19 | <el-col :span="12"> | 19 | <el-row :gutter="20"> |
20 | <el-form-item label="cron表达式" prop="cronExpression"> | 20 | <el-col :span="12"> |
21 | <el-input v-model="ruleForm.cronExpression" placeholder="cron表达式"></el-input> | 21 | <el-form-item label="cron表达式" prop="cronExpression"> |
22 | </el-form-item> | 22 | <el-input v-model="ruleForm.cronExpression" placeholder="cron表达式"></el-input> |
23 | </el-col> | 23 | </el-form-item> |
24 | <el-col :span="12"> | 24 | </el-col> |
25 | <el-form-item label="方法名" prop="methodName"> | 25 | <el-col :span="12"> |
26 | <el-input v-model="ruleForm.methodName" placeholder="方法名"></el-input> | 26 | <el-form-item label="方法名" prop="methodName"> |
27 | </el-form-item> | 27 | <el-input v-model="ruleForm.methodName" placeholder="方法名"></el-input> |
28 | </el-col> | 28 | </el-form-item> |
29 | </el-row> | 29 | </el-col> |
30 | <el-row :gutter="20"> | 30 | </el-row> |
31 | <el-col :span="24"> | 31 | <el-row :gutter="20"> |
32 | <el-form-item label="任务描述" prop="remark"> | 32 | <el-col :span="24"> |
33 | <el-input v-model="ruleForm.remark" placeholder="任务描述"></el-input> | 33 | <el-form-item label="任务描述" prop="remark"> |
34 | </el-form-item> | 34 | <el-input v-model="ruleForm.remark" placeholder="任务描述"></el-input> |
35 | </el-col> | 35 | </el-form-item> |
36 | </el-row> | 36 | </el-col> |
37 | </el-form> | 37 | </el-row> |
38 | </el-form> | ||
39 | </div> | ||
38 | <message-tips :message="message" ref="msg" /> | 40 | <message-tips :message="message" ref="msg" /> |
39 | </dialogBox> | 41 | </dialogBox> |
40 | </template> | 42 | </template> |
... | @@ -125,10 +127,10 @@ export default { | ... | @@ -125,10 +127,10 @@ export default { |
125 | } | 127 | } |
126 | }, | 128 | }, |
127 | watch: { | 129 | watch: { |
128 | value(val) { | 130 | value (val) { |
129 | this.myValue = val | 131 | this.myValue = val |
130 | }, | 132 | }, |
131 | taskData(val) { | 133 | taskData (val) { |
132 | if (val != null) { | 134 | if (val != null) { |
133 | this.ruleForm = val | 135 | this.ruleForm = val |
134 | } else { | 136 | } else { |
... | @@ -146,23 +148,30 @@ export default { | ... | @@ -146,23 +148,30 @@ export default { |
146 | } | 148 | } |
147 | </script> | 149 | </script> |
148 | <style rel="stylesheet/scss" lang="scss" scoped> | 150 | <style rel="stylesheet/scss" lang="scss" scoped> |
149 | // @import "~@/styles/public.scss"; | 151 | /deep/.dialogBox .dialog_title { |
150 | .editDialogBox-box { | 152 | margin-left: 5px !important; |
151 | margin: 14px 18px 30px 18px !important | 153 | } |
152 | } | ||
153 | 154 | ||
154 | /deep/.el-form-item__label { | 155 | /deep/.el-dialog__headerbtn { |
155 | color: #fff; | 156 | margin-top: -12px; |
156 | } | 157 | } |
157 | 158 | ||
158 | /deep/.el-form-item { | 159 | .editDialogBox-box { |
159 | color: #fff; | 160 | margin: 14px 18px 30px 18px !important |
160 | margin-bottom: 10px; | 161 | } |
161 | } | ||
162 | 162 | ||
163 | /deep/ .el-input__inner { | 163 | /deep/.el-form-item__label { |
164 | background-color: transparent; | 164 | color: #fff; |
165 | border: 1px solid #458ACF; | 165 | } |
166 | } | 166 | |
167 | /deep/.el-form-item { | ||
168 | color: #fff; | ||
169 | margin-bottom: 10px; | ||
170 | } | ||
171 | |||
172 | /deep/ .el-input__inner { | ||
173 | background-color: transparent; | ||
174 | border: 1px solid #458ACF; | ||
175 | } | ||
167 | </style> | 176 | </style> |
168 | 177 | ... | ... |
1 | <template> | ||
2 | <!-- 编辑 --> | ||
3 | <dialogBox ref="edit" width="60%" :closed="true" @closeDialog="handleClose" @submitForm="handleSubmit" | ||
4 | customClass="editDictionary" multiple title="字典信息"> | ||
5 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
6 | <el-row :gutter="20"> | ||
7 | <el-col :span="12"> | ||
8 | <el-form-item label="字典类型编码" prop="DCODE"> | ||
9 | <el-input v-model.trim="ruleForm.DCODE" placeholder="字典类型编码"></el-input> | ||
10 | </el-form-item> | ||
11 | </el-col> | ||
12 | <el-col :span="12"> | ||
13 | <el-form-item label="字典类型名称" prop="DNAME"> | ||
14 | <el-input v-model.trim="ruleForm.DNAME" placeholder="字典类型名称"></el-input> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | </el-row> | ||
18 | <el-row :gutter="20"> | ||
19 | <el-col :span="12"> | ||
20 | <el-form-item label="字典结构" prop="ISTREE"> | ||
21 | <el-radio-group v-model="ruleForm.ISTREE"> | ||
22 | <el-radio label="1">树形</el-radio> | ||
23 | <el-radio label="0">列表</el-radio> | ||
24 | </el-radio-group> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | </el-form> | ||
29 | <lb-table :column="column" :heightNum="550" :key="key" :expand-row-keys="keyList" row-key="DICTID" | ||
30 | :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> | ||
31 | </lb-table> | ||
32 | </dialogBox> | ||
33 | </template> | ||
34 | |||
35 | <script> | ||
36 | import dictionaries from '@/api/dictionaries' | ||
37 | import { getUuid } from '@/utils/tools' | ||
38 | export default { | ||
39 | props: { | ||
40 | dictList: Array, | ||
41 | dicData: Object | ||
42 | }, | ||
43 | data () { | ||
44 | return { | ||
45 | key: 0, | ||
46 | message: '', | ||
47 | keyList: [], | ||
48 | ruleForm: { | ||
49 | DCODE: '', | ||
50 | DNAME: '', | ||
51 | ISTREE: '1' | ||
52 | }, | ||
53 | column: [ | ||
54 | { | ||
55 | width: '60', | ||
56 | renderHeader: (h, scope) => { | ||
57 | return <i class="el-icon-plus" onClick={() => { this.handleAdd() }} style="cursor:pointer;color:#409EFF">增加</i> | ||
58 | }, | ||
59 | render: (h, scope) => { | ||
60 | return ( | ||
61 | <span>{scope.row.index}</span> | ||
62 | ) | ||
63 | } | ||
64 | }, | ||
65 | { | ||
66 | prop: 'DCODE', | ||
67 | label: '字典项编码', | ||
68 | render: (h, scope) => { | ||
69 | return ( | ||
70 | <div> | ||
71 | <el-input placeholder="字典项编码" v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} | ||
72 | onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} | ||
73 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
74 | |||
75 | |||
76 | <el-input placeholder="字典项编码" v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} | ||
77 | onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} | ||
78 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
79 | </div> | ||
80 | ) | ||
81 | } | ||
82 | }, | ||
83 | { | ||
84 | prop: 'DNAME', | ||
85 | label: '字典项名称', | ||
86 | render: (h, scope) => { | ||
87 | return ( | ||
88 | <div> | ||
89 | <el-input placeholder="字典项编码" v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]} | ||
90 | onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} | ||
91 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
92 | |||
93 | <el-input placeholder="字典项名称" v-show={!scope.row.nameShow} value={scope.row[scope.column.property]} | ||
94 | onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} | ||
95 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
96 | </div> | ||
97 | ) | ||
98 | } | ||
99 | }, | ||
100 | { | ||
101 | width: '130px', | ||
102 | label: '移动', | ||
103 | render: (h, scope) => { | ||
104 | return ( | ||
105 | <div> | ||
106 | <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | ||
107 | <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | ||
108 | </div > | ||
109 | ) | ||
110 | } | ||
111 | }, | ||
112 | { | ||
113 | width: '150px', | ||
114 | label: '操作', | ||
115 | render: (h, scope) => { | ||
116 | return ( | ||
117 | <div> | ||
118 | <el-button type="text" style="margin-right:10px" v-show={this.ruleForm.ISTREE == '1'} onClick={() => { this.handleAddSubordinate(scope.row) }}>增加下级</el-button> | ||
119 | <el-button type="text" style="margin-left:0" onClick={() => { this.handleMinus(scope.$index, scope.row) }}>删除</el-button> | ||
120 | </div> | ||
121 | ) | ||
122 | } | ||
123 | } | ||
124 | ], | ||
125 | tableData: [], | ||
126 | rules: { | ||
127 | DCODE: [ | ||
128 | { required: true, message: '字典类型编码', trigger: 'blur' } | ||
129 | ], | ||
130 | } | ||
131 | } | ||
132 | }, | ||
133 | methods: { | ||
134 | isShow () { | ||
135 | this.$refs.edit.isShow() | ||
136 | setTimeout(() => { | ||
137 | this.tableData = _.cloneDeep(this.dictList) | ||
138 | this.addIndexes() | ||
139 | let { DCODE, DNAME, ISTREE } = this.dicData | ||
140 | this.ruleForm = { | ||
141 | DCODE, | ||
142 | DNAME, | ||
143 | ISTREE | ||
144 | } | ||
145 | }, 0) | ||
146 | }, | ||
147 | // 添加索引 | ||
148 | addIndexes () { | ||
149 | this.tableData.forEach((item, index) => { | ||
150 | if (index == 0) { | ||
151 | item.codeShow = true | ||
152 | } else { | ||
153 | item.codeShow = false | ||
154 | item.nameShow = false | ||
155 | } | ||
156 | item.index = index + 1 | ||
157 | }) | ||
158 | }, | ||
159 | itemShowFalse () { | ||
160 | this.tableData.forEach((item, index) => { | ||
161 | item.codeShow = false | ||
162 | item.nameShow = false | ||
163 | }) | ||
164 | }, | ||
165 | handleMinus (index, row) { | ||
166 | this.removeTreeListItem(this.tableData, row.DICTID) | ||
167 | }, | ||
168 | removeTreeListItem (treeList, DICTID) { | ||
169 | if (!treeList || !treeList.length) { | ||
170 | return | ||
171 | } | ||
172 | for (let i = 0; i < treeList.length; i++) { | ||
173 | if (treeList[i].DICTID === DICTID) { | ||
174 | treeList.splice(i, 1); | ||
175 | break; | ||
176 | } | ||
177 | this.removeTreeListItem(treeList[i].children, DICTID) | ||
178 | } | ||
179 | }, | ||
180 | async handleSubmit () { | ||
181 | let submitData = _.cloneDeep(this.tableData) | ||
182 | this.ruleForm.DICTID = this.dicData.DICTID | ||
183 | this.ruleForm.PARENTID = null | ||
184 | this.ruleForm.TYPEID = this.dicData.TYPEID | ||
185 | submitData.forEach((item) => { | ||
186 | item.ISTREE = this.ruleForm.ISTREE | ||
187 | }) | ||
188 | submitData.unshift(this.ruleForm) | ||
189 | try { | ||
190 | let res = await dictionaries.editSysDict({ 'editDicts': submitData }) | ||
191 | if (res.code == 200) { | ||
192 | this.$message({ | ||
193 | message: res.message, | ||
194 | type: 'success' | ||
195 | }) | ||
196 | this.handleClose() | ||
197 | this.$parent.featchData() | ||
198 | } | ||
199 | } catch (error) { | ||
200 | this.message = error | ||
201 | this.$refs.msg.messageShow() | ||
202 | } | ||
203 | }, | ||
204 | handleClose () { | ||
205 | this.$refs['ruleForm'].resetFields(); | ||
206 | this.$refs.edit.isHide() | ||
207 | }, | ||
208 | // 增加下级 | ||
209 | handleAddSubordinate (row) { | ||
210 | if (!row.children) { | ||
211 | row.children = [] | ||
212 | } | ||
213 | row.children.push( | ||
214 | { | ||
215 | DCODE: '', | ||
216 | DNAME: '', | ||
217 | DICTID: getUuid(32), | ||
218 | TYPEID: row.TYPEID, | ||
219 | PARENTID: row.DICTID, | ||
220 | children: null, | ||
221 | ISTREE: this.ruleForm.ISTREE | ||
222 | } | ||
223 | ) | ||
224 | this.keyList = []; | ||
225 | this.keyList.push(row.DICTID) | ||
226 | }, | ||
227 | // 增加 | ||
228 | handleAdd () { | ||
229 | this.$nextTick(() => { | ||
230 | let container = this.$el.querySelector('.el-table__body-wrapper'); | ||
231 | container.scrollTop = container.scrollHeight; | ||
232 | }) | ||
233 | this.tableData.push( | ||
234 | { | ||
235 | DCODE: '', | ||
236 | DNAME: '', | ||
237 | DICTID: getUuid(32), | ||
238 | TYPEID: this.dicData.TYPEID, | ||
239 | PARENTID: this.dicData.DICTID, | ||
240 | children: null, | ||
241 | ISTREE: this.ruleForm.ISTREE | ||
242 | } | ||
243 | ) | ||
244 | this.addIndexes() | ||
245 | }, | ||
246 | // 上移下移 | ||
247 | moveUpward (index, row) { | ||
248 | if (index > 0) { | ||
249 | let upData = this.tableData[index - 1]; | ||
250 | this.tableData.splice(index - 1, 1); | ||
251 | this.tableData.splice(index, 0, upData); | ||
252 | } else { | ||
253 | this.$message({ | ||
254 | message: '已经是第一条,上移失败', | ||
255 | type: 'warning' | ||
256 | }); | ||
257 | } | ||
258 | this.key++ | ||
259 | }, | ||
260 | moveDown (index, row) { | ||
261 | if ((index + 1) == this.tableData.length) { | ||
262 | this.$message({ | ||
263 | message: '已经是最后一条,下移失败', | ||
264 | type: 'warning' | ||
265 | }); | ||
266 | } else { | ||
267 | let downData = this.tableData[index + 1]; | ||
268 | this.tableData.splice(index + 1, 1); | ||
269 | this.tableData.splice(index, 0, downData); | ||
270 | } | ||
271 | this.key++ | ||
272 | } | ||
273 | } | ||
274 | } | ||
275 | </script> | ||
276 | <style rel="stylesheet/less" lang="less" scoped> | ||
277 | |||
278 | </style> | ||
279 |
1 | <template> | 1 | <template> |
2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
3 | <dialogBox ref="validRule" width="60%" @submitForm="handleSubmit" :closed="true" @closeDialog="handleClose" | 3 | <dialogBox ref="validRule" width="60%" @submitForm="handleSubmit" :closed="true" @closeDialog="handleClose" |
4 | customClass="editValidRule" multiple title="上报效验规则设置"> | 4 | customClass="editValidRule" multiple title="上报校验规则设置"> |
5 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 5 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
6 | <el-row :gutter="20"> | 6 | <el-row :gutter="20"> |
7 | <el-col :span="12"> | 7 | <el-col :span="12"> |
... | @@ -84,10 +84,10 @@ export default { | ... | @@ -84,10 +84,10 @@ export default { |
84 | ) | 84 | ) |
85 | } | 85 | } |
86 | }, | 86 | }, |
87 | // 效验表达式 | 87 | // 校验表达式 |
88 | { | 88 | { |
89 | prop: 'EXPRESSION', | 89 | prop: 'EXPRESSION', |
90 | label: '效验表达式', | 90 | label: '校验表达式', |
91 | render: (h, scope) => { | 91 | render: (h, scope) => { |
92 | return ( | 92 | return ( |
93 | <el-select value={scope.row[scope.column.property]} clearable | 93 | <el-select value={scope.row[scope.column.property]} clearable |
... | @@ -204,7 +204,5 @@ export default { | ... | @@ -204,7 +204,5 @@ export default { |
204 | } | 204 | } |
205 | } | 205 | } |
206 | </script> | 206 | </script> |
207 | <style rel="stylesheet/less" lang="less" scoped> | 207 | <style rel="stylesheet/less" lang="less" scoped></style> |
208 | |||
209 | </style> | ||
210 | 208 | ... | ... |
... | @@ -69,7 +69,9 @@ export default { | ... | @@ -69,7 +69,9 @@ export default { |
69 | label: "操作", | 69 | label: "操作", |
70 | render: (h, scope) => { | 70 | render: (h, scope) => { |
71 | return ( | 71 | return ( |
72 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> | 72 | <el-button type="text" |
73 | class='successColor' | ||
74 | onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> | ||
73 | ) | 75 | ) |
74 | } | 76 | } |
75 | } | 77 | } |
... | @@ -128,4 +130,8 @@ export default { | ... | @@ -128,4 +130,8 @@ export default { |
128 | </script> | 130 | </script> |
129 | <style scoped lang="scss"> | 131 | <style scoped lang="scss"> |
130 | // @import "~@/styles/public.scss"; | 132 | // @import "~@/styles/public.scss"; |
133 | /deep/.dialogBox .dialog_title { | ||
134 | top: 0; | ||
135 | margin-left: 5px; | ||
136 | } | ||
131 | </style> | 137 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox class="modifydialog" :isMain="true" :title="2222" @closeDialog="close" @submitForm="submitForm" v-model="myValue"> | 2 | <dialogBox class="modifydialog" :isMain="true" :title="2222" @closeDialog="close" @submitForm="submitForm" |
3 | <div class="modifydialog-con"> | 3 | v-model="myValue"> |
4 | <div class="dialogCon"> | ||
4 | <el-form ref="form" :model="form" :rules="rules"> | 5 | <el-form ref="form" :model="form" :rules="rules"> |
5 | <el-row :gutter="24"> | 6 | <el-row :gutter="24"> |
6 | <el-col :span="12"> | 7 | <el-col :span="12"> |
... | @@ -217,15 +218,8 @@ export default { | ... | @@ -217,15 +218,8 @@ export default { |
217 | }, | 218 | }, |
218 | close () { | 219 | close () { |
219 | this.resetForm() | 220 | this.resetForm() |
220 | this.visible = false | 221 | this.$emit('input', false) |
221 | } | 222 | } |
222 | } | 223 | } |
223 | } | 224 | } |
224 | </script> | 225 | </script> |
225 | <style scoped lang="scss"> | ||
226 | .modifydialog { | ||
227 | &-con { | ||
228 | background: #031A46; | ||
229 | } | ||
230 | } | ||
231 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
13 | </el-form> | 13 | </el-form> |
14 | </div> | 14 | </div> |
15 | <div class="from-clues-content"> | 15 | <div class="from-clues-content"> |
16 | <lb-table :pagination="false" :column="tableData.columns" :data="tablelistData" row-key="id" default-expand-all | 16 | <lb-table :pagination="false" :column="tableData.columns" :calcHeight="200" :data="tablelistData" row-key="id" |
17 | :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> | 17 | default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> |
18 | </lb-table> | 18 | </lb-table> |
19 | </div> | 19 | </div> |
20 | <edit-dialog ref="dialogForm" v-model="isDialog" :product-id="productId" :resource-category-id="resourceCategoryId" | 20 | <edit-dialog ref="dialogForm" v-model="isDialog" :product-id="productId" :resource-category-id="resourceCategoryId" |
... | @@ -36,12 +36,10 @@ import { | ... | @@ -36,12 +36,10 @@ import { |
36 | findParents, | 36 | findParents, |
37 | removeTreeListItem, | 37 | removeTreeListItem, |
38 | } from "@/utils/operation"; | 38 | } from "@/utils/operation"; |
39 | // import authorizationdiglog from "./authorizationdiglog.vue"; | ||
40 | export default { | 39 | export default { |
41 | name: "menus", | 40 | name: "menus", |
42 | components: { | 41 | components: { |
43 | EditDialog, | 42 | EditDialog, |
44 | // authorizationdiglog, | ||
45 | }, | 43 | }, |
46 | data () { | 44 | data () { |
47 | return { | 45 | return { |
... | @@ -74,8 +72,7 @@ export default { | ... | @@ -74,8 +72,7 @@ export default { |
74 | <div> | 72 | <div> |
75 | <el-button | 73 | <el-button |
76 | type="text" | 74 | type="text" |
77 | size="mini" | 75 | class='successColor' |
78 | icon="el-icon-edit" | ||
79 | onClick={() => { | 76 | onClick={() => { |
80 | this.handleEdit(scope.row); | 77 | this.handleEdit(scope.row); |
81 | }} | 78 | }} |
... | @@ -85,9 +82,7 @@ export default { | ... | @@ -85,9 +82,7 @@ export default { |
85 | 82 | ||
86 | <el-button | 83 | <el-button |
87 | type="text" | 84 | type="text" |
88 | size="mini" | 85 | class='delColor' |
89 | icon="el-icon-delete" | ||
90 | style="color:#F56C6C" | ||
91 | onClick={() => { | 86 | onClick={() => { |
92 | this.handleDelete(scope.row.id, scope.row.name); | 87 | this.handleDelete(scope.row.id, scope.row.name); |
93 | }} | 88 | }} |
... | @@ -148,7 +143,7 @@ export default { | ... | @@ -148,7 +143,7 @@ export default { |
148 | this.productId = res.content[0].id; | 143 | this.productId = res.content[0].id; |
149 | this.getAuthorityList(res.content[0].id, res.content[0].code) | 144 | this.getAuthorityList(res.content[0].id, res.content[0].code) |
150 | this.selectedSubsystemCode = res.content[0].code | 145 | this.selectedSubsystemCode = res.content[0].code |
151 | 146 | ||
152 | }) | 147 | }) |
153 | .catch((error) => { | 148 | .catch((error) => { |
154 | console.log("er", error); | 149 | console.log("er", error); | ... | ... |
... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
13 | </el-form> | 13 | </el-form> |
14 | </div> | 14 | </div> |
15 | <div class="from-clues-content"> | 15 | <div class="from-clues-content"> |
16 | <lb-table :pagination="false" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 16 | <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200" @p-current-change="handleCurrentChange" |
17 | :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" row-key="dictid"> | 17 | :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" row-key="dictid"> |
18 | </lb-table> | 18 | </lb-table> |
19 | </div> | 19 | </div> | ... | ... |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 24 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" |
25 | :data="tableData.data"> | 25 | :data="tableData.data"> |
26 | </lb-table> | 26 | </lb-table> |
27 | <add-task ref="task" :taskData="taskData" v-model="isDialog"/> | 27 | <add-task ref="task" :taskData="taskData" v-model="isDialog" /> |
28 | </div> | 28 | </div> |
29 | </div> | 29 | </div> |
30 | </template> | 30 | </template> |
... | @@ -62,22 +62,26 @@ export default { | ... | @@ -62,22 +62,26 @@ export default { |
62 | render: (h, scope) => { | 62 | render: (h, scope) => { |
63 | return ( | 63 | return ( |
64 | <div> | 64 | <div> |
65 | <el-button type="text" size="mini" | 65 | <el-button type="text" |
66 | v-show={scope.row.jobStatus === 0} | 66 | v-show={scope.row.jobStatus === 0} |
67 | class='btnColor' | ||
67 | icon="el-icon-video-pause" | 68 | icon="el-icon-video-pause" |
68 | onClick={() => { this.handleActive(scope.row) }}>激活 | 69 | onClick={() => { this.handleActive(scope.row) }}>激活 |
69 | </el-button> | 70 | </el-button> |
70 | <el-button type="text" size="mini" | 71 | <el-button type="text" |
71 | v-show={scope.row.jobStatus === -1} | 72 | v-show={scope.row.jobStatus === -1} |
72 | icon="el-icon-video-pause" | 73 | class='btnColor' |
73 | onClick={() => { this.recover(scope.row) }}>恢复 | 74 | icon="el-icon-video-pause" |
75 | onClick={() => { this.recover(scope.row) }}>恢复 | ||
74 | </el-button> | 76 | </el-button> |
75 | <el-button type="text" size="mini" | 77 | <el-button type="text" |
76 | icon="el-icon-edit" | 78 | icon="el-icon-edit" |
79 | class='btnColor' | ||
77 | onClick={() => { this.handleEdit(scope.row) }}>编辑 | 80 | onClick={() => { this.handleEdit(scope.row) }}>编辑 |
78 | </el-button> | 81 | </el-button> |
79 | <el-button type="text" size="mini" | 82 | <el-button type="text" |
80 | icon="el-icon-delete" style="color:#F56C6C" | 83 | icon="el-icon-delete" |
84 | class='successColor' | ||
81 | v-show={scope.row.jobStatus !== -1} | 85 | v-show={scope.row.jobStatus !== -1} |
82 | onClick={() => { this.handleDel(scope.row) }}>删除 | 86 | onClick={() => { this.handleDel(scope.row) }}>删除 |
83 | </el-button> | 87 | </el-button> |
... | @@ -100,7 +104,7 @@ export default { | ... | @@ -100,7 +104,7 @@ export default { |
100 | this.taskData = null | 104 | this.taskData = null |
101 | this.isDialog = true | 105 | this.isDialog = true |
102 | }, | 106 | }, |
103 | resetSe() { | 107 | resetSe () { |
104 | this.form.jobName = '' | 108 | this.form.jobName = '' |
105 | this.featchData() | 109 | this.featchData() |
106 | }, | 110 | }, |
... | @@ -114,7 +118,7 @@ export default { | ... | @@ -114,7 +118,7 @@ export default { |
114 | this.message = error | 118 | this.message = error |
115 | } | 119 | } |
116 | }, | 120 | }, |
117 | recover(row) { | 121 | recover (row) { |
118 | this.$confirm('此操将进行恢复操作, 是否继续?', '提示', { | 122 | this.$confirm('此操将进行恢复操作, 是否继续?', '提示', { |
119 | confirmButtonText: '确定', | 123 | confirmButtonText: '确定', |
120 | cancelButtonText: '取消', | 124 | cancelButtonText: '取消', |
... | @@ -146,7 +150,7 @@ export default { | ... | @@ -146,7 +150,7 @@ export default { |
146 | }) | 150 | }) |
147 | }, | 151 | }, |
148 | 152 | ||
149 | handleActive(row) { | 153 | handleActive (row) { |
150 | this.$confirm('此操将进行激活操作, 是否继续?', '提示', { | 154 | this.$confirm('此操将进行激活操作, 是否继续?', '提示', { |
151 | confirmButtonText: '确定', | 155 | confirmButtonText: '确定', |
152 | cancelButtonText: '取消', | 156 | cancelButtonText: '取消', | ... | ... |
1 | <template> | 1 | <template> |
2 | <Dialog :title="title" class="modifydialog" :show.sync="visible" :width="'715px'" @close="close()"> | 2 | <dialogBox :title="title" class="modifydialog" @closeDialog="close" :isMain="true" @submitForm="submitForm" |
3 | <template slot="content"> | 3 | v-model="myValue"> |
4 | <div class="dialogCon"> | ||
4 | <el-form ref="form" :model="form" :rules="rules"> | 5 | <el-form ref="form" :model="form" :rules="rules"> |
5 | <el-row :gutter="24"> | 6 | <el-row :gutter="24"> |
6 | <el-col :span="11"> | 7 | <el-col :span="11"> |
... | @@ -11,11 +12,8 @@ | ... | @@ -11,11 +12,8 @@ |
11 | <el-col :span="13"> | 12 | <el-col :span="13"> |
12 | <el-col :span="18" class="col-pd0"> | 13 | <el-col :span="18" class="col-pd0"> |
13 | <el-form-item label="性别:" label-width="72px"> | 14 | <el-form-item label="性别:" label-width="72px"> |
14 | <el-radio | 15 | <el-radio v-for="(item, index) in sexList" :key="index" v-model="form.sex" :label="item.value">{{ |
15 | v-for="(item, index) in sexList" | 16 | item.name }}</el-radio> |
16 | :key="index" | ||
17 | v-model="form.sex" | ||
18 | :label="item.value">{{ item.name }}</el-radio> | ||
19 | </el-form-item> | 17 | </el-form-item> |
20 | </el-col> | 18 | </el-col> |
21 | <el-col :span="6"> | 19 | <el-col :span="6"> |
... | @@ -31,10 +29,7 @@ | ... | @@ -31,10 +29,7 @@ |
31 | </el-col> | 29 | </el-col> |
32 | <el-col :span="13"> | 30 | <el-col :span="13"> |
33 | <el-form-item label="用户名:" prop="loginName" label-width="72px"> | 31 | <el-form-item label="用户名:" prop="loginName" label-width="72px"> |
34 | <el-input | 32 | <el-input v-model="form.loginName" :disabled="showLoginName" placeholder="用户名" /> |
35 | v-model="form.loginName" | ||
36 | :disabled="showLoginName" | ||
37 | placeholder="用户名" /> | ||
38 | </el-form-item> | 33 | </el-form-item> |
39 | </el-col> | 34 | </el-col> |
40 | </el-row> | 35 | </el-row> |
... | @@ -45,27 +40,16 @@ | ... | @@ -45,27 +40,16 @@ |
45 | </el-form-item> | 40 | </el-form-item> |
46 | </el-col> | 41 | </el-col> |
47 | <el-col :span="13"> | 42 | <el-col :span="13"> |
48 | <el-form-item | 43 | <el-form-item label="手机号码:" prop="mobilePhone" label-width="72px"> |
49 | label="手机号码:" | 44 | <el-input v-model="form.mobilePhone" placeholder="手机号码" /> |
50 | prop="mobilePhone" | ||
51 | label-width="72px"> | ||
52 | <el-input | ||
53 | v-model="form.mobilePhone" | ||
54 | placeholder="手机号码" /> | ||
55 | </el-form-item> | 45 | </el-form-item> |
56 | </el-col> | 46 | </el-col> |
57 | </el-row> | 47 | </el-row> |
58 | <el-row :gutter="24"> | 48 | <el-row :gutter="24"> |
59 | <el-col :span="11"> | 49 | <el-col :span="11"> |
60 | <el-form-item label="最高职务级别:" label-width="100px"> | 50 | <el-form-item label="最高职务级别:" label-width="100px"> |
61 | <el-select | 51 | <el-select v-model="form.jobLevel" placeholder="最高职务级别"> |
62 | v-model="form.jobLevel" | 52 | <el-option v-for="item in levelList" :key="item.value" :label="item.name" :value="item.value" /> |
63 | placeholder="最高职务级别"> | ||
64 | <el-option | ||
65 | v-for="item in levelList" | ||
66 | :key="item.value" | ||
67 | :label="item.name" | ||
68 | :value="item.value" /> | ||
69 | </el-select> | 53 | </el-select> |
70 | </el-form-item> | 54 | </el-form-item> |
71 | </el-col> | 55 | </el-col> |
... | @@ -77,145 +61,118 @@ | ... | @@ -77,145 +61,118 @@ |
77 | </el-row> | 61 | </el-row> |
78 | <el-row :gutter="24"> | 62 | <el-row :gutter="24"> |
79 | <el-col :span="24"> | 63 | <el-col :span="24"> |
80 | <el-form-item | 64 | <el-form-item label="办公地点:" label-width="100px" class="form-item-mb0"> |
81 | label="办公地点:" | ||
82 | label-width="100px" | ||
83 | class="form-item-mb0"> | ||
84 | <el-input v-model="form.address" placeholder="办公地点" /> | 65 | <el-input v-model="form.address" placeholder="办公地点" /> |
85 | </el-form-item> | 66 | </el-form-item> |
86 | </el-col> | 67 | </el-col> |
87 | </el-row> | 68 | </el-row> |
88 | </el-form> | 69 | </el-form> |
89 | </template> | 70 | </div> |
90 | <template slot="footer"> | 71 | </dialogBox> |
91 | <el-button type="primary" class="save" @click="submitForm(1)">保存</el-button> | ||
92 | <el-button class="cancel-button" @click="close()">取消</el-button> | ||
93 | </template> | ||
94 | </Dialog> | ||
95 | </template> | 72 | </template> |
96 | 73 | ||
97 | <script> | 74 | <script> |
98 | import { api, httpAction } from '@/api/manageApi' | 75 | import { api, httpAction } from '@/api/manageApi' |
99 | import Dialog from "@/components/Dialog/"; | 76 | export default { |
100 | export default { | 77 | name: "", |
101 | name: "", | 78 | props: { |
102 | components: { Dialog }, | 79 | value: { type: Boolean, default: false }, |
103 | props: {}, | 80 | }, |
104 | data () { | 81 | data () { |
105 | return { | 82 | return { |
106 | form: { | 83 | myValue: this.value, |
107 | sex: "0", | 84 | form: { |
108 | }, | 85 | sex: "0", |
109 | rules: { | ||
110 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }], | ||
111 | code: [{ required: true, message: "请输入工号", trigger: "blur" }], | ||
112 | mobilePhone: [{ validator: "sddd", trigger: "blur" }], | ||
113 | loginName: [ | ||
114 | { required: true, message: "请输入用户名", trigger: "blur" }, | ||
115 | ], | ||
116 | }, | ||
117 | title: "修改", | ||
118 | visible: false, | ||
119 | showLoginName: false, | ||
120 | sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }], | ||
121 | levelList: [{ lable: "0", value: "0", name: "干事" }, { lable: "1", value: "1", name: "经理" }], | ||
122 | dataUrl: api.users | ||
123 | }; | ||
124 | }, | ||
125 | computed: { | ||
126 | departmentid () { | ||
127 | return this.$store.state.user.userInfo; | ||
128 | }, | 86 | }, |
129 | }, | 87 | rules: { |
130 | watch: {}, | 88 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }], |
131 | created () { }, | 89 | code: [{ required: true, message: "请输入工号", trigger: "blur" }], |
132 | mounted () { }, | 90 | mobilePhone: [{ validator: "sddd", trigger: "blur" }], |
133 | methods: { | 91 | loginName: [ |
134 | // initDictConfig() { | 92 | { required: true, message: "请输入用户名", trigger: "blur" }, |
135 | // getDictItems('XB').then((res) => { | 93 | ], |
136 | // if (res.status === 1) { | ||
137 | // this.sexList = res.content | ||
138 | // } else { | ||
139 | // this.$message.error({ message: res.message, showClose: true }) | ||
140 | // } | ||
141 | // }) | ||
142 | // getDictItems('ZWJB').then((res) => { | ||
143 | // if (res.status === 1) { | ||
144 | // this.levelList = res.content | ||
145 | // } else { | ||
146 | // this.$message.error({ message: res.message, showClose: true }) | ||
147 | // } | ||
148 | // }) | ||
149 | // }, | ||
150 | // 添加人员 | ||
151 | adds () { | ||
152 | this.visible = true; | ||
153 | // this.type = 0 | ||
154 | this.showLoginName = false | ||
155 | }, | 94 | }, |
156 | // 编辑 | 95 | title: "修改", |
157 | edit (record) { | 96 | showLoginName: false, |
158 | // this.initDictConfig() | 97 | sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }], |
159 | this.showLoginName = true | 98 | levelList: [{ lable: "0", value: "0", name: "干事" }, { lable: "1", value: "1", name: "经理" }], |
160 | // 若有id为编辑 | 99 | dataUrl: api.users |
161 | if (record) { | 100 | }; |
162 | this.$nextTick(() => { | 101 | }, |
163 | this.form = Object.assign({}, record) | 102 | computed: { |
164 | }) | 103 | departmentid () { |
165 | } | 104 | return this.$store.state.user.userInfo; |
166 | this.visible = true | 105 | }, |
167 | }, | 106 | }, |
168 | handleChange (value) { | 107 | watch: { |
169 | this.form.departmentId = value; | 108 | value (val) { |
170 | }, | 109 | this.myValue = val |
171 | // 保存 | 110 | } |
172 | submitForm (submitType) { | 111 | }, |
173 | this.$refs.form.validate((valid) => { | 112 | methods: { |
174 | if (valid) { | 113 | // 添加人员 |
175 | let method = '' | 114 | adds () { |
176 | let url = '' | 115 | this.showLoginName = false |
177 | this.form.organizationId = this.departmentid.organizationId; | 116 | }, |
178 | this.form.departmentId = this.departmentid.departmentId; | 117 | // 编辑 |
179 | const formData = this.form | 118 | edit (record) { |
180 | if (!formData.id) { | 119 | this.showLoginName = true |
181 | method = 'post' | 120 | // 若有id为编辑 |
182 | url = this.dataUrl | 121 | if (record) { |
183 | } else { | 122 | this.$nextTick(() => { |
184 | method = 'put' | 123 | this.form = Object.assign({}, record) |
185 | url = `${this.dataUrl}/${formData.id}` | 124 | }) |
186 | } | 125 | } |
126 | }, | ||
127 | handleChange (value) { | ||
128 | this.form.departmentId = value; | ||
129 | }, | ||
130 | // 保存 | ||
131 | submitForm (submitType) { | ||
132 | this.$refs.form.validate((valid) => { | ||
133 | if (valid) { | ||
134 | let method = '' | ||
135 | let url = '' | ||
136 | this.form.organizationId = this.departmentid.organizationId; | ||
137 | this.form.departmentId = this.departmentid.departmentId; | ||
138 | const formData = this.form | ||
139 | if (!formData.id) { | ||
140 | method = 'post' | ||
141 | url = this.dataUrl | ||
142 | } else { | ||
143 | method = 'put' | ||
144 | url = `${this.dataUrl}/${formData.id}` | ||
145 | } | ||
187 | 146 | ||
188 | httpAction(url, formData, method).then((res) => { | 147 | httpAction(url, formData, method).then((res) => { |
189 | if (res.status === 1) { | 148 | if (res.status === 1) { |
190 | this.$message.success({ message: res.message, showClose: true }) | 149 | this.$message.success({ message: res.message, showClose: true }) |
191 | 150 | ||
192 | this.resetForm() | 151 | this.resetForm() |
193 | 152 | ||
194 | this.close() | 153 | this.close() |
195 | 154 | ||
196 | this.$emit('ok') | 155 | this.$emit('ok') |
197 | } else { | 156 | } else { |
198 | this.$message.error({ message: res.message, showClose: true }) | 157 | this.$message.error({ message: res.message, showClose: true }) |
199 | } | 158 | } |
200 | }) | 159 | }) |
201 | } else { | 160 | } else { |
202 | console.log('提交错误!!!') | 161 | return false |
203 | return false | ||
204 | } | ||
205 | }) | ||
206 | }, | ||
207 | resetForm () { | ||
208 | this.form = { | ||
209 | sex: '0' | ||
210 | } | 162 | } |
211 | this.$refs.form.resetFields() | 163 | }) |
212 | }, | 164 | }, |
213 | close () { | 165 | resetForm () { |
214 | this.resetForm() | 166 | this.form = { |
215 | this.visible = false | 167 | sex: '0' |
216 | } | 168 | } |
169 | this.$refs.form.resetFields() | ||
217 | }, | 170 | }, |
218 | }; | 171 | close () { |
172 | this.resetForm() | ||
173 | this.$emit('input', false) | ||
174 | } | ||
175 | } | ||
176 | } | ||
219 | </script> | 177 | </script> |
220 | <style scoped lang="scss"> | 178 | <style scoped lang="scss"></style> |
221 | </style> | ... | ... |
... | @@ -16,319 +16,315 @@ | ... | @@ -16,319 +16,315 @@ |
16 | </el-form> | 16 | </el-form> |
17 | </div> | 17 | </div> |
18 | <div class="from-clues-content"> | 18 | <div class="from-clues-content"> |
19 | <lb-table | 19 | <lb-table :pagination="false" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
20 | :pagination="false" | 20 | :column="tableData.columns" :data="tableData.data" :expand-row-keys="keyList" row-key="dictid"> |
21 | @size-change="handleSizeChange" | ||
22 | @p-current-change="handleCurrentChange" | ||
23 | :column="tableData.columns" | ||
24 | :data="tableData.data" | ||
25 | :expand-row-keys="keyList" | ||
26 | row-key="dictid"> | ||
27 | </lb-table> | 21 | </lb-table> |
28 | </div> | 22 | </div> |
29 | <EditDialog ref="dialogForm" @ok="reloadTableData" /> | 23 | <EditDialog ref="dialogForm" v-model="isDialog" @ok="reloadTableData" /> |
30 | </div> | 24 | </div> |
31 | </template> | 25 | </template> |
32 | <script> | 26 | <script> |
33 | import { | 27 | import { |
34 | getUuid, | 28 | getUuid, |
35 | judgeSort, | 29 | judgeSort, |
36 | realMove, | 30 | realMove, |
37 | findParents, | 31 | findParents, |
38 | removeTreeListItem, | 32 | removeTreeListItem, |
39 | } from "@/utils/operation"; | 33 | } from "@/utils/operation"; |
40 | import { | 34 | import { |
41 | resetPassword, | 35 | resetPassword, |
42 | getUserList, | 36 | getUserList, |
43 | } from "@/api/personnelManage"; | 37 | } from "@/api/personnelManage"; |
44 | import { api, deleteAction } from '@/api/manageApi' | 38 | import { api, deleteAction } from '@/api/manageApi' |
45 | import data from "./data"; | 39 | import data from "./data"; |
46 | import { deleteDomStr } from '@/utils/proDomStr' | 40 | import { deleteDomStr } from '@/utils/proDomStr' |
47 | import tableMixin from "@/mixins/tableMixin.js"; | 41 | import tableMixin from "@/mixins/tableMixin.js"; |
48 | import EditDialog from "./edit-dialog.vue"; | 42 | import EditDialog from "./edit-dialog.vue"; |
49 | import {updateOrder} from "@/api/orders" | 43 | import { updateOrder } from "@/api/orders" |
50 | export default { | 44 | export default { |
51 | name: "menus", | 45 | name: "menus", |
52 | mixins: [tableMixin], | 46 | mixins: [tableMixin], |
53 | components: { | 47 | components: { |
54 | EditDialog, | 48 | EditDialog, |
55 | }, | 49 | }, |
56 | data () { | 50 | data () { |
57 | return { | 51 | return { |
58 | taskData: null, | 52 | isDialog: false, |
59 | keyList: [], | 53 | taskData: null, |
60 | form: { | 54 | keyList: [], |
61 | job_name: "", | 55 | form: { |
62 | currentPage: 1, | 56 | job_name: "", |
57 | currentPage: 1, | ||
58 | }, | ||
59 | queryParam: {}, | ||
60 | selectType: "0", | ||
61 | queryName: "", | ||
62 | organizationId: "", // 组织机构ID | ||
63 | departmentId: "", // 部门ID | ||
64 | departmentList: [], // 部门列表 | ||
65 | levelList: [], // 职务级别 | ||
66 | sexList: [], | ||
67 | typeOptions: [ | ||
68 | { | ||
69 | value: "0", | ||
70 | label: "姓名", | ||
63 | }, | 71 | }, |
64 | queryParam: {}, | 72 | { |
65 | selectType: "0", | 73 | value: "1", |
66 | queryName: "", | 74 | label: "工号", |
67 | organizationId: "", // 组织机构ID | 75 | }, |
68 | departmentId: "", // 部门ID | 76 | { |
69 | departmentList: [], // 部门列表 | 77 | value: "2", |
70 | levelList: [], // 职务级别 | 78 | label: "部门", |
71 | sexList: [], | 79 | }, |
72 | typeOptions: [ | 80 | { |
73 | { | 81 | value: "3", |
74 | value: "0", | 82 | label: "机构", |
75 | label: "姓名", | 83 | }, |
76 | }, | 84 | ], |
77 | { | 85 | |
78 | value: "1", | 86 | selectionList: [], |
79 | label: "工号", | 87 | tableData: { |
80 | }, | 88 | columns: [ |
81 | { | ||
82 | value: "2", | ||
83 | label: "部门", | ||
84 | }, | ||
85 | { | 89 | { |
86 | value: "3", | 90 | label: "序号", |
87 | label: "机构", | 91 | type: "index", |
92 | width: "50", | ||
93 | index: this.indexMethod, | ||
88 | }, | 94 | }, |
89 | ], | 95 | ] |
90 | 96 | .concat(data.columns()) | |
91 | selectionList: [], | 97 | .concat([ |
92 | tableData: { | ||
93 | columns: [ | ||
94 | { | 98 | { |
95 | label: "序号", | 99 | label: "负责人", |
96 | type: "index", | 100 | render: (h, scope) => { |
97 | width: "50", | 101 | return ( |
98 | index: this.indexMethod, | 102 | <i v-show={scope.row.isDuty !== null} class="el-icon-check" /> |
103 | ) | ||
104 | } | ||
99 | }, | 105 | }, |
100 | ] | 106 | { |
101 | .concat(data.columns()) | 107 | label: "排序", |
102 | .concat([ | 108 | width: 200, |
103 | { | 109 | render: (h, scope) => { |
104 | label: "负责人", | 110 | return ( |
105 | render: (h, scope) => { | 111 | <div> |
106 | return ( | 112 | <el-button |
107 | <i v-show={scope.row.isDuty !== null} class="el-icon-check" /> | 113 | type="text" |
108 | ) | 114 | disabled={scope.row.isTop} |
109 | } | 115 | onClick={() => { |
110 | }, | 116 | this.updateOrder(scope.row, 'TOP'); |
111 | { | 117 | }} |
112 | label: "排序", | 118 | > |
113 | width: 200, | 119 | 置顶 |
114 | render: (h, scope) => { | 120 | </el-button> |
115 | return ( | 121 | <el-button |
116 | <div> | 122 | type="text" |
117 | <el-button | 123 | disabled={scope.row.isTop} |
118 | type="text" | 124 | onClick={() => { |
119 | disabled={scope.row.isTop} | 125 | this.updateOrder(scope.row, 'UP'); |
120 | onClick={() => { | 126 | }} |
121 | this.updateOrder(scope.row,'TOP'); | 127 | > |
122 | }} | 128 | 上移 |
123 | > | 129 | </el-button> |
124 | 置顶 | 130 | <el-button |
125 | </el-button> | 131 | type="text" |
126 | <el-button | 132 | disabled={scope.row.isBottom} |
127 | type="text" | 133 | onClick={() => { |
128 | disabled={scope.row.isTop} | 134 | this.updateOrder(scope.row, 'DOWN'); |
129 | onClick={() => { | 135 | }} |
130 | this.updateOrder(scope.row,'UP'); | 136 | > |
131 | }} | 137 | 下移 |
132 | > | 138 | </el-button> |
133 | 上移 | 139 | <el-button |
134 | </el-button> | 140 | type="text" |
135 | <el-button | 141 | disabled={scope.row.isBottom} |
136 | type="text" | 142 | onClick={() => { |
137 | disabled={scope.row.isBottom} | 143 | this.updateOrder(scope.row, 'BOTTOM'); |
138 | onClick={() => { | 144 | }} |
139 | this.updateOrder(scope.row,'DOWN'); | 145 | > |
140 | }} | 146 | 置底 |
141 | > | 147 | </el-button> |
142 | 下移 | 148 | </div> |
143 | </el-button> | 149 | ); |
144 | <el-button | ||
145 | type="text" | ||
146 | disabled={scope.row.isBottom} | ||
147 | onClick={() => { | ||
148 | this.updateOrder(scope.row,'BOTTOM'); | ||
149 | }} | ||
150 | > | ||
151 | 置底 | ||
152 | </el-button> | ||
153 | </div> | ||
154 | ); | ||
155 | }, | ||
156 | }, | 150 | }, |
157 | { | 151 | }, |
158 | label: "操作", | 152 | { |
159 | width: 380, | 153 | label: "操作", |
160 | render: (h, scope) => { | 154 | width: 380, |
161 | return ( | 155 | render: (h, scope) => { |
162 | <div> | 156 | return ( |
163 | <el-button | 157 | <div> |
164 | type="text" | 158 | <el-button |
165 | size="mini" | 159 | type="text" |
166 | icon="el-icon-video-pause" | 160 | size="mini" |
167 | onClick={() => { | 161 | icon="el-icon-video-pause" |
168 | this.resetPassword(scope.row.id); | 162 | onClick={() => { |
169 | }} | 163 | this.resetPassword(scope.row.id); |
170 | > | 164 | }} |
171 | 重置 | 165 | > |
172 | </el-button> | 166 | 重置 |
173 | <el-button | 167 | </el-button> |
174 | type="text" | 168 | <el-button |
175 | size="mini" | 169 | type="text" |
176 | icon="el-icon-edit" | 170 | size="mini" |
177 | onClick={() => { | 171 | icon="el-icon-edit" |
178 | this.handleEdit(scope.row); | 172 | onClick={() => { |
179 | }} | 173 | this.handleEdit(scope.row); |
180 | > | 174 | }} |
181 | 修改 | 175 | > |
182 | </el-button> | 176 | 修改 |
183 | <el-button | 177 | </el-button> |
184 | type="text" | 178 | <el-button |
185 | size="mini" | 179 | type="text" |
186 | icon="el-icon-delete" | 180 | size="mini" |
187 | style="color:#F56C6C" | 181 | icon="el-icon-delete" |
188 | onClick={() => { | 182 | style="color:#F56C6C" |
189 | this.handleDelete(scope.row.id, scope.row.name); | 183 | onClick={() => { |
190 | }} | 184 | this.handleDelete(scope.row.id, scope.row.name); |
191 | > | 185 | }} |
192 | 删除 | 186 | > |
193 | </el-button> | 187 | 删除 |
194 | </div> | 188 | </el-button> |
195 | ); | 189 | </div> |
196 | }, | 190 | ); |
197 | }, | 191 | }, |
198 | ]), | 192 | }, |
199 | data: [], | 193 | ]), |
200 | }, | 194 | data: [], |
201 | }; | ||
202 | }, | ||
203 | created () { | ||
204 | this.getTableList(); | ||
205 | }, | ||
206 | computed: { | ||
207 | departmentid () { | ||
208 | return this.$store.state.user.userInfo; | ||
209 | }, | 195 | }, |
196 | }; | ||
197 | }, | ||
198 | created () { | ||
199 | this.getTableList(); | ||
200 | }, | ||
201 | computed: { | ||
202 | departmentid () { | ||
203 | return this.$store.state.user.userInfo; | ||
210 | }, | 204 | }, |
211 | methods: { | 205 | }, |
212 | handleAdd () { | 206 | methods: { |
213 | this.$refs.dialogForm.adds(); | 207 | handleAdd () { |
214 | this.$refs.dialogForm.title = "添加"; | 208 | this.isDialog = true |
215 | }, | 209 | this.$refs.dialogForm.adds(); |
216 | getTableList () { | 210 | this.$refs.dialogForm.title = "添加"; |
217 | this.loading = true; | 211 | }, |
218 | this.queryParam = { | 212 | getTableList () { |
219 | organizationId: this.departmentid.organizationId, | 213 | this.loading = true; |
220 | departmentId: this.departmentid.departmentId, | 214 | this.queryParam = { |
221 | }; | 215 | organizationId: this.departmentid.organizationId, |
222 | getUserList(this.queryParam).then((res) => { | 216 | departmentId: this.departmentid.departmentId, |
223 | console.log("人员列表", res); | 217 | }; |
224 | if (res.status === 1) { | 218 | getUserList(this.queryParam).then((res) => { |
225 | this.loading = false; | 219 | if (res.status === 1) { |
226 | this.tableData.data = res.content; | 220 | this.loading = false; |
227 | this.tableData.data = judgeSort(this.tableData.data); | 221 | this.tableData.data = res.content; |
228 | } else { | 222 | this.tableData.data = judgeSort(this.tableData.data); |
229 | this.$message.error({ message: res.message, showClose: true }); | ||
230 | } | ||
231 | }); | ||
232 | }, | ||
233 | |||
234 | // 重置用户密码 | ||
235 | resetPassword (data) { | ||
236 | const ids = [] | ||
237 | if (data instanceof Array) { | ||
238 | data.forEach((item) => { | ||
239 | ids.push(item.id) | ||
240 | }) | ||
241 | } else { | 223 | } else { |
242 | ids.push(data) | 224 | this.$message.error({ message: res.message, showClose: true }); |
243 | } | 225 | } |
244 | if (ids.length === 0) { | 226 | }); |
245 | this.$message({ | 227 | }, |
246 | message: '请选择需要重置密码的用户!', | 228 | |
247 | showClose: true | 229 | // 重置用户密码 |
248 | }) | 230 | resetPassword (data) { |
249 | return | 231 | const ids = [] |
250 | } | 232 | if (data instanceof Array) { |
251 | this.$confirm( | 233 | data.forEach((item) => { |
252 | `<div class="customer-message-wrapper"> | 234 | ids.push(item.id) |
235 | }) | ||
236 | } else { | ||
237 | ids.push(data) | ||
238 | } | ||
239 | if (ids.length === 0) { | ||
240 | this.$message({ | ||
241 | message: '请选择需要重置密码的用户!', | ||
242 | showClose: true | ||
243 | }) | ||
244 | return | ||
245 | } | ||
246 | this.$confirm( | ||
247 | `<div class="customer-message-wrapper"> | ||
253 | <h5 class="title">确定要重置密码吗</h5> | 248 | <h5 class="title">确定要重置密码吗</h5> |
254 | <p class="result">执行后,数据将 | 249 | <p class="result">执行后,数据将 |
255 | <span >无法恢复</span> | 250 | <span >无法恢复</span> |
256 | </p> | 251 | </p> |
257 | </div>`, | 252 | </div>`, |
258 | '执行确认', | 253 | '执行确认', |
259 | { | 254 | { |
260 | dangerouslyUseHTMLString: true, | ||
261 | customClass: 'customer-delete', | ||
262 | confirmButtonText: '确定', | ||
263 | cancelButtonText: '取消', | ||
264 | type: 'warning' | ||
265 | } | ||
266 | ) | ||
267 | .then(() => { | ||
268 | resetPassword(ids).then((res) => { | ||
269 | if (res.status === 1) { | ||
270 | this.$message.success({ message: res.message, showClose: true }) | ||
271 | this.getTableList() | ||
272 | } else { | ||
273 | this.$message.error({ message: res.message, showClose: true }) | ||
274 | } | ||
275 | }) | ||
276 | }) | ||
277 | .catch(() => { }) | ||
278 | }, | ||
279 | //排序 | ||
280 | updateOrder(record, operate){ | ||
281 | const findIndex = this.tableData.data.findIndex(item => item.id === record.id) | ||
282 | let swapId = '' | ||
283 | if (operate === 'UP') { | ||
284 | swapId = this.tableData.data[findIndex - 1].id | ||
285 | } else if (operate === 'DOWN') { | ||
286 | swapId = this.tableData.data[findIndex + 1].id | ||
287 | } | ||
288 | updateOrder('/rest/users', record, operate, swapId).then(res => { | ||
289 | if (res.status === 1) { | ||
290 | this.$message.success({ message: res.message, showClose: true }) | ||
291 | this.getTableList(); | ||
292 | } else { | ||
293 | this.$message.error({ message: res.message, showClose: true }) | ||
294 | } | ||
295 | }) | ||
296 | }, | ||
297 | // 修改人员信息 | ||
298 | handleEdit (row) { | ||
299 | this.$refs.dialogForm.edit(row); | ||
300 | this.$refs.dialogForm.title = "修改"; | ||
301 | }, | ||
302 | // 删除 | ||
303 | handleDelete (id, content) { | ||
304 | this.$confirm(deleteDomStr(content), '执行确认', { | ||
305 | dangerouslyUseHTMLString: true, | 255 | dangerouslyUseHTMLString: true, |
306 | customClass: 'customer-delete', | 256 | customClass: 'customer-delete', |
307 | confirmButtonText: '确定', | 257 | confirmButtonText: '确定', |
308 | cancelButtonText: '取消', | 258 | cancelButtonText: '取消', |
309 | type: 'warning' | 259 | type: 'warning' |
310 | }) | 260 | } |
311 | .then(() => { | 261 | ) |
312 | deleteAction(`${api.users}/${id}`).then((res) => { | 262 | .then(() => { |
313 | if (res.status === 1) { | 263 | resetPassword(ids).then((res) => { |
314 | this.$message.success({ message: res.message, showClose: true }) | 264 | if (res.status === 1) { |
315 | } else { | 265 | this.$message.success({ message: res.message, showClose: true }) |
316 | this.$message.error({ message: res.message, showClose: true }) | ||
317 | } | ||
318 | this.getTableList() | 266 | this.getTableList() |
319 | }) | 267 | } else { |
268 | this.$message.error({ message: res.message, showClose: true }) | ||
269 | } | ||
320 | }) | 270 | }) |
321 | .catch(() => { }) | 271 | }) |
322 | }, | 272 | .catch(() => { }) |
323 | // 新增回显 | 273 | }, |
324 | reloadTableData () { | 274 | //排序 |
325 | this.getTableList() | 275 | updateOrder (record, operate) { |
326 | }, | 276 | const findIndex = this.tableData.data.findIndex(item => item.id === record.id) |
277 | let swapId = '' | ||
278 | if (operate === 'UP') { | ||
279 | swapId = this.tableData.data[findIndex - 1].id | ||
280 | } else if (operate === 'DOWN') { | ||
281 | swapId = this.tableData.data[findIndex + 1].id | ||
282 | } | ||
283 | updateOrder('/rest/users', record, operate, swapId).then(res => { | ||
284 | if (res.status === 1) { | ||
285 | this.$message.success({ message: res.message, showClose: true }) | ||
286 | this.getTableList(); | ||
287 | } else { | ||
288 | this.$message.error({ message: res.message, showClose: true }) | ||
289 | } | ||
290 | }) | ||
291 | }, | ||
292 | // 修改人员信息 | ||
293 | handleEdit (row) { | ||
294 | this.isDialog = true | ||
295 | this.$refs.dialogForm.edit(row); | ||
296 | this.$refs.dialogForm.title = "修改"; | ||
297 | }, | ||
298 | // 删除 | ||
299 | handleDelete (id, content) { | ||
300 | this.$confirm(deleteDomStr(content), '执行确认', { | ||
301 | dangerouslyUseHTMLString: true, | ||
302 | customClass: 'customer-delete', | ||
303 | confirmButtonText: '确定', | ||
304 | cancelButtonText: '取消', | ||
305 | type: 'warning' | ||
306 | }) | ||
307 | .then(() => { | ||
308 | deleteAction(`${api.users}/${id}`).then((res) => { | ||
309 | if (res.status === 1) { | ||
310 | this.$message.success({ message: res.message, showClose: true }) | ||
311 | } else { | ||
312 | this.$message.error({ message: res.message, showClose: true }) | ||
313 | } | ||
314 | this.getTableList() | ||
315 | }) | ||
316 | }) | ||
317 | .catch(() => { }) | ||
318 | }, | ||
319 | // 新增回显 | ||
320 | reloadTableData () { | ||
321 | this.getTableList() | ||
327 | }, | 322 | }, |
328 | }; | 323 | }, |
324 | }; | ||
329 | </script> | 325 | </script> |
330 | <style scoped lang="scss"> | 326 | <style scoped lang="scss"> |
331 | @import "~@/styles/mixin.scss"; | 327 | @import "~@/styles/mixin.scss"; |
332 | @import "~@/styles/public.scss"; | 328 | @import "~@/styles/public.scss"; |
333 | @import "./index.scss"; | 329 | @import "./index.scss"; |
334 | </style> | 330 | </style> | ... | ... |
... | @@ -8,6 +8,8 @@ function resolve (dir) { | ... | @@ -8,6 +8,8 @@ function resolve (dir) { |
8 | const name = defaultSettings.title | 8 | const name = defaultSettings.title |
9 | const port = process.env.port || process.env.npm_config_port || 8888 // dev port | 9 | const port = process.env.port || process.env.npm_config_port || 8888 // dev port |
10 | 10 | ||
11 | const CopyWebpackPlugin = require('copy-webpack-plugin') | ||
12 | |||
11 | // All configuration item explanations can be find in https://cli.vuejs.org/config/ | 13 | // All configuration item explanations can be find in https://cli.vuejs.org/config/ |
12 | module.exports = { | 14 | module.exports = { |
13 | /** | 15 | /** |
... | @@ -68,6 +70,7 @@ module.exports = { | ... | @@ -68,6 +70,7 @@ module.exports = { |
68 | '@': resolve('src') | 70 | '@': resolve('src') |
69 | } | 71 | } |
70 | }, | 72 | }, |
73 | plugins: [new CopyWebpackPlugin({ patterns: [{ from: 'src/api/config.js', to: 'config.js'}] })], | ||
71 | devtool: '#eval-source-map' //测试 | 74 | devtool: '#eval-source-map' //测试 |
72 | }, | 75 | }, |
73 | // chainWebpack通过链式编程的形式,来修改默认的webpack配置 | 76 | // chainWebpack通过链式编程的形式,来修改默认的webpack配置 | ... | ... |
-
Please register or sign in to post a comment