Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
43 changed files
with
675 additions
and
4432 deletions
| ... | @@ -3,6 +3,7 @@ | ... | @@ -3,6 +3,7 @@ |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-26 16:05:28 | 4 | * @LastEditTime: 2023-04-26 16:05:28 |
| 5 | --> | 5 | --> |
| 6 | <!-- 批量删除弹框 --> | ||
| 6 | <template> | 7 | <template> |
| 7 | <div class='batchDel'> | 8 | <div class='batchDel'> |
| 8 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | 9 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: 权利人列表 |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-05-17 10:40:48 | 4 | * @LastEditTime: 2023-06-14 10:40:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
| ... | @@ -119,4 +119,4 @@ | ... | @@ -119,4 +119,4 @@ |
| 119 | } | 119 | } |
| 120 | </script> | 120 | </script> |
| 121 | <style scoped lang='scss'> | 121 | <style scoped lang='scss'> |
| 122 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 122 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:46 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="left"> | ||
| 9 | <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']" | ||
| 10 | @click="menuClick(item)"> | ||
| 11 | {{ item.label }} | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | <div class="right"> | ||
| 15 | <!-- 材料目录明细 --> | ||
| 16 | <div class="clmlmx-box" v-if="checkedId == '1'"> | ||
| 17 | <div class="title">申请材料目录</div> | ||
| 18 | <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData"> | ||
| 19 | </lb-table> | ||
| 20 | </div> | ||
| 21 | <!-- 材料预览 --> | ||
| 22 | <div class="clyl-box" v-else> | ||
| 23 | <div class="menu-tree"> | ||
| 24 | <div class="item"> | ||
| 25 | 材料目录({{tableData.length}}) | ||
| 26 | <div> | ||
| 27 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 28 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 29 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 30 | {{ item.sjmc }} | ||
| 31 | <span class="cl_number">({{item.children.length}})</span> | ||
| 32 | </div> | ||
| 33 | </div> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 37 | @prevPriview="prevPriview" /> | ||
| 38 | </div> | ||
| 39 | </div> | ||
| 40 | <clxxAddDialog v-model="isDialog" /> | ||
| 41 | </div> | ||
| 42 | </template> | ||
| 43 | <script> | ||
| 44 | import { mapGetters } from "vuex"; | ||
| 45 | import clxxAddDialog from "./dialog/clxxAddDialog.vue"; | ||
| 46 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 47 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 48 | export default { | ||
| 49 | components: { clxxAddDialog, imagePreview }, | ||
| 50 | data () { | ||
| 51 | return { | ||
| 52 | isDialog: false, | ||
| 53 | menuList: [ | ||
| 54 | { | ||
| 55 | id: "1", | ||
| 56 | label: "材料目录明细", | ||
| 57 | }, | ||
| 58 | { | ||
| 59 | id: "2", | ||
| 60 | label: "材料预览", | ||
| 61 | }, | ||
| 62 | ], | ||
| 63 | iclass: "", | ||
| 64 | // 材料目录选中 | ||
| 65 | treeCheckIndex: 0, | ||
| 66 | treeCheckId: "", | ||
| 67 | checkedId: "1", | ||
| 68 | column: [ | ||
| 69 | { | ||
| 70 | width: "50", | ||
| 71 | renderHeader: (h, scope) => { | ||
| 72 | return ( | ||
| 73 | <div> | ||
| 74 | { | ||
| 75 | this.$route.query.viewtype == 1 ? '序号' : | ||
| 76 | <i | ||
| 77 | class="el-icon-plus pointer" | ||
| 78 | onClick={() => { | ||
| 79 | this.handleAdd() | ||
| 80 | }} | ||
| 81 | ></i> | ||
| 82 | } | ||
| 83 | </div> | ||
| 84 | ) | ||
| 85 | }, | ||
| 86 | render: (h, scope) => { | ||
| 87 | // 新建的材料,可删除 | ||
| 88 | // v-show='scope.row.sfxjcl == 1' | ||
| 89 | return ( | ||
| 90 | <div> | ||
| 91 | { | ||
| 92 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 93 | <i | ||
| 94 | class="el-icon-minus pointer" | ||
| 95 | |||
| 96 | onClick={() => { | ||
| 97 | this.handleDelete(scope.$index, scope.row); | ||
| 98 | }} | ||
| 99 | ></i> | ||
| 100 | } | ||
| 101 | </div> | ||
| 102 | ) | ||
| 103 | } | ||
| 104 | }, | ||
| 105 | { | ||
| 106 | prop: "isrequired", | ||
| 107 | label: "是否必选", | ||
| 108 | width: "50", | ||
| 109 | render: (h, scope) => { | ||
| 110 | if (scope.row.sfxjcl === "1") { | ||
| 111 | return ( | ||
| 112 | <div> | ||
| 113 | <span>可选</span> | ||
| 114 | </div> | ||
| 115 | ); | ||
| 116 | } | ||
| 117 | else { | ||
| 118 | return ( | ||
| 119 | <div> | ||
| 120 | <span>必选</span> | ||
| 121 | </div> | ||
| 122 | ); | ||
| 123 | } | ||
| 124 | }, | ||
| 125 | }, | ||
| 126 | { | ||
| 127 | prop: "sjmc", | ||
| 128 | label: "材料名称", | ||
| 129 | }, | ||
| 130 | { | ||
| 131 | prop: "sjlx", | ||
| 132 | label: "材料类型", | ||
| 133 | width: "80", | ||
| 134 | render: (h, scope) => { | ||
| 135 | return ( | ||
| 136 | <div> | ||
| 137 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 138 | </div> | ||
| 139 | ); | ||
| 140 | }, | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "sjsl", | ||
| 144 | label: "份数", | ||
| 145 | width: "50" | ||
| 146 | }, | ||
| 147 | { | ||
| 148 | prop: "smzt", | ||
| 149 | label: "扫描状态", | ||
| 150 | width: "80", | ||
| 151 | render: (h, scope) => { | ||
| 152 | if (scope.row.children.length > 0) { | ||
| 153 | return ( | ||
| 154 | <div> | ||
| 155 | <span>已扫描</span> | ||
| 156 | </div> | ||
| 157 | ); | ||
| 158 | } else { | ||
| 159 | return ( | ||
| 160 | <div> | ||
| 161 | <span>未扫描</span> | ||
| 162 | </div> | ||
| 163 | ); | ||
| 164 | } | ||
| 165 | }, | ||
| 166 | }, | ||
| 167 | { | ||
| 168 | prop: "ys", | ||
| 169 | label: "扫描页数", | ||
| 170 | width: "50" | ||
| 171 | }, | ||
| 172 | { | ||
| 173 | label: "操作", | ||
| 174 | width: "80", | ||
| 175 | render: (h, scope) => { | ||
| 176 | return ( | ||
| 177 | <div> | ||
| 178 | <el-button | ||
| 179 | type="text" | ||
| 180 | disabled={scope.$index == 0} | ||
| 181 | onClick={() => { | ||
| 182 | this.moveUpward(scope.$index, scope.row); | ||
| 183 | }} | ||
| 184 | > | ||
| 185 | 上移 | ||
| 186 | </el-button> | ||
| 187 | <el-button | ||
| 188 | type="text" | ||
| 189 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 190 | onClick={() => { | ||
| 191 | this.moveDown(scope.$index, scope.row); | ||
| 192 | }} | ||
| 193 | > | ||
| 194 | 下移 | ||
| 195 | </el-button> | ||
| 196 | </div> | ||
| 197 | ); | ||
| 198 | }, | ||
| 199 | }, | ||
| 200 | ], | ||
| 201 | key: 0, | ||
| 202 | tableData: [], | ||
| 203 | previewImg: { | ||
| 204 | // 收件标识码 | ||
| 205 | bsmSj: '', | ||
| 206 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 207 | index: 0, | ||
| 208 | selectedIndex: 0, | ||
| 209 | imgList: [] | ||
| 210 | } | ||
| 211 | } | ||
| 212 | }, | ||
| 213 | computed: { | ||
| 214 | ...mapGetters(["dictData"]) | ||
| 215 | }, | ||
| 216 | created () { | ||
| 217 | this.clmlInitList() | ||
| 218 | }, | ||
| 219 | methods: { | ||
| 220 | // 自动预览 | ||
| 221 | nextPriview () { | ||
| 222 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 223 | this.treeCheckIndex++ | ||
| 224 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 225 | this.previewImg.index = 0 | ||
| 226 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 227 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 228 | } | ||
| 229 | }, | ||
| 230 | prevPriview () { | ||
| 231 | if (this.treeCheckIndex >= 1) { | ||
| 232 | this.treeCheckIndex-- | ||
| 233 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 234 | this.previewImg.index = this.previewImg.imgList.length | ||
| 235 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 236 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 237 | } | ||
| 238 | }, | ||
| 239 | // 材料目录明细初始化 | ||
| 240 | clmlInitList () { | ||
| 241 | return new Promise(resolve => { | ||
| 242 | this.unitData = this.$parent.unitData; | ||
| 243 | var formdata = new FormData(); | ||
| 244 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 245 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 246 | InitClml(formdata).then((res) => { | ||
| 247 | if (res.result.code == 200) { | ||
| 248 | resolve(res.code) | ||
| 249 | if (res.result.result && res.result.result.length > 0) { | ||
| 250 | this.tableData = res.result.result; | ||
| 251 | this.treeCheckId = this.tableData[0].bsmSj; | ||
| 252 | this.title = this.tableData[0].sjmc; | ||
| 253 | this.titleYs = 1; | ||
| 254 | this.titleNum = this.tableData[0].children.length; | ||
| 255 | |||
| 256 | this.previewImg.imgList = this.tableData[0]?.children; | ||
| 257 | this.previewImg.bsmSj = this.tableData[0]?.bsmSj; | ||
| 258 | } | ||
| 259 | } else { | ||
| 260 | this.$message.error(res.result.message) | ||
| 261 | } | ||
| 262 | }) | ||
| 263 | }) | ||
| 264 | }, | ||
| 265 | updateList (val) { | ||
| 266 | let that = this | ||
| 267 | if (val != null) { //删除最后一张图片时 val=null | ||
| 268 | this.tableData.forEach(item => { | ||
| 269 | if (item.bsmSj === val.bsmSj) { | ||
| 270 | item.children = val.children | ||
| 271 | } | ||
| 272 | }) | ||
| 273 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 274 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 275 | this.previewImg.index = this.previewImg.index - 1 | ||
| 276 | } | ||
| 277 | } else { | ||
| 278 | this.previewImg.imgList = [] | ||
| 279 | this.tableData.forEach((item, index) => { | ||
| 280 | if (this.treeCheckId == item.bsmSj) { | ||
| 281 | item.children = [] | ||
| 282 | that.treeCheckIndex = index | ||
| 283 | } | ||
| 284 | }) | ||
| 285 | } | ||
| 286 | |||
| 287 | }, | ||
| 288 | // 左侧菜单点击 | ||
| 289 | menuClick (item) { | ||
| 290 | this.checkedId = item.id | ||
| 291 | }, | ||
| 292 | // 添加材料目录 | ||
| 293 | handleAdd () { | ||
| 294 | this.isDialog = true; | ||
| 295 | }, | ||
| 296 | // 上移 | ||
| 297 | moveUpward (index, row) { | ||
| 298 | let obj = { | ||
| 299 | xh: row.xh, | ||
| 300 | bsmSlsq: row.bsmSlsq, | ||
| 301 | moveDirection: "UP", | ||
| 302 | }; | ||
| 303 | // 接口待调 | ||
| 304 | moveClml(obj).then(async (res) => { | ||
| 305 | if (res.code == 200) { | ||
| 306 | let res = await this.clmlInitList() | ||
| 307 | if (res == 200) this.$message({ | ||
| 308 | message: '上移成功', | ||
| 309 | type: 'success' | ||
| 310 | }) | ||
| 311 | } else { | ||
| 312 | this.$message.error(res.message); | ||
| 313 | } | ||
| 314 | }) | ||
| 315 | }, | ||
| 316 | // 下移 | ||
| 317 | moveDown (index, row) { | ||
| 318 | let obj = { | ||
| 319 | xh: row.xh, | ||
| 320 | bsmSlsq: row.bsmSlsq, | ||
| 321 | moveDirection: "DOWN", | ||
| 322 | } | ||
| 323 | // 接口待调 | ||
| 324 | moveClml(obj).then(async (res) => { | ||
| 325 | if (res.code == 200) { | ||
| 326 | let res = await this.clmlInitList() | ||
| 327 | if (res == 200) this.$message({ | ||
| 328 | message: '下移成功', | ||
| 329 | type: 'success' | ||
| 330 | }) | ||
| 331 | } else { | ||
| 332 | this.$message.error(res.message); | ||
| 333 | } | ||
| 334 | }) | ||
| 335 | }, | ||
| 336 | // 新增弹窗保存 | ||
| 337 | addSave (data) { | ||
| 338 | let obj = { | ||
| 339 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 340 | isrequired: "1", | ||
| 341 | sjmc: data.clmc, | ||
| 342 | sjsl: 0, | ||
| 343 | smzt: '', | ||
| 344 | ys: 0, | ||
| 345 | sjlx: data.cllx, | ||
| 346 | sfxjcl: "1", // 是否必选 | ||
| 347 | }; | ||
| 348 | saveClml(obj).then(async (res) => { | ||
| 349 | if (res.code == 200) { | ||
| 350 | let res = await this.clmlInitList() | ||
| 351 | if (res == 200) this.$message({ | ||
| 352 | message: "新增成功", | ||
| 353 | type: "success", | ||
| 354 | }) | ||
| 355 | } | ||
| 356 | }); | ||
| 357 | }, | ||
| 358 | // 材料目录删除 | ||
| 359 | handleDelete (index, row) { | ||
| 360 | let that = this | ||
| 361 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 362 | confirmButtonText: '确定', | ||
| 363 | cancelButtonText: '取消', | ||
| 364 | type: 'warning' | ||
| 365 | }).then(() => { | ||
| 366 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 367 | if (res.code == 200) { | ||
| 368 | let res = await that.clmlInitList() | ||
| 369 | if (res == 200) that.$message({ | ||
| 370 | message: "删除成功", | ||
| 371 | type: "success", | ||
| 372 | }) | ||
| 373 | } | ||
| 374 | }) | ||
| 375 | }).catch(() => { | ||
| 376 | this.$message({ | ||
| 377 | type: 'info', | ||
| 378 | message: '已取消删除' | ||
| 379 | }) | ||
| 380 | }) | ||
| 381 | }, | ||
| 382 | // 材料目录点击选中 | ||
| 383 | treeClick (item, index) { | ||
| 384 | this.previewImg.index = 0 | ||
| 385 | this.treeCheckId = item?.bsmSj | ||
| 386 | this.treeCheckIndex = index | ||
| 387 | this.previewImg.imgList = item?.children | ||
| 388 | this.previewImg.bsmSj = item?.bsmSj | ||
| 389 | }, | ||
| 390 | // 小图片点击 | ||
| 391 | imgClick (item, index) { | ||
| 392 | this.showImg = item; | ||
| 393 | this.titleYs = index + 1; | ||
| 394 | }, | ||
| 395 | // 字典 | ||
| 396 | dicStatus (val, code) { | ||
| 397 | let data = this.$store.getters.dictData[code], | ||
| 398 | name = "暂无"; | ||
| 399 | if (data) { | ||
| 400 | data.map((item) => { | ||
| 401 | if (item.dcode == val) { | ||
| 402 | name = item.dname; | ||
| 403 | } | ||
| 404 | }); | ||
| 405 | return name; | ||
| 406 | } | ||
| 407 | }, | ||
| 408 | }, | ||
| 409 | }; | ||
| 410 | </script> | ||
| 411 | <style scoped lang='scss'> | ||
| 412 | @import "~@/styles/mixin.scss"; | ||
| 413 | |||
| 414 | .active { | ||
| 415 | background: $light-blue !important; | ||
| 416 | color: #fff; | ||
| 417 | } | ||
| 418 | |||
| 419 | .required { | ||
| 420 | font-size: 12px; | ||
| 421 | color: $pink; | ||
| 422 | float: left; | ||
| 423 | } | ||
| 424 | |||
| 425 | .cl_number { | ||
| 426 | float: right; | ||
| 427 | } | ||
| 428 | |||
| 429 | .clxx { | ||
| 430 | width: 100%; | ||
| 431 | display: flex; | ||
| 432 | padding-left: 5px; | ||
| 433 | height: calc(100vh - 125px); | ||
| 434 | |||
| 435 | .left { | ||
| 436 | display: flex; | ||
| 437 | flex-direction: column; | ||
| 438 | justify-content: space-between; | ||
| 439 | |||
| 440 | .item { | ||
| 441 | width: 28px; | ||
| 442 | height: 49%; | ||
| 443 | @include flex-center; | ||
| 444 | background-color: #e4e7ed; | ||
| 445 | border-bottom-right-radius: 10px; | ||
| 446 | padding: 5px; | ||
| 447 | cursor: pointer; | ||
| 448 | transition: all 0.3s; | ||
| 449 | |||
| 450 | &:hover { | ||
| 451 | @extend .active; | ||
| 452 | } | ||
| 453 | } | ||
| 454 | } | ||
| 455 | |||
| 456 | .right { | ||
| 457 | width: 100%; | ||
| 458 | height: 100%; | ||
| 459 | |||
| 460 | .clmlmx-box { | ||
| 461 | margin: 0 auto; | ||
| 462 | |||
| 463 | .title { | ||
| 464 | text-align: center; | ||
| 465 | height: 60px; | ||
| 466 | line-height: 60px; | ||
| 467 | border: 1px solid #dfe6ec; | ||
| 468 | font-size: 20px; | ||
| 469 | background: #81d3f81a; | ||
| 470 | margin-bottom: -1px; | ||
| 471 | } | ||
| 472 | } | ||
| 473 | |||
| 474 | .clyl-box { | ||
| 475 | width: 100%; | ||
| 476 | height: 100%; | ||
| 477 | display: flex; | ||
| 478 | |||
| 479 | .menu-tree { | ||
| 480 | width: 20%; | ||
| 481 | min-width: 160px; | ||
| 482 | height: 100%; | ||
| 483 | margin-right: 10px; | ||
| 484 | border-right: 1px dotted #d9d9d9; | ||
| 485 | padding: 0 15px; | ||
| 486 | |||
| 487 | .item { | ||
| 488 | line-height: 30px; | ||
| 489 | padding-top: 5px; | ||
| 490 | border-bottom: 1px solid #e8e8e8; | ||
| 491 | font-size: 16px; | ||
| 492 | text-align: center; | ||
| 493 | color: $light-blue; | ||
| 494 | |||
| 495 | .itemIcon { | ||
| 496 | float: right; | ||
| 497 | line-height: 60px; | ||
| 498 | cursor: pointer; | ||
| 499 | } | ||
| 500 | |||
| 501 | .child { | ||
| 502 | line-height: 32px; | ||
| 503 | border-bottom: 1px solid #e8e8e8; | ||
| 504 | padding-left: 10px; | ||
| 505 | color: #6b6b6b; | ||
| 506 | cursor: pointer; | ||
| 507 | box-sizing: border-box; | ||
| 508 | border-radius: 6px; | ||
| 509 | line-height: 20px; | ||
| 510 | transition: all 0.3s; | ||
| 511 | padding: 8px 0; | ||
| 512 | } | ||
| 513 | |||
| 514 | .child:hover { | ||
| 515 | color: $light-blue; | ||
| 516 | transform: scale(1.1); | ||
| 517 | } | ||
| 518 | |||
| 519 | .checked { | ||
| 520 | border: 1px solid $light-blue; | ||
| 521 | color: $light-blue; | ||
| 522 | } | ||
| 523 | } | ||
| 524 | } | ||
| 525 | |||
| 526 | .clyl-img { | ||
| 527 | width: 75%; | ||
| 528 | height: 100%; | ||
| 529 | background: #f3f4f7; | ||
| 530 | margin: 0 auto; | ||
| 531 | position: relative; | ||
| 532 | } | ||
| 533 | } | ||
| 534 | } | ||
| 535 | } | ||
| 536 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:38 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="right"> | ||
| 9 | <!-- 材料预览 --> | ||
| 10 | <div class="clyl-box"> | ||
| 11 | <div class="menu-tree"> | ||
| 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 13 | <div class="item"> | ||
| 14 | 材料目录({{tableData.length}}) | ||
| 15 | <div style="margin-top:10px"> | ||
| 16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 19 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 20 | {{ item.sjmc }} | ||
| 21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 22 | </div> | ||
| 23 | </div> | ||
| 24 | </div> | ||
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
| 26 | </div> | ||
| 27 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 28 | @prevPriview="prevPriview" /> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <clxxAddDialog v-model="isDialog" /> | ||
| 32 | <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> --> | ||
| 33 | </div> | ||
| 34 | </template> | ||
| 35 | <script> | ||
| 36 | import { mapGetters } from "vuex"; | ||
| 37 | import clxxAddDialog from "./dialog/clxxAddDialog.vue"; | ||
| 38 | import clxxDetailDialog from "./dialog/clxxDetailDialog.vue"; | ||
| 39 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 40 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 41 | import { popupDialog } from "@/utils/popup.js"; | ||
| 42 | export default { | ||
| 43 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | ||
| 44 | data () { | ||
| 45 | return { | ||
| 46 | isDialog: false, | ||
| 47 | iclass: "", | ||
| 48 | // 材料目录选中 | ||
| 49 | treeCheckIndex: 0, | ||
| 50 | treeCheckId: "", | ||
| 51 | key: 0, | ||
| 52 | tableData: [], | ||
| 53 | previewImg: { | ||
| 54 | // 收件标识码 | ||
| 55 | bsmSj: '', | ||
| 56 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 57 | index: 0, | ||
| 58 | selectedIndex: 0, | ||
| 59 | imgList: [] | ||
| 60 | } | ||
| 61 | } | ||
| 62 | }, | ||
| 63 | computed: { | ||
| 64 | ...mapGetters(["dictData"]) | ||
| 65 | }, | ||
| 66 | created () { | ||
| 67 | this.clmlInitList(1) | ||
| 68 | }, | ||
| 69 | methods: { | ||
| 70 | // 自动预览 | ||
| 71 | nextPriview () { | ||
| 72 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 73 | this.treeCheckIndex++ | ||
| 74 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 75 | this.previewImg.index = 0 | ||
| 76 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 77 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 78 | } | ||
| 79 | }, | ||
| 80 | prevPriview () { | ||
| 81 | if (this.treeCheckIndex >= 1) { | ||
| 82 | this.treeCheckIndex-- | ||
| 83 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 84 | this.previewImg.index = this.previewImg.imgList.length | ||
| 85 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 86 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 87 | } | ||
| 88 | }, | ||
| 89 | // 材料目录明细初始化 | ||
| 90 | clmlInitList (type) { | ||
| 91 | //type 1：列表初始化 2：新增材料 | ||
| 92 | return new Promise(resolve => { | ||
| 93 | this.unitData = this.$parent.unitData; | ||
| 94 | var formdata = new FormData(); | ||
| 95 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 96 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 97 | InitClml(formdata).then((res) => { | ||
| 98 | if (res.code == 200) { | ||
| 99 | resolve(res.code) | ||
| 100 | if (res.result && res.result.length > 0) { | ||
| 101 | this.tableData = res.result; | ||
| 102 | if (type == 1) { | ||
| 103 | this.treeClick(this.tableData[0], 0); | ||
| 104 | } else { | ||
| 105 | //新增材料后刷新列表焦点置于新增的对象上 | ||
| 106 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
| 107 | } | ||
| 108 | } | ||
| 109 | } else { | ||
| 110 | this.$message.error(res.message) | ||
| 111 | } | ||
| 112 | }) | ||
| 113 | }) | ||
| 114 | }, | ||
| 115 | setChecked (item) { | ||
| 116 | this.treeCheckId = item.bsmSj; | ||
| 117 | this.title = item.sjmc; | ||
| 118 | this.titleYs = 1; | ||
| 119 | this.titleNum = item.children.length; | ||
| 120 | this.previewImg.imgList = item.children; | ||
| 121 | this.previewImg.bsmSj = item.bsmSj; | ||
| 122 | }, | ||
| 123 | updateList (val) { | ||
| 124 | let that = this | ||
| 125 | if (val != null) { //删除最后一张图片时 val=null | ||
| 126 | this.tableData.forEach(item => { | ||
| 127 | if (item.bsmSj === val.bsmSj) { | ||
| 128 | item.children = val.children | ||
| 129 | } | ||
| 130 | }) | ||
| 131 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 132 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 133 | this.previewImg.index = this.previewImg.index - 1 | ||
| 134 | } | ||
| 135 | } else { | ||
| 136 | this.previewImg.imgList = [] | ||
| 137 | this.tableData.forEach((item, index) => { | ||
| 138 | if (this.treeCheckId == item.bsmSj) { | ||
| 139 | item.children = [] | ||
| 140 | that.treeCheckIndex = index | ||
| 141 | } | ||
| 142 | }) | ||
| 143 | } | ||
| 144 | |||
| 145 | }, | ||
| 146 | // 添加材料目录 | ||
| 147 | handleAdd () { | ||
| 148 | this.isDialog = true; | ||
| 149 | }, | ||
| 150 | // 新增弹窗保存 | ||
| 151 | addSave (data) { | ||
| 152 | let obj = { | ||
| 153 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 154 | isrequired: "1", | ||
| 155 | sjmc: data.clmc, | ||
| 156 | sjsl: 0, | ||
| 157 | smzt: '', | ||
| 158 | ys: 0, | ||
| 159 | sjlx: data.cllx, | ||
| 160 | sfxjcl: "1", // 是否必选 | ||
| 161 | }; | ||
| 162 | saveClml(obj).then(async (res) => { | ||
| 163 | if (res.code == 200) { | ||
| 164 | let res = await this.clmlInitList(2) | ||
| 165 | if (res == 200) this.$message({ | ||
| 166 | message: "新增成功", | ||
| 167 | type: "success", | ||
| 168 | }) | ||
| 169 | } | ||
| 170 | }); | ||
| 171 | }, | ||
| 172 | // 材料目录点击选中 | ||
| 173 | treeClick (item, index) { | ||
| 174 | this.previewImg.index = 0 | ||
| 175 | this.treeCheckId = item?.bsmSj | ||
| 176 | this.treeCheckIndex = index | ||
| 177 | this.previewImg.imgList = item?.children | ||
| 178 | this.previewImg.bsmSj = item?.bsmSj | ||
| 179 | }, | ||
| 180 | // 小图片点击 | ||
| 181 | imgClick (item, index) { | ||
| 182 | this.showImg = item; | ||
| 183 | this.titleYs = index + 1; | ||
| 184 | }, | ||
| 185 | // 字典 | ||
| 186 | dicStatus (val, code) { | ||
| 187 | let data = this.$store.getters.dictData[code], | ||
| 188 | name = "暂无"; | ||
| 189 | if (data) { | ||
| 190 | data.map((item) => { | ||
| 191 | if (item.dcode == val) { | ||
| 192 | name = item.dname | ||
| 193 | } | ||
| 194 | }); | ||
| 195 | return name | ||
| 196 | } | ||
| 197 | }, | ||
| 198 | //查看明细 | ||
| 199 | viewDetail () { | ||
| 200 | this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { | ||
| 201 | data: this.tableData | ||
| 202 | }, "60%") | ||
| 203 | }, | ||
| 204 | //设置tableData | ||
| 205 | setTableData (tableData) { | ||
| 206 | this.$nextTick(res => { | ||
| 207 | this.tableData = tableData; | ||
| 208 | }) | ||
| 209 | }, | ||
| 210 | }, | ||
| 211 | }; | ||
| 212 | </script> | ||
| 213 | <style scoped lang='scss'> | ||
| 214 | @import "~@/styles/mixin.scss"; | ||
| 215 | |||
| 216 | .active { | ||
| 217 | background: $light-blue !important; | ||
| 218 | color: #fff; | ||
| 219 | } | ||
| 220 | |||
| 221 | .required { | ||
| 222 | font-size: 12px; | ||
| 223 | color: $pink; | ||
| 224 | float: left; | ||
| 225 | } | ||
| 226 | |||
| 227 | .cl_number { | ||
| 228 | float: right; | ||
| 229 | } | ||
| 230 | |||
| 231 | .clxx { | ||
| 232 | width: 100%; | ||
| 233 | display: flex; | ||
| 234 | padding-left: 5px; | ||
| 235 | height: calc(100vh - 125px); | ||
| 236 | |||
| 237 | .left { | ||
| 238 | display: flex; | ||
| 239 | flex-direction: column; | ||
| 240 | justify-content: space-between; | ||
| 241 | |||
| 242 | .item { | ||
| 243 | width: 28px; | ||
| 244 | height: 49%; | ||
| 245 | @include flex-center; | ||
| 246 | background-color: #e4e7ed; | ||
| 247 | border-bottom-right-radius: 10px; | ||
| 248 | padding: 5px; | ||
| 249 | cursor: pointer; | ||
| 250 | transition: all 0.3s; | ||
| 251 | |||
| 252 | &:hover { | ||
| 253 | @extend .active; | ||
| 254 | } | ||
| 255 | } | ||
| 256 | } | ||
| 257 | |||
| 258 | .right { | ||
| 259 | width: 100%; | ||
| 260 | height: 100%; | ||
| 261 | |||
| 262 | .clmlmx-box { | ||
| 263 | margin: 0 auto; | ||
| 264 | |||
| 265 | .title { | ||
| 266 | text-align: center; | ||
| 267 | height: 60px; | ||
| 268 | line-height: 60px; | ||
| 269 | border: 1px solid #dfe6ec; | ||
| 270 | font-size: 20px; | ||
| 271 | background: #81d3f81a; | ||
| 272 | margin-bottom: -1px; | ||
| 273 | } | ||
| 274 | } | ||
| 275 | |||
| 276 | .clyl-box { | ||
| 277 | width: 100%; | ||
| 278 | height: 100%; | ||
| 279 | display: flex; | ||
| 280 | |||
| 281 | .menu-tree { | ||
| 282 | width: 20%; | ||
| 283 | min-width: 160px; | ||
| 284 | height: 100%; | ||
| 285 | margin-right: 10px; | ||
| 286 | border-right: 1px dotted #d9d9d9; | ||
| 287 | padding: 0 15px; | ||
| 288 | |||
| 289 | .item { | ||
| 290 | line-height: 30px; | ||
| 291 | padding-top: 5px; | ||
| 292 | border-bottom: 1px solid #e8e8e8; | ||
| 293 | font-size: 16px; | ||
| 294 | text-align: center; | ||
| 295 | color: $light-blue; | ||
| 296 | |||
| 297 | .itemIcon { | ||
| 298 | float: right; | ||
| 299 | line-height: 60px; | ||
| 300 | cursor: pointer; | ||
| 301 | } | ||
| 302 | |||
| 303 | .child { | ||
| 304 | line-height: 32px; | ||
| 305 | border-bottom: 1px solid #e8e8e8; | ||
| 306 | padding-left: 10px; | ||
| 307 | color: #6b6b6b; | ||
| 308 | cursor: pointer; | ||
| 309 | box-sizing: border-box; | ||
| 310 | border-radius: 6px; | ||
| 311 | line-height: 20px; | ||
| 312 | transition: all 0.3s; | ||
| 313 | padding: 8px 0; | ||
| 314 | } | ||
| 315 | |||
| 316 | .child:hover { | ||
| 317 | color: $light-blue; | ||
| 318 | transform: scale(1.1); | ||
| 319 | } | ||
| 320 | |||
| 321 | .checked { | ||
| 322 | border: 1px solid $light-blue; | ||
| 323 | color: $light-blue; | ||
| 324 | } | ||
| 325 | } | ||
| 326 | } | ||
| 327 | |||
| 328 | .clyl-img { | ||
| 329 | width: 75%; | ||
| 330 | height: 100%; | ||
| 331 | background: #f3f4f7; | ||
| 332 | margin: 0 auto; | ||
| 333 | position: relative; | ||
| 334 | } | ||
| 335 | } | ||
| 336 | } | ||
| 337 | } | ||
| 338 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
| 8 | :isFullscreen="false"> | ||
| 9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | ||
| 10 | <el-row> | ||
| 11 | <el-col :span="24"> | ||
| 12 | <el-form-item label="材料类型"> | ||
| 13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
| 14 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | </el-row> | ||
| 20 | <el-row :gutter="20"> | ||
| 21 | <el-col :span="24"> | ||
| 22 | <el-form-item label="材料名称"> | ||
| 23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | </el-form> | ||
| 28 | </dialogBox> | ||
| 29 | </template> | ||
| 30 | |||
| 31 | <script> | ||
| 32 | import { mapGetters } from "vuex"; | ||
| 33 | export default { | ||
| 34 | props: { | ||
| 35 | value: { type: Boolean, default: false }, | ||
| 36 | }, | ||
| 37 | data () { | ||
| 38 | return { | ||
| 39 | myValue: this.value, | ||
| 40 | ruleForm: { | ||
| 41 | cllx: "", | ||
| 42 | clmc: "", | ||
| 43 | }, | ||
| 44 | }; | ||
| 45 | }, | ||
| 46 | computed: { | ||
| 47 | ...mapGetters(["dictData"]), | ||
| 48 | }, | ||
| 49 | watch: { | ||
| 50 | value (val) { | ||
| 51 | this.myValue = val; | ||
| 52 | }, | ||
| 53 | }, | ||
| 54 | methods: { | ||
| 55 | closeDialog () { | ||
| 56 | this.$emit("input", false); | ||
| 57 | this.ruleForm = { | ||
| 58 | cllx: "", | ||
| 59 | clmc: "", | ||
| 60 | } | ||
| 61 | }, | ||
| 62 | handleSubmit () { | ||
| 63 | this.$parent.addSave(this.ruleForm); | ||
| 64 | this.ruleForm = { | ||
| 65 | cllx: "", | ||
| 66 | clmc: "", | ||
| 67 | } | ||
| 68 | this.$emit("input", false); | ||
| 69 | }, | ||
| 70 | }, | ||
| 71 | }; | ||
| 72 | </script> | ||
| 73 | <style scoped lang="scss"> | ||
| 74 | .submit-button { | ||
| 75 | text-align: center; | ||
| 76 | height: 52px; | ||
| 77 | padding-top: 10px; | ||
| 78 | background-color: #fff; | ||
| 79 | } | ||
| 80 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:39:57 | 4 | * @LastEditTime: 2023-05-17 10:39:57 |
| 5 | --> | 5 | --> |
| ... | @@ -275,4 +275,4 @@ | ... | @@ -275,4 +275,4 @@ |
| 275 | margin-bottom: -1px; | 275 | margin-bottom: -1px; |
| 276 | } | 276 | } |
| 277 | } | 277 | } |
| 278 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 278 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:40:02 | 4 | * @LastEditTime: 2023-05-17 10:40:02 |
| 5 | --> | 5 | --> |
| ... | @@ -164,4 +164,4 @@ | ... | @@ -164,4 +164,4 @@ |
| 164 | display: flex; | 164 | display: flex; |
| 165 | justify-content: flex-end; | 165 | justify-content: flex-end; |
| 166 | } | 166 | } |
| 167 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 167 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-04 14:13:28 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <lb-table :column="tableData.columns" heightNumSetting :pagination="false" :key="key" :data="tableData.data"> | ||
| 8 | </lb-table> | ||
| 9 | </template> | ||
| 10 | <script> | ||
| 11 | import { mapGetters } from 'vuex' | ||
| 12 | import { getSzRecordList } from "@/api/bdcqz.js"; | ||
| 13 | import table from "@/utils/mixin/table"; | ||
| 14 | import { datas } from "../../javascript/szxxdata"; | ||
| 15 | export default { | ||
| 16 | components: { | ||
| 17 | |||
| 18 | }, | ||
| 19 | mixins: [table], | ||
| 20 | computed: { | ||
| 21 | ...mapGetters(["dictData"]), | ||
| 22 | }, | ||
| 23 | props: { | ||
| 24 | formData: { | ||
| 25 | type: Object, | ||
| 26 | default: {} | ||
| 27 | } | ||
| 28 | }, | ||
| 29 | data () { | ||
| 30 | return { | ||
| 31 | key: 0, | ||
| 32 | dataIndex: 0, | ||
| 33 | dialog: false, | ||
| 34 | details: {}, | ||
| 35 | tableData: { | ||
| 36 | total: 0, | ||
| 37 | columns: datas.columns(), | ||
| 38 | data: [], | ||
| 39 | }, | ||
| 40 | } | ||
| 41 | }, | ||
| 42 | mounted () { | ||
| 43 | this.query() | ||
| 44 | }, | ||
| 45 | methods: { | ||
| 46 | query () { | ||
| 47 | getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then(res => { | ||
| 48 | if (res.code == 200) { | ||
| 49 | this.tableData.data = res.result; | ||
| 50 | this.key++ | ||
| 51 | } | ||
| 52 | }) | ||
| 53 | } | ||
| 54 | } | ||
| 55 | } | ||
| 56 | </script> | ||
| 57 | <style scoped lang='scss'> | ||
| 58 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:09 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <div class="zsdy-content loadingtext"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | ref="ruleForm" | ||
| 13 | label-width="120px"> | ||
| 14 | <el-form-item label="印刷序列号：" prop="ysxlh"> | ||
| 15 | <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> | ||
| 16 | <el-option | ||
| 17 | v-for="item in ysxlh" | ||
| 18 | :key="item.ysxlh" | ||
| 19 | :label="item.ysxlh" | ||
| 20 | :value="item.ysxlh"> | ||
| 21 | </el-option> | ||
| 22 | </el-select> | ||
| 23 | </el-form-item> | ||
| 24 | </el-form> | ||
| 25 | <img :src="previewImage" style="width: 100%"> | ||
| 26 | </div> | ||
| 27 | <div class="text-center pt-10"> | ||
| 28 | <el-button @click="$popupCacel">取消</el-button> | ||
| 29 | <el-button type="primary" @click="handleSubmit">确定</el-button> | ||
| 30 | </div> | ||
| 31 | </div> | ||
| 32 | </template> | ||
| 33 | |||
| 34 | <script> | ||
| 35 | import store from '@/store/index.js' | ||
| 36 | import { datas } from "../../javascript/zsyl.js"; | ||
| 37 | import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js"; | ||
| 38 | export default { | ||
| 39 | props: { | ||
| 40 | formData: { | ||
| 41 | type: Object, | ||
| 42 | default: () => { | ||
| 43 | return {} | ||
| 44 | } | ||
| 45 | } | ||
| 46 | }, | ||
| 47 | data () { | ||
| 48 | return { | ||
| 49 | //印刷序列号集合 | ||
| 50 | ysxlh: [], | ||
| 51 | //证书预览图片 | ||
| 52 | previewImage: '', | ||
| 53 | //列名称对象 | ||
| 54 | columns: [], | ||
| 55 | ruleForm: { | ||
| 56 | bsmBdcqz: "", | ||
| 57 | szmc: "不动产权证书", | ||
| 58 | bdcqzlx: "", | ||
| 59 | szzh: "", | ||
| 60 | ysxlh: "" | ||
| 61 | }, | ||
| 62 | rules: { | ||
| 63 | ysxlh: [ | ||
| 64 | { required: true, message: "请选择印刷序列号", trigger: "change" } | ||
| 65 | ] | ||
| 66 | } | ||
| 67 | } | ||
| 68 | }, | ||
| 69 | created () { | ||
| 70 | store.dispatch('user/refreshPage', false) | ||
| 71 | this.columns = datas.columns() | ||
| 72 | this.ysxlhList() | ||
| 73 | this.getBdcqzPreview() | ||
| 74 | }, | ||
| 75 | methods: { | ||
| 76 | //获取印刷序列号列表 | ||
| 77 | ysxlhList () { | ||
| 78 | readYsxlh({ zslx: this.formData.bdcqz.bdcqzlx }).then((res) => { | ||
| 79 | if (res.code === 200) { | ||
| 80 | this.ysxlh = res.result; | ||
| 81 | } | ||
| 82 | }) | ||
| 83 | }, | ||
| 84 | handleSubmit () { | ||
| 85 | this.savePrintRecord() | ||
| 86 | }, | ||
| 87 | //获取证书内容 | ||
| 88 | getRowValue (code) { | ||
| 89 | var value = this.bdcqz[code]; | ||
| 90 | return value; | ||
| 91 | }, | ||
| 92 | getBdcqzPreview () { | ||
| 93 | this.$startLoading() | ||
| 94 | bdcqzPreview(this.formData.bdcqz).then(res => { | ||
| 95 | this.$endLoading() | ||
| 96 | let blob = new Blob([res]); | ||
| 97 | let url = window.URL.createObjectURL(blob); | ||
| 98 | this.previewImage = url; | ||
| 99 | }) | ||
| 100 | }, | ||
| 101 | //保存打印记录 | ||
| 102 | savePrintRecord () { | ||
| 103 | this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz; | ||
| 104 | this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx; | ||
| 105 | this.ruleForm.szzh = this.formData.bdcqz.bdcqzh; | ||
| 106 | certificate(this.ruleForm).then((res) => { | ||
| 107 | if (res.code === 200) { | ||
| 108 | this.$popupCacel() | ||
| 109 | this.$message.success("提交成功") | ||
| 110 | //刷新列表 | ||
| 111 | store.dispatch('user/refreshPage', true); | ||
| 112 | } else { | ||
| 113 | this.$message.error(res.message) | ||
| 114 | } | ||
| 115 | }); | ||
| 116 | }, | ||
| 117 | }, | ||
| 118 | }; | ||
| 119 | </script> | ||
| 120 | <style scoped lang="scss"> | ||
| 121 | @import "~@/styles/mixin.scss"; | ||
| 122 | .zsdy-content { | ||
| 123 | height: 80vh; | ||
| 124 | overflow-y: scroll; | ||
| 125 | } | ||
| 126 | .aaaa { | ||
| 127 | width: 1024px; | ||
| 128 | height: 739px; | ||
| 129 | font-family: KaiTi; | ||
| 130 | font-weight: 700; | ||
| 131 | } | ||
| 132 | .bdcdjzm { | ||
| 133 | width: 1123px; | ||
| 134 | height: 794px; | ||
| 135 | font-family: KaiTi; | ||
| 136 | font-weight: 700; | ||
| 137 | } | ||
| 138 | .zmyl-box { | ||
| 139 | //position: relative; | ||
| 140 | position: absolute; | ||
| 141 | height: 600px; | ||
| 142 | width: 280px; | ||
| 143 | margin-left: 775px; | ||
| 144 | font-size: 16px; | ||
| 145 | justify-content: space-between; | ||
| 146 | } | ||
| 147 | .bdcqzh { | ||
| 148 | height: 70px; | ||
| 149 | left: 0; | ||
| 150 | bottom: 0; | ||
| 151 | font-size: 18px; | ||
| 152 | } | ||
| 153 | .zsyl-box { | ||
| 154 | display: flex; | ||
| 155 | justify-content: space-between; | ||
| 156 | // padding: 20px; | ||
| 157 | font-size: 16px; | ||
| 158 | height: 100%; | ||
| 159 | $left: 131px; | ||
| 160 | |||
| 161 | .zsyl-left { | ||
| 162 | width: 460px; | ||
| 163 | position: relative; | ||
| 164 | .qlr { | ||
| 165 | position: absolute; | ||
| 166 | top: 40px; | ||
| 167 | left: $left; | ||
| 168 | } | ||
| 169 | .gyqk { | ||
| 170 | position: absolute; | ||
| 171 | top: 80px; | ||
| 172 | left: $left; | ||
| 173 | } | ||
| 174 | .zl { | ||
| 175 | position: absolute; | ||
| 176 | top: 120px; | ||
| 177 | left: $left; | ||
| 178 | } | ||
| 179 | .bdcdyh { | ||
| 180 | position: absolute; | ||
| 181 | top: 160px; | ||
| 182 | left: $left; | ||
| 183 | } | ||
| 184 | .qllx { | ||
| 185 | position: absolute; | ||
| 186 | top: 205px; | ||
| 187 | left: $left; | ||
| 188 | } | ||
| 189 | .qlxz { | ||
| 190 | position: absolute; | ||
| 191 | top: 250px; | ||
| 192 | left: $left; | ||
| 193 | } | ||
| 194 | .yt { | ||
| 195 | position: absolute; | ||
| 196 | top: 290px; | ||
| 197 | left: $left; | ||
| 198 | } | ||
| 199 | .mj { | ||
| 200 | position: absolute; | ||
| 201 | top: 330px; | ||
| 202 | left: $left; | ||
| 203 | } | ||
| 204 | .syqx { | ||
| 205 | position: absolute; | ||
| 206 | top: 370px; | ||
| 207 | left: $left; | ||
| 208 | } | ||
| 209 | .qt { | ||
| 210 | position: absolute; | ||
| 211 | top: 420px; | ||
| 212 | left: $left; | ||
| 213 | } | ||
| 214 | } | ||
| 215 | .zsyl-right { | ||
| 216 | flex: 1; | ||
| 217 | text-align: left; | ||
| 218 | position: relative; | ||
| 219 | .fj { | ||
| 220 | position: absolute; | ||
| 221 | left: 115px; | ||
| 222 | top: 5px; | ||
| 223 | } | ||
| 224 | } | ||
| 225 | .zsyl-title { | ||
| 226 | margin-bottom: 12px; | ||
| 227 | } | ||
| 228 | /deep/.el-table__row { | ||
| 229 | background: #fafbe5 !important; | ||
| 230 | } | ||
| 231 | } | ||
| 232 | .middle_padding { | ||
| 233 | padding-bottom: 10px; | ||
| 234 | } | ||
| 235 | .zsyl-button { | ||
| 236 | text-align: center; | ||
| 237 | margin-top: 20px; | ||
| 238 | .operation_button { | ||
| 239 | width: 100px; | ||
| 240 | border: 1px solid rgb(0, 121, 254); | ||
| 241 | } | ||
| 242 | .dy-button { | ||
| 243 | color: white; | ||
| 244 | background-color: rgb(0, 121, 254); | ||
| 245 | } | ||
| 246 | } | ||
| 247 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-18 10:53:49 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | ||
| 8 | <el-row> | ||
| 9 | <el-col :span="8"> | ||
| 10 | <el-form-item label="发证人姓名"> | ||
| 11 | <el-input v-model="ruleForm.fzrmc" disabled></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | <el-col :span="8"> | ||
| 15 | <el-form-item label="发证时间"> | ||
| 16 | <el-input v-model="ruleForm.fzsj" disabled></el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item label="发证数量"> | ||
| 21 | <el-input v-model="ruleForm.fzsl" disabled></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | </el-row> | ||
| 25 | |||
| 26 | <lb-table :column="tableData.columns" @row-dblclick="handleRowClick" ref="table" @selection-change="handleSelectionChange" :data="tableData.data" | ||
| 27 | :pagination="false" | ||
| 28 | :calcHeight="300"> | ||
| 29 | </lb-table> | ||
| 30 | <el-row> | ||
| 31 | <el-col :span="6"> | ||
| 32 | <el-form-item label="领证人" prop="lzrxm"> | ||
| 33 | <el-input v-model="ruleForm.lzrxm"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | <el-col :span="6"> | ||
| 37 | <el-form-item label="证件类型" prop="lzrzjlb"> | ||
| 38 | <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> | ||
| 39 | <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 40 | </el-option> | ||
| 41 | </el-select> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="6"> | ||
| 45 | <el-form-item label="证件号" prop="lzrzjh"> | ||
| 46 | <el-input v-model="ruleForm.lzrzjh"></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | <el-col :span="6"> | ||
| 50 | <el-form-item label="领证人电话" prop="lzrdh"> | ||
| 51 | <el-input v-model="ruleForm.lzrdh"></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | </el-row> | ||
| 55 | <el-form-item class="text-center"> | ||
| 56 | <el-button @click="$popupCacel">取消</el-button> | ||
| 57 | <el-button type="primary" @click="handleSubmit">确定</el-button> | ||
| 58 | </el-form-item> | ||
| 59 | </el-form> | ||
| 60 | </template> | ||
| 61 | <script> | ||
| 62 | import Vue from 'vue' | ||
| 63 | import store from '@/store/index.js' | ||
| 64 | import table from "@/utils/mixin/table"; | ||
| 65 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; | ||
| 66 | import { datas } from "../../javascript/fzxxdata"; | ||
| 67 | export default { | ||
| 68 | props: { | ||
| 69 | formData: { | ||
| 70 | type: Object, | ||
| 71 | default: () => { | ||
| 72 | return {} | ||
| 73 | } | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | mixins: [table], | ||
| 77 | data () { | ||
| 78 | return { | ||
| 79 | zjzlData: store.getters.dictData['A30'], | ||
| 80 | ruleForm: { | ||
| 81 | fzrmc: '', | ||
| 82 | fzsj: '', | ||
| 83 | fzsl: '', | ||
| 84 | bdcqzList: [], | ||
| 85 | lzrxm: '', | ||
| 86 | lzrzjlb: '', | ||
| 87 | lzrzjh: '', | ||
| 88 | lzrdh: '' | ||
| 89 | }, | ||
| 90 | rules: { | ||
| 91 | lzrxm: [ | ||
| 92 | { required: true, message: '请输入领证人', trigger: 'blur' } | ||
| 93 | ], | ||
| 94 | lzrzjlb: [ | ||
| 95 | { required: true, message: '请选择证件类型', trigger: 'change' } | ||
| 96 | ], | ||
| 97 | lzrzjh: [ | ||
| 98 | { required: true, message: '请输入证件号', trigger: 'blur' } | ||
| 99 | ], | ||
| 100 | lzrdh: [ | ||
| 101 | { required: true, message: '请输入电话号码', trigger: 'blur' } | ||
| 102 | ] | ||
| 103 | }, | ||
| 104 | tableData: { | ||
| 105 | total: 0, | ||
| 106 | columns: datas.columns().lzgrid, | ||
| 107 | data: [] | ||
| 108 | } | ||
| 109 | } | ||
| 110 | }, | ||
| 111 | mounted () { | ||
| 112 | this.$nextTick(() => { | ||
| 113 | this.loadGrid() | ||
| 114 | }) | ||
| 115 | }, | ||
| 116 | methods: { | ||
| 117 | //列表初始化 | ||
| 118 | loadGrid () { | ||
| 119 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { | ||
| 120 | if (res.code === 200) { | ||
| 121 | this.tableData.data = res.result.list; | ||
| 122 | this.ruleForm.fzrmc = res.result.fzrmc | ||
| 123 | this.ruleForm.fzsj = res.result.fzsj | ||
| 124 | this.ruleForm.fzsl = res.result.fzsl | ||
| 125 | this.ruleForm.bdcqzList = res.result.list; | ||
| 126 | } | ||
| 127 | }) | ||
| 128 | }, | ||
| 129 | handleSelectionChange (val) { | ||
| 130 | this.ruleForm.bdcqzList = val | ||
| 131 | }, | ||
| 132 | handleRowClick (row) { | ||
| 133 | this.$refs.table.toggleRowSelection(row) | ||
| 134 | }, | ||
| 135 | handleSubmit () { | ||
| 136 | |||
| 137 | this.$refs.ruleForm.validate(valid => { | ||
| 138 | if (valid) { | ||
| 139 | issueCertificate(this.ruleForm).then(res => { | ||
| 140 | if (res.code == 200) { | ||
| 141 | this.$message.success('保存成功'); | ||
| 142 | this.$popupCacel() | ||
| 143 | } else { | ||
| 144 | this.$message.error(res.message) | ||
| 145 | } | ||
| 146 | }) | ||
| 147 | } else { | ||
| 148 | this.$message.error("请填写领取人信息！") | ||
| 149 | return false; | ||
| 150 | } | ||
| 151 | }) | ||
| 152 | } | ||
| 153 | } | ||
| 154 | } | ||
| 155 | </script> | ||
| 156 | <style scoped lang="scss"> | ||
| 157 | @import "~@/styles/mixin.scss"; | ||
| 158 | </style> | ||
| 159 | |||
| 160 |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-29 14:22:48 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px"> | ||
| 8 | <!-- 表单部分 --> | ||
| 9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> | ||
| 10 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" | ||
| 11 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> | ||
| 12 | </el-tabs> | ||
| 13 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | ||
| 14 | <!-- <img :src="previewImage" class="imgClass"> --> | ||
| 15 | <canvas ref="canvas" :width="canvasWidth" :height="canvasHeight"></canvas> | ||
| 16 | </div> | ||
| 17 | </template> | ||
| 18 | |||
| 19 | <script> | ||
| 20 | import { datas } from "../../javascript/zsyl.js"; | ||
| 21 | import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js" | ||
| 22 | export default { | ||
| 23 | name: "zsyl", | ||
| 24 | props: { | ||
| 25 | formData: { | ||
| 26 | type: Object, | ||
| 27 | default: {} | ||
| 28 | } | ||
| 29 | }, | ||
| 30 | data () { | ||
| 31 | return { | ||
| 32 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | ||
| 33 | canvasWidth: 1018, | ||
| 34 | canvasHeight: 720, | ||
| 35 | |||
| 36 | loading: false, | ||
| 37 | //印刷序列号集合 | ||
| 38 | ysxlh: [], | ||
| 39 | //列名称对象 | ||
| 40 | columns: [], | ||
| 41 | //选择的不动产权证文件 | ||
| 42 | bdcqz: '', | ||
| 43 | //证书打开类型 是否需要展示打印按钮 | ||
| 44 | isToPrint: false, | ||
| 45 | //tab切换栏数组 | ||
| 46 | headTabBdcqz: [], | ||
| 47 | //tab选择绑定值 | ||
| 48 | activeName: '', | ||
| 49 | //证书图片预览 | ||
| 50 | previewImage: '', | ||
| 51 | ruleForm: { | ||
| 52 | bsmBdcqz: '', | ||
| 53 | szmc: '不动产权证书', | ||
| 54 | bdcqzlx: '', | ||
| 55 | szzh: '', | ||
| 56 | ysxlh: '', | ||
| 57 | }, | ||
| 58 | } | ||
| 59 | }, | ||
| 60 | mounted () { | ||
| 61 | this.columns = datas.columns(); | ||
| 62 | if (this.formData.bdcqz) { | ||
| 63 | //从缮证进入 | ||
| 64 | this.bdcqz = this.formData.bdcqz | ||
| 65 | } else { | ||
| 66 | //从按钮进入 | ||
| 67 | this.getHeadTabBdcqz(); | ||
| 68 | } | ||
| 69 | }, | ||
| 70 | methods: { | ||
| 71 | //获取证书内容 | ||
| 72 | getRowValue (code) { | ||
| 73 | var value = this.bdcqz[code]; | ||
| 74 | return value; | ||
| 75 | }, | ||
| 76 | //获取受理申请下全部不动产权证 | ||
| 77 | getHeadTabBdcqz () { | ||
| 78 | this.loading = true | ||
| 79 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | ||
| 80 | if (res.code == 200) { | ||
| 81 | if (res.result && res.result.length > 0) { | ||
| 82 | this.activeName = res.result[0].bsmBdcqz | ||
| 83 | this.bdcqz = res.result[0] | ||
| 84 | this.headTabBdcqz = res.result | ||
| 85 | this.drawTextOnImage(); | ||
| 86 | } | ||
| 87 | } | ||
| 88 | this.loading = false | ||
| 89 | }) | ||
| 90 | }, | ||
| 91 | //tab表头切换方法 | ||
| 92 | handleClick (e) { | ||
| 93 | this.bdcqz = this.headTabBdcqz[e.index - 0] | ||
| 94 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
| 95 | // this.getBdcqzPreview(); | ||
| 96 | this.drawTextOnImage() | ||
| 97 | }, | ||
| 98 | // getBdcqzPreview () { | ||
| 99 | // bdcqzPreview(this.bdcqz).then(res => { | ||
| 100 | // this.loading = false | ||
| 101 | // let blob = new Blob([res]); | ||
| 102 | // let url = window.URL.createObjectURL(blob); | ||
| 103 | // this.previewImage = url; | ||
| 104 | // this.drawTextOnImage() | ||
| 105 | // }) | ||
| 106 | // }, | ||
| 107 | drawTextOnImage () { | ||
| 108 | const canvas = this.$refs.canvas; | ||
| 109 | const context = canvas.getContext('2d'); | ||
| 110 | const image = new Image(); | ||
| 111 | image.onload = () => { | ||
| 112 | context.drawImage(image, 0, 0); | ||
| 113 | context.font = '15px 楷体'; | ||
| 114 | context.fillStyle = '#000000'; | ||
| 115 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | ||
| 116 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | ||
| 117 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | ||
| 118 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | ||
| 119 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 138, 97); | ||
| 120 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 138, 138); | ||
| 121 | context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 138, 180); | ||
| 122 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 138, 223); | ||
| 123 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 138, 263); | ||
| 124 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 138, 303); | ||
| 125 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346); | ||
| 126 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386); | ||
| 127 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429); | ||
| 128 | context.fillText(this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk : '', 138, 469); | ||
| 129 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100); | ||
| 130 | } | ||
| 131 | image.src = this.imgSrc; | ||
| 132 | } | ||
| 133 | } | ||
| 134 | } | ||
| 135 | </script> | ||
| 136 | <style scoped lang="scss"> | ||
| 137 | @import "~@/styles/mixin.scss"; | ||
| 138 | |||
| 139 | .imgClass { | ||
| 140 | display: inline-block; | ||
| 141 | height: auto; | ||
| 142 | max-width: 100%; | ||
| 143 | } | ||
| 144 | |||
| 145 | .middle_padding { | ||
| 146 | padding-bottom: 10px; | ||
| 147 | } | ||
| 148 | |||
| 149 | .zsyl-button { | ||
| 150 | text-align: center; | ||
| 151 | margin-top: 20px; | ||
| 152 | |||
| 153 | .operation_button { | ||
| 154 | width: 100px; | ||
| 155 | border: 1px solid rgb(0, 121, 254); | ||
| 156 | } | ||
| 157 | |||
| 158 | .dy-button { | ||
| 159 | color: white; | ||
| 160 | background-color: rgb(0, 121, 254); | ||
| 161 | } | ||
| 162 | } | ||
| 163 | |||
| 164 | .table-column { | ||
| 165 | border-spacing: 1px; | ||
| 166 | width: 100%; | ||
| 167 | |||
| 168 | tr td { | ||
| 169 | border: 1px solid #ccc; | ||
| 170 | text-align: center; | ||
| 171 | height: 40px; | ||
| 172 | padding: 4px; | ||
| 173 | font-size: 13px; | ||
| 174 | background: rgb(251, 249, 229); | ||
| 175 | } | ||
| 176 | } | ||
| 177 | |||
| 178 | .zsyl-title { | ||
| 179 | background: #fafbe5; | ||
| 180 | text-align: center; | ||
| 181 | padding: 5px 0px; | ||
| 182 | font-size: 20px; | ||
| 183 | } | ||
| 184 | |||
| 185 | .no-data { | ||
| 186 | font-size: 18px; | ||
| 187 | display: flex; | ||
| 188 | text-align: center; | ||
| 189 | justify-content: center; | ||
| 190 | } | ||
| 191 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-16 15:55:45 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="from-clues"> | ||
| 8 | <!-- 发证信息 --> | ||
| 9 | <div class="from-clues-header"> | ||
| 10 | <el-form :model="ruleForm"> | ||
| 11 | <el-row :gutter="20"> | ||
| 12 | <el-col :span="6"> | ||
| 13 | <el-form-item label="印刷序列号"> | ||
| 14 | <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="6"> | ||
| 18 | <el-form-item label="证书号"> | ||
| 19 | <el-input v-model="ruleForm.zsh" clearable placeholder="请输入证书号"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="6"> | ||
| 23 | <el-form-item label="权利人"> | ||
| 24 | <el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | <el-col :span="6" class="btnColRight"> | ||
| 28 | <el-form-item> | ||
| 29 | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> | ||
| 30 | <el-button type="primary" icon="el-icon-search" @click="zslqClick">证书领取</el-button> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | </el-row> | ||
| 34 | </el-form> | ||
| 35 | </div> | ||
| 36 | <div class="from-clues-content"> | ||
| 37 | <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false"> | ||
| 38 | </lb-table> | ||
| 39 | </div> | ||
| 40 | </div> | ||
| 41 | </template> | ||
| 42 | <script> | ||
| 43 | import table from "@/utils/mixin/table"; | ||
| 44 | import { getCertificateList } from "@/api/bdcqz.js"; | ||
| 45 | import { datas } from "../javascript/fzxxdata"; | ||
| 46 | export default { | ||
| 47 | mixins: [table], | ||
| 48 | data () { | ||
| 49 | return { | ||
| 50 | ruleForm: { | ||
| 51 | ysxlh: '', | ||
| 52 | zsh: '', | ||
| 53 | qlr: '', | ||
| 54 | bsmSldy: '' | ||
| 55 | }, | ||
| 56 | tableData: { | ||
| 57 | total: 0, | ||
| 58 | columns: datas.columns().fzgrid, | ||
| 59 | data: [] | ||
| 60 | }, | ||
| 61 | dialogVisible: false | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | methods: { | ||
| 65 | queryClick () { | ||
| 66 | this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq; | ||
| 67 | getCertificateList(this.ruleForm).then(res => { | ||
| 68 | if (res.code === 200) { | ||
| 69 | this.tableData.data = res.result ? res.result : [] | ||
| 70 | } | ||
| 71 | }) | ||
| 72 | }, | ||
| 73 | zslqClick () { | ||
| 74 | this.$popupDialog("不动产权证领取", "workflow/components/dialog/zslq", {}, '80%', true) | ||
| 75 | } | ||
| 76 | } | ||
| 77 | } | ||
| 78 | </script> | ||
| 79 | <style scoped lang='scss'> | ||
| 80 | @import "~@/styles/public.scss"; | ||
| 81 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | ||
| 2 | * @Description: 功能：审批意见 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:24 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class='spyj loadingtext'> | ||
| 8 | <div class="box"> | ||
| 9 | <b class="spyj_title">审批表</b> | ||
| 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
| 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | ||
| 12 | <div class="item_left"> | ||
| 13 | {{ item.jdmc }}意见 | ||
| 14 | </div> | ||
| 15 | <div class="item_right"> | ||
| 16 | <el-row> | ||
| 17 | <el-col :span="24"> | ||
| 18 | <el-form-item label-width="0" class="opinion_item" prop="shyj"> | ||
| 19 | <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" | ||
| 20 | v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input> | ||
| 21 | <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> | ||
| 22 | </el-input> | ||
| 23 | <el-button class="opinion_btn" @click="commonOpinion" | ||
| 24 | v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row> | ||
| 29 | <el-col :span="16"> | ||
| 30 | <el-form-item label="审查人" prop="shryxm"> | ||
| 31 | {{ item.shryxm }} | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="审核时间" prop="shjssj" :key="refresh"> | ||
| 36 | {{ item.shjssj }} | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | </div> | ||
| 41 | </div> | ||
| 42 | <div class="submit_button" v-if="ableOperation"> | ||
| 43 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 44 | </div> | ||
| 45 | </el-form> | ||
| 46 | </div> | ||
| 47 | <el-empty v-if="isNoData" description="暂无数据"></el-empty> | ||
| 48 | </div> | ||
| 49 | </template> | ||
| 50 | <script> | ||
| 51 | import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; | ||
| 52 | import { mapGetters } from 'vuex' | ||
| 53 | export default { | ||
| 54 | computed: { | ||
| 55 | ...mapGetters(['userData', 'yjsqOptions']) | ||
| 56 | }, | ||
| 57 | data () { | ||
| 58 | return { | ||
| 59 | isNoData: false, | ||
| 60 | bsmSlsq: '', | ||
| 61 | //刷新值 | ||
| 62 | refresh: 10, | ||
| 63 | ableOperation: true, | ||
| 64 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 65 | bestepid: this.$route.query.bestepid, | ||
| 66 | ruleForm: {}, | ||
| 67 | rules: { | ||
| 68 | shyj: [ | ||
| 69 | { required: true, message: '请输入审批意见', trigger: 'blur' } | ||
| 70 | ], | ||
| 71 | }, | ||
| 72 | tableData: [], | ||
| 73 | propsParam: {} | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | watch: { | ||
| 77 | yjsqOptions: { | ||
| 78 | handler (val) { | ||
| 79 | this.ruleForm.shyj = val | ||
| 80 | }, | ||
| 81 | deep: true, | ||
| 82 | immediate: true | ||
| 83 | }, | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | this.propsParam = this.$attrs; | ||
| 87 | if (this.$route.query.viewtype) { | ||
| 88 | this.ableOperation = false | ||
| 89 | } | ||
| 90 | this.list(); | ||
| 91 | }, | ||
| 92 | methods: { | ||
| 93 | //审批意见数据初始化 | ||
| 94 | list () { | ||
| 95 | let that = this | ||
| 96 | this.$startLoading() | ||
| 97 | var formdata = new FormData(); | ||
| 98 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | ||
| 99 | formdata.append("bestepid", this.$route.query.bestepid); | ||
| 100 | formdata.append("ableOperation", this.ableOperation) | ||
| 101 | getSpyjList(formdata).then((res) => { | ||
| 102 | this.$endLoading() | ||
| 103 | if (res.code === 200 && res.result) { | ||
| 104 | this.tableData = res.result ? res.result : [] | ||
| 105 | if (res.result.length == 0) { | ||
| 106 | that.isNoData = true | ||
| 107 | } | ||
| 108 | this.ruleForm = res.result[res.result.length - 1] | ||
| 109 | } | ||
| 110 | }) | ||
| 111 | }, | ||
| 112 | onSubmit () { | ||
| 113 | this.ruleForm.bsmSlsq = this.bsmSlsq | ||
| 114 | this.ruleForm.bestepid = this.bestepid | ||
| 115 | saveSpyjBySlsq(this.ruleForm).then(res => { | ||
| 116 | if (res.code === 200) { | ||
| 117 | this.$message.success("保存成功") | ||
| 118 | this.refresh += 1 | ||
| 119 | } else { | ||
| 120 | this.$message.error(res.message) | ||
| 121 | } | ||
| 122 | }) | ||
| 123 | }, | ||
| 124 | //打开常用意见列表弹窗 | ||
| 125 | commonOpinion () { | ||
| 126 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | ||
| 127 | }, | ||
| 128 | //使用常用意见 | ||
| 129 | useOpinion (opinion) { | ||
| 130 | this.ruleForm.shyj = opinion | ||
| 131 | } | ||
| 132 | } | ||
| 133 | } | ||
| 134 | </script> | ||
| 135 | <style scoped lang='scss'> | ||
| 136 | @import "~@/styles/mixin.scss"; | ||
| 137 | |||
| 138 | .spyj { | ||
| 139 | width: 100%; | ||
| 140 | height: 100%; | ||
| 141 | background-color: #f5f5f5; | ||
| 142 | padding: 5px; | ||
| 143 | .box { | ||
| 144 | overflow-x: auto; | ||
| 145 | width: 100%; | ||
| 146 | height: 95%; | ||
| 147 | background: #fff; | ||
| 148 | text-align: center; | ||
| 149 | padding: 4px; | ||
| 150 | overflow-y: scroll; | ||
| 151 | padding-top: 20px; | ||
| 152 | padding: 20px 40px; | ||
| 153 | } | ||
| 154 | .spyj_title { | ||
| 155 | line-height: 68px; | ||
| 156 | border: 1px solid $borderColor; | ||
| 157 | text-align: center; | ||
| 158 | font-size: 22px; | ||
| 159 | font-weight: 400; | ||
| 160 | background-color: #eceef2; | ||
| 161 | display: block; | ||
| 162 | border-bottom: none; | ||
| 163 | } | ||
| 164 | |||
| 165 | /deep/.el-form-item { | ||
| 166 | margin-bottom: 0; | ||
| 167 | } | ||
| 168 | |||
| 169 | .bottom10 { | ||
| 170 | margin-bottom: 15px; | ||
| 171 | } | ||
| 172 | |||
| 173 | .spyj_form { | ||
| 174 | display: flex; | ||
| 175 | border: 1px solid $borderColor; | ||
| 176 | |||
| 177 | .item_left { | ||
| 178 | width: 150px; | ||
| 179 | background-color: #f8f8fa; | ||
| 180 | color: #606266; | ||
| 181 | display: flex; | ||
| 182 | font-size: 14px; | ||
| 183 | text-indent: 80px; | ||
| 184 | align-items: center; | ||
| 185 | border-right: 1px solid $borderColor; | ||
| 186 | } | ||
| 187 | |||
| 188 | .item_right { | ||
| 189 | flex: 1; | ||
| 190 | width: 100%; | ||
| 191 | |||
| 192 | /deep/.el-form-item__label { | ||
| 193 | background-color: #f8f8fa; | ||
| 194 | } | ||
| 195 | /deep/.el-form-item__content { | ||
| 196 | display: block; | ||
| 197 | text-align: left; | ||
| 198 | text-indent: 10px; | ||
| 199 | } | ||
| 200 | .opinion_item { | ||
| 201 | /deep/.el-form-item__error { | ||
| 202 | margin-top: -16px !important; | ||
| 203 | left: 3px; | ||
| 204 | } | ||
| 205 | |||
| 206 | border-bottom: 1px solid $borderColor; | ||
| 207 | } | ||
| 208 | |||
| 209 | .opinion { | ||
| 210 | position: relative; | ||
| 211 | font-size: 14px; | ||
| 212 | |||
| 213 | /deep/.el-textarea__inner { | ||
| 214 | border: none; | ||
| 215 | } | ||
| 216 | } | ||
| 217 | |||
| 218 | .opinion_btn { | ||
| 219 | position: absolute; | ||
| 220 | right: 15px; | ||
| 221 | bottom: 10px; | ||
| 222 | } | ||
| 223 | } | ||
| 224 | } | ||
| 225 | |||
| 226 | .submit_button { | ||
| 227 | text-align: center; | ||
| 228 | margin: 15px 0; | ||
| 229 | } | ||
| 230 | } | ||
| 231 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:49 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="szxx"> | ||
| 8 | <el-card class="box-card" v-for="(item, index) in tableData" :key="index"> | ||
| 9 | <div slot="header" class="szxx_header"> | ||
| 10 | <span class="header_type">{{ | ||
| 11 | item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明" | ||
| 12 | }}</span> | ||
| 13 | <div class="header_text">{{ item.bdcqzh }}</div> | ||
| 14 | </div> | ||
| 15 | <div class="szxx_body card_padding"> | ||
| 16 | <div class="text color_iray"> | ||
| 17 | <span>{{ item.qllx }}</span> | ||
| 18 | </div> | ||
| 19 | <div class="text color_red"> | ||
| 20 | <span>{{ item.qlr }}</span> | ||
| 21 | </div> | ||
| 22 | <div class="text color_iray"> | ||
| 23 | <span>{{ item.gyqk }}</span> | ||
| 24 | </div> | ||
| 25 | <div class="text color_red"> | ||
| 26 | <span>{{ item.bdcdyh }}</span> | ||
| 27 | </div> | ||
| 28 | <div class="text color_iray"> | ||
| 29 | <span>{{ item.zl }}</span> | ||
| 30 | </div> | ||
| 31 | <div class="text color_red"> | ||
| 32 | <span>{{ item.yt }}</span> | ||
| 33 | </div> | ||
| 34 | <div class="text color_iray"> | ||
| 35 | <span>{{ item.mj }}</span> | ||
| 36 | </div> | ||
| 37 | <div class="text color_red"> | ||
| 38 | <span>{{ item.syqx }}</span> | ||
| 39 | </div> | ||
| 40 | <div class="text color_iray"> | ||
| 41 | <span>印刷序列号：{{ item.ysxlh }}</span> | ||
| 42 | </div> | ||
| 43 | </div> | ||
| 44 | <div class="card_padding"> | ||
| 45 | <div class="top_line middle_margin"></div> | ||
| 46 | <div class="text" v-if="item.ysxlh"> | ||
| 47 | <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（{{ item.szcs | ||
| 48 | }})</el-button> | ||
| 49 | <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button> | ||
| 50 | </div> | ||
| 51 | <div class="text" v-else> | ||
| 52 | <el-button class="operation_button" type="text" @click="openZsylDialog(item, 2)">证书打印1（{{ item.szcs | ||
| 53 | }}）</el-button> | ||
| 54 | <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button> | ||
| 55 | </div> | ||
| 56 | </div> | ||
| 57 | </el-card> | ||
| 58 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh"> | ||
| 59 | <div class="invalid-diglog"> | ||
| 60 | <div class="invalid-title"> | ||
| 61 | <i class="el-icon-question invalid-icon"></i> | ||
| 62 | <div class="invalid-body">您确定作废证书并再次打印？</div> | ||
| 63 | </div> | ||
| 64 | <div class="invalid-reson">作废原因：</div> | ||
| 65 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
| 66 | <div class="text-center pt-10"> | ||
| 67 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
| 68 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
| 69 | </div> | ||
| 70 | </div> | ||
| 71 | </el-dialog> | ||
| 72 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> | ||
| 73 | </div> | ||
| 74 | </template> | ||
| 75 | <script> | ||
| 76 | import { mapGetters } from 'vuex' | ||
| 77 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | ||
| 78 | export default { | ||
| 79 | props: {}, | ||
| 80 | data () { | ||
| 81 | return { | ||
| 82 | dialog: false, | ||
| 83 | tableData: [], | ||
| 84 | bdcqzlx: 1, | ||
| 85 | bdcqz: {}, | ||
| 86 | zfyy: "", | ||
| 87 | invalidDiglog: false, | ||
| 88 | bsmSz: "", | ||
| 89 | bsmBdcqz: "" | ||
| 90 | }; | ||
| 91 | }, | ||
| 92 | computed: { | ||
| 93 | ...mapGetters(['isRefresh']) | ||
| 94 | }, | ||
| 95 | watch: { | ||
| 96 | isRefresh: { | ||
| 97 | handler (newVal, oldVal) { | ||
| 98 | if (newVal) this.list() | ||
| 99 | } | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | created () { | ||
| 103 | this.list(); | ||
| 104 | }, | ||
| 105 | methods: { | ||
| 106 | //初始化列表 | ||
| 107 | list () { | ||
| 108 | var bsmSlsq = this.$route.query.bsmSlsq; | ||
| 109 | getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => { | ||
| 110 | if (res.code === 200) { | ||
| 111 | this.tableData = res.result; | ||
| 112 | if (res.result) { | ||
| 113 | this.bdcqz = res.result[0]; | ||
| 114 | } | ||
| 115 | } | ||
| 116 | }); | ||
| 117 | }, | ||
| 118 | //打开证书预览弹窗 | ||
| 119 | openZsylDialog (item, type) { | ||
| 120 | if (type == 1) { | ||
| 121 | //证书预览 | ||
| 122 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item }, "70%", true); | ||
| 123 | } else { | ||
| 124 | this.$popupDialog("不动产权证书", "workflow/components/dialog/zsdy", { bdcqz: item }, "70%", true); | ||
| 125 | } | ||
| 126 | }, | ||
| 127 | //再次打印 | ||
| 128 | openInvalidDiglog (item) { | ||
| 129 | this.bsmSz = item.bsmSz; | ||
| 130 | this.invalidDiglog = true; | ||
| 131 | this.bsmBdcqz = item.bsmBdcqz | ||
| 132 | }, | ||
| 133 | closeInvalidDiglog () { | ||
| 134 | this.invalidDiglog = false; | ||
| 135 | this.bsmSz = ""; | ||
| 136 | this.zfyy = ""; | ||
| 137 | }, | ||
| 138 | //作废缮证信息 | ||
| 139 | confirmInvalid () { | ||
| 140 | invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then((res) => { | ||
| 141 | if (res.code === 200) { | ||
| 142 | this.list(); | ||
| 143 | this.$message.success("作废成功"); | ||
| 144 | this.invalidDiglog = false; | ||
| 145 | this.zfyy = '' | ||
| 146 | this.openZsylDialog(this.bdcqz); | ||
| 147 | } else { | ||
| 148 | this.$message.error(res.message); | ||
| 149 | } | ||
| 150 | }); | ||
| 151 | }, | ||
| 152 | openRecordPop (item) { | ||
| 153 | this.$popupDialog("缮证记录", "workflow/components/dialog/szRecord", { bsmBdcqz: item.bsmBdcqz }, '60%', true) | ||
| 154 | } | ||
| 155 | }, | ||
| 156 | }; | ||
| 157 | </script> | ||
| 158 | <style scoped lang='scss'> | ||
| 159 | @import "~@/styles/public.scss"; | ||
| 160 | .szxx { | ||
| 161 | box-sizing: border-box; | ||
| 162 | padding-right: 15px; | ||
| 163 | width: 100%; | ||
| 164 | height: 600px; | ||
| 165 | overflow-y: scroll; | ||
| 166 | |||
| 167 | .box-card { | ||
| 168 | float: left; | ||
| 169 | width: 300px; | ||
| 170 | margin-top: 10px; | ||
| 171 | margin-right: 10px; | ||
| 172 | |||
| 173 | .szxx_body { | ||
| 174 | height: 240px; | ||
| 175 | } | ||
| 176 | } | ||
| 177 | } | ||
| 178 | |||
| 179 | .szxx_header { | ||
| 180 | color: #ffffff; | ||
| 181 | font-weight: bolder; | ||
| 182 | font-size: 16px; | ||
| 183 | |||
| 184 | .header_type { | ||
| 185 | display: flex; | ||
| 186 | justify-content: center; | ||
| 187 | align-content: center; | ||
| 188 | } | ||
| 189 | |||
| 190 | .header_text { | ||
| 191 | text-align: center; | ||
| 192 | margin-top: 10px; | ||
| 193 | line-height: 30px; | ||
| 194 | } | ||
| 195 | } | ||
| 196 | |||
| 197 | .top_line { | ||
| 198 | border-top: 2px solid rgb(222, 222, 222); | ||
| 199 | } | ||
| 200 | |||
| 201 | .text { | ||
| 202 | margin-bottom: 10px; | ||
| 203 | text-align: center; | ||
| 204 | } | ||
| 205 | |||
| 206 | .color_iray { | ||
| 207 | color: rgb(153, 153, 153); | ||
| 208 | } | ||
| 209 | |||
| 210 | .color_red { | ||
| 211 | color: rgb(255, 89, 24); | ||
| 212 | } | ||
| 213 | |||
| 214 | .middle_margin { | ||
| 215 | margin-bottom: 10px; | ||
| 216 | } | ||
| 217 | |||
| 218 | .operation_button { | ||
| 219 | border: 1px solid rgb(0, 121, 254); | ||
| 220 | padding: 5px; | ||
| 221 | text-align: center; | ||
| 222 | } | ||
| 223 | |||
| 224 | .card_padding { | ||
| 225 | padding-top: 8px; | ||
| 226 | } | ||
| 227 | |||
| 228 | .invalid-diglog { | ||
| 229 | padding-bottom: 20px; | ||
| 230 | font-size: 16px; | ||
| 231 | font-weight: bold; | ||
| 232 | color: rgb(99, 99, 99); | ||
| 233 | |||
| 234 | .invalid-title { | ||
| 235 | display: flex; | ||
| 236 | align-content: center; | ||
| 237 | |||
| 238 | .invalid-icon { | ||
| 239 | color: rgb(254, 148, 0); | ||
| 240 | font-size: 34px; | ||
| 241 | margin-right: 10px; | ||
| 242 | } | ||
| 243 | |||
| 244 | .invalid-body { | ||
| 245 | line-height: 40px; | ||
| 246 | margin-bottom: 10px; | ||
| 247 | } | ||
| 248 | } | ||
| 249 | |||
| 250 | .invalid-reson { | ||
| 251 | margin-bottom: 10px; | ||
| 252 | } | ||
| 253 | |||
| 254 | .dialog-footer { | ||
| 255 | margin-top: 10px; | ||
| 256 | display: flex; | ||
| 257 | justify-content: flex-end; | ||
| 258 | } | ||
| 259 | } | ||
| 260 | |||
| 261 | /deep/.el-card__header { | ||
| 262 | background-color: rgb(198, 67, 83); | ||
| 263 | } | ||
| 264 | |||
| 265 | /deep/.el-card__body { | ||
| 266 | padding: 0px; | ||
| 267 | } | ||
| 268 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-01 09:48:15 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <canvas id="mxcad"> | ||
| 8 | </canvas> | ||
| 9 | </template> | ||
| 10 | <script> | ||
| 11 | import Mx from "mxdraw" | ||
| 12 | export default { | ||
| 13 | mounted () { | ||
| 14 | // 动态加载 js库核心代码 | ||
| 15 | Mx.loadCoreCode().then(() => { | ||
| 16 | // Mx.MxFun.setMxServer("ws://localhost:5090") // 开启socket通信 可编辑图纸 | ||
| 17 | // 创建控件对象 | ||
| 18 | Mx.MxFun.createMxObject({ | ||
| 19 | canvasId: "mxcad", // canvas元素的id | ||
| 20 | cadFile: "/buf/hhhh.dwg", // http方式(预览): 加载public/demo文件夹下转换后的图纸 | ||
| 21 | // cadFile: "test2.dwg", // socket通信方式请直接提供图纸名称 如：text.dwg | ||
| 22 | callback: (mxDraw, { | ||
| 23 | canvas, | ||
| 24 | canvasParent | ||
| 25 | }) => { | ||
| 26 | // 可以拿到canvas元素和它的父级元素 | ||
| 27 | console.log(canvas, canvasParent) | ||
| 28 | console.log(mxDraw) | ||
| 29 | // 拿到图层数据 | ||
| 30 | mxDraw.addEvent('uiSetLayerData', (listLayer) => { | ||
| 31 | console.log(listLayer) | ||
| 32 | }) | ||
| 33 | }, | ||
| 34 | isNewFile: true // 是否新建文件 | ||
| 35 | }) | ||
| 36 | }) | ||
| 37 | } | ||
| 38 | } | ||
| 39 | </script> | ||
| 40 | <style scoped lang='scss'> | ||
| 41 | #cad-container { | ||
| 42 | width: 100%; | ||
| 43 | height: 100%; | ||
| 44 | } | ||
| 45 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -111,29 +111,41 @@ export default { | ... | @@ -111,29 +111,41 @@ export default { |
| 111 | } | 111 | } |
| 112 | return name; | 112 | return name; |
| 113 | }, | 113 | }, |
| 114 | AddDialog(row){ | 114 | // 编辑 |
| 115 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | 115 | editDialog(row){ |
| 116 | datalist:this.columns, | 116 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 117 | data: '' | 117 | confirmButtonText: '确定', |
| 118 | }) | 118 | cancelButtonText: '取消', |
| 119 | }, | 119 | type: 'warning' |
| 120 | editDialog(row){ | 120 | }).then(() => { |
| 121 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 121 | this.$parent.addRepairRecord(row) |
| 122 | datalist:this.columns, | 122 | |
| 123 | data: row, | 123 | this.$message({ |
| 124 | type: 'success', | ||
| 125 | message: '补录成功!' | ||
| 126 | }); | ||
| 127 | }).catch(() => { | ||
| 128 | this.$message({ | ||
| 129 | type: 'info', | ||
| 130 | message: '取消编辑' | ||
| 131 | }); | ||
| 132 | }); | ||
| 133 | |||
| 134 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 135 | // datalist:this.columns, | ||
| 136 | // data: row, | ||
| 137 | |||
| 138 | // }) | ||
| 124 | 139 | ||
| 125 | }) | ||
| 126 | }, | 140 | }, |
| 127 | // 删除 | 141 | // 删除 |
| 128 | deleteDialog(row){ | 142 | deleteDialog(row){ |
| 129 | let that = this | 143 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 130 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 131 | confirmButtonText: '确定', | 144 | confirmButtonText: '确定', |
| 132 | cancelButtonText: '取消', | 145 | cancelButtonText: '取消', |
| 133 | type: 'warning' | 146 | type: 'warning' |
| 134 | }).then(async () => { | 147 | }).then(() => { |
| 135 | 148 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 136 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 137 | // deleteClmx(bsmClmx).then(res => { | 149 | // deleteClmx(bsmClmx).then(res => { |
| 138 | // if (res.code == 200) { | 150 | // if (res.code == 200) { |
| 139 | // that.$emit('updateList', res.result) | 151 | // that.$emit('updateList', res.result) |
| ... | @@ -143,16 +155,16 @@ export default { | ... | @@ -143,16 +155,16 @@ export default { |
| 143 | // }) | 155 | // }) |
| 144 | // } | 156 | // } |
| 145 | // }) | 157 | // }) |
| 146 | that.$message({ | 158 | this.$message({ |
| 147 | message: '删除成功!', | 159 | type: 'success', |
| 148 | type: 'success' | 160 | message: '删除成功!' |
| 149 | }) | 161 | }); |
| 150 | }).catch(() => { | 162 | }).catch(() => { |
| 151 | this.$message({ | 163 | this.$message({ |
| 152 | type: 'info', | 164 | type: 'info', |
| 153 | message: '已取消删除' | 165 | message: '已取消删除' |
| 154 | }) | 166 | }); |
| 155 | }) | 167 | }); |
| 156 | 168 | ||
| 157 | } | 169 | } |
| 158 | }, | 170 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:40:46 | 4 | * @LastEditTime: 2023-05-17 10:40:38 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clxx"> | 7 | <div class="clxx"> |
| 8 | <div class="left"> | ||
| 9 | <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']" | ||
| 10 | @click="menuClick(item)"> | ||
| 11 | {{ item.label }} | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | <div class="right"> | 8 | <div class="right"> |
| 15 | <!-- 材料目录明细 --> | ||
| 16 | <div class="clmlmx-box" v-if="checkedId == '1'"> | ||
| 17 | <div class="title">申请材料目录</div> | ||
| 18 | <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData"> | ||
| 19 | </lb-table> | ||
| 20 | </div> | ||
| 21 | <!-- 材料预览 --> | 9 | <!-- 材料预览 --> |
| 22 | <div class="clyl-box" v-else> | 10 | <div class="clyl-box"> |
| 23 | <div class="menu-tree"> | 11 | <div class="menu-tree"> |
| 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 24 | <div class="item"> | 13 | <div class="item"> |
| 25 | 材料目录111({{tableData.length}}) | 14 | 材料目录({{tableData.length}}) |
| 26 | <div> | 15 | <div style="margin-top:10px"> |
| 16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 27 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | 17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" |
| 28 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | 18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> |
| 29 | <span v-if="item.isrequired==1" class="required">必选</span> | 19 | <span v-if="item.isrequired==1" class="required">必选</span> |
| 30 | {{ item.sjmc }} | 20 | {{ item.sjmc }} |
| 31 | <span class="cl_number">({{item.children.length}})</span> | 21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> |
| 32 | </div> | 22 | </div> |
| 33 | </div> | 23 | </div> |
| 34 | </div> | 24 | </div> |
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
| 35 | </div> | 26 | </div> |
| 36 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | 27 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" |
| 37 | @prevPriview="prevPriview" /> | 28 | @prevPriview="prevPriview" /> |
| 38 | </div> | 29 | </div> |
| 39 | </div> | 30 | </div> |
| 40 | <!-- <clxxAddDialog v-model="isDialog" /> --> | 31 | <clxxAddDialog v-model="isDialog" /> |
| 32 | <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> --> | ||
| 41 | </div> | 33 | </div> |
| 42 | </template> | 34 | </template> |
| 43 | <script> | 35 | <script> |
| 44 | import { mapGetters } from "vuex"; | 36 | import { mapGetters } from "vuex"; |
| 45 | // import clxxAddDialog from "./dialog/clxxAddDialog.vue"; | 37 | import clxxAddDialog from "./components/tabsconcent/clxxAddDialog.vue"; |
| 46 | import imagePreview from '@/views/components/imagePreview.vue' | 38 | import imagePreview from '@/views/components/imagePreview.vue' |
| 47 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; |
| 40 | import { popupDialog } from "@/utils/popup.js"; | ||
| 48 | export default { | 41 | export default { |
| 49 | components: { imagePreview }, | 42 | components: { clxxAddDialog, imagePreview}, |
| 50 | data () { | 43 | data () { |
| 51 | return { | 44 | return { |
| 52 | isDialog: false, | 45 | isDialog: false, |
| 53 | menuList: [ | ||
| 54 | { | ||
| 55 | id: "1", | ||
| 56 | label: "材料目录明细", | ||
| 57 | }, | ||
| 58 | { | ||
| 59 | id: "2", | ||
| 60 | label: "材料预览", | ||
| 61 | }, | ||
| 62 | ], | ||
| 63 | iclass: "", | 46 | iclass: "", |
| 64 | // 材料目录选中 | 47 | // 材料目录选中 |
| 65 | treeCheckIndex: 0, | 48 | treeCheckIndex: 0, |
| 66 | treeCheckId: "", | 49 | treeCheckId: "", |
| 67 | checkedId: "1", | ||
| 68 | column: [ | ||
| 69 | { | ||
| 70 | width: "50", | ||
| 71 | renderHeader: (h, scope) => { | ||
| 72 | return ( | ||
| 73 | <div> | ||
| 74 | { | ||
| 75 | this.$route.query.viewtype == 1 ? '序号' : | ||
| 76 | <i | ||
| 77 | class="el-icon-plus pointer" | ||
| 78 | onClick={() => { | ||
| 79 | this.handleAdd() | ||
| 80 | }} | ||
| 81 | ></i> | ||
| 82 | } | ||
| 83 | </div> | ||
| 84 | ) | ||
| 85 | }, | ||
| 86 | render: (h, scope) => { | ||
| 87 | // 新建的材料,可删除 | ||
| 88 | // v-show='scope.row.sfxjcl == 1' | ||
| 89 | return ( | ||
| 90 | <div> | ||
| 91 | { | ||
| 92 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 93 | <i | ||
| 94 | class="el-icon-minus pointer" | ||
| 95 | |||
| 96 | onClick={() => { | ||
| 97 | this.handleDelete(scope.$index, scope.row); | ||
| 98 | }} | ||
| 99 | ></i> | ||
| 100 | } | ||
| 101 | </div> | ||
| 102 | ) | ||
| 103 | } | ||
| 104 | }, | ||
| 105 | { | ||
| 106 | prop: "isrequired", | ||
| 107 | label: "是否必选", | ||
| 108 | width: "50", | ||
| 109 | render: (h, scope) => { | ||
| 110 | if (scope.row.sfxjcl === "1") { | ||
| 111 | return ( | ||
| 112 | <div> | ||
| 113 | <span>可选</span> | ||
| 114 | </div> | ||
| 115 | ); | ||
| 116 | } | ||
| 117 | else { | ||
| 118 | return ( | ||
| 119 | <div> | ||
| 120 | <span>必选</span> | ||
| 121 | </div> | ||
| 122 | ); | ||
| 123 | } | ||
| 124 | }, | ||
| 125 | }, | ||
| 126 | { | ||
| 127 | prop: "sjmc", | ||
| 128 | label: "材料名称", | ||
| 129 | }, | ||
| 130 | { | ||
| 131 | prop: "sjlx", | ||
| 132 | label: "材料类型", | ||
| 133 | width: "80", | ||
| 134 | render: (h, scope) => { | ||
| 135 | return ( | ||
| 136 | <div> | ||
| 137 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 138 | </div> | ||
| 139 | ); | ||
| 140 | }, | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "sjsl", | ||
| 144 | label: "份数", | ||
| 145 | width: "50" | ||
| 146 | }, | ||
| 147 | { | ||
| 148 | prop: "smzt", | ||
| 149 | label: "扫描状态", | ||
| 150 | width: "80", | ||
| 151 | render: (h, scope) => { | ||
| 152 | if (scope.row.children.length > 0) { | ||
| 153 | return ( | ||
| 154 | <div> | ||
| 155 | <span>已扫描</span> | ||
| 156 | </div> | ||
| 157 | ); | ||
| 158 | } else { | ||
| 159 | return ( | ||
| 160 | <div> | ||
| 161 | <span>未扫描</span> | ||
| 162 | </div> | ||
| 163 | ); | ||
| 164 | } | ||
| 165 | }, | ||
| 166 | }, | ||
| 167 | { | ||
| 168 | prop: "ys", | ||
| 169 | label: "扫描页数", | ||
| 170 | width: "50" | ||
| 171 | }, | ||
| 172 | { | ||
| 173 | label: "操作", | ||
| 174 | width: "80", | ||
| 175 | render: (h, scope) => { | ||
| 176 | return ( | ||
| 177 | <div> | ||
| 178 | <el-button | ||
| 179 | type="text" | ||
| 180 | disabled={scope.$index == 0} | ||
| 181 | onClick={() => { | ||
| 182 | this.moveUpward(scope.$index, scope.row); | ||
| 183 | }} | ||
| 184 | > | ||
| 185 | 上移 | ||
| 186 | </el-button> | ||
| 187 | <el-button | ||
| 188 | type="text" | ||
| 189 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 190 | onClick={() => { | ||
| 191 | this.moveDown(scope.$index, scope.row); | ||
| 192 | }} | ||
| 193 | > | ||
| 194 | 下移 | ||
| 195 | </el-button> | ||
| 196 | </div> | ||
| 197 | ); | ||
| 198 | }, | ||
| 199 | }, | ||
| 200 | ], | ||
| 201 | key: 0, | 50 | key: 0, |
| 202 | tableData: [], | 51 | tableData: [], |
| 203 | previewImg: { | 52 | previewImg: { |
| ... | @@ -214,7 +63,7 @@ | ... | @@ -214,7 +63,7 @@ |
| 214 | ...mapGetters(["dictData"]) | 63 | ...mapGetters(["dictData"]) |
| 215 | }, | 64 | }, |
| 216 | created () { | 65 | created () { |
| 217 | this.clmlInitList() | 66 | this.clmlInitList(1) |
| 218 | }, | 67 | }, |
| 219 | methods: { | 68 | methods: { |
| 220 | // 自动预览 | 69 | // 自动预览 |
| ... | @@ -237,31 +86,39 @@ | ... | @@ -237,31 +86,39 @@ |
| 237 | } | 86 | } |
| 238 | }, | 87 | }, |
| 239 | // 材料目录明细初始化 | 88 | // 材料目录明细初始化 |
| 240 | clmlInitList () { | 89 | clmlInitList (type) { |
| 90 | //type 1：列表初始化 2：新增材料 | ||
| 241 | return new Promise(resolve => { | 91 | return new Promise(resolve => { |
| 242 | this.unitData = this.$parent.unitData; | 92 | this.unitData = this.$parent.unitData; |
| 243 | var formdata = new FormData(); | 93 | var formdata = new FormData(); |
| 244 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | 94 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); |
| 245 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | 95 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); |
| 246 | InitClml(formdata).then((res) => { | 96 | InitClml(formdata).then((res) => { |
| 247 | if (res.result.code == 200) { | 97 | if (res.code == 200) { |
| 248 | resolve(res.code) | 98 | resolve(res.code) |
| 249 | if (res.result.result && res.result.result.length > 0) { | 99 | if (res.result && res.result.length > 0) { |
| 250 | this.tableData = res.result.result; | 100 | this.tableData = res.result; |
| 251 | this.treeCheckId = this.tableData[0].bsmSj; | 101 | if (type == 1) { |
| 252 | this.title = this.tableData[0].sjmc; | 102 | this.treeClick(this.tableData[0], 0); |
| 253 | this.titleYs = 1; | 103 | } else { |
| 254 | this.titleNum = this.tableData[0].children.length; | 104 | //新增材料后刷新列表焦点置于新增的对象上 |
| 255 | 105 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | |
| 256 | this.previewImg.imgList = this.tableData[0]?.children; | 106 | } |
| 257 | this.previewImg.bsmSj = this.tableData[0]?.bsmSj; | ||
| 258 | } | 107 | } |
| 259 | } else { | 108 | } else { |
| 260 | this.$message.error(res.result.message) | 109 | this.$message.error(res.message) |
| 261 | } | 110 | } |
| 262 | }) | 111 | }) |
| 263 | }) | 112 | }) |
| 264 | }, | 113 | }, |
| 114 | setChecked (item) { | ||
| 115 | this.treeCheckId = item.bsmSj; | ||
| 116 | this.title = item.sjmc; | ||
| 117 | this.titleYs = 1; | ||
| 118 | this.titleNum = item.children.length; | ||
| 119 | this.previewImg.imgList = item.children; | ||
| 120 | this.previewImg.bsmSj = item.bsmSj; | ||
| 121 | }, | ||
| 265 | updateList (val) { | 122 | updateList (val) { |
| 266 | let that = this | 123 | let that = this |
| 267 | if (val != null) { //删除最后一张图片时 val=null | 124 | if (val != null) { //删除最后一张图片时 val=null |
| ... | @@ -285,54 +142,10 @@ | ... | @@ -285,54 +142,10 @@ |
| 285 | } | 142 | } |
| 286 | 143 | ||
| 287 | }, | 144 | }, |
| 288 | // 左侧菜单点击 | ||
| 289 | menuClick (item) { | ||
| 290 | this.checkedId = item.id | ||
| 291 | }, | ||
| 292 | // 添加材料目录 | 145 | // 添加材料目录 |
| 293 | handleAdd () { | 146 | handleAdd () { |
| 294 | this.isDialog = true; | 147 | this.isDialog = true; |
| 295 | }, | 148 | }, |
| 296 | // 上移 | ||
| 297 | moveUpward (index, row) { | ||
| 298 | let obj = { | ||
| 299 | xh: row.xh, | ||
| 300 | bsmSlsq: row.bsmSlsq, | ||
| 301 | moveDirection: "UP", | ||
| 302 | }; | ||
| 303 | // 接口待调 | ||
| 304 | moveClml(obj).then(async (res) => { | ||
| 305 | if (res.code == 200) { | ||
| 306 | let res = await this.clmlInitList() | ||
| 307 | if (res == 200) this.$message({ | ||
| 308 | message: '上移成功', | ||
| 309 | type: 'success' | ||
| 310 | }) | ||
| 311 | } else { | ||
| 312 | this.$message.error(res.message); | ||
| 313 | } | ||
| 314 | }) | ||
| 315 | }, | ||
| 316 | // 下移 | ||
| 317 | moveDown (index, row) { | ||
| 318 | let obj = { | ||
| 319 | xh: row.xh, | ||
| 320 | bsmSlsq: row.bsmSlsq, | ||
| 321 | moveDirection: "DOWN", | ||
| 322 | } | ||
| 323 | // 接口待调 | ||
| 324 | moveClml(obj).then(async (res) => { | ||
| 325 | if (res.code == 200) { | ||
| 326 | let res = await this.clmlInitList() | ||
| 327 | if (res == 200) this.$message({ | ||
| 328 | message: '下移成功', | ||
| 329 | type: 'success' | ||
| 330 | }) | ||
| 331 | } else { | ||
| 332 | this.$message.error(res.message); | ||
| 333 | } | ||
| 334 | }) | ||
| 335 | }, | ||
| 336 | // 新增弹窗保存 | 149 | // 新增弹窗保存 |
| 337 | addSave (data) { | 150 | addSave (data) { |
| 338 | let obj = { | 151 | let obj = { |
| ... | @@ -347,7 +160,7 @@ | ... | @@ -347,7 +160,7 @@ |
| 347 | }; | 160 | }; |
| 348 | saveClml(obj).then(async (res) => { | 161 | saveClml(obj).then(async (res) => { |
| 349 | if (res.code == 200) { | 162 | if (res.code == 200) { |
| 350 | let res = await this.clmlInitList() | 163 | let res = await this.clmlInitList(2) |
| 351 | if (res == 200) this.$message({ | 164 | if (res == 200) this.$message({ |
| 352 | message: "新增成功", | 165 | message: "新增成功", |
| 353 | type: "success", | 166 | type: "success", |
| ... | @@ -355,30 +168,6 @@ | ... | @@ -355,30 +168,6 @@ |
| 355 | } | 168 | } |
| 356 | }); | 169 | }); |
| 357 | }, | 170 | }, |
| 358 | // 材料目录删除 | ||
| 359 | handleDelete (index, row) { | ||
| 360 | let that = this | ||
| 361 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 362 | confirmButtonText: '确定', | ||
| 363 | cancelButtonText: '取消', | ||
| 364 | type: 'warning' | ||
| 365 | }).then(() => { | ||
| 366 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 367 | if (res.code == 200) { | ||
| 368 | let res = await that.clmlInitList() | ||
| 369 | if (res == 200) that.$message({ | ||
| 370 | message: "删除成功", | ||
| 371 | type: "success", | ||
| 372 | }) | ||
| 373 | } | ||
| 374 | }) | ||
| 375 | }).catch(() => { | ||
| 376 | this.$message({ | ||
| 377 | type: 'info', | ||
| 378 | message: '已取消删除' | ||
| 379 | }) | ||
| 380 | }) | ||
| 381 | }, | ||
| 382 | // 材料目录点击选中 | 171 | // 材料目录点击选中 |
| 383 | treeClick (item, index) { | 172 | treeClick (item, index) { |
| 384 | this.previewImg.index = 0 | 173 | this.previewImg.index = 0 |
| ... | @@ -399,12 +188,24 @@ | ... | @@ -399,12 +188,24 @@ |
| 399 | if (data) { | 188 | if (data) { |
| 400 | data.map((item) => { | 189 | data.map((item) => { |
| 401 | if (item.dcode == val) { | 190 | if (item.dcode == val) { |
| 402 | name = item.dname; | 191 | name = item.dname |
| 403 | } | 192 | } |
| 404 | }); | 193 | }); |
| 405 | return name; | 194 | return name |
| 406 | } | 195 | } |
| 407 | }, | 196 | }, |
| 197 | //查看明细 | ||
| 198 | viewDetail () { | ||
| 199 | this.$popupDialog("查看明细", "djbworkflow/components/dialog/clxxDetailDialog", { | ||
| 200 | data: this.tableData | ||
| 201 | }, "60%") | ||
| 202 | }, | ||
| 203 | //设置tableData | ||
| 204 | setTableData (tableData) { | ||
| 205 | this.$nextTick(res => { | ||
| 206 | this.tableData = tableData; | ||
| 207 | }) | ||
| 208 | }, | ||
| 408 | }, | 209 | }, |
| 409 | }; | 210 | }; |
| 410 | </script> | 211 | </script> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:57 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clmlmx-box"> | ||
| 8 | <div class="title">申请材料目录1111</div> | ||
| 9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data"> | ||
| 10 | </lb-table> | ||
| 11 | <div class="text-center"> | ||
| 12 | <el-button @click="$popupCacel">取消11111</el-button> | ||
| 13 | </div> | ||
| 14 | </div> | ||
| 15 | </template> | ||
| 16 | <script> | ||
| 17 | import store from '@/store/index.js' | ||
| 18 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 19 | export default { | ||
| 20 | props: { | ||
| 21 | formData: { | ||
| 22 | type: Object, | ||
| 23 | default: () => { | ||
| 24 | return {} | ||
| 25 | } | ||
| 26 | } | ||
| 27 | }, | ||
| 28 | data () { | ||
| 29 | return { | ||
| 30 | column: [ | ||
| 31 | { | ||
| 32 | width: "50", | ||
| 33 | label: '序号', | ||
| 34 | type: 'index' | ||
| 35 | }, | ||
| 36 | { | ||
| 37 | prop: "isrequired", | ||
| 38 | label: "是否必选", | ||
| 39 | width: "80", | ||
| 40 | render: (h, scope) => { | ||
| 41 | if (scope.row.sfxjcl === "1") { | ||
| 42 | return ( | ||
| 43 | <div> | ||
| 44 | <span>可选</span> | ||
| 45 | </div> | ||
| 46 | ); | ||
| 47 | } | ||
| 48 | else { | ||
| 49 | return ( | ||
| 50 | <div> | ||
| 51 | <span>必选</span> | ||
| 52 | </div> | ||
| 53 | ); | ||
| 54 | } | ||
| 55 | }, | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "sjmc", | ||
| 59 | label: "材料名称", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "sjlx", | ||
| 63 | label: "材料类型", | ||
| 64 | width: "80", | ||
| 65 | render: (h, scope) => { | ||
| 66 | return ( | ||
| 67 | <div> | ||
| 68 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 69 | </div> | ||
| 70 | ); | ||
| 71 | }, | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sjsl", | ||
| 75 | label: "份数", | ||
| 76 | width: "50" | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | prop: "smzt", | ||
| 80 | label: "扫描状态", | ||
| 81 | width: "80", | ||
| 82 | render: (h, scope) => { | ||
| 83 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 84 | return ( | ||
| 85 | <div> | ||
| 86 | <span>已扫描</span> | ||
| 87 | </div> | ||
| 88 | ); | ||
| 89 | } else { | ||
| 90 | return ( | ||
| 91 | <div> | ||
| 92 | <span>未扫描</span> | ||
| 93 | </div> | ||
| 94 | ); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | }, | ||
| 98 | { | ||
| 99 | label: "扫描页数", | ||
| 100 | width: "80", | ||
| 101 | render: (h, scope) => { | ||
| 102 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 103 | return ( | ||
| 104 | <div> | ||
| 105 | <span>{scope.row.children.length}</span> | ||
| 106 | </div> | ||
| 107 | ); | ||
| 108 | } else { | ||
| 109 | return ( | ||
| 110 | <div> | ||
| 111 | <span>0</span> | ||
| 112 | </div> | ||
| 113 | ); | ||
| 114 | } | ||
| 115 | }, | ||
| 116 | }, | ||
| 117 | { | ||
| 118 | label: "操作", | ||
| 119 | width: "80", | ||
| 120 | render: (h, scope) => { | ||
| 121 | return ( | ||
| 122 | <div> | ||
| 123 | <el-button | ||
| 124 | type="text" | ||
| 125 | disabled={scope.$index == 0} | ||
| 126 | onClick={() => { | ||
| 127 | this.moveUpward(scope.$index, scope.row); | ||
| 128 | }} | ||
| 129 | > | ||
| 130 | 上移 | ||
| 131 | </el-button> | ||
| 132 | <el-button | ||
| 133 | type="text" | ||
| 134 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 135 | onClick={() => { | ||
| 136 | this.moveDown(scope.$index, scope.row); | ||
| 137 | }} | ||
| 138 | > | ||
| 139 | 下移 | ||
| 140 | </el-button> | ||
| 141 | </div> | ||
| 142 | ); | ||
| 143 | }, | ||
| 144 | }, | ||
| 145 | ], | ||
| 146 | key: 0, | ||
| 147 | tableData: [] | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | created () { | ||
| 151 | console.log(this.formData.data, 'formData'); | ||
| 152 | }, | ||
| 153 | methods: { | ||
| 154 | // 材料目录明细初始化 | ||
| 155 | clmlInitList () { | ||
| 156 | return new Promise(resolve => { | ||
| 157 | this.unitData = this.$parent.unitData; | ||
| 158 | var formdata = new FormData(); | ||
| 159 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 160 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 161 | InitClml(formdata).then((res) => { | ||
| 162 | if (res.code == 200) { | ||
| 163 | resolve(res.code) | ||
| 164 | if (res.result && res.result.length > 0) { | ||
| 165 | this.data = res.result; | ||
| 166 | } else { | ||
| 167 | this.data = [] | ||
| 168 | } | ||
| 169 | } else { | ||
| 170 | this.$message.error(res.message) | ||
| 171 | } | ||
| 172 | }) | ||
| 173 | }) | ||
| 174 | }, | ||
| 175 | // 上移 | ||
| 176 | moveUpward (index, row) { | ||
| 177 | let obj = { | ||
| 178 | xh: row.xh, | ||
| 179 | bsmSlsq: row.bsmSlsq, | ||
| 180 | moveDirection: "UP", | ||
| 181 | }; | ||
| 182 | // 接口待调 | ||
| 183 | moveClml(obj).then(async (res) => { | ||
| 184 | if (res.code == 200) { | ||
| 185 | let res = await this.clmlInitList() | ||
| 186 | if (res == 200) { | ||
| 187 | this.$message({ | ||
| 188 | message: '上移成功', | ||
| 189 | type: 'success' | ||
| 190 | }) | ||
| 191 | this.$parent.setTableData(this.data) | ||
| 192 | } | ||
| 193 | } else { | ||
| 194 | this.$message.error(res.message); | ||
| 195 | } | ||
| 196 | }) | ||
| 197 | }, | ||
| 198 | // 下移 | ||
| 199 | moveDown (index, row) { | ||
| 200 | let obj = { | ||
| 201 | xh: row.xh, | ||
| 202 | bsmSlsq: row.bsmSlsq, | ||
| 203 | moveDirection: "DOWN", | ||
| 204 | } | ||
| 205 | // 接口待调 | ||
| 206 | moveClml(obj).then(async (res) => { | ||
| 207 | if (res.code == 200) { | ||
| 208 | let res = await this.clmlInitList() | ||
| 209 | if (res == 200) { | ||
| 210 | this.$message({ | ||
| 211 | message: '下移成功', | ||
| 212 | type: 'success' | ||
| 213 | }) | ||
| 214 | } | ||
| 215 | } else { | ||
| 216 | this.$message.error(res.message); | ||
| 217 | } | ||
| 218 | }) | ||
| 219 | }, | ||
| 220 | // 材料目录删除 | ||
| 221 | handleDelete (index, row) { | ||
| 222 | let that = this | ||
| 223 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 224 | confirmButtonText: '确定', | ||
| 225 | cancelButtonText: '取消', | ||
| 226 | type: 'warning' | ||
| 227 | }).then(() => { | ||
| 228 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 229 | if (res.code == 200) { | ||
| 230 | let res = await that.clmlInitList() | ||
| 231 | if (res == 200) { | ||
| 232 | that.$message({ | ||
| 233 | message: "删除成功", | ||
| 234 | type: "success", | ||
| 235 | }) | ||
| 236 | // this.$parent.setTableData(this.data) | ||
| 237 | } | ||
| 238 | } | ||
| 239 | }) | ||
| 240 | }).catch(() => { | ||
| 241 | this.$message({ | ||
| 242 | type: 'info', | ||
| 243 | message: '已取消删除' | ||
| 244 | }) | ||
| 245 | }) | ||
| 246 | }, | ||
| 247 | // 字典 | ||
| 248 | dicStatus (val, code) { | ||
| 249 | let data = store.getters.dictData[code], | ||
| 250 | name = "暂无"; | ||
| 251 | if (data) { | ||
| 252 | data.map((item) => { | ||
| 253 | if (item.dcode == val) { | ||
| 254 | name = item.dname; | ||
| 255 | } | ||
| 256 | }); | ||
| 257 | return name; | ||
| 258 | } | ||
| 259 | } | ||
| 260 | } | ||
| 261 | } | ||
| 262 | </script> | ||
| 263 | <style scoped lang='scss'> | ||
| 264 | @import "~@/styles/mixin.scss"; | ||
| 265 | .clmlmx-box { | ||
| 266 | margin: 0 auto; | ||
| 267 | |||
| 268 | .title { | ||
| 269 | text-align: center; | ||
| 270 | height: 60px; | ||
| 271 | line-height: 60px; | ||
| 272 | border: 1px solid #dfe6ec; | ||
| 273 | font-size: 20px; | ||
| 274 | background: #81d3f81a; | ||
| 275 | margin-bottom: -1px; | ||
| 276 | } | ||
| 277 | } | ||
| 278 | </style> |
| 1 | <template> | ||
| 2 | <div class="jtfccx-edit"> | ||
| 3 | <div class="jtfccx-edit-con"> | ||
| 4 | <el-form ref="form" :model="form" label-width="160px"> | ||
| 5 | <el-row> | ||
| 6 | <el-col :span="8"> | ||
| 7 | <el-form-item label="权属状态" label-width="140px"> | ||
| 8 | <el-select v-model="form.qszt"> | ||
| 9 | <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value"> | ||
| 10 | </el-option> | ||
| 11 | </el-select> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | <el-col :span="8"> | ||
| 15 | <el-form-item label="权利类型" label-width="140px"> | ||
| 16 | <el-input v-model="form.qllxmc" ></el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item label="登记类型" label-width="140px"> | ||
| 21 | <el-input v-model="form.djlxmc" ></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="上手业务号" label-width="140px"> | ||
| 26 | <el-input v-model="form.ssywh" ></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="档案号" label-width="140px"> | ||
| 31 | <el-input v-model="form.dah" ></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="业务号" label-width="140px"> | ||
| 36 | <el-input v-model="form.ywh" ></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item label="不动产单元号" label-width="140px"> | ||
| 41 | <el-input v-model="form.bdcdyh" ></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item label="坐落" label-width="140px"> | ||
| 46 | <el-input v-model="form.zl" ></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item label="共有情况" label-width="140px"> | ||
| 51 | <el-input v-model="form.gyqk" ></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item label="权利人类型" label-width="140px"> | ||
| 56 | <el-input v-model="form.qlrlx" ></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item label="权利人" label-width="140px"> | ||
| 61 | <el-input v-model="form.qlrmc" ></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item label="证件种类" label-width="140px"> | ||
| 66 | <el-input v-model="form.qlrzjzl" ></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item label="证件号" label-width="140px"> | ||
| 71 | <el-input v-model="form.qlrzjhm" ></el-input> | ||
| 72 | </el-form-item> | ||
| 73 | </el-col> | ||
| 74 | <el-col :span="8"> | ||
| 75 | <el-form-item label="使用权面积" label-width="140px"> | ||
| 76 | <el-input v-model="form.mj" ></el-input> | ||
| 77 | </el-form-item> | ||
| 78 | </el-col> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item label="权利性质" label-width="140px"> | ||
| 81 | <el-input v-model="form.qlxzmc" ></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item label="土地用途" label-width="140px"> | ||
| 86 | <el-input v-model="form.ytmc" ></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item label="使用权起止时间" label-width="140px"> | ||
| 91 | <el-input v-model="form.syqqzsj" ></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | <el-col :span="8"> | ||
| 95 | <el-form-item label="土地使用期限" label-width="140px"> | ||
| 96 | <el-input v-model="form.tdsyqx" ></el-input> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item label="取得价格(万元)" label-width="140px"> | ||
| 101 | <el-input v-model="form.qdjg" ></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | <el-col :span="8"> | ||
| 105 | <el-form-item label="登记原因" label-width="140px"> | ||
| 106 | <el-input v-model="form.djyy" ></el-input> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | <el-col :span="8"> | ||
| 110 | <el-form-item label="不动产权证号" label-width="140px"> | ||
| 111 | <el-input v-model="form.bdcqzh" ></el-input> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item label="登记时间" label-width="140px"> | ||
| 116 | <el-input v-model="form.djsj" ></el-input> | ||
| 117 | </el-form-item> | ||
| 118 | </el-col> | ||
| 119 | <el-col :span="8"> | ||
| 120 | <el-form-item label="登簿人" label-width="140px"> | ||
| 121 | <el-input v-model="form.dbr" ></el-input> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="附记" label-width="140px"> | ||
| 126 | <el-input v-model="form.fj" ></el-input> | ||
| 127 | </el-form-item> | ||
| 128 | </el-col> | ||
| 129 | </el-row> | ||
| 130 | <el-form-item class="btn"> | ||
| 131 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 132 | <el-button @click="closeDialog">取消</el-button> | ||
| 133 | </el-form-item> | ||
| 134 | </el-form> | ||
| 135 | |||
| 136 | </div> | ||
| 137 | |||
| 138 | </div> | ||
| 139 | </template> | ||
| 140 | <script> | ||
| 141 | export default { | ||
| 142 | props: { | ||
| 143 | formData: { | ||
| 144 | type: Object, | ||
| 145 | default: () => { }, | ||
| 146 | }, | ||
| 147 | }, | ||
| 148 | data () { | ||
| 149 | return { | ||
| 150 | form:{}, | ||
| 151 | qsztList: [ | ||
| 152 | { | ||
| 153 | value: "0", | ||
| 154 | label: "临时", | ||
| 155 | }, | ||
| 156 | { | ||
| 157 | value: "1", | ||
| 158 | label: "现势", | ||
| 159 | }, | ||
| 160 | { | ||
| 161 | value: "2", | ||
| 162 | label: "历史", | ||
| 163 | }, | ||
| 164 | |||
| 165 | ], | ||
| 166 | label:"", | ||
| 167 | }; | ||
| 168 | }, | ||
| 169 | mounted () { | ||
| 170 | if (this.formData.data) { | ||
| 171 | this.$nextTick(() => { | ||
| 172 | this.form = Object.assign({}, this.formData.data) | ||
| 173 | this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史" | ||
| 174 | }) | ||
| 175 | } | ||
| 176 | }, | ||
| 177 | |||
| 178 | methods: { | ||
| 179 | //新增常用意见 | ||
| 180 | submitForm () { | ||
| 181 | |||
| 182 | this.$refs.form.validate(valid => { | ||
| 183 | if (valid) { | ||
| 184 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | ||
| 185 | // if (res.code == 200) { | ||
| 186 | // this.$message.success("新增成功") | ||
| 187 | // this.closeaddDiglog(); | ||
| 188 | // this.getList() | ||
| 189 | // } else { | ||
| 190 | // this.$message.error(res.message) | ||
| 191 | // } | ||
| 192 | // }) | ||
| 193 | } else { | ||
| 194 | return false; | ||
| 195 | } | ||
| 196 | }); | ||
| 197 | }, | ||
| 198 | closeDialog () { | ||
| 199 | this.$popupCacel() | ||
| 200 | this.$refs['form'].resetFields(); | ||
| 201 | // this.resetTableFields(); | ||
| 202 | } | ||
| 203 | }, | ||
| 204 | }; | ||
| 205 | </script> | ||
| 206 | <style scoped lang="scss"> | ||
| 207 | @import "~@/styles/mixin.scss"; | ||
| 208 | @import "~@/styles/public.scss"; | ||
| 209 | |||
| 210 | |||
| 211 | .jtfccx-edit { | ||
| 212 | @include flex; | ||
| 213 | flex-direction: column; | ||
| 214 | overflow-y: hidden; | ||
| 215 | max-height: 85vh; | ||
| 216 | padding: 0 2px; | ||
| 217 | |||
| 218 | |||
| 219 | .btn{ | ||
| 220 | text-align: center; | ||
| 221 | |||
| 222 | } | ||
| 223 | } | ||
| 224 | </style> |
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-05-09 09:20:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox title="新建材料信息1111111" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息1111" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
| 8 | :isFullscreen="false"> | 8 | :isFullscreen="false"> |
| 9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | 9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> |
| 10 | <el-row> | 10 | <el-row> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:38 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="right"> | ||
| 9 | <!-- 材料预览 --> | ||
| 10 | <div class="clyl-box"> | ||
| 11 | <div class="menu-tree"> | ||
| 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细111111</el-button> | ||
| 13 | <div class="item"> | ||
| 14 | 材料目录({{tableData.length}}) | ||
| 15 | <div style="margin-top:10px"> | ||
| 16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 19 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 20 | {{ item.sjmc }} | ||
| 21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 22 | </div> | ||
| 23 | </div> | ||
| 24 | </div> | ||
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
| 26 | </div> | ||
| 27 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 28 | @prevPriview="prevPriview" /> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <clxxAddDialog v-model="isDialog" /> | ||
| 32 | </div> | ||
| 33 | </template> | ||
| 34 | <script> | ||
| 35 | import { mapGetters } from "vuex"; | ||
| 36 | import clxxAddDialog from "./clxxAddDialog.vue"; | ||
| 37 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 38 | export default { | ||
| 39 | components: { clxxAddDialog}, | ||
| 40 | data () { | ||
| 41 | return { | ||
| 42 | isDialog: false, | ||
| 43 | iclass: "", | ||
| 44 | // 材料目录选中 | ||
| 45 | treeCheckIndex: 0, | ||
| 46 | treeCheckId: "", | ||
| 47 | key: 0, | ||
| 48 | tableData: [], | ||
| 49 | previewImg: { | ||
| 50 | // 收件标识码 | ||
| 51 | bsmSj: '', | ||
| 52 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 53 | index: 0, | ||
| 54 | selectedIndex: 0, | ||
| 55 | imgList: [] | ||
| 56 | } | ||
| 57 | } | ||
| 58 | }, | ||
| 59 | computed: { | ||
| 60 | ...mapGetters(["dictData"]) | ||
| 61 | }, | ||
| 62 | created () { | ||
| 63 | this.clmlInitList(1) | ||
| 64 | }, | ||
| 65 | methods: { | ||
| 66 | // 自动预览 | ||
| 67 | nextPriview () { | ||
| 68 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 69 | this.treeCheckIndex++ | ||
| 70 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 71 | this.previewImg.index = 0 | ||
| 72 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 73 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | prevPriview () { | ||
| 77 | if (this.treeCheckIndex >= 1) { | ||
| 78 | this.treeCheckIndex-- | ||
| 79 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 80 | this.previewImg.index = this.previewImg.imgList.length | ||
| 81 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 82 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | // 材料目录明细初始化 | ||
| 86 | clmlInitList (type) { | ||
| 87 | //type 1：列表初始化 2：新增材料 | ||
| 88 | return new Promise(resolve => { | ||
| 89 | this.unitData = this.$parent.unitData; | ||
| 90 | var formdata = new FormData(); | ||
| 91 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 92 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 93 | InitClml(formdata).then((res) => { | ||
| 94 | if (res.code == 200) { | ||
| 95 | resolve(res.code) | ||
| 96 | if (res.result && res.result.length > 0) { | ||
| 97 | this.tableData = res.result; | ||
| 98 | if (type == 1) { | ||
| 99 | this.treeClick(this.tableData[0], 0); | ||
| 100 | } else { | ||
| 101 | //新增材料后刷新列表焦点置于新增的对象上 | ||
| 102 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
| 103 | } | ||
| 104 | } | ||
| 105 | } else { | ||
| 106 | this.$message.error(res.message) | ||
| 107 | } | ||
| 108 | }) | ||
| 109 | }) | ||
| 110 | }, | ||
| 111 | setChecked (item) { | ||
| 112 | this.treeCheckId = item.bsmSj; | ||
| 113 | this.title = item.sjmc; | ||
| 114 | this.titleYs = 1; | ||
| 115 | this.titleNum = item.children.length; | ||
| 116 | this.previewImg.imgList = item.children; | ||
| 117 | this.previewImg.bsmSj = item.bsmSj; | ||
| 118 | }, | ||
| 119 | updateList (val) { | ||
| 120 | let that = this | ||
| 121 | if (val != null) { //删除最后一张图片时 val=null | ||
| 122 | this.tableData.forEach(item => { | ||
| 123 | if (item.bsmSj === val.bsmSj) { | ||
| 124 | item.children = val.children | ||
| 125 | } | ||
| 126 | }) | ||
| 127 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 128 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 129 | this.previewImg.index = this.previewImg.index - 1 | ||
| 130 | } | ||
| 131 | } else { | ||
| 132 | this.previewImg.imgList = [] | ||
| 133 | this.tableData.forEach((item, index) => { | ||
| 134 | if (this.treeCheckId == item.bsmSj) { | ||
| 135 | item.children = [] | ||
| 136 | that.treeCheckIndex = index | ||
| 137 | } | ||
| 138 | }) | ||
| 139 | } | ||
| 140 | |||
| 141 | }, | ||
| 142 | // 添加材料目录 | ||
| 143 | handleAdd () { | ||
| 144 | this.isDialog = true; | ||
| 145 | }, | ||
| 146 | // 新增弹窗保存 | ||
| 147 | addSave (data) { | ||
| 148 | let obj = { | ||
| 149 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 150 | isrequired: "1", | ||
| 151 | sjmc: data.clmc, | ||
| 152 | sjsl: 0, | ||
| 153 | smzt: '', | ||
| 154 | ys: 0, | ||
| 155 | sjlx: data.cllx, | ||
| 156 | sfxjcl: "1", // 是否必选 | ||
| 157 | }; | ||
| 158 | saveClml(obj).then(async (res) => { | ||
| 159 | if (res.code == 200) { | ||
| 160 | let res = await this.clmlInitList(2) | ||
| 161 | if (res == 200) this.$message({ | ||
| 162 | message: "新增成功", | ||
| 163 | type: "success", | ||
| 164 | }) | ||
| 165 | } | ||
| 166 | }); | ||
| 167 | }, | ||
| 168 | // 材料目录点击选中 | ||
| 169 | treeClick (item, index) { | ||
| 170 | this.previewImg.index = 0 | ||
| 171 | this.treeCheckId = item?.bsmSj | ||
| 172 | this.treeCheckIndex = index | ||
| 173 | this.previewImg.imgList = item?.children | ||
| 174 | this.previewImg.bsmSj = item?.bsmSj | ||
| 175 | }, | ||
| 176 | // 小图片点击 | ||
| 177 | imgClick (item, index) { | ||
| 178 | this.showImg = item; | ||
| 179 | this.titleYs = index + 1; | ||
| 180 | }, | ||
| 181 | // 字典 | ||
| 182 | dicStatus (val, code) { | ||
| 183 | let data = this.$store.getters.dictData[code], | ||
| 184 | name = "暂无"; | ||
| 185 | if (data) { | ||
| 186 | data.map((item) => { | ||
| 187 | if (item.dcode == val) { | ||
| 188 | name = item.dname | ||
| 189 | } | ||
| 190 | }); | ||
| 191 | return name | ||
| 192 | } | ||
| 193 | }, | ||
| 194 | //查看明细 | ||
| 195 | viewDetail () { | ||
| 196 | this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { | ||
| 197 | data: this.tableData | ||
| 198 | }, "60%") | ||
| 199 | }, | ||
| 200 | //设置tableData | ||
| 201 | setTableData (tableData) { | ||
| 202 | this.$nextTick(res => { | ||
| 203 | this.tableData = tableData; | ||
| 204 | }) | ||
| 205 | }, | ||
| 206 | }, | ||
| 207 | }; | ||
| 208 | </script> | ||
| 209 | <style scoped lang='scss'> | ||
| 210 | @import "~@/styles/mixin.scss"; | ||
| 211 | |||
| 212 | .active { | ||
| 213 | background: $light-blue !important; | ||
| 214 | color: #fff; | ||
| 215 | } | ||
| 216 | |||
| 217 | .required { | ||
| 218 | font-size: 12px; | ||
| 219 | color: $pink; | ||
| 220 | float: left; | ||
| 221 | } | ||
| 222 | |||
| 223 | .cl_number { | ||
| 224 | float: right; | ||
| 225 | } | ||
| 226 | |||
| 227 | .clxx { | ||
| 228 | width: 100%; | ||
| 229 | display: flex; | ||
| 230 | padding-left: 5px; | ||
| 231 | height: calc(100vh - 125px); | ||
| 232 | |||
| 233 | .left { | ||
| 234 | display: flex; | ||
| 235 | flex-direction: column; | ||
| 236 | justify-content: space-between; | ||
| 237 | |||
| 238 | .item { | ||
| 239 | width: 28px; | ||
| 240 | height: 49%; | ||
| 241 | @include flex-center; | ||
| 242 | background-color: #e4e7ed; | ||
| 243 | border-bottom-right-radius: 10px; | ||
| 244 | padding: 5px; | ||
| 245 | cursor: pointer; | ||
| 246 | transition: all 0.3s; | ||
| 247 | |||
| 248 | &:hover { | ||
| 249 | @extend .active; | ||
| 250 | } | ||
| 251 | } | ||
| 252 | } | ||
| 253 | |||
| 254 | .right { | ||
| 255 | width: 100%; | ||
| 256 | height: 100%; | ||
| 257 | |||
| 258 | .clmlmx-box { | ||
| 259 | margin: 0 auto; | ||
| 260 | |||
| 261 | .title { | ||
| 262 | text-align: center; | ||
| 263 | height: 60px; | ||
| 264 | line-height: 60px; | ||
| 265 | border: 1px solid #dfe6ec; | ||
| 266 | font-size: 20px; | ||
| 267 | background: #81d3f81a; | ||
| 268 | margin-bottom: -1px; | ||
| 269 | } | ||
| 270 | } | ||
| 271 | |||
| 272 | .clyl-box { | ||
| 273 | width: 100%; | ||
| 274 | height: 100%; | ||
| 275 | display: flex; | ||
| 276 | |||
| 277 | .menu-tree { | ||
| 278 | width: 20%; | ||
| 279 | min-width: 160px; | ||
| 280 | height: 100%; | ||
| 281 | margin-right: 10px; | ||
| 282 | border-right: 1px dotted #d9d9d9; | ||
| 283 | padding: 0 15px; | ||
| 284 | |||
| 285 | .item { | ||
| 286 | line-height: 30px; | ||
| 287 | padding-top: 5px; | ||
| 288 | border-bottom: 1px solid #e8e8e8; | ||
| 289 | font-size: 16px; | ||
| 290 | text-align: center; | ||
| 291 | color: $light-blue; | ||
| 292 | |||
| 293 | .itemIcon { | ||
| 294 | float: right; | ||
| 295 | line-height: 60px; | ||
| 296 | cursor: pointer; | ||
| 297 | } | ||
| 298 | |||
| 299 | .child { | ||
| 300 | line-height: 32px; | ||
| 301 | border-bottom: 1px solid #e8e8e8; | ||
| 302 | padding-left: 10px; | ||
| 303 | color: #6b6b6b; | ||
| 304 | cursor: pointer; | ||
| 305 | box-sizing: border-box; | ||
| 306 | border-radius: 6px; | ||
| 307 | line-height: 20px; | ||
| 308 | transition: all 0.3s; | ||
| 309 | padding: 8px 0; | ||
| 310 | } | ||
| 311 | |||
| 312 | .child:hover { | ||
| 313 | color: $light-blue; | ||
| 314 | transform: scale(1.1); | ||
| 315 | } | ||
| 316 | |||
| 317 | .checked { | ||
| 318 | border: 1px solid $light-blue; | ||
| 319 | color: $light-blue; | ||
| 320 | } | ||
| 321 | } | ||
| 322 | } | ||
| 323 | |||
| 324 | .clyl-img { | ||
| 325 | width: 75%; | ||
| 326 | height: 100%; | ||
| 327 | background: #f3f4f7; | ||
| 328 | margin: 0 auto; | ||
| 329 | position: relative; | ||
| 330 | } | ||
| 331 | } | ||
| 332 | } | ||
| 333 | } | ||
| 334 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: 功能：审批意见 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:24 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class='spyj loadingtext'> | ||
| 8 | <div class="box"> | ||
| 9 | <b class="spyj_title">审批表11112222</b> | ||
| 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
| 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | ||
| 12 | <div class="item_left"> | ||
| 13 | {{ item.jdmc }}意见 | ||
| 14 | </div> | ||
| 15 | <div class="item_right"> | ||
| 16 | <el-row> | ||
| 17 | <el-col :span="24"> | ||
| 18 | <el-form-item label-width="0" class="opinion_item" prop="shyj"> | ||
| 19 | <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" | ||
| 20 | v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input> | ||
| 21 | <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> | ||
| 22 | </el-input> | ||
| 23 | <el-button class="opinion_btn" @click="commonOpinion" | ||
| 24 | v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row> | ||
| 29 | <el-col :span="16"> | ||
| 30 | <el-form-item label="审查人" prop="shryxm"> | ||
| 31 | {{ item.shryxm }} | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="审核时间" prop="shjssj" :key="refresh"> | ||
| 36 | {{ item.shjssj }} | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | </div> | ||
| 41 | </div> | ||
| 42 | <div class="submit_button" v-if="ableOperation"> | ||
| 43 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 44 | </div> | ||
| 45 | </el-form> | ||
| 46 | </div> | ||
| 47 | <el-empty v-if="isNoData" description="暂无数据"></el-empty> | ||
| 48 | </div> | ||
| 49 | </template> | ||
| 50 | <script> | ||
| 51 | import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; | ||
| 52 | import { mapGetters } from 'vuex' | ||
| 53 | export default { | ||
| 54 | computed: { | ||
| 55 | ...mapGetters(['userData', 'yjsqOptions']) | ||
| 56 | }, | ||
| 57 | data () { | ||
| 58 | return { | ||
| 59 | isNoData: false, | ||
| 60 | bsmSlsq: '', | ||
| 61 | //刷新值 | ||
| 62 | refresh: 10, | ||
| 63 | ableOperation: true, | ||
| 64 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 65 | bestepid: this.$route.query.bestepid, | ||
| 66 | ruleForm: {}, | ||
| 67 | rules: { | ||
| 68 | shyj: [ | ||
| 69 | { required: true, message: '请输入审批意见', trigger: 'blur' } | ||
| 70 | ], | ||
| 71 | }, | ||
| 72 | tableData: [], | ||
| 73 | propsParam: {} | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | watch: { | ||
| 77 | yjsqOptions: { | ||
| 78 | handler (val) { | ||
| 79 | this.ruleForm.shyj = val | ||
| 80 | }, | ||
| 81 | deep: true, | ||
| 82 | immediate: true | ||
| 83 | }, | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | this.propsParam = this.$attrs; | ||
| 87 | if (this.$route.query.viewtype) { | ||
| 88 | this.ableOperation = false | ||
| 89 | } | ||
| 90 | this.list(); | ||
| 91 | }, | ||
| 92 | methods: { | ||
| 93 | //审批意见数据初始化 | ||
| 94 | list () { | ||
| 95 | let that = this | ||
| 96 | this.$startLoading() | ||
| 97 | var formdata = new FormData(); | ||
| 98 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | ||
| 99 | formdata.append("bestepid", this.$route.query.bestepid); | ||
| 100 | formdata.append("ableOperation", this.ableOperation) | ||
| 101 | getSpyjList(formdata).then((res) => { | ||
| 102 | this.$endLoading() | ||
| 103 | if (res.code === 200 && res.result) { | ||
| 104 | this.tableData = res.result ? res.result : [] | ||
| 105 | if (res.result.length == 0) { | ||
| 106 | that.isNoData = true | ||
| 107 | } | ||
| 108 | this.ruleForm = res.result[res.result.length - 1] | ||
| 109 | } | ||
| 110 | }) | ||
| 111 | }, | ||
| 112 | onSubmit () { | ||
| 113 | this.ruleForm.bsmSlsq = this.bsmSlsq | ||
| 114 | this.ruleForm.bestepid = this.bestepid | ||
| 115 | saveSpyjBySlsq(this.ruleForm).then(res => { | ||
| 116 | if (res.code === 200) { | ||
| 117 | this.$message.success("保存成功") | ||
| 118 | this.refresh += 1 | ||
| 119 | } else { | ||
| 120 | this.$message.error(res.message) | ||
| 121 | } | ||
| 122 | }) | ||
| 123 | }, | ||
| 124 | //打开常用意见列表弹窗 | ||
| 125 | commonOpinion () { | ||
| 126 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | ||
| 127 | }, | ||
| 128 | //使用常用意见 | ||
| 129 | useOpinion (opinion) { | ||
| 130 | this.ruleForm.shyj = opinion | ||
| 131 | } | ||
| 132 | } | ||
| 133 | } | ||
| 134 | </script> | ||
| 135 | <style scoped lang='scss'> | ||
| 136 | @import "~@/styles/mixin.scss"; | ||
| 137 | |||
| 138 | .spyj { | ||
| 139 | width: 100%; | ||
| 140 | height: 100%; | ||
| 141 | background-color: #f5f5f5; | ||
| 142 | padding: 5px; | ||
| 143 | .box { | ||
| 144 | overflow-x: auto; | ||
| 145 | width: 100%; | ||
| 146 | height: 95%; | ||
| 147 | background: #fff; | ||
| 148 | text-align: center; | ||
| 149 | padding: 4px; | ||
| 150 | overflow-y: scroll; | ||
| 151 | padding-top: 20px; | ||
| 152 | padding: 20px 40px; | ||
| 153 | } | ||
| 154 | .spyj_title { | ||
| 155 | line-height: 68px; | ||
| 156 | border: 1px solid $borderColor; | ||
| 157 | text-align: center; | ||
| 158 | font-size: 22px; | ||
| 159 | font-weight: 400; | ||
| 160 | background-color: #eceef2; | ||
| 161 | display: block; | ||
| 162 | border-bottom: none; | ||
| 163 | } | ||
| 164 | |||
| 165 | /deep/.el-form-item { | ||
| 166 | margin-bottom: 0; | ||
| 167 | } | ||
| 168 | |||
| 169 | .bottom10 { | ||
| 170 | margin-bottom: 15px; | ||
| 171 | } | ||
| 172 | |||
| 173 | .spyj_form { | ||
| 174 | display: flex; | ||
| 175 | border: 1px solid $borderColor; | ||
| 176 | |||
| 177 | .item_left { | ||
| 178 | width: 150px; | ||
| 179 | background-color: #f8f8fa; | ||
| 180 | color: #606266; | ||
| 181 | display: flex; | ||
| 182 | font-size: 14px; | ||
| 183 | text-indent: 80px; | ||
| 184 | align-items: center; | ||
| 185 | border-right: 1px solid $borderColor; | ||
| 186 | } | ||
| 187 | |||
| 188 | .item_right { | ||
| 189 | flex: 1; | ||
| 190 | width: 100%; | ||
| 191 | |||
| 192 | /deep/.el-form-item__label { | ||
| 193 | background-color: #f8f8fa; | ||
| 194 | } | ||
| 195 | /deep/.el-form-item__content { | ||
| 196 | display: block; | ||
| 197 | text-align: left; | ||
| 198 | text-indent: 10px; | ||
| 199 | } | ||
| 200 | .opinion_item { | ||
| 201 | /deep/.el-form-item__error { | ||
| 202 | margin-top: -16px !important; | ||
| 203 | left: 3px; | ||
| 204 | } | ||
| 205 | |||
| 206 | border-bottom: 1px solid $borderColor; | ||
| 207 | } | ||
| 208 | |||
| 209 | .opinion { | ||
| 210 | position: relative; | ||
| 211 | font-size: 14px; | ||
| 212 | |||
| 213 | /deep/.el-textarea__inner { | ||
| 214 | border: none; | ||
| 215 | } | ||
| 216 | } | ||
| 217 | |||
| 218 | .opinion_btn { | ||
| 219 | position: absolute; | ||
| 220 | right: 15px; | ||
| 221 | bottom: 10px; | ||
| 222 | } | ||
| 223 | } | ||
| 224 | } | ||
| 225 | |||
| 226 | .submit_button { | ||
| 227 | text-align: center; | ||
| 228 | margin: 15px 0; | ||
| 229 | } | ||
| 230 | } | ||
| 231 | </style> |
| ... | @@ -104,27 +104,41 @@ export default { | ... | @@ -104,27 +104,41 @@ export default { |
| 104 | } | 104 | } |
| 105 | return name; | 105 | return name; |
| 106 | }, | 106 | }, |
| 107 | AddDialog(row){ | 107 | // 编辑 |
| 108 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 109 | data: '' | ||
| 110 | }) | ||
| 111 | }, | ||
| 112 | editDialog(row){ | 108 | editDialog(row){ |
| 113 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 114 | datalist:this.columns, | 110 | confirmButtonText: '确定', |
| 115 | data: row, | 111 | cancelButtonText: '取消', |
| 112 | type: 'warning' | ||
| 113 | }).then(() => { | ||
| 114 | this.$parent.addRepairRecord(row) | ||
| 115 | |||
| 116 | this.$message({ | ||
| 117 | type: 'success', | ||
| 118 | message: '补录成功!' | ||
| 119 | }); | ||
| 120 | }).catch(() => { | ||
| 121 | this.$message({ | ||
| 122 | type: 'info', | ||
| 123 | message: '取消编辑' | ||
| 124 | }); | ||
| 125 | }); | ||
| 126 | |||
| 127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 128 | // datalist:this.columns, | ||
| 129 | // data: row, | ||
| 130 | |||
| 131 | // }) | ||
| 116 | 132 | ||
| 117 | }) | ||
| 118 | }, | 133 | }, |
| 119 | // 删除 | 134 | // 删除 |
| 120 | deleteDialog(row){ | 135 | deleteDialog(row){ |
| 121 | let that = this | 136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 122 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 123 | confirmButtonText: '确定', | 137 | confirmButtonText: '确定', |
| 124 | cancelButtonText: '取消', | 138 | cancelButtonText: '取消', |
| 125 | type: 'warning' | 139 | type: 'warning' |
| 126 | }).then(async () => { | 140 | }).then(() => { |
| 127 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | 141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx |
| 128 | // deleteClmx(bsmClmx).then(res => { | 142 | // deleteClmx(bsmClmx).then(res => { |
| 129 | // if (res.code == 200) { | 143 | // if (res.code == 200) { |
| 130 | // that.$emit('updateList', res.result) | 144 | // that.$emit('updateList', res.result) |
| ... | @@ -134,16 +148,16 @@ export default { | ... | @@ -134,16 +148,16 @@ export default { |
| 134 | // }) | 148 | // }) |
| 135 | // } | 149 | // } |
| 136 | // }) | 150 | // }) |
| 137 | that.$message({ | 151 | this.$message({ |
| 138 | message: '删除成功!', | 152 | type: 'success', |
| 139 | type: 'success' | 153 | message: '删除成功!' |
| 140 | }) | 154 | }); |
| 141 | }).catch(() => { | 155 | }).catch(() => { |
| 142 | this.$message({ | 156 | this.$message({ |
| 143 | type: 'info', | 157 | type: 'info', |
| 144 | message: '已取消删除' | 158 | message: '已取消删除' |
| 145 | }) | 159 | }); |
| 146 | }) | 160 | }); |
| 147 | 161 | ||
| 148 | } | 162 | } |
| 149 | }, | 163 | }, | ... | ... |
| ... | @@ -104,28 +104,41 @@ export default { | ... | @@ -104,28 +104,41 @@ export default { |
| 104 | } | 104 | } |
| 105 | return name; | 105 | return name; |
| 106 | }, | 106 | }, |
| 107 | AddDialog(row){ | 107 | // 编辑 |
| 108 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 109 | data: '' | ||
| 110 | }) | ||
| 111 | }, | ||
| 112 | editDialog(row){ | 108 | editDialog(row){ |
| 113 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 114 | datalist:this.columns, | 110 | confirmButtonText: '确定', |
| 115 | data: row, | 111 | cancelButtonText: '取消', |
| 112 | type: 'warning' | ||
| 113 | }).then(() => { | ||
| 114 | this.$parent.addRepairRecord(row) | ||
| 115 | |||
| 116 | this.$message({ | ||
| 117 | type: 'success', | ||
| 118 | message: '补录成功!' | ||
| 119 | }); | ||
| 120 | }).catch(() => { | ||
| 121 | this.$message({ | ||
| 122 | type: 'info', | ||
| 123 | message: '取消编辑' | ||
| 124 | }); | ||
| 125 | }); | ||
| 126 | |||
| 127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 128 | // datalist:this.columns, | ||
| 129 | // data: row, | ||
| 130 | |||
| 131 | // }) | ||
| 116 | 132 | ||
| 117 | }) | ||
| 118 | }, | 133 | }, |
| 119 | // 删除 | 134 | // 删除 |
| 120 | deleteDialog(row){ | 135 | deleteDialog(row){ |
| 121 | let that = this | 136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 122 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 123 | confirmButtonText: '确定', | 137 | confirmButtonText: '确定', |
| 124 | cancelButtonText: '取消', | 138 | cancelButtonText: '取消', |
| 125 | type: 'warning' | 139 | type: 'warning' |
| 126 | }).then(async () => { | 140 | }).then(() => { |
| 127 | 141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 128 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 129 | // deleteClmx(bsmClmx).then(res => { | 142 | // deleteClmx(bsmClmx).then(res => { |
| 130 | // if (res.code == 200) { | 143 | // if (res.code == 200) { |
| 131 | // that.$emit('updateList', res.result) | 144 | // that.$emit('updateList', res.result) |
| ... | @@ -135,16 +148,16 @@ export default { | ... | @@ -135,16 +148,16 @@ export default { |
| 135 | // }) | 148 | // }) |
| 136 | // } | 149 | // } |
| 137 | // }) | 150 | // }) |
| 138 | that.$message({ | 151 | this.$message({ |
| 139 | message: '删除成功!', | 152 | type: 'success', |
| 140 | type: 'success' | 153 | message: '删除成功!' |
| 141 | }) | 154 | }); |
| 142 | }).catch(() => { | 155 | }).catch(() => { |
| 143 | this.$message({ | 156 | this.$message({ |
| 144 | type: 'info', | 157 | type: 'info', |
| 145 | message: '已取消删除' | 158 | message: '已取消删除' |
| 146 | }) | 159 | }); |
| 147 | }) | 160 | }); |
| 148 | 161 | ||
| 149 | } | 162 | } |
| 150 | }, | 163 | }, | ... | ... |
| ... | @@ -109,28 +109,41 @@ | ... | @@ -109,28 +109,41 @@ |
| 109 | } | 109 | } |
| 110 | return name; | 110 | return name; |
| 111 | }, | 111 | }, |
| 112 | AddDialog(row){ | 112 | // 编辑 |
| 113 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 114 | data: '' | ||
| 115 | }) | ||
| 116 | }, | ||
| 117 | editDialog(row){ | 113 | editDialog(row){ |
| 118 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 114 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 119 | datalist:this.columns, | 115 | confirmButtonText: '确定', |
| 120 | data: row, | 116 | cancelButtonText: '取消', |
| 117 | type: 'warning' | ||
| 118 | }).then(() => { | ||
| 119 | this.$parent.addRepairRecord(row) | ||
| 120 | |||
| 121 | this.$message({ | ||
| 122 | type: 'success', | ||
| 123 | message: '补录成功!' | ||
| 124 | }); | ||
| 125 | }).catch(() => { | ||
| 126 | this.$message({ | ||
| 127 | type: 'info', | ||
| 128 | message: '取消编辑' | ||
| 129 | }); | ||
| 130 | }); | ||
| 131 | |||
| 132 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 133 | // datalist:this.columns, | ||
| 134 | // data: row, | ||
| 135 | |||
| 136 | // }) | ||
| 121 | 137 | ||
| 122 | }) | ||
| 123 | }, | 138 | }, |
| 124 | // 删除 | 139 | // 删除 |
| 125 | deleteDialog(row){ | 140 | deleteDialog(row){ |
| 126 | let that = this | 141 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 127 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 128 | confirmButtonText: '确定', | 142 | confirmButtonText: '确定', |
| 129 | cancelButtonText: '取消', | 143 | cancelButtonText: '取消', |
| 130 | type: 'warning' | 144 | type: 'warning' |
| 131 | }).then(async () => { | 145 | }).then(() => { |
| 132 | 146 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 133 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 134 | // deleteClmx(bsmClmx).then(res => { | 147 | // deleteClmx(bsmClmx).then(res => { |
| 135 | // if (res.code == 200) { | 148 | // if (res.code == 200) { |
| 136 | // that.$emit('updateList', res.result) | 149 | // that.$emit('updateList', res.result) |
| ... | @@ -140,16 +153,16 @@ | ... | @@ -140,16 +153,16 @@ |
| 140 | // }) | 153 | // }) |
| 141 | // } | 154 | // } |
| 142 | // }) | 155 | // }) |
| 143 | that.$message({ | 156 | this.$message({ |
| 144 | message: '删除成功!', | 157 | type: 'success', |
| 145 | type: 'success' | 158 | message: '删除成功!' |
| 146 | }) | 159 | }); |
| 147 | }).catch(() => { | 160 | }).catch(() => { |
| 148 | this.$message({ | 161 | this.$message({ |
| 149 | type: 'info', | 162 | type: 'info', |
| 150 | message: '已取消删除' | 163 | message: '已取消删除' |
| 151 | }) | 164 | }); |
| 152 | }) | 165 | }); |
| 153 | 166 | ||
| 154 | } | 167 | } |
| 155 | }, | 168 | }, | ... | ... |
| ... | @@ -105,6 +105,8 @@ export default { | ... | @@ -105,6 +105,8 @@ export default { |
| 105 | } | 105 | } |
| 106 | return name; | 106 | return name; |
| 107 | }, | 107 | }, |
| 108 | |||
| 109 | // 编辑 | ||
| 108 | editDialog(row){ | 110 | editDialog(row){ |
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 111 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 110 | confirmButtonText: '确定', | 112 | confirmButtonText: '确定', |
| ... | @@ -132,7 +134,6 @@ export default { | ... | @@ -132,7 +134,6 @@ export default { |
| 132 | 134 | ||
| 133 | }, | 135 | }, |
| 134 | // 删除 | 136 | // 删除 |
| 135 | // 删除 | ||
| 136 | deleteDialog(row){ | 137 | deleteDialog(row){ |
| 137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | 138 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 138 | confirmButtonText: '确定', | 139 | confirmButtonText: '确定', | ... | ... |
| ... | @@ -113,30 +113,41 @@ | ... | @@ -113,30 +113,41 @@ |
| 113 | } | 113 | } |
| 114 | return name; | 114 | return name; |
| 115 | }, | 115 | }, |
| 116 | AddDialog(row){ | 116 | // 编辑 |
| 117 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 118 | datalist:this.columns, | ||
| 119 | data: '' | ||
| 120 | |||
| 121 | }) | ||
| 122 | }, | ||
| 123 | editDialog(row){ | 117 | editDialog(row){ |
| 124 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 125 | datalist:this.columns, | 119 | confirmButtonText: '确定', |
| 126 | data: row, | 120 | cancelButtonText: '取消', |
| 121 | type: 'warning' | ||
| 122 | }).then(() => { | ||
| 123 | this.$parent.addRepairRecord(row) | ||
| 124 | |||
| 125 | this.$message({ | ||
| 126 | type: 'success', | ||
| 127 | message: '补录成功!' | ||
| 128 | }); | ||
| 129 | }).catch(() => { | ||
| 130 | this.$message({ | ||
| 131 | type: 'info', | ||
| 132 | message: '取消编辑' | ||
| 133 | }); | ||
| 134 | }); | ||
| 135 | |||
| 136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 137 | // datalist:this.columns, | ||
| 138 | // data: row, | ||
| 139 | |||
| 140 | // }) | ||
| 127 | 141 | ||
| 128 | }) | ||
| 129 | }, | 142 | }, |
| 130 | // 删除 | 143 | // 删除 |
| 131 | deleteDialog(row){ | 144 | deleteDialog(row){ |
| 132 | let that = this | 145 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 133 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 134 | confirmButtonText: '确定', | 146 | confirmButtonText: '确定', |
| 135 | cancelButtonText: '取消', | 147 | cancelButtonText: '取消', |
| 136 | type: 'warning' | 148 | type: 'warning' |
| 137 | }).then(async () => { | 149 | }).then(() => { |
| 138 | 150 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 139 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 140 | // deleteClmx(bsmClmx).then(res => { | 151 | // deleteClmx(bsmClmx).then(res => { |
| 141 | // if (res.code == 200) { | 152 | // if (res.code == 200) { |
| 142 | // that.$emit('updateList', res.result) | 153 | // that.$emit('updateList', res.result) |
| ... | @@ -146,16 +157,16 @@ | ... | @@ -146,16 +157,16 @@ |
| 146 | // }) | 157 | // }) |
| 147 | // } | 158 | // } |
| 148 | // }) | 159 | // }) |
| 149 | that.$message({ | 160 | this.$message({ |
| 150 | message: '删除成功!', | 161 | type: 'success', |
| 151 | type: 'success' | 162 | message: '删除成功!' |
| 152 | }) | 163 | }); |
| 153 | }).catch(() => { | 164 | }).catch(() => { |
| 154 | this.$message({ | 165 | this.$message({ |
| 155 | type: 'info', | 166 | type: 'info', |
| 156 | message: '已取消删除' | 167 | message: '已取消删除' |
| 157 | }) | 168 | }); |
| 158 | }) | 169 | }); |
| 159 | 170 | ||
| 160 | } | 171 | } |
| 161 | }, | 172 | }, | ... | ... |
| ... | @@ -138,28 +138,41 @@ | ... | @@ -138,28 +138,41 @@ |
| 138 | } | 138 | } |
| 139 | return name; | 139 | return name; |
| 140 | }, | 140 | }, |
| 141 | AddDialog(row){ | 141 | // 编辑 |
| 142 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 143 | data: '' | ||
| 144 | }) | ||
| 145 | }, | ||
| 146 | editDialog(row){ | 142 | editDialog(row){ |
| 147 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 143 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 148 | datalist:this.columns, | 144 | confirmButtonText: '确定', |
| 149 | data: row, | 145 | cancelButtonText: '取消', |
| 146 | type: 'warning' | ||
| 147 | }).then(() => { | ||
| 148 | this.$parent.addRepairRecord(row) | ||
| 149 | |||
| 150 | this.$message({ | ||
| 151 | type: 'success', | ||
| 152 | message: '补录成功!' | ||
| 153 | }); | ||
| 154 | }).catch(() => { | ||
| 155 | this.$message({ | ||
| 156 | type: 'info', | ||
| 157 | message: '取消编辑' | ||
| 158 | }); | ||
| 159 | }); | ||
| 160 | |||
| 161 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 162 | // datalist:this.columns, | ||
| 163 | // data: row, | ||
| 164 | |||
| 165 | // }) | ||
| 150 | 166 | ||
| 151 | }) | ||
| 152 | }, | 167 | }, |
| 153 | // 删除 | 168 | // 删除 |
| 154 | deleteDialog(row){ | 169 | deleteDialog(row){ |
| 155 | let that = this | 170 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 156 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 157 | confirmButtonText: '确定', | 171 | confirmButtonText: '确定', |
| 158 | cancelButtonText: '取消', | 172 | cancelButtonText: '取消', |
| 159 | type: 'warning' | 173 | type: 'warning' |
| 160 | }).then(async () => { | 174 | }).then(() => { |
| 161 | 175 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 162 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 163 | // deleteClmx(bsmClmx).then(res => { | 176 | // deleteClmx(bsmClmx).then(res => { |
| 164 | // if (res.code == 200) { | 177 | // if (res.code == 200) { |
| 165 | // that.$emit('updateList', res.result) | 178 | // that.$emit('updateList', res.result) |
| ... | @@ -169,16 +182,16 @@ | ... | @@ -169,16 +182,16 @@ |
| 169 | // }) | 182 | // }) |
| 170 | // } | 183 | // } |
| 171 | // }) | 184 | // }) |
| 172 | that.$message({ | 185 | this.$message({ |
| 173 | message: '删除成功!', | 186 | type: 'success', |
| 174 | type: 'success' | 187 | message: '删除成功!' |
| 175 | }) | 188 | }); |
| 176 | }).catch(() => { | 189 | }).catch(() => { |
| 177 | this.$message({ | 190 | this.$message({ |
| 178 | type: 'info', | 191 | type: 'info', |
| 179 | message: '已取消删除' | 192 | message: '已取消删除' |
| 180 | }) | 193 | }); |
| 181 | }) | 194 | }); |
| 182 | 195 | ||
| 183 | } | 196 | } |
| 184 | }, | 197 | }, | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="from-clues-header"> | 7 | <!-- 受理信息 --> |
| 3 | <div>收件信息</div> | 8 | <div class="slxx"> |
| 4 | <el-form :model="form" label-width="120px"> | 9 | <el-form |
| 5 | <div class="slxx_con"> | 10 | :model="ruleForm" |
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 6 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
| 7 | 受理信息 | 20 | 补录信息 |
| 8 | <div class="triangle"></div> | 21 | <div class="triangle"></div> |
| 9 | </div> | 22 | </div> |
| 10 | <el-row :gutter="10" v-if="form.slsq"> | 23 | <el-row :gutter="10"> |
| 11 | <el-col :span="8"> | 24 | <el-col :span="8"> |
| 12 | <el-form-item label="补录编号："> | 25 | <el-form-item label="业务号："> |
| 13 | <el-input disabled v-model="form.Repair.ywh"></el-input> | 26 | <el-input disabled v-model="ruleForm.qlxx.ywh"></el-input> |
| 14 | </el-form-item> | 27 | </el-form-item> |
| 15 | </el-col> | 28 | </el-col> |
| 16 | <el-col :span="8"> | 29 | <el-col :span="8"> |
| 17 | <el-form-item label="补录人员："> | 30 | <el-form-item label="补录人员："> |
| 18 | <el-input disabled v-model="form.Repair.slry"></el-input> | 31 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 19 | </el-form-item> | 32 | </el-form-item> |
| 20 | </el-col> | 33 | </el-col> |
| 21 | <el-col :span="8"> | 34 | <el-col :span="8"> |
| 22 | <el-form-item label="补录时间："> | 35 | <el-form-item label="补录时间："> |
| 23 | <el-input disabled v-model="form.Repair.slsj"></el-input> | 36 | <el-input v-model="ruleForm.qlxx.qlrmc"></el-input> |
| 24 | </el-form-item> | 37 | </el-form-item> |
| 25 | </el-col> | 38 | </el-col> |
| 26 | </el-row> | 39 | </el-row> |
| 27 | <el-row :gutter="10"> | 40 | <el-row :gutter="10"> |
| 28 | <el-col :span="8"> | 41 | <el-col :span="8"> |
| 29 | <el-form-item label="权利类型："> | 42 | <el-form-item label="权利类型："> |
| 30 | <el-input disabled v-model="form.Repair.qllxmc"></el-input> | 43 | <el-input v-model="ruleForm.qlxx.qlxx"></el-input> |
| 31 | </el-form-item> | 44 | </el-form-item> |
| 32 | </el-col> | 45 | </el-col> |
| 33 | <el-col :span="8"> | 46 | <el-col :span="8"> |
| 34 | <el-form-item label="登记类型："> | 47 | <el-form-item label="登记类型："> |
| 35 | <el-input disabled v-model="form.Repair.djlxmc"></el-input> | 48 | <el-input v-model="ruleForm.qlxx.djlxmc"></el-input> |
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | <el-col :span="8"> | ||
| 52 | <el-form-item label="登记情形："> | ||
| 53 | <el-input v-model="ruleForm.qlxx.djlxmc"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | </el-row> | ||
| 57 | <div class="slxx_title title-block"> | ||
| 58 | 不动产单元情况 | ||
| 59 | <div class="triangle"></div> | ||
| 60 | </div> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="不动产单元号："> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="权利性质："> | ||
| 69 | <el-input v-model="ruleForm.qlxx.qlxzmc"></el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | <el-row :gutter="10"> | ||
| 74 | <el-col :span="8"> | ||
| 75 | <el-form-item label="宗地面积："> | ||
| 76 | <el-input v-model="ruleForm.qlxx.mjmc"></el-input> | ||
| 77 | </el-form-item> | ||
| 78 | </el-col> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item label="土地用途："> | ||
| 81 | <el-input v-model="ruleForm.fdcq2.ghyt"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item label="坐落："> | ||
| 86 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item label="房屋结构："> | ||
| 91 | <el-input v-model="ruleForm.fdcq2.fwjgmc"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | </el-row> | ||
| 95 | <div class="slxx_title title-block"> | ||
| 96 | 权利人信息 | ||
| 97 | <div class="triangle"></div> | ||
| 98 | </div> | ||
| 99 | <el-row :gutter="10"> | ||
| 100 | <el-col :span="12"> | ||
| 101 | <el-form-item label="共有方式："> | ||
| 102 | <el-radio-group | ||
| 103 | :disabled="$route.query.viewtype == 0" | ||
| 104 | v-model="ruleForm.qlxx.gyqk" | ||
| 105 | > | ||
| 106 | <el-radio label="0">单独所有</el-radio> | ||
| 107 | <el-radio label="1">共同共有</el-radio> | ||
| 108 | <el-radio label="2">按份所有</el-radio> | ||
| 109 | <el-radio label="3">其它共有</el-radio> | ||
| 110 | </el-radio-group> | ||
| 111 | </el-form-item> | ||
| 112 | </el-col> | ||
| 113 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 114 | <el-form-item label="是否分别持证："> | ||
| 115 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 116 | <el-radio :label=1>是</el-radio> | ||
| 117 | <el-radio :label=0>否</el-radio> | ||
| 118 | </el-radio-group> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> --> | ||
| 121 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 122 | <el-form-item label="持证人："> | ||
| 123 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 124 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 125 | </el-option> | ||
| 126 | </el-select> | ||
| 127 | </el-form-item> | ||
| 128 | </el-col> --> | ||
| 129 | </el-row> | ||
| 130 | <qlrCommonTable | ||
| 131 | :tableData="ruleForm.qlrList" | ||
| 132 | @upDateQlrxxList="upDateQlrxxList" | ||
| 133 | :key="key" | ||
| 134 | :viewtype="$route.query.viewtype" | ||
| 135 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 136 | /> | ||
| 137 | |||
| 138 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 139 | <div class="slxx_title title-block"> | ||
| 140 | 义务人信息 | ||
| 141 | <div class="triangle"></div> | ||
| 142 | </div> | ||
| 143 | <qlrCommonTable | ||
| 144 | v-if="ruleForm.ywrList" | ||
| 145 | :tableData="ruleForm.ywrList" | ||
| 146 | :key="key" | ||
| 147 | @upDateQlrxxList="upDateYwrxxList" | ||
| 148 | :viewtype="$route.query.viewtype" | ||
| 149 | /> | ||
| 150 | </div> | ||
| 151 | |||
| 152 | <div class="slxx_title title-block"> | ||
| 153 | 登记原因 | ||
| 154 | <div class="triangle"></div> | ||
| 155 | </div> | ||
| 156 | <el-row :gutter="10"> | ||
| 157 | <el-col> | ||
| 158 | <el-form-item label="登记原因：" prop="djyy"> | ||
| 159 | <el-input | ||
| 160 | class="textArea" | ||
| 161 | type="textarea" | ||
| 162 | :disabled="$route.query.viewtype" | ||
| 163 | v-model="ruleForm.fdcq2.djyy" | ||
| 164 | > | ||
| 165 | </el-input> | ||
| 36 | </el-form-item> | 166 | </el-form-item> |
| 37 | </el-col> | 167 | </el-col> |
| 38 | </el-row> | 168 | </el-row> |
| 39 | </div> | 169 | </div> |
| 170 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 171 | <el-form-item> | ||
| 172 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 173 | </el-form-item> | ||
| 174 | </el-row> | ||
| 40 | </el-form> | 175 | </el-form> |
| 41 | <div class="btn"> | ||
| 42 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | ||
| 43 | <el-button @click="closeDialog">取消</el-button> | ||
| 44 | </div> | ||
| 45 | </div> | 176 | </div> |
| 46 | </template> | 177 | </template> |
| 47 | <script> | 178 | <script> |
| 48 | import { mapGetters } from "vuex"; | 179 | import { mapGetters } from "vuex"; |
| 49 | import { init } from "@/api/djbbl.js" | 180 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 181 | import { init } from "@/api/djbbl.js"; | ||
| 182 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 50 | export default { | 183 | export default { |
| 51 | props: { | 184 | components: { qlrCommonTable }, |
| 52 | currentSelectProps: { | 185 | computed: { |
| 53 | type: Object, | 186 | ...mapGetters(["dictData", "flag"]), |
| 54 | default: () => {}, | ||
| 55 | }, | ||
| 56 | }, | 187 | }, |
| 57 | |||
| 58 | data() { | 188 | data() { |
| 59 | return { | 189 | return { |
| 60 | //传递参数 | 190 | //表单是否可操作 |
| 61 | propsParam: this.$attrs, | 191 | propsParam: this.$attrs, |
| 62 | activeName: "slxx", | 192 | ableOperation: true, |
| 63 | form: {}, | 193 | key: 0, |
| 64 | datalist: [], | 194 | isShow: false, |
| 65 | qsztList: [ | 195 | disabled: true, |
| 66 | { | 196 | czrOptions: [], |
| 67 | value: "1", | 197 | ruleForm: {}, |
| 68 | label: "现势", | 198 | //传递参数\ |
| 69 | }, | 199 | rules: {}, |
| 70 | { | ||
| 71 | value: "2", | ||
| 72 | label: "历史", | ||
| 73 | }, | ||
| 74 | ], | ||
| 75 | label: "", | ||
| 76 | isshow: true, | ||
| 77 | }; | 200 | }; |
| 78 | }, | 201 | }, |
| 79 | computed: { | ||
| 80 | ...mapGetters(["dictData"]), | ||
| 81 | }, | ||
| 82 | created() { | 202 | created() { |
| 203 | console.log("受理信息",this.ruleForm); | ||
| 83 | this.loadData(); | 204 | this.loadData(); |
| 84 | // this.clmlInitList(1) | ||
| 85 | }, | ||
| 86 | mounted() { | ||
| 87 | // if (this.formData.data) { | ||
| 88 | // this.$nextTick(() => { | ||
| 89 | // this.form = Object.assign({}, this.formData.data); | ||
| 90 | // // this.datalist = Object.assign([], this.formData.datalist) | ||
| 91 | // this.form.qszt = | ||
| 92 | // this.form.qszt == "0" | ||
| 93 | // ? "临时" | ||
| 94 | // : this.form.qszt == "1" | ||
| 95 | // ? "现势" | ||
| 96 | // : "历史"; | ||
| 97 | // }); | ||
| 98 | // } | ||
| 99 | // this.datalist = this.formData.datalist | ||
| 100 | // this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | ||
| 101 | // this.datalist.shift(); | ||
| 102 | // this.datalist.shift(); | ||
| 103 | // console.log("this.datalist", this.datalist); | ||
| 104 | }, | 205 | }, |
| 105 | 206 | mounted() {}, | |
| 106 | methods: { | 207 | methods: { |
| 107 | loadData() { | 208 | loadData() { |
| 108 | init(this.propsParam.bsmRepair).then((res) => { | 209 | init(this.propsParam.bsmRepair).then((res) => { |
| 109 | if (res.code == 200) { | 210 | if (res.code == 200) { |
| 110 | this.form=res.result; | 211 | this.ruleForm = res.result; |
| 111 | console.log("/rest/djbRepair/init",res); | 212 | this.isShow = true; |
| 112 | // this.tableData = res.result; | 213 | // this.tableData = res.result; |
| 113 | // if (this.tableData.length < datas.columns().emptycolNum) { | 214 | // if (this.tableData.length < datas.columns().emptycolNum) { |
| 114 | // this.emptycolNum = | 215 | // this.emptycolNum = |
| ... | @@ -118,266 +219,77 @@ export default { | ... | @@ -118,266 +219,77 @@ export default { |
| 118 | // } | 219 | // } |
| 119 | } | 220 | } |
| 120 | }); | 221 | }); |
| 121 | |||
| 122 | }, | 222 | }, |
| 123 | // 受理信息保存 | 223 | // 更新权利人信息 |
| 124 | slxxsubmitForm() { | 224 | upDateQlrxxList(val) { |
| 125 | this.$refs.form.validate((valid) => { | 225 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
| 126 | if (valid) { | 226 | this.czrOptions = this.ruleForm.qlrList; |
| 127 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | 227 | this.key++; |
| 128 | // if (res.code == 200) { | 228 | }, |
| 129 | // this.$message.success("新增成功") | 229 | // 更新义务人信息 |
| 130 | // this.closeaddDiglog(); | 230 | upDateYwrxxList(val) { |
| 131 | // this.getList() | 231 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); |
| 132 | // } else { | 232 | this.key++; |
| 133 | // this.$message.error(res.message) | 233 | }, |
| 134 | // } | 234 | onSubmit() { |
| 135 | // }) | 235 | if (this.ruleForm.qlrList.length == 0) { |
| 136 | } else { | 236 | this.$message({ |
| 237 | showClose: true, | ||
| 238 | message: "请确认权利人信息", | ||
| 239 | type: "error", | ||
| 240 | }); | ||
| 241 | return false; | ||
| 242 | } | ||
| 243 | |||
| 244 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 245 | if (this.ruleForm.qlrList.length > 1) { | ||
| 246 | this.$message({ | ||
| 247 | showClose: true, | ||
| 248 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 249 | type: "error", | ||
| 250 | }); | ||
| 137 | return false; | 251 | return false; |
| 138 | } | 252 | } |
| 253 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 254 | } | ||
| 255 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 256 | //是否分别持证 | ||
| 257 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 258 | //是 | ||
| 259 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 260 | item.sfczr = "1"; | ||
| 261 | }); | ||
| 262 | } else { | ||
| 263 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 264 | if (item.zjh == this.ruleForm.czr) { | ||
| 265 | item.sfczr = "1"; | ||
| 266 | } else { | ||
| 267 | item.sfczr = "0"; | ||
| 268 | } | ||
| 269 | }); | ||
| 270 | } | ||
| 271 | } | ||
| 272 | saveData(this.ruleForm).then((res) => { | ||
| 273 | if (res.code === 200) { | ||
| 274 | this.$message({ | ||
| 275 | showClose: true, | ||
| 276 | message: "保存成功！", | ||
| 277 | type: "success", | ||
| 278 | }); | ||
| 279 | this.$store.dispatch("user/refreshPage", true); | ||
| 280 | } else { | ||
| 281 | this.$message({ | ||
| 282 | showClose: true, | ||
| 283 | message: res.message, | ||
| 284 | type: "error", | ||
| 285 | }); | ||
| 286 | } | ||
| 139 | }); | 287 | }); |
| 140 | this.isshow = false; | ||
| 141 | }, | 288 | }, |
| 142 | closeDialog() {}, | ||
| 143 | }, | 289 | }, |
| 144 | }; | 290 | }; |
| 145 | </script> | 291 | </script> |
| 146 | <style scoped lang="scss"> | 292 | <style scoped lang="scss"> |
| 147 | @import "~@/styles/mixin.scss"; | ||
| 148 | @import "~@/styles/public.scss"; | 293 | @import "~@/styles/public.scss"; |
| 149 | 294 | @import "~@/styles/slxx/slxx.scss"; | |
| 150 | .from-clues-header { | ||
| 151 | @include flex; | ||
| 152 | flex-direction: column; | ||
| 153 | overflow-y: hidden; | ||
| 154 | height: 620px; | ||
| 155 | padding: 0 2px; | ||
| 156 | |||
| 157 | .btn { | ||
| 158 | margin-top: 40px; | ||
| 159 | margin-bottom: 20px; | ||
| 160 | text-align: center; | ||
| 161 | } | ||
| 162 | } | ||
| 163 | |||
| 164 | // 审批意见样式 | ||
| 165 | |||
| 166 | .spyj { | ||
| 167 | .box { | ||
| 168 | overflow-x: auto; | ||
| 169 | width: 100%; | ||
| 170 | height: 95%; | ||
| 171 | background: #fff; | ||
| 172 | text-align: center; | ||
| 173 | padding: 4px; | ||
| 174 | overflow-y: scroll; | ||
| 175 | padding-top: 20px; | ||
| 176 | padding: 20px 40px; | ||
| 177 | /deep/.el-input__inner { | ||
| 178 | width: 200px; | ||
| 179 | border: none; | ||
| 180 | } | ||
| 181 | } | ||
| 182 | .spyj_title { | ||
| 183 | line-height: 68px; | ||
| 184 | border: 1px solid $borderColor; | ||
| 185 | text-align: center; | ||
| 186 | font-size: 22px; | ||
| 187 | font-weight: 400; | ||
| 188 | background-color: #eceef2; | ||
| 189 | display: block; | ||
| 190 | border-bottom: none; | ||
| 191 | } | ||
| 192 | |||
| 193 | /deep/.el-form-item { | ||
| 194 | margin-bottom: 0; | ||
| 195 | } | ||
| 196 | |||
| 197 | .bottom10 { | ||
| 198 | margin-bottom: 15px; | ||
| 199 | } | ||
| 200 | |||
| 201 | .spyj_form { | ||
| 202 | display: flex; | ||
| 203 | border: 1px solid $borderColor; | ||
| 204 | |||
| 205 | .item_left { | ||
| 206 | width: 150px; | ||
| 207 | background-color: #f8f8fa; | ||
| 208 | color: #606266; | ||
| 209 | display: flex; | ||
| 210 | font-size: 14px; | ||
| 211 | text-indent: 80px; | ||
| 212 | align-items: center; | ||
| 213 | border-right: 1px solid $borderColor; | ||
| 214 | } | ||
| 215 | |||
| 216 | .item_right { | ||
| 217 | flex: 1; | ||
| 218 | width: 100%; | ||
| 219 | |||
| 220 | /deep/.el-form-item__label { | ||
| 221 | background-color: #f8f8fa; | ||
| 222 | } | ||
| 223 | /deep/.el-form-item__content { | ||
| 224 | display: block; | ||
| 225 | text-align: left; | ||
| 226 | text-indent: 10px; | ||
| 227 | } | ||
| 228 | .opinion_item { | ||
| 229 | /deep/.el-form-item__error { | ||
| 230 | margin-top: -16px !important; | ||
| 231 | left: 3px; | ||
| 232 | } | ||
| 233 | |||
| 234 | border-bottom: 1px solid $borderColor; | ||
| 235 | } | ||
| 236 | |||
| 237 | .opinion { | ||
| 238 | position: relative; | ||
| 239 | font-size: 14px; | ||
| 240 | |||
| 241 | /deep/.el-textarea__inner { | ||
| 242 | border: none; | ||
| 243 | } | ||
| 244 | } | ||
| 245 | |||
| 246 | .opinion_btn { | ||
| 247 | position: absolute; | ||
| 248 | right: 15px; | ||
| 249 | bottom: 10px; | ||
| 250 | } | ||
| 251 | } | ||
| 252 | } | ||
| 253 | |||
| 254 | .submit_button { | ||
| 255 | text-align: center; | ||
| 256 | margin: 15px 0; | ||
| 257 | } | ||
| 258 | } | ||
| 259 | |||
| 260 | // 材料信息样式 | ||
| 261 | .active { | ||
| 262 | background: $light-blue !important; | ||
| 263 | color: #fff; | ||
| 264 | } | ||
| 265 | |||
| 266 | .required { | ||
| 267 | font-size: 12px; | ||
| 268 | color: $pink; | ||
| 269 | float: left; | ||
| 270 | } | ||
| 271 | |||
| 272 | .cl_number { | ||
| 273 | float: right; | ||
| 274 | } | ||
| 275 | |||
| 276 | .clxx { | ||
| 277 | width: 100%; | ||
| 278 | display: flex; | ||
| 279 | padding-left: 5px; | ||
| 280 | height: calc(100vh - 125px); | ||
| 281 | |||
| 282 | .left { | ||
| 283 | display: flex; | ||
| 284 | flex-direction: column; | ||
| 285 | justify-content: space-between; | ||
| 286 | |||
| 287 | .item { | ||
| 288 | width: 28px; | ||
| 289 | height: 49%; | ||
| 290 | @include flex-center; | ||
| 291 | background-color: #e4e7ed; | ||
| 292 | border-bottom-right-radius: 10px; | ||
| 293 | padding: 5px; | ||
| 294 | cursor: pointer; | ||
| 295 | transition: all 0.3s; | ||
| 296 | |||
| 297 | &:hover { | ||
| 298 | @extend .active; | ||
| 299 | } | ||
| 300 | } | ||
| 301 | } | ||
| 302 | |||
| 303 | .right { | ||
| 304 | width: 100%; | ||
| 305 | height: 100%; | ||
| 306 | |||
| 307 | .clmlmx-box { | ||
| 308 | margin: 0 auto; | ||
| 309 | |||
| 310 | .title { | ||
| 311 | text-align: center; | ||
| 312 | height: 60px; | ||
| 313 | line-height: 60px; | ||
| 314 | border: 1px solid #dfe6ec; | ||
| 315 | font-size: 20px; | ||
| 316 | background: #81d3f81a; | ||
| 317 | margin-bottom: -1px; | ||
| 318 | } | ||
| 319 | } | ||
| 320 | |||
| 321 | .clyl-box { | ||
| 322 | width: 100%; | ||
| 323 | height: 100%; | ||
| 324 | display: flex; | ||
| 325 | |||
| 326 | .menu-tree { | ||
| 327 | width: 20%; | ||
| 328 | min-width: 160px; | ||
| 329 | height: 100%; | ||
| 330 | margin-right: 10px; | ||
| 331 | border-right: 1px dotted #d9d9d9; | ||
| 332 | padding: 0 15px; | ||
| 333 | |||
| 334 | .item { | ||
| 335 | line-height: 30px; | ||
| 336 | padding-top: 5px; | ||
| 337 | border-bottom: 1px solid #e8e8e8; | ||
| 338 | font-size: 16px; | ||
| 339 | text-align: center; | ||
| 340 | color: $light-blue; | ||
| 341 | |||
| 342 | .itemIcon { | ||
| 343 | float: right; | ||
| 344 | line-height: 60px; | ||
| 345 | cursor: pointer; | ||
| 346 | } | ||
| 347 | |||
| 348 | .child { | ||
| 349 | line-height: 32px; | ||
| 350 | border-bottom: 1px solid #e8e8e8; | ||
| 351 | padding-left: 10px; | ||
| 352 | color: #6b6b6b; | ||
| 353 | cursor: pointer; | ||
| 354 | box-sizing: border-box; | ||
| 355 | border-radius: 6px; | ||
| 356 | line-height: 20px; | ||
| 357 | transition: all 0.3s; | ||
| 358 | padding: 8px 0; | ||
| 359 | } | ||
| 360 | |||
| 361 | .child:hover { | ||
| 362 | color: $light-blue; | ||
| 363 | transform: scale(1.1); | ||
| 364 | } | ||
| 365 | |||
| 366 | .checked { | ||
| 367 | border: 1px solid $light-blue; | ||
| 368 | color: $light-blue; | ||
| 369 | } | ||
| 370 | } | ||
| 371 | } | ||
| 372 | |||
| 373 | .clyl-img { | ||
| 374 | width: 75%; | ||
| 375 | height: 100%; | ||
| 376 | background: #f3f4f7; | ||
| 377 | margin: 0 auto; | ||
| 378 | position: relative; | ||
| 379 | } | ||
| 380 | } | ||
| 381 | } | ||
| 382 | } | ||
| 383 | </style> | 295 | </style> | ... | ... |
| ... | @@ -6,11 +6,11 @@ | ... | @@ -6,11 +6,11 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class='spyj loadingtext'> | 7 | <div class='spyj loadingtext'> |
| 8 | <div class="box"> | 8 | <div class="box"> |
| 9 | <b class="spyj_title">审批表11111111111111111111</b> | 9 | <b class="spyj_title">审批表</b> |
| 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
| 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> |
| 12 | <div class="item_left"> | 12 | <div class="item_left"> |
| 13 | {{ item.jdmc }}意见 | 13 | {{ item.jdmc }}初审意见 |
| 14 | </div> | 14 | </div> |
| 15 | <div class="item_right"> | 15 | <div class="item_right"> |
| 16 | <el-row> | 16 | <el-row> |
| ... | @@ -123,7 +123,7 @@ | ... | @@ -123,7 +123,7 @@ |
| 123 | }, | 123 | }, |
| 124 | //打开常用意见列表弹窗 | 124 | //打开常用意见列表弹窗 |
| 125 | commonOpinion () { | 125 | commonOpinion () { |
| 126 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | 126 | this.$popupDialog("常用意见", "djbworkflow/components/dialog/commonOpinion", {}, "70%", true) |
| 127 | }, | 127 | }, |
| 128 | //使用常用意见 | 128 | //使用常用意见 |
| 129 | useOpinion (opinion) { | 129 | useOpinion (opinion) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :预告登记 | 2 | * @Description :预告登记 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-06-13 13:57:01 | 4 | * @LastEditTime : 2023-06-15 13:50:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -104,28 +104,41 @@ export default { | ... | @@ -104,28 +104,41 @@ export default { |
| 104 | } | 104 | } |
| 105 | return name; | 105 | return name; |
| 106 | }, | 106 | }, |
| 107 | AddDialog(row){ | 107 | // 编辑 |
| 108 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 109 | data: '' | ||
| 110 | }) | ||
| 111 | }, | ||
| 112 | editDialog(row){ | 108 | editDialog(row){ |
| 113 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 114 | datalist:this.columns, | 110 | confirmButtonText: '确定', |
| 115 | data: row, | 111 | cancelButtonText: '取消', |
| 112 | type: 'warning' | ||
| 113 | }).then(() => { | ||
| 114 | this.$parent.addRepairRecord(row) | ||
| 115 | |||
| 116 | this.$message({ | ||
| 117 | type: 'success', | ||
| 118 | message: '补录成功!' | ||
| 119 | }); | ||
| 120 | }).catch(() => { | ||
| 121 | this.$message({ | ||
| 122 | type: 'info', | ||
| 123 | message: '取消编辑' | ||
| 124 | }); | ||
| 125 | }); | ||
| 126 | |||
| 127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 128 | // datalist:this.columns, | ||
| 129 | // data: row, | ||
| 130 | |||
| 131 | // }) | ||
| 116 | 132 | ||
| 117 | }) | ||
| 118 | }, | 133 | }, |
| 119 | // 删除 | 134 | // 删除 |
| 120 | deleteDialog(row){ | 135 | deleteDialog(row){ |
| 121 | let that = this | 136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 122 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 123 | confirmButtonText: '确定', | 137 | confirmButtonText: '确定', |
| 124 | cancelButtonText: '取消', | 138 | cancelButtonText: '取消', |
| 125 | type: 'warning' | 139 | type: 'warning' |
| 126 | }).then(async () => { | 140 | }).then(() => { |
| 127 | 141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 128 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 129 | // deleteClmx(bsmClmx).then(res => { | 142 | // deleteClmx(bsmClmx).then(res => { |
| 130 | // if (res.code == 200) { | 143 | // if (res.code == 200) { |
| 131 | // that.$emit('updateList', res.result) | 144 | // that.$emit('updateList', res.result) |
| ... | @@ -135,16 +148,16 @@ export default { | ... | @@ -135,16 +148,16 @@ export default { |
| 135 | // }) | 148 | // }) |
| 136 | // } | 149 | // } |
| 137 | // }) | 150 | // }) |
| 138 | that.$message({ | 151 | this.$message({ |
| 139 | message: '删除成功!', | 152 | type: 'success', |
| 140 | type: 'success' | 153 | message: '删除成功!' |
| 141 | }) | 154 | }); |
| 142 | }).catch(() => { | 155 | }).catch(() => { |
| 143 | this.$message({ | 156 | this.$message({ |
| 144 | type: 'info', | 157 | type: 'info', |
| 145 | message: '已取消删除' | 158 | message: '已取消删除' |
| 146 | }) | 159 | }); |
| 147 | }) | 160 | }); |
| 148 | 161 | ||
| 149 | } | 162 | } |
| 150 | }, | 163 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :异议登记 | 2 | * @Description :异议登记 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-06-13 13:57:04 | 4 | * @LastEditTime : 2023-06-15 13:50:58 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -105,28 +105,41 @@ export default { | ... | @@ -105,28 +105,41 @@ export default { |
| 105 | } | 105 | } |
| 106 | return name; | 106 | return name; |
| 107 | }, | 107 | }, |
| 108 | AddDialog(row){ | 108 | // 编辑 |
| 109 | this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 110 | data: '' | ||
| 111 | }) | ||
| 112 | }, | ||
| 113 | editDialog(row){ | 109 | editDialog(row){ |
| 114 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 115 | datalist:this.columns, | 111 | confirmButtonText: '确定', |
| 116 | data: row, | 112 | cancelButtonText: '取消', |
| 113 | type: 'warning' | ||
| 114 | }).then(() => { | ||
| 115 | this.$parent.addRepairRecord(row) | ||
| 116 | |||
| 117 | this.$message({ | ||
| 118 | type: 'success', | ||
| 119 | message: '补录成功!' | ||
| 120 | }); | ||
| 121 | }).catch(() => { | ||
| 122 | this.$message({ | ||
| 123 | type: 'info', | ||
| 124 | message: '取消编辑' | ||
| 125 | }); | ||
| 126 | }); | ||
| 127 | |||
| 128 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 129 | // datalist:this.columns, | ||
| 130 | // data: row, | ||
| 131 | |||
| 132 | // }) | ||
| 117 | 133 | ||
| 118 | }) | ||
| 119 | }, | 134 | }, |
| 120 | // 删除 | 135 | // 删除 |
| 121 | deleteDialog(row){ | 136 | deleteDialog(row){ |
| 122 | let that = this | 137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| 123 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
| 124 | confirmButtonText: '确定', | 138 | confirmButtonText: '确定', |
| 125 | cancelButtonText: '取消', | 139 | cancelButtonText: '取消', |
| 126 | type: 'warning' | 140 | type: 'warning' |
| 127 | }).then(async () => { | 141 | }).then(() => { |
| 128 | 142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
| 129 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 130 | // deleteClmx(bsmClmx).then(res => { | 143 | // deleteClmx(bsmClmx).then(res => { |
| 131 | // if (res.code == 200) { | 144 | // if (res.code == 200) { |
| 132 | // that.$emit('updateList', res.result) | 145 | // that.$emit('updateList', res.result) |
| ... | @@ -136,16 +149,16 @@ export default { | ... | @@ -136,16 +149,16 @@ export default { |
| 136 | // }) | 149 | // }) |
| 137 | // } | 150 | // } |
| 138 | // }) | 151 | // }) |
| 139 | that.$message({ | 152 | this.$message({ |
| 140 | message: '删除成功!', | 153 | type: 'success', |
| 141 | type: 'success' | 154 | message: '删除成功!' |
| 142 | }) | 155 | }); |
| 143 | }).catch(() => { | 156 | }).catch(() => { |
| 144 | this.$message({ | 157 | this.$message({ |
| 145 | type: 'info', | 158 | type: 'info', |
| 146 | message: '已取消删除' | 159 | message: '已取消删除' |
| 147 | }) | 160 | }); |
| 148 | }) | 161 | }); |
| 149 | 162 | ||
| 150 | } | 163 | } |
| 151 | }, | 164 | }, | ... | ... |
| ... | @@ -7,100 +7,111 @@ | ... | @@ -7,100 +7,111 @@ |
| 7 | export function getForm (tabName, djywbm) { | 7 | export function getForm (tabName, djywbm) { |
| 8 | let form; | 8 | let form; |
| 9 | switch (tabName) { | 9 | switch (tabName) { |
| 10 | case "jsydsyqslxx100": | 10 | // case "jsydsyqslxx100": |
| 11 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); | 11 | // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); |
| 12 | break; | 12 | // break; |
| 13 | case "jsydsyqslxx300": | 13 | // case "jsydsyqslxx300": |
| 14 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); | 14 | // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); |
| 15 | break; | 15 | // break; |
| 16 | case "fwsyqslxx100": | 16 | // case "fwsyqslxx100": |
| 17 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); | 17 | // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); |
| 18 | break; | 18 | // break; |
| 19 | case "fwsyqslxx300": | 19 | // case "fwsyqslxx300": |
| 20 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); | 20 | // form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); |
| 21 | break; | 21 | // break; |
| 22 | case "nydsyqslxx100": | 22 | // case "nydsyqslxx100": |
| 23 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | 23 | // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); |
| 24 | break; | 24 | // break; |
| 25 | case "nydsyqslxx200": | 25 | // case "nydsyqslxx200": |
| 26 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); | 26 | // form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); |
| 27 | break; | 27 | // break; |
| 28 | case "tdslxxCfdj": | 28 | // case "tdslxxCfdj": |
| 29 | form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue"); | 29 | // form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue"); |
| 30 | break; | 30 | // break; |
| 31 | case "plslxxCfdj": | 31 | // case "plslxxCfdj": |
| 32 | form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue"); | 32 | // form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue"); |
| 33 | break; | 33 | // break; |
| 34 | case "diyaqSlxx": | 34 | // case "diyaqSlxx": |
| 35 | form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); | 35 | // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); |
| 36 | break; | 36 | // break; |
| 37 | case "clxx": | 37 | // case "ygmm100": |
| 38 | form = require("@/views/djbworkflow/components/clxxUnify.vue"); | 38 | // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); |
| 39 | break; | 39 | // break; |
| 40 | case "spyj": | 40 | // case "ygmm300": |
| 41 | form = require("@/views/djbworkflow/components/spyj.vue"); | 41 | // form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue"); |
| 42 | break; | 42 | // break; |
| 43 | // case "ygdy100": | ||
| 44 | // case "ygdy300": | ||
| 45 | // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); | ||
| 46 | // break; | ||
| 47 | // case "zjgcdyqSlxx": | ||
| 48 | // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | ||
| 49 | // break; | ||
| 50 | // case "szxx": | ||
| 51 | // form = require("@/views/djbworkflow/components/szxx.vue"); | ||
| 52 | // break; | ||
| 53 | // case "fzxx": | ||
| 54 | // form = require("@/views/djbworkflow/components/fzxx.vue"); | ||
| 55 | // break; | ||
| 56 | // case "zdt": | ||
| 57 | // form = require("@/views/djbworkflow/components/zdt.vue"); | ||
| 58 | // break; | ||
| 59 | // 宗地基本信息 | ||
| 43 | case "zdjbxx": | 60 | case "zdjbxx": |
| 44 | form = require("@/views/djbworkflow/djbBook/zdjbxx.vue"); | 61 | form = require("@/views/djbworkflow/djbBook/zdjbxx.vue"); |
| 45 | break; | 62 | break; |
| 46 | case "ygmm100": | 63 | // 查封登记 |
| 47 | form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); | ||
| 48 | break; | ||
| 49 | case "ygmm300": | ||
| 50 | form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue"); | ||
| 51 | break; | ||
| 52 | case "ygdy100": | ||
| 53 | case "ygdy300": | ||
| 54 | form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); | ||
| 55 | break; | ||
| 56 | case "zjgcdyqSlxx": | ||
| 57 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | ||
| 58 | break; | ||
| 59 | case "cfdj": | 64 | case "cfdj": |
| 60 | form = require("@/views/djbworkflow/djbBook/cfdj.vue"); | 65 | form = require("@/views/djbworkflow/djbBook/cfdj.vue"); |
| 61 | break; | 66 | break; |
| 67 | // 国有建设用地使用权 | ||
| 62 | case "jsydsyq": | 68 | case "jsydsyq": |
| 63 | form = require("@/views/djbworkflow/djbBook/jsydsyq.vue"); | 69 | form = require("@/views/djbworkflow/djbBook/jsydsyq.vue"); |
| 64 | break; | 70 | break; |
| 71 | // 农用地使用权 | ||
| 65 | case "nydsyq": | 72 | case "nydsyq": |
| 66 | form = require("@/views/djbworkflow/djbBook/nydsyq.vue"); | 73 | form = require("@/views/djbworkflow/djbBook/nydsyq.vue"); |
| 67 | break; | 74 | break; |
| 75 | // 房屋产权2 | ||
| 68 | case "fdcq2": | 76 | case "fdcq2": |
| 69 | form = require("@/views/djbworkflow/djbBook/fdcq2.vue"); | 77 | form = require("@/views/djbworkflow/djbBook/fdcq2.vue"); |
| 70 | break; | 78 | break; |
| 79 | // 抵押权 | ||
| 71 | case "diyaq": | 80 | case "diyaq": |
| 72 | form = require("@/views/djbworkflow/djbBook/diyaq.vue"); | 81 | form = require("@/views/djbworkflow/djbBook/diyaq.vue"); |
| 73 | break; | 82 | break; |
| 83 | // 预告登记 | ||
| 74 | case "ygdj": | 84 | case "ygdj": |
| 75 | form = require("@/views/djbworkflow/djbBook/ygdj.vue"); | 85 | form = require("@/views/djbworkflow/djbBook/ygdj.vue"); |
| 76 | break; | 86 | break; |
| 87 | // 地役权 | ||
| 77 | case "diyiq": | 88 | case "diyiq": |
| 78 | form = require("@/views/djbworkflow/djbBook/diyiq.vue"); | 89 | form = require("@/views/djbworkflow/djbBook/diyiq.vue"); |
| 79 | break; | 90 | break; |
| 91 | // 登记簿封面 | ||
| 80 | case "djbfm": | 92 | case "djbfm": |
| 81 | form = require("@/views/djbworkflow/djbBook/djbfm.vue"); | 93 | form = require("@/views/djbworkflow/djbBook/djbfm.vue"); |
| 82 | break; | 94 | break; |
| 95 | // 异议登记 | ||
| 83 | case "yydj": | 96 | case "yydj": |
| 84 | form = require("@/views/djbworkflow/djbBook/yydj.vue"); | 97 | form = require("@/views/djbworkflow/djbBook/yydj.vue"); |
| 85 | break; | 98 | break; |
| 86 | case "szxx": | 99 | // 受理信息 |
| 87 | form = require("@/views/djbworkflow/components/szxx.vue"); | ||
| 88 | break; | ||
| 89 | case "fzxx": | ||
| 90 | form = require("@/views/djbworkflow/components/fzxx.vue"); | ||
| 91 | break; | ||
| 92 | case "zdt": | ||
| 93 | form = require("@/views/djbworkflow/components/zdt.vue"); | ||
| 94 | break; | ||
| 95 | case "slxx": | 100 | case "slxx": |
| 96 | form = require("@/views/djbworkflow/djbBook/slxx.vue"); | 101 | form = require("@/views/djbworkflow/djbBook/slxx.vue"); |
| 97 | break; | 102 | break; |
| 98 | // case "spyj": | 103 | case "clxx": |
| 99 | // form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 104 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); |
| 100 | // break; | 105 | break; |
| 106 | case "spyj": | ||
| 107 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ||
| 108 | break; | ||
| 101 | // case "clxx": | 109 | // case "clxx": |
| 102 | // form = require("@/views/djbworkflow/djbBook/clxx.vue"); | 110 | // form = require("@/views/djbworkflow/components/clxxUnify.vue"); |
| 103 | // break; | 111 | // break; |
| 112 | // case "spyj": | ||
| 113 | // form = require("@/views/djbworkflow/components/spyj.vue"); | ||
| 114 | // break; | ||
| 104 | default: | 115 | default: |
| 105 | form = require("@/views/error-page/404.vue"); | 116 | form = require("@/views/error-page/404.vue"); |
| 106 | break; | 117 | break; | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:38:57 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return { | ||
| 18 | //发证列表 | ||
| 19 | fzgrid: [ | ||
| 20 | { | ||
| 21 | label: '序号', | ||
| 22 | type: 'index', | ||
| 23 | width: '50' | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | prop: "bdcqzlx", | ||
| 27 | label: "不动产权证类型", | ||
| 28 | render: (h, scope) => { | ||
| 29 | return ( | ||
| 30 | <div> | ||
| 31 | <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span> | ||
| 32 | <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span> | ||
| 33 | </div> | ||
| 34 | ) | ||
| 35 | } | ||
| 36 | }, | ||
| 37 | { | ||
| 38 | prop: "qllx", | ||
| 39 | label: "权利类型" | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | prop: "ysxlh", | ||
| 43 | label: "印刷序列号", | ||
| 44 | width: '100', | ||
| 45 | }, | ||
| 46 | { | ||
| 47 | prop: "bdcqzh", | ||
| 48 | label: "不动产权证号", | ||
| 49 | width: '200', | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | prop: "qlr", | ||
| 53 | label: "权利人" | ||
| 54 | }, | ||
| 55 | { | ||
| 56 | prop: "ywr", | ||
| 57 | label: "义务人" | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | prop: "mj", | ||
| 61 | label: "面积（㎡）" | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | prop: "zl", | ||
| 65 | label: "坐落" | ||
| 66 | }, | ||
| 67 | { | ||
| 68 | prop: "fzsj", | ||
| 69 | label: "发证时间", | ||
| 70 | width: '140', | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "lzrxm", | ||
| 74 | label: "领证人姓名" | ||
| 75 | }, | ||
| 76 | ], | ||
| 77 | //领证证列表 | ||
| 78 | lzgrid: [ | ||
| 79 | { | ||
| 80 | type: 'selection' | ||
| 81 | }, | ||
| 82 | { | ||
| 83 | label: '序号', | ||
| 84 | type: 'index', | ||
| 85 | width: '50' | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | prop: "bdcqzlx", | ||
| 89 | label: "不动产权证类型", | ||
| 90 | width: '120', | ||
| 91 | render: (h, scope) => { | ||
| 92 | return ( | ||
| 93 | <div> | ||
| 94 | <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span> | ||
| 95 | <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span> | ||
| 96 | </div> | ||
| 97 | ) | ||
| 98 | } | ||
| 99 | }, | ||
| 100 | { | ||
| 101 | prop: "qllx", | ||
| 102 | label: "权利类型" | ||
| 103 | }, | ||
| 104 | { | ||
| 105 | prop: "ysxlh", | ||
| 106 | label: "印刷序列号", | ||
| 107 | width: '100', | ||
| 108 | }, | ||
| 109 | { | ||
| 110 | prop: "bdcqzh", | ||
| 111 | label: "不动产权证号" | ||
| 112 | }, | ||
| 113 | { | ||
| 114 | prop: "qlr", | ||
| 115 | label: "权利人" | ||
| 116 | }, | ||
| 117 | { | ||
| 118 | prop: "ywr", | ||
| 119 | label: "义务人" | ||
| 120 | }, | ||
| 121 | { | ||
| 122 | prop: "mj", | ||
| 123 | label: "面积（㎡）", | ||
| 124 | width: '100', | ||
| 125 | }, | ||
| 126 | { | ||
| 127 | prop: "zl", | ||
| 128 | label: "坐落" | ||
| 129 | } | ||
| 130 | ] | ||
| 131 | } | ||
| 132 | } | ||
| 133 | } | ||
| 134 | let datas = new data() | ||
| 135 | export { | ||
| 136 | datas, | ||
| 137 | sendThis | ||
| 138 | } |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:03 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | label: '序号', | ||
| 20 | type: 'index', | ||
| 21 | render: (h, scope) => { | ||
| 22 | return ( | ||
| 23 | <div> | ||
| 24 | {scope.$index + 1} | ||
| 25 | </div> | ||
| 26 | ) | ||
| 27 | } | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | prop: "szzh", | ||
| 31 | label: "缮证证号", | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | prop: "ysxlh", | ||
| 35 | label: "印刷序列号", | ||
| 36 | }, | ||
| 37 | { | ||
| 38 | prop: "szry", | ||
| 39 | label: "缮证人员", | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | prop: "szsj", | ||
| 43 | label: "缮证时间", | ||
| 44 | }, | ||
| 45 | { | ||
| 46 | label: "是否作废", | ||
| 47 | render: (h, scope) => { | ||
| 48 | if (scope.row.sfzf == '0') { | ||
| 49 | return <div>否</div> | ||
| 50 | } else { | ||
| 51 | return <div>已作废</div> | ||
| 52 | } | ||
| 53 | } | ||
| 54 | }, | ||
| 55 | { | ||
| 56 | prop: "bz", | ||
| 57 | label: "备注信息", | ||
| 58 | }, | ||
| 59 | ] | ||
| 60 | } | ||
| 61 | } | ||
| 62 | let datas = new data() | ||
| 63 | export { | ||
| 64 | datas, | ||
| 65 | sendThis | ||
| 66 | } |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:07 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | class data extends filter { | ||
| 8 | constructor() { | ||
| 9 | super() | ||
| 10 | } | ||
| 11 | columns () { | ||
| 12 | return [ | ||
| 13 | { | ||
| 14 | prop: "qlr", | ||
| 15 | label: "权利人", | ||
| 16 | }, | ||
| 17 | { | ||
| 18 | prop: "gyqk", | ||
| 19 | label: "共有情况", | ||
| 20 | }, | ||
| 21 | { | ||
| 22 | prop: "zl", | ||
| 23 | label: "坐落", | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | prop: "bdcdyh", | ||
| 27 | label: "不动产单元号", | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | prop: "qllx", | ||
| 31 | label: "权利类型", | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | prop: "qlxz", | ||
| 35 | label: "权利性质", | ||
| 36 | }, | ||
| 37 | { | ||
| 38 | prop: "yt", | ||
| 39 | label: "用途", | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | prop: "mj", | ||
| 43 | label: "面积", | ||
| 44 | }, | ||
| 45 | { | ||
| 46 | prop: "syqx", | ||
| 47 | label: "使用期限", | ||
| 48 | }, | ||
| 49 | { | ||
| 50 | prop: "qlqtzk", | ||
| 51 | label: "权利其他状况", | ||
| 52 | }, | ||
| 53 | ] | ||
| 54 | } | ||
| 55 | } | ||
| 56 | |||
| 57 | let datas = new data() | ||
| 58 | |||
| 59 | export { | ||
| 60 | datas | ||
| 61 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | /* | 1 | /* |
| 2 | * @Description:workFramezu.vue组件的方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-05-18 15:01:31 | 4 | * @LastEditTime: 2023-06-14 15:01:31 |
| 5 | */ | 5 | */ |
| 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
| 7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-24 14:42:24 | ||
| 5 | */ | ||
| 6 | import { getForm } from "../flowform"; | ||
| 7 | import { getHomeNoticeList } from "@/api/home.js" | ||
| 8 | import { log } from "bpmn-js-token-simulation"; | ||
| 9 | export default { | ||
| 10 | data () { | ||
| 11 | return { | ||
| 12 | noticeList: [] | ||
| 13 | } | ||
| 14 | }, | ||
| 15 | created () { | ||
| 16 | this.getHomeNotice() | ||
| 17 | }, | ||
| 18 | mounted () { | ||
| 19 | let _this = this | ||
| 20 | window.addEventListener('message', function (messageEvent) { | ||
| 21 | _this.getHomeNotice() | ||
| 22 | }, false) | ||
| 23 | }, | ||
| 24 | methods: { | ||
| 25 | getHomeNotice () { | ||
| 26 | getHomeNoticeList().then(res => { | ||
| 27 | if (res.result) { | ||
| 28 | this.noticeList = res.result.noticeList | ||
| 29 | } | ||
| 30 | }) | ||
| 31 | }, | ||
| 32 | |||
| 33 | |||
| 34 | } | ||
| 35 | } |
| ... | @@ -122,6 +122,7 @@ export default { | ... | @@ -122,6 +122,7 @@ export default { |
| 122 | }, | 122 | }, |
| 123 | 123 | ||
| 124 | methods: { | 124 | methods: { |
| 125 | // 获取右侧选项卡 | ||
| 125 | getCurrentSelectProps (val) { | 126 | getCurrentSelectProps (val) { |
| 126 | this.currentSelectProps = val | 127 | this.currentSelectProps = val |
| 127 | if(this.currentSelectProps.bsmRepair){ | 128 | if(this.currentSelectProps.bsmRepair){ |
| ... | @@ -158,27 +159,8 @@ export default { | ... | @@ -158,27 +159,8 @@ export default { |
| 158 | 159 | ||
| 159 | }, | 160 | }, |
| 160 | 161 | ||
| 161 | // 增加补录记录 | ||
| 162 | addRepairRecord(row){ | ||
| 163 | let from={ | ||
| 164 | bsmQlxx:"", | ||
| 165 | bsmSlsq:this.bsmSlsq, | ||
| 166 | bsmSldy:this.currentSelectProps.bsmSldy, | ||
| 167 | operate:"C", | ||
| 168 | qllx:this.currentSelectProps.qllx | ||
| 169 | } | ||
| 170 | if(row){ | ||
| 171 | from.bsmQlxx=row.bsmQlxx | ||
| 172 | from.operate="U" | ||
| 173 | } | ||
| 174 | |||
| 175 | addRepairRecord(from).then((res) => { | ||
| 176 | this.$nextTick(() => { | ||
| 177 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 178 | }); | ||
| 179 | }); | ||
| 180 | }, | ||
| 181 | tabset(){ | 162 | tabset(){ |
| 163 | this.tabName = ''; | ||
| 182 | this.tabList = [ | 164 | this.tabList = [ |
| 183 | { | 165 | { |
| 184 | name: "受理信息", | 166 | name: "受理信息", |
| ... | @@ -196,7 +178,11 @@ export default { | ... | @@ -196,7 +178,11 @@ export default { |
| 196 | sort: 2, | 178 | sort: 2, |
| 197 | }, | 179 | }, |
| 198 | ]; | 180 | ]; |
| 199 | this.tabName = 'slxx'; | 181 | |
| 182 | this.$nextTick(function () { | ||
| 183 | this.tabName = 'slxx'; | ||
| 184 | }); | ||
| 185 | |||
| 200 | }, | 186 | }, |
| 201 | 187 | ||
| 202 | // stepForm(index){ | 188 | // stepForm(index){ |
| ... | @@ -209,8 +195,35 @@ export default { | ... | @@ -209,8 +195,35 @@ export default { |
| 209 | }, | 195 | }, |
| 210 | //切换选项卡内容组件 | 196 | //切换选项卡内容组件 |
| 211 | getFromRouter (tabname) { | 197 | getFromRouter (tabname) { |
| 198 | for (let item of this.tabList) { | ||
| 199 | if (item.value === tabname) { | ||
| 200 | this.currentSelectTab = item | ||
| 201 | break; | ||
| 202 | } | ||
| 203 | } | ||
| 212 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | 204 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); |
| 213 | } | 205 | }, |
| 206 | |||
| 207 | // 增加补录记录 | ||
| 208 | addRepairRecord(row){ | ||
| 209 | let from={ | ||
| 210 | bsmQlxx:"", | ||
| 211 | bsmSlsq:this.bsmSlsq, | ||
| 212 | bsmSldy:this.currentSelectProps.bsmSldy, | ||
| 213 | operate:"C", | ||
| 214 | qllx:this.currentSelectProps.qllx | ||
| 215 | } | ||
| 216 | if(row){ | ||
| 217 | from.bsmQlxx=row.bsmQlxx | ||
| 218 | from.operate="U" | ||
| 219 | } | ||
| 220 | |||
| 221 | addRepairRecord(from).then((res) => { | ||
| 222 | this.$nextTick(() => { | ||
| 223 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 224 | }); | ||
| 225 | }); | ||
| 226 | }, | ||
| 214 | }, | 227 | }, |
| 215 | }; | 228 | }; |
| 216 | </script> | 229 | </script> | ... | ... |
| ... | @@ -125,6 +125,8 @@ export default { | ... | @@ -125,6 +125,8 @@ export default { |
| 125 | }, | 125 | }, |
| 126 | mounted () { | 126 | mounted () { |
| 127 | if (this.formData.bsmBatch) { | 127 | if (this.formData.bsmBatch) { |
| 128 | this.tableForm[0].jsysxlh = null; | ||
| 129 | this.tableForm[1].jsysxlh = null; | ||
| 128 | this.getDetailInfo(this.formData.bsmBatch); | 130 | this.getDetailInfo(this.formData.bsmBatch); |
| 129 | } else { | 131 | } else { |
| 130 | this.ywhSerial(); | 132 | this.ywhSerial(); | ... | ... |
| ... | @@ -132,6 +132,8 @@ export default { | ... | @@ -132,6 +132,8 @@ export default { |
| 132 | }, | 132 | }, |
| 133 | mounted () { | 133 | mounted () { |
| 134 | if (this.formData.bsmBatch) { | 134 | if (this.formData.bsmBatch) { |
| 135 | this.tableForm[0].bs = null; | ||
| 136 | this.tableForm[1].bs = null; | ||
| 135 | this.getDetailInfo(this.formData.bsmBatch); | 137 | this.getDetailInfo(this.formData.bsmBatch); |
| 136 | } else { | 138 | } else { |
| 137 | this.ywhSerial(); | 139 | this.ywhSerial(); | ... | ... |
-
Please register or sign in to post a comment