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