style:打包
Showing
47 changed files
with
483 additions
and
741 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> | ... | ... | 
This diff is collapsed.
Click to expand it.
| ... | @@ -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