Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
33 changed files
with
1096 additions
and
1072 deletions
src/api/djyw.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: 登记业务信息接口 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-15 14:16:20 | ||
| 5 | */ | ||
| 6 | import request from '@/utils/request' | ||
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
| 8 | /** | ||
| 9 | * @description: 根据业务号查询系统参数数据 | ||
| 10 | * @param {*} ywh | ||
| 11 | * @author: renchao | ||
| 12 | */ | ||
| 13 | export function getXtParamsByYwh (ywh) { | ||
| 14 | return request({ | ||
| 15 | url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getXtParamsByYwh', | ||
| 16 | method: 'get', | ||
| 17 | params: { | ||
| 18 | ywh: ywh | ||
| 19 | } | ||
| 20 | }) | ||
| 21 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :show-message="false" | 16 | :show-message="false" |
| 17 | :inline="flag" | 17 | :inline="flag" |
| 18 | label-width="190px" | 18 | label-width="190px"> |
| 19 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 22 | 申请业务信息 | 21 | 申请业务信息 |
| ... | @@ -45,25 +44,21 @@ | ... | @@ -45,25 +44,21 @@ |
| 45 | <el-form-item | 44 | <el-form-item |
| 46 | label="上手权利信息：" | 45 | label="上手权利信息：" |
| 47 | prop="ssQlxx.bdcqzh" | 46 | prop="ssQlxx.bdcqzh" |
| 48 | :rules="rules.ssQlxxrules" | 47 | :rules="rules.ssQlxxrules"> |
| 49 | > | ||
| 50 | <select-table | 48 | <select-table |
| 51 | v-model="ruleForm.ssQlxx" | 49 | v-model="ruleForm.ssQlxx" |
| 52 | :table-width="730" | 50 | :table-width="730" |
| 53 | :tableData="ssQlxxList" | 51 | :tableData="ssQlxxList" |
| 54 | :props="props" | 52 | :props="props" |
| 55 | @change="ssQlxxchange" | 53 | @change="ssQlxxchange"> |
| 56 | > | ||
| 57 | <el-table-column | 54 | <el-table-column |
| 58 | prop="qllxmc" | 55 | prop="qllxmc" |
| 59 | width="130" | 56 | width="130" |
| 60 | label="权利类型" | 57 | label="权利类型"></el-table-column> |
| 61 | ></el-table-column> | ||
| 62 | <el-table-column | 58 | <el-table-column |
| 63 | prop="bdcqzh" | 59 | prop="bdcqzh" |
| 64 | width="160" | 60 | width="160" |
| 65 | label="不动产权证书" | 61 | label="不动产权证书"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 62 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 63 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 64 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -83,13 +78,11 @@ | ... | @@ -83,13 +78,11 @@ |
| 83 | <el-form-item | 78 | <el-form-item |
| 84 | label="业务号：" | 79 | label="业务号：" |
| 85 | prop="qlxx.ywh" | 80 | prop="qlxx.ywh" |
| 86 | :rules="rules.ywhrules" | 81 | :rules="rules.ywhrules"> |
| 87 | > | ||
| 88 | <el-input | 82 | <el-input |
| 89 | maxlength="20" | 83 | maxlength="20" |
| 90 | onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" | 84 | onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" |
| 91 | v-model="ruleForm.qlxx.ywh" | 85 | v-model="ruleForm.qlxx.ywh"></el-input> |
| 92 | ></el-input> | ||
| 93 | </el-form-item> | 86 | </el-form-item> |
| 94 | </el-col> | 87 | </el-col> |
| 95 | <el-col :span="8"> | 88 | <el-col :span="8"> |
| ... | @@ -108,15 +101,13 @@ | ... | @@ -108,15 +101,13 @@ |
| 108 | <el-form-item | 101 | <el-form-item |
| 109 | label="登记类型：" | 102 | label="登记类型：" |
| 110 | prop="qlxx.djlx" | 103 | prop="qlxx.djlx" |
| 111 | :rules="rules.djlxrules" | 104 | :rules="rules.djlxrules"> |
| 112 | > | ||
| 113 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 105 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 114 | <el-option | 106 | <el-option |
| 115 | v-for="item in djlxlist" | 107 | v-for="item in djlxlist" |
| 116 | :key="item.dcode" | 108 | :key="item.dcode" |
| 117 | :label="item.dname" | 109 | :label="item.dname" |
| 118 | :value="item.dcode" | 110 | :value="item.dcode"> |
| 119 | > | ||
| 120 | </el-option> | 111 | </el-option> |
| 121 | </el-select> | 112 | </el-select> |
| 122 | </el-form-item> | 113 | </el-form-item> |
| ... | @@ -128,8 +119,7 @@ | ... | @@ -128,8 +119,7 @@ |
| 128 | v-for="item in qsztlist" | 119 | v-for="item in qsztlist" |
| 129 | :key="item.dcode" | 120 | :key="item.dcode" |
| 130 | :label="item.dname" | 121 | :label="item.dname" |
| 131 | :value="item.dcode" | 122 | :value="item.dcode"> |
| 132 | > | ||
| 133 | </el-option> | 123 | </el-option> |
| 134 | </el-select> | 124 | </el-select> |
| 135 | </el-form-item> | 125 | </el-form-item> |
| ... | @@ -232,15 +222,13 @@ | ... | @@ -232,15 +222,13 @@ |
| 232 | <el-input | 222 | <el-input |
| 233 | maxlength="12" | 223 | maxlength="12" |
| 234 | v-model="ruleForm.lq.syqmj" | 224 | v-model="ruleForm.lq.syqmj" |
| 235 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 225 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 236 | ></el-input> | ||
| 237 | <el-select disabled v-model="mjdw" style="width: 68px"> | 226 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 238 | <el-option | 227 | <el-option |
| 239 | v-for="item in dictData['A7']" | 228 | v-for="item in dictData['A7']" |
| 240 | :key="item.dcode" | 229 | :key="item.dcode" |
| 241 | :label="item.dname" | 230 | :label="item.dname" |
| 242 | :value="item.dcode" | 231 | :value="item.dcode"> |
| 243 | > | ||
| 244 | </el-option> | 232 | </el-option> |
| 245 | </el-select> | 233 | </el-select> |
| 246 | </div> | 234 | </div> |
| ... | @@ -262,15 +250,13 @@ | ... | @@ -262,15 +250,13 @@ |
| 262 | <el-input | 250 | <el-input |
| 263 | maxlength="11" | 251 | maxlength="11" |
| 264 | v-model="ruleForm.lq.qdjg" | 252 | v-model="ruleForm.lq.qdjg" |
| 265 | style="width: 500%" | 253 | style="width: 500%"></el-input> |
| 266 | ></el-input> | ||
| 267 | <el-select v-model="ruleForm.lq.jedw"> | 254 | <el-select v-model="ruleForm.lq.jedw"> |
| 268 | <el-option | 255 | <el-option |
| 269 | v-for="item in dictData['A57']" | 256 | v-for="item in dictData['A57']" |
| 270 | :key="item.dcode" | 257 | :key="item.dcode" |
| 271 | :label="item.dname" | 258 | :label="item.dname" |
| 272 | :value="item.dcode" | 259 | :value="item.dcode"> |
| 273 | > | ||
| 274 | </el-option> | 260 | </el-option> |
| 275 | </el-select> | 261 | </el-select> |
| 276 | </div> | 262 | </div> |
| ... | @@ -281,8 +267,7 @@ | ... | @@ -281,8 +267,7 @@ |
| 281 | <el-form-item | 267 | <el-form-item |
| 282 | label="不动产权证号：" | 268 | label="不动产权证号：" |
| 283 | prop="qlxx.bdcqzh" | 269 | prop="qlxx.bdcqzh" |
| 284 | :rules="rules.bdcqzhrules" | 270 | :rules="rules.bdcqzhrules"> |
| 285 | > | ||
| 286 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 271 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 287 | </el-form-item> | 272 | </el-form-item> |
| 288 | </el-col> | 273 | </el-col> |
| ... | @@ -299,8 +284,7 @@ | ... | @@ -299,8 +284,7 @@ |
| 299 | <el-form-item | 284 | <el-form-item |
| 300 | label="登记机构：" | 285 | label="登记机构：" |
| 301 | prop="qlxx.djjg" | 286 | prop="qlxx.djjg" |
| 302 | :rules="rules.djjgrules" | 287 | :rules="rules.djjgrules"> |
| 303 | > | ||
| 304 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 288 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 305 | </el-form-item> | 289 | </el-form-item> |
| 306 | </el-col> | 290 | </el-col> |
| ... | @@ -308,8 +292,7 @@ | ... | @@ -308,8 +292,7 @@ |
| 308 | <el-form-item | 292 | <el-form-item |
| 309 | label="登簿人：" | 293 | label="登簿人：" |
| 310 | prop="qlxx.dbr" | 294 | prop="qlxx.dbr" |
| 311 | :rules="rules.dbrrules" | 295 | :rules="rules.dbrrules"> |
| 312 | > | ||
| 313 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 296 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 314 | </el-form-item> | 297 | </el-form-item> |
| 315 | </el-col> | 298 | </el-col> |
| ... | @@ -317,16 +300,14 @@ | ... | @@ -317,16 +300,14 @@ |
| 317 | <el-form-item | 300 | <el-form-item |
| 318 | label="登记时间：" | 301 | label="登记时间：" |
| 319 | prop="qlxx.djsj" | 302 | prop="qlxx.djsj" |
| 320 | :rules="rules.djsjrules" | 303 | :rules="rules.djsjrules"> |
| 321 | > | ||
| 322 | <el-date-picker | 304 | <el-date-picker |
| 323 | v-model="ruleForm.qlxx.djsj" | 305 | v-model="ruleForm.qlxx.djsj" |
| 324 | type="date" | 306 | type="date" |
| 325 | class="width100" | 307 | class="width100" |
| 326 | placeholder="选择日期" | 308 | placeholder="选择日期" |
| 327 | value-format="yyyy-MM-dd HH:mm:ss" | 309 | value-format="yyyy-MM-dd HH:mm:ss" |
| 328 | format="yyyy-MM-dd" | 310 | format="yyyy-MM-dd"> |
| 329 | > | ||
| 330 | </el-date-picker> | 311 | </el-date-picker> |
| 331 | </el-form-item> | 312 | </el-form-item> |
| 332 | </el-col> | 313 | </el-col> |
| ... | @@ -338,8 +319,7 @@ | ... | @@ -338,8 +319,7 @@ |
| 338 | v-model="ruleForm.lq.fj" | 319 | v-model="ruleForm.lq.fj" |
| 339 | type="textarea" | 320 | type="textarea" |
| 340 | maxlength="500" | 321 | maxlength="500" |
| 341 | show-word-limit | 322 | show-word-limit></el-input> |
| 342 | ></el-input> | ||
| 343 | </el-form-item> | 323 | </el-form-item> |
| 344 | </el-col> | 324 | </el-col> |
| 345 | </el-row> | 325 | </el-row> |
| ... | @@ -350,8 +330,7 @@ | ... | @@ -350,8 +330,7 @@ |
| 350 | <tdytTable | 330 | <tdytTable |
| 351 | :tableData="ruleForm.tdytqxList" | 331 | :tableData="ruleForm.tdytqxList" |
| 352 | @upDateTdytxxList="upDateTdytxxList" | 332 | @upDateTdytxxList="upDateTdytxxList" |
| 353 | :ableOperation="ableOperation" | 333 | :ableOperation="ableOperation" /> |
| 354 | /> | ||
| 355 | <div class="slxx_title title-block"> | 334 | <div class="slxx_title title-block"> |
| 356 | 权利人信息 | 335 | 权利人信息 |
| 357 | <div class="triangle"></div> | 336 | <div class="triangle"></div> |
| ... | @@ -361,8 +340,7 @@ | ... | @@ -361,8 +340,7 @@ |
| 361 | <el-form-item label="共有方式："> | 340 | <el-form-item label="共有方式："> |
| 362 | <el-radio-group | 341 | <el-radio-group |
| 363 | :disabled="!ableOperation" | 342 | :disabled="!ableOperation" |
| 364 | v-model="ruleForm.qlxx.gyfs" | 343 | v-model="ruleForm.qlxx.gyfs"> |
| 365 | > | ||
| 366 | <el-radio label="0">单独所有</el-radio> | 344 | <el-radio label="0">单独所有</el-radio> |
| 367 | <el-radio label="1">共同共有</el-radio> | 345 | <el-radio label="1">共同共有</el-radio> |
| 368 | <el-radio label="2">按份所有</el-radio> | 346 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -376,8 +354,7 @@ | ... | @@ -376,8 +354,7 @@ |
| 376 | @upDateQlrxxList="upDateQlrxxList" | 354 | @upDateQlrxxList="upDateQlrxxList" |
| 377 | :key="key" | 355 | :key="key" |
| 378 | :ableOperation="ableOperation" | 356 | :ableOperation="ableOperation" |
| 379 | :gyfs="ruleForm.qlxx.gyfs" | 357 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 380 | /> | ||
| 381 | </div> | 358 | </div> |
| 382 | <el-row class="btn" v-if="ableOperation"> | 359 | <el-row class="btn" v-if="ableOperation"> |
| 383 | <el-form-item> | 360 | <el-form-item> |
| ... | @@ -388,338 +365,339 @@ | ... | @@ -388,338 +365,339 @@ |
| 388 | </div> | 365 | </div> |
| 389 | </template> | 366 | </template> |
| 390 | <script> | 367 | <script> |
| 391 | import { mapGetters } from "vuex"; | 368 | import { mapGetters } from "vuex"; |
| 392 | import store from "@/store/index.js"; | 369 | import store from "@/store/index.js"; |
| 393 | import ywmix from "@/views/ywbl/mixin/index"; | 370 | import ywmix from "@/views/ywbl/mixin/index"; |
| 394 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 371 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 395 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 372 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 396 | import tdytTable from "@/views/workflow/components/tdytTable"; | 373 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 397 | import selectTable from "@/components/selectTable/index.vue"; | 374 | import selectTable from "@/components/selectTable/index.vue"; |
| 398 | export default { | 375 | export default { |
| 399 | mixins: [ywmix], | 376 | mixins: [ywmix], |
| 400 | components: { qlrCommonTable, tdytTable, selectTable }, | 377 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 401 | computed: { | 378 | computed: { |
| 402 | ...mapGetters(["dictData", "flag"]), | 379 | ...mapGetters(["dictData", "flag"]), |
| 403 | // 根据流程判断表单是否为只读 | 380 | // 根据流程判断表单是否为只读 |
| 404 | editDisabled() { | 381 | editDisabled () { |
| 405 | if (!this.ableOperation) { | 382 | if (!this.ableOperation) { |
| 406 | //只读状态 | 383 | //只读状态 |
| 407 | return true; | 384 | return true; |
| 408 | } | ||
| 409 | return false; | ||
| 410 | }, | ||
| 411 | }, | ||
| 412 | data() { | ||
| 413 | return { | ||
| 414 | mjdw: "1", | ||
| 415 | ssqlxxshow: true, | ||
| 416 | props: { | ||
| 417 | label: "bdcqzh", | ||
| 418 | value: "bdcdyid", | ||
| 419 | }, | ||
| 420 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 421 | normalizer(node) { | ||
| 422 | //方法 | ||
| 423 | if (node.children == null || node.children == "null") { | ||
| 424 | delete node.children; | ||
| 425 | } | 385 | } |
| 426 | return { | 386 | return false; |
| 427 | id: node.dcode, | ||
| 428 | label: node.dname, | ||
| 429 | }; | ||
| 430 | }, | 387 | }, |
| 431 | //表单是否可操作 | 388 | }, |
| 432 | propsParam: this.$attrs, | 389 | data () { |
| 433 | ableOperation: false, | 390 | return { |
| 434 | key: 0, | 391 | mjdw: "1", |
| 435 | ssQlxxList: [], | 392 | ssqlxxshow: true, |
| 436 | // 登记类型 | 393 | props: { |
| 437 | djlxlist: [ | 394 | label: "bdcqzh", |
| 438 | { | 395 | value: "bdcdyid", |
| 439 | dcode: "100", | ||
| 440 | dname: "首次登记", | ||
| 441 | }, | ||
| 442 | { | ||
| 443 | dcode: "200", | ||
| 444 | dname: "转移登记", | ||
| 445 | }, | ||
| 446 | { | ||
| 447 | dcode: "300", | ||
| 448 | dname: "变更登记", | ||
| 449 | }, | 396 | }, |
| 450 | { | 397 | // 键名转换，方法默认是label和children进行树状渲染 |
| 451 | dcode: "500", | 398 | normalizer (node) { |
| 452 | dname: "更正登记", | 399 | //方法 |
| 400 | if (node.children == null || node.children == "null") { | ||
| 401 | delete node.children; | ||
| 402 | } | ||
| 403 | return { | ||
| 404 | id: node.dcode, | ||
| 405 | label: node.dname, | ||
| 406 | }; | ||
| 453 | }, | 407 | }, |
| 408 | //表单是否可操作 | ||
| 409 | propsParam: this.$attrs, | ||
| 410 | ableOperation: false, | ||
| 411 | key: 0, | ||
| 412 | ssQlxxList: [], | ||
| 413 | // 登记类型 | ||
| 414 | djlxlist: [ | ||
| 415 | { | ||
| 416 | dcode: "100", | ||
| 417 | dname: "首次登记", | ||
| 418 | }, | ||
| 419 | { | ||
| 420 | dcode: "200", | ||
| 421 | dname: "转移登记", | ||
| 422 | }, | ||
| 423 | { | ||
| 424 | dcode: "300", | ||
| 425 | dname: "变更登记", | ||
| 426 | }, | ||
| 427 | { | ||
| 428 | dcode: "500", | ||
| 429 | dname: "更正登记", | ||
| 430 | }, | ||
| 454 | 431 | ||
| 455 | { | 432 | { |
| 456 | dcode: "901", | 433 | dcode: "901", |
| 457 | dname: "补证", | 434 | dname: "补证", |
| 458 | }, | 435 | }, |
| 459 | { | 436 | { |
| 460 | dcode: "902", | 437 | dcode: "902", |
| 461 | dname: "换证", | 438 | dname: "换证", |
| 462 | }, | 439 | }, |
| 463 | ], | ||
| 464 | // 权属状态 | ||
| 465 | qsztlist: [ | ||
| 466 | { | ||
| 467 | dcode: "1", | ||
| 468 | dname: "现势", | ||
| 469 | }, | ||
| 470 | { | ||
| 471 | dcode: "2", | ||
| 472 | dname: "历史", | ||
| 473 | }, | ||
| 474 | ], | ||
| 475 | tdxz: null, | ||
| 476 | isShow: false, | ||
| 477 | disabled: true, | ||
| 478 | czrOptions: [], | ||
| 479 | ruleForm: {}, | ||
| 480 | //传递参数\ | ||
| 481 | rules: { | ||
| 482 | ssQlxxrules: [ | ||
| 483 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 484 | ], | 440 | ], |
| 485 | bdcqzhrules: [ | 441 | // 权属状态 |
| 486 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 442 | qsztlist: [ |
| 443 | { | ||
| 444 | dcode: "1", | ||
| 445 | dname: "现势", | ||
| 446 | }, | ||
| 447 | { | ||
| 448 | dcode: "2", | ||
| 449 | dname: "历史", | ||
| 450 | }, | ||
| 487 | ], | 451 | ], |
| 488 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 452 | tdxz: null, |
| 489 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 453 | isShow: false, |
| 490 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 454 | disabled: true, |
| 491 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 455 | czrOptions: [], |
| 492 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 456 | ruleForm: {}, |
| 493 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 457 | //传递参数\ |
| 494 | }, | 458 | rules: { |
| 495 | }; | 459 | ssQlxxrules: [ |
| 496 | }, | 460 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 497 | created() { | 461 | ], |
| 498 | this.loadData(); | 462 | bdcqzhrules: [ |
| 499 | }, | 463 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 500 | mounted() { | 464 | ], |
| 501 | this.ableOperation = this.$parent.ableOperation; | 465 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 502 | }, | 466 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 503 | methods: { | 467 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 504 | /** | 468 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 505 | * @description: ssQlxxchange | 469 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 506 | * @param {*} val | 470 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 507 | * @author: renchao | 471 | }, |
| 508 | */ | 472 | }; |
| 509 | ssQlxxchange(val) { | 473 | }, |
| 510 | this.ruleForm.ssQlxx = val; | 474 | created () { |
| 511 | this.ruleForm.qlxx.ssywh = val.ywh; | 475 | this.loadData(); |
| 512 | this.ssQlxxchangediolog(val); | ||
| 513 | }, | 476 | }, |
| 514 | // 弹框事件 | 477 | mounted () { |
| 515 | /** | 478 | this.ableOperation = this.$parent.ableOperation; |
| 516 | * @description: 弹框事件 | 479 | }, |
| 517 | * @param {*} val | 480 | methods: { |
| 518 | * @author: renchao | 481 | /** |
| 519 | */ | 482 | * @description: ssQlxxchange |
| 520 | ssQlxxchangediolog(val) { | 483 | * @param {*} val |
| 521 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 484 | * @author: renchao |
| 522 | iconClass: "el-icon-question", //自定义图标样式 | 485 | */ |
| 523 | confirmButtonText: "确认", //确认按钮文字更换 | 486 | ssQlxxchange (val) { |
| 524 | cancelButtonText: "取消", //取消按钮文字更换 | 487 | this.ruleForm.ssQlxx = val; |
| 525 | showClose: true, //是否显示右上角关闭按钮 | 488 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 526 | type: "warning", | 489 | this.ssQlxxchangediolog(val); |
| 527 | }) | 490 | }, |
| 528 | .then(() => { | 491 | // 弹框事件 |
| 529 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 492 | /** |
| 530 | if (res.code == 200) { | 493 | * @description: 弹框事件 |
| 531 | this.nowlist = res.result; | 494 | * @param {*} val |
| 532 | for (var key in this.ruleForm.lq) { | 495 | * @author: renchao |
| 533 | if ( | 496 | */ |
| 534 | this.ruleForm.lq[key] == "" || | 497 | ssQlxxchangediolog (val) { |
| 535 | this.ruleForm.lq[key] == null | 498 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 536 | ) { | 499 | iconClass: "el-icon-question", //自定义图标样式 |
| 537 | this.ruleForm.lq[key] = this.nowlist.lq[key]; | 500 | confirmButtonText: "确认", //确认按钮文字更换 |
| 501 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 502 | showClose: true, //是否显示右上角关闭按钮 | ||
| 503 | type: "warning", | ||
| 504 | }) | ||
| 505 | .then(() => { | ||
| 506 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 507 | if (res.code == 200) { | ||
| 508 | this.nowlist = res.result; | ||
| 509 | for (var key in this.ruleForm.lq) { | ||
| 510 | if ( | ||
| 511 | this.ruleForm.lq[key] == "" || | ||
| 512 | this.ruleForm.lq[key] == null | ||
| 513 | ) { | ||
| 514 | this.ruleForm.lq[key] = this.nowlist.lq[key]; | ||
| 515 | } | ||
| 538 | } | 516 | } |
| 539 | } | 517 | for (var key in this.ruleForm.qlxx) { |
| 540 | for (var key in this.ruleForm.qlxx) { | 518 | if ( |
| 541 | if ( | 519 | this.ruleForm.qlxx[key] == "" || |
| 542 | this.ruleForm.qlxx[key] == "" || | 520 | (this.ruleForm.qlxx[key] == null && |
| 543 | (this.ruleForm.qlxx[key] == null && | 521 | key != "ywh" && |
| 544 | key != "ywh" && | 522 | key != "dbr" && |
| 545 | key != "dbr" && | 523 | key != "djsj" && |
| 546 | key != "djsj" && | 524 | key != "ssywh" && |
| 547 | key != "ssywh" && | 525 | key != "ssywh" && |
| 548 | key != "ssywh" && | 526 | key != "bdcqzh") |
| 549 | key != "bdcqzh") | 527 | ) { |
| 550 | ) { | 528 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 551 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 529 | } |
| 552 | } | 530 | } |
| 531 | if (!this.ruleForm.tdytqxList.length) { | ||
| 532 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 533 | } | ||
| 534 | if (!this.ruleForm.qlrData.length) { | ||
| 535 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 536 | } | ||
| 537 | if (!this.ruleForm.ywrData.length) { | ||
| 538 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 539 | } | ||
| 540 | this.$message({ | ||
| 541 | type: "success", | ||
| 542 | message: "同步成功!", | ||
| 543 | }); | ||
| 553 | } | 544 | } |
| 554 | if (!this.ruleForm.tdytqxList.length) { | ||
| 555 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 556 | } | ||
| 557 | if (!this.ruleForm.qlrData.length) { | ||
| 558 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 559 | } | ||
| 560 | if (!this.ruleForm.ywrData.length) { | ||
| 561 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 562 | } | ||
| 563 | this.$message({ | ||
| 564 | type: "success", | ||
| 565 | message: "同步成功!", | ||
| 566 | }); | ||
| 567 | } | ||
| 568 | }); | ||
| 569 | }) | ||
| 570 | .catch(() => { | ||
| 571 | this.$message({ | ||
| 572 | type: "info", | ||
| 573 | message: "已取消同步", | ||
| 574 | }); | ||
| 575 | }); | ||
| 576 | }, | ||
| 577 | /** | ||
| 578 | * @description: djlxchange | ||
| 579 | * @param {*} val | ||
| 580 | * @author: renchao | ||
| 581 | */ | ||
| 582 | djlxchange(val) { | ||
| 583 | if (val == null || val == 100) { | ||
| 584 | this.ssqlxxshow = false; | ||
| 585 | } else { | ||
| 586 | this.ssqlxxshow = true; | ||
| 587 | } | ||
| 588 | }, | ||
| 589 | // 字典 | ||
| 590 | /** | ||
| 591 | * @description: 字典 | ||
| 592 | * @param {*} val | ||
| 593 | * @author: renchao | ||
| 594 | */ | ||
| 595 | getDictData(val) { | ||
| 596 | return store.getters.dictData[val]; | ||
| 597 | }, | ||
| 598 | /** | ||
| 599 | * @description: loadData | ||
| 600 | * @author: renchao | ||
| 601 | */ | ||
| 602 | loadData() { | ||
| 603 | this.$startLoading(); | ||
| 604 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 605 | init(this.propsParam).then((res) => { | ||
| 606 | if (res.code == 200) { | ||
| 607 | this.ruleForm = res.result; | ||
| 608 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 609 | if (djlx == null || djlx == 100) { | ||
| 610 | this.ssqlxxshow = false; | ||
| 611 | } | ||
| 612 | this.$endLoading(); | ||
| 613 | if (this.ruleForm.tdytqxList.length > 0) { | ||
| 614 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | ||
| 615 | } else { | ||
| 616 | this.tdxz = null; | ||
| 617 | } | ||
| 618 | this.isShow = true; | ||
| 619 | //获取主体信息 | ||
| 620 | getSsQlxx({ | ||
| 621 | bdcdyid: this.propsParam.bdcdyid, | ||
| 622 | qllx: this.propsParam.qllx, | ||
| 623 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 624 | }).then((res) => { | ||
| 625 | if (res.code == 200) { | ||
| 626 | this.ssQlxxList = res.result; | ||
| 627 | } | ||
| 628 | }); | ||
| 629 | } | ||
| 630 | }); | ||
| 631 | }, | ||
| 632 | /** | ||
| 633 | * @description: 更新土地用途信息 | ||
| 634 | * @param {*} val | ||
| 635 | * @author: renchao | ||
| 636 | */ | ||
| 637 | upDateTdytxxList(val) { | ||
| 638 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 639 | this.key++; | ||
| 640 | }, | ||
| 641 | // 更新权利人信息 | ||
| 642 | /** | ||
| 643 | * @description: 更新权利人信息 | ||
| 644 | * @param {*} val | ||
| 645 | * @author: renchao | ||
| 646 | */ | ||
| 647 | upDateQlrxxList(val) { | ||
| 648 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 649 | this.czrOptions = this.ruleForm.qlrData; | ||
| 650 | this.key++; | ||
| 651 | }, | ||
| 652 | // 保存 | ||
| 653 | /** | ||
| 654 | * @description: onSubmit | ||
| 655 | * @author: renchao | ||
| 656 | */ | ||
| 657 | onSubmit() { | ||
| 658 | this.$refs.ruleForm.validate((valid) => { | ||
| 659 | if (valid) { | ||
| 660 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 661 | if (arr.length > 0) { | ||
| 662 | this.$message({ | ||
| 663 | showClose: true, | ||
| 664 | message: "土地用途不能为空", | ||
| 665 | type: "error", | ||
| 666 | }); | 545 | }); |
| 667 | return false; | 546 | }) |
| 668 | } | 547 | .catch(() => { |
| 669 | if (this.ruleForm.qlrData.length == 0) { | ||
| 670 | this.$message({ | 548 | this.$message({ |
| 671 | showClose: true, | 549 | type: "info", |
| 672 | message: "请确认权利人信息", | 550 | message: "已取消同步", |
| 673 | type: "error", | 551 | }); |
| 552 | }); | ||
| 553 | }, | ||
| 554 | /** | ||
| 555 | * @description: djlxchange | ||
| 556 | * @param {*} val | ||
| 557 | * @author: renchao | ||
| 558 | */ | ||
| 559 | djlxchange (val) { | ||
| 560 | if (val == null || val == 100) { | ||
| 561 | this.ssqlxxshow = false; | ||
| 562 | } else { | ||
| 563 | this.ssqlxxshow = true; | ||
| 564 | } | ||
| 565 | }, | ||
| 566 | // 字典 | ||
| 567 | /** | ||
| 568 | * @description: 字典 | ||
| 569 | * @param {*} val | ||
| 570 | * @author: renchao | ||
| 571 | */ | ||
| 572 | getDictData (val) { | ||
| 573 | return store.getters.dictData[val]; | ||
| 574 | }, | ||
| 575 | /** | ||
| 576 | * @description: loadData | ||
| 577 | * @author: renchao | ||
| 578 | */ | ||
| 579 | loadData () { | ||
| 580 | this.$startLoading(); | ||
| 581 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 582 | init(this.propsParam).then((res) => { | ||
| 583 | if (res.code == 200) { | ||
| 584 | this.ruleForm = res.result; | ||
| 585 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 586 | if (djlx == null || djlx == 100) { | ||
| 587 | this.ssqlxxshow = false; | ||
| 588 | } | ||
| 589 | this.$endLoading(); | ||
| 590 | if (this.ruleForm.tdytqxList.length > 0) { | ||
| 591 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | ||
| 592 | } else { | ||
| 593 | this.tdxz = null; | ||
| 594 | } | ||
| 595 | this.isShow = true; | ||
| 596 | //获取主体信息 | ||
| 597 | getSsQlxx({ | ||
| 598 | bdcdyid: this.propsParam.bdcdyid, | ||
| 599 | qllx: this.propsParam.qllx, | ||
| 600 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 601 | }).then((res) => { | ||
| 602 | if (res.code == 200) { | ||
| 603 | this.ssQlxxList = res.result; | ||
| 604 | } | ||
| 674 | }); | 605 | }); |
| 675 | return false; | ||
| 676 | } | 606 | } |
| 677 | if (this.ruleForm.qlxx.gyfs == "0") { | 607 | }); |
| 678 | if (this.ruleForm.qlrData.length > 1) { | 608 | }, |
| 609 | /** | ||
| 610 | * @description: 更新土地用途信息 | ||
| 611 | * @param {*} val | ||
| 612 | * @author: renchao | ||
| 613 | */ | ||
| 614 | upDateTdytxxList (val) { | ||
| 615 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 616 | this.key++; | ||
| 617 | }, | ||
| 618 | // 更新权利人信息 | ||
| 619 | /** | ||
| 620 | * @description: 更新权利人信息 | ||
| 621 | * @param {*} val | ||
| 622 | * @author: renchao | ||
| 623 | */ | ||
| 624 | upDateQlrxxList (val) { | ||
| 625 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 626 | this.czrOptions = this.ruleForm.qlrData; | ||
| 627 | this.key++; | ||
| 628 | }, | ||
| 629 | // 保存 | ||
| 630 | /** | ||
| 631 | * @description: onSubmit | ||
| 632 | * @author: renchao | ||
| 633 | */ | ||
| 634 | onSubmit () { | ||
| 635 | this.$refs.ruleForm.validate((valid) => { | ||
| 636 | if (valid) { | ||
| 637 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 638 | if (arr.length > 0) { | ||
| 679 | this.$message({ | 639 | this.$message({ |
| 680 | showClose: true, | 640 | showClose: true, |
| 681 | message: "共有方式：单独所有，权利人只能是一个人", | 641 | message: "土地用途不能为空", |
| 682 | type: "error", | 642 | type: "error", |
| 683 | }); | 643 | }); |
| 684 | return false; | 644 | return false; |
| 685 | } | 645 | } |
| 686 | } else { | 646 | if (this.ruleForm.qlrData.length == 0) { |
| 687 | if (this.ruleForm.qlrData.length <= 1) { | ||
| 688 | this.$message({ | 647 | this.$message({ |
| 689 | showClose: true, | 648 | showClose: true, |
| 690 | message: | 649 | message: "请确认权利人信息", |
| 691 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 692 | type: "error", | 650 | type: "error", |
| 693 | }); | 651 | }); |
| 694 | return false; | 652 | return false; |
| 695 | } | 653 | } |
| 696 | } | 654 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 697 | save(this.ruleForm).then((res) => { | 655 | if (this.ruleForm.qlrData.length > 1) { |
| 698 | if (res.code === 200) { | 656 | this.$message({ |
| 699 | this.$message({ | 657 | showClose: true, |
| 700 | showClose: true, | 658 | message: "共有方式：单独所有，权利人只能是一个人", |
| 701 | message: "保存成功！", | 659 | type: "error", |
| 702 | type: "success", | 660 | }); |
| 703 | }); | 661 | return false; |
| 704 | this.$parent.changeywh(); | 662 | } |
| 705 | this.$store.dispatch("user/refreshPage", true); | ||
| 706 | } else { | 663 | } else { |
| 707 | this.$message({ | 664 | if (this.ruleForm.qlrData.length <= 1) { |
| 708 | showClose: true, | 665 | this.$message({ |
| 709 | message: res.message, | 666 | showClose: true, |
| 710 | type: "error", | 667 | message: |
| 711 | }); | 668 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", |
| 669 | type: "error", | ||
| 670 | }); | ||
| 671 | return false; | ||
| 672 | } | ||
| 712 | } | 673 | } |
| 713 | }); | 674 | this.$store.dispatch("user/refreshPage", false); |
| 714 | } else { | 675 | save(this.ruleForm).then((res) => { |
| 715 | return false; | 676 | if (res.code === 200) { |
| 716 | } | 677 | this.$message({ |
| 717 | }); | 678 | showClose: true, |
| 679 | message: "保存成功！", | ||
| 680 | type: "success", | ||
| 681 | }); | ||
| 682 | this.$parent.changeywh(); | ||
| 683 | this.$store.dispatch("user/refreshPage", true); | ||
| 684 | } else { | ||
| 685 | this.$message({ | ||
| 686 | showClose: true, | ||
| 687 | message: res.message, | ||
| 688 | type: "error", | ||
| 689 | }); | ||
| 690 | } | ||
| 691 | }); | ||
| 692 | } else { | ||
| 693 | return false; | ||
| 694 | } | ||
| 695 | }); | ||
| 696 | }, | ||
| 718 | }, | 697 | }, |
| 719 | }, | 698 | }; |
| 720 | }; | ||
| 721 | </script> | 699 | </script> |
| 722 | <style scoped lang="scss"> | 700 | <style scoped lang="scss"> |
| 723 | @import "~@/styles/public.scss"; | 701 | @import "~@/styles/public.scss"; |
| 724 | @import "~@/styles/slxx/slxx.scss"; | 702 | @import "~@/styles/slxx/slxx.scss"; |
| 725 | </style> | 703 | </style> | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> | 11 | <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -85,35 +87,31 @@ | ... | @@ -85,35 +87,31 @@ |
| 85 | </tr> | 87 | </tr> |
| 86 | </table> | 88 | </table> |
| 87 | </div> | 89 | </div> |
| 88 | </div> | 90 | </div> --> |
| 89 | </div> | 91 | </div> |
| 90 | </template> | 92 | </template> |
| 91 | 93 | ||
| 92 | <script> | 94 | <script> |
| 93 | import printTemplate from "./components/printTemplate.vue"; | 95 | import djbDetail from "./components/djbDetail.vue" |
| 94 | import { datas } from "./qlxxFormData.js"; | 96 | import { datas } from "./qlxxFormData.js"; |
| 95 | import { getSjlx } from "@/utils/dictionary.js"; | 97 | import { getSjlx } from "@/utils/dictionary.js"; |
| 96 | import { getCfdjList } from "@/api/djbDetail.js"; | 98 | import { getCfdjList } from "@/api/djbDetail.js"; |
| 97 | export default { | 99 | export default { |
| 98 | components: { | 100 | components: { |
| 99 | printTemplate, | 101 | djbDetail |
| 100 | }, | 102 | }, |
| 101 | data () { | 103 | data () { |
| 102 | return { | 104 | return { |
| 103 | printObj: { | ||
| 104 | id: "box", | ||
| 105 | //其他配置项， | ||
| 106 | }, | ||
| 107 | shows: false, | 105 | shows: false, |
| 108 | title: "查封登记信息", | 106 | title: "查封登记信息", |
| 109 | qsztList: datas.columns().qsztList, | 107 | // qsztList: datas.columns().qsztList, |
| 110 | checkList: datas.columns().checkList, | 108 | // checkList: datas.columns().checkList, |
| 111 | //传递参数 | 109 | //传递参数 |
| 112 | propsParam: this.$attrs, | 110 | propsParam: this.$attrs, |
| 113 | //列表数据 | 111 | //列表数据 |
| 114 | tableData: [], | 112 | tableData: [], |
| 115 | //空列值个数 | 113 | //空列值个数 |
| 116 | emptycolNum: datas.columns().emptycolNum, | 114 | // emptycolNum: datas.columns().emptycolNum, |
| 117 | //列名称对象 | 115 | //列名称对象 |
| 118 | columns: datas.columns().CFDJ, | 116 | columns: datas.columns().CFDJ, |
| 119 | render: false, | 117 | render: false, |
| ... | @@ -124,35 +122,6 @@ | ... | @@ -124,35 +122,6 @@ |
| 124 | }, | 122 | }, |
| 125 | methods: { | 123 | methods: { |
| 126 | /** | 124 | /** |
| 127 | * @description: openPrint | ||
| 128 | * @author: miaofang | ||
| 129 | */ | ||
| 130 | openPrint () { | ||
| 131 | this.render = true; | ||
| 132 | setTimeout(() => { | ||
| 133 | this.prinsss(); | ||
| 134 | }, 100); | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: prinsss | ||
| 138 | * @author: miaofang | ||
| 139 | */ | ||
| 140 | prinsss () { | ||
| 141 | printJS({ | ||
| 142 | printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 143 | type: "html", | ||
| 144 | maxWidth: 800, // 最大宽度 | ||
| 145 | font_size: "", // 不设置则使用默认字体大小 | ||
| 146 | style: `@font-face { | ||
| 147 | font-family: "STZHONGS"; | ||
| 148 | src: url(${window.ttf}) format("truetype"); | ||
| 149 | }`, | ||
| 150 | // 继承原来的所有样式 | ||
| 151 | targetStyles: ["*"], | ||
| 152 | }); | ||
| 153 | this.render = false | ||
| 154 | }, | ||
| 155 | /** | ||
| 156 | * @description: loadData | 125 | * @description: loadData |
| 157 | * @author: renchao | 126 | * @author: renchao |
| 158 | */ | 127 | */ |
| ... | @@ -187,60 +156,60 @@ | ... | @@ -187,60 +156,60 @@ |
| 187 | } | 156 | } |
| 188 | }); | 157 | }); |
| 189 | }, | 158 | }, |
| 190 | /** | 159 | // /** |
| 191 | * @description: checkChange | 160 | // * @description: checkChange |
| 192 | * @author: renchao | 161 | // * @author: renchao |
| 193 | */ | 162 | // */ |
| 194 | checkChange () { | 163 | // checkChange () { |
| 195 | if (this.checkList.length === 0) { | 164 | // if (this.checkList.length === 0) { |
| 196 | this.tableData = []; | 165 | // this.tableData = []; |
| 197 | this.emptycolNum = datas.columns().emptycolNum; | 166 | // this.emptycolNum = datas.columns().emptycolNum; |
| 198 | } else { | 167 | // } else { |
| 199 | this.loadData(); | 168 | // this.loadData(); |
| 200 | } | 169 | // } |
| 201 | }, | 170 | // }, |
| 202 | /** | 171 | // /** |
| 203 | * @description: getQsztName | 172 | // * @description: getQsztName |
| 204 | * @author: renchao | 173 | // * @author: renchao |
| 205 | */ | 174 | // */ |
| 206 | getQsztName (code) { | 175 | // getQsztName (code) { |
| 207 | let name = ""; | 176 | // let name = ""; |
| 208 | for (let item of this.qsztList) { | 177 | // for (let item of this.qsztList) { |
| 209 | if (item.value == code) { | 178 | // if (item.value == code) { |
| 210 | name = item.label; | 179 | // name = item.label; |
| 211 | break; | 180 | // break; |
| 212 | } | 181 | // } |
| 213 | } | 182 | // } |
| 214 | return name; | 183 | // return name; |
| 215 | }, | 184 | // }, |
| 216 | // 新增一条补录信息 | 185 | // // 新增一条补录信息 |
| 217 | /** | 186 | // /** |
| 218 | * @description: 新增一条补录信息 | 187 | // * @description: 新增一条补录信息 |
| 219 | * @param {*} row | 188 | // * @param {*} row |
| 220 | * @param {*} del | 189 | // * @param {*} del |
| 221 | * @author: renchao | 190 | // * @author: renchao |
| 222 | */ | 191 | // */ |
| 223 | editDialog (row, del) { | 192 | // editDialog (row, del) { |
| 224 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 193 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 225 | confirmButtonText: "确定", | 194 | // confirmButtonText: "确定", |
| 226 | cancelButtonText: "取消", | 195 | // cancelButtonText: "取消", |
| 227 | type: "warning", | 196 | // type: "warning", |
| 228 | }) | 197 | // }) |
| 229 | .then(() => { | 198 | // .then(() => { |
| 230 | this.$parent.addRepairRecord(row, del); | 199 | // this.$parent.addRepairRecord(row, del); |
| 231 | 200 | ||
| 232 | this.$message({ | 201 | // this.$message({ |
| 233 | type: "success", | 202 | // type: "success", |
| 234 | message: "补录成功!", | 203 | // message: "补录成功!", |
| 235 | }); | 204 | // }); |
| 236 | }) | 205 | // }) |
| 237 | .catch(() => { | 206 | // .catch(() => { |
| 238 | this.$message({ | 207 | // this.$message({ |
| 239 | type: "info", | 208 | // type: "info", |
| 240 | message: "取消编辑", | 209 | // message: "取消编辑", |
| 241 | }); | 210 | // }); |
| 242 | }); | 211 | // }); |
| 243 | }, | 212 | // }, |
| 244 | }, | 213 | }, |
| 245 | }; | 214 | }; |
| 246 | </script> | 215 | </script> | ... | ... |
| ... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
| 13 | </div> | 13 | </div> |
| 14 | <div class="title"> | 14 | <div class="title"> |
| 15 | {{ title }} | 15 | {{ title }} |
| 16 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 16 | <el-button class="print" v-show="shows" @click="openPrint()">打印1</el-button> |
| 17 | <div class="checkbox"> | 17 | <div class="checkbox"> |
| 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 19 | <el-checkbox | 19 | <el-checkbox |
| ... | @@ -133,6 +133,7 @@ | ... | @@ -133,6 +133,7 @@ |
| 133 | }, | 133 | }, |
| 134 | methods: { | 134 | methods: { |
| 135 | openPrint () { | 135 | openPrint () { |
| 136 | console.log("tableData",this.tableDataaaa); | ||
| 136 | this.render = true; | 137 | this.render = true; |
| 137 | setTimeout(() => { | 138 | setTimeout(() => { |
| 138 | this.prinsss(); | 139 | this.prinsss(); | ... | ... |
| ... | @@ -69,6 +69,8 @@ export default { | ... | @@ -69,6 +69,8 @@ export default { |
| 69 | }, | 69 | }, |
| 70 | render: { | 70 | render: { |
| 71 | handler(newValue, oldValue) { | 71 | handler(newValue, oldValue) { |
| 72 | console.log("newValue",newValue); | ||
| 73 | console.log("columns",this.columns); | ||
| 72 | if (newValue) { | 74 | if (newValue) { |
| 73 | this.loadData(); | 75 | this.loadData(); |
| 74 | } | 76 | } |
| ... | @@ -88,6 +90,7 @@ export default { | ... | @@ -88,6 +90,7 @@ export default { |
| 88 | }).then((res) => { | 90 | }).then((res) => { |
| 89 | if (res.code === 200) { | 91 | if (res.code === 200) { |
| 90 | this.columns = res.result; | 92 | this.columns = res.result; |
| 93 | console.log("columnssssssssssss",this.columns); | ||
| 91 | } | 94 | } |
| 92 | }); | 95 | }); |
| 93 | if (this.tableData.length && this.datass.length == 0) { | 96 | if (this.tableData.length && this.datass.length == 0) { | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> | 11 | <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -87,35 +89,31 @@ | ... | @@ -87,35 +89,31 @@ |
| 87 | </tr> | 89 | </tr> |
| 88 | </table> | 90 | </table> |
| 89 | </div> | 91 | </div> |
| 90 | </div> | 92 | </div> --> |
| 91 | </div> | 93 | </div> |
| 92 | </template> | 94 | </template> |
| 93 | 95 | ||
| 94 | <script> | 96 | <script> |
| 97 | import djbDetail from "./components/djbDetail.vue" | ||
| 95 | import { datas } from "./qlxxFormData.js"; | 98 | import { datas } from "./qlxxFormData.js"; |
| 96 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 99 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 97 | import { getDiyaqList } from "@/api/djbDetail.js"; | 100 | import { getDiyaqList } from "@/api/djbDetail.js"; |
| 98 | import printTemplate from "./components/printTemplate.vue"; | ||
| 99 | export default { | 101 | export default { |
| 100 | components: { | 102 | components: { |
| 101 | printTemplate, | 103 | djbDetail |
| 102 | }, | 104 | }, |
| 103 | data () { | 105 | data () { |
| 104 | return { | 106 | return { |
| 105 | printObj: { | ||
| 106 | id: "box", | ||
| 107 | //其他配置项， | ||
| 108 | }, | ||
| 109 | shows: false, | 107 | shows: false, |
| 110 | title: "抵押权登记信息", | 108 | title: "抵押权登记信息", |
| 111 | qsztList: datas.columns().qsztList, | 109 | // qsztList: datas.columns().qsztList, |
| 112 | checkList: datas.columns().checkList, | 110 | // checkList: datas.columns().checkList, |
| 113 | //传递参数 | 111 | //传递参数 |
| 114 | propsParam: this.$attrs, | 112 | propsParam: this.$attrs, |
| 115 | //列表数据 | 113 | //列表数据 |
| 116 | tableData: [], | 114 | tableData: [], |
| 117 | //空列值个数 | 115 | //空列值个数 |
| 118 | emptycolNum: datas.columns().emptycolNum, | 116 | // emptycolNum: datas.columns().emptycolNum, |
| 119 | //列名称对象 | 117 | //列名称对象 |
| 120 | columns: datas.columns().DYAQ, | 118 | columns: datas.columns().DYAQ, |
| 121 | render: false, | 119 | render: false, |
| ... | @@ -125,35 +123,35 @@ | ... | @@ -125,35 +123,35 @@ |
| 125 | this.loadData(); | 123 | this.loadData(); |
| 126 | }, | 124 | }, |
| 127 | methods: { | 125 | methods: { |
| 128 | /** | 126 | // /** |
| 129 | * @description: openPrint | 127 | // * @description: openPrint |
| 130 | * @author: miaofang | 128 | // * @author: miaofang |
| 131 | */ | 129 | // */ |
| 132 | openPrint () { | 130 | // openPrint () { |
| 133 | this.render = true; | 131 | // this.render = true; |
| 134 | setTimeout(() => { | 132 | // setTimeout(() => { |
| 135 | this.prinsss(); | 133 | // this.prinsss(); |
| 136 | }, 100); | 134 | // }, 100); |
| 137 | }, | 135 | // }, |
| 138 | /** | 136 | // /** |
| 139 | * @description: prinsss | 137 | // * @description: prinsss |
| 140 | * @author: miaofang | 138 | // * @author: miaofang |
| 141 | */ | 139 | // */ |
| 142 | prinsss () { | 140 | // prinsss () { |
| 143 | printJS({ | 141 | // printJS({ |
| 144 | printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | 142 | // printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 |
| 145 | type: "html", | 143 | // type: "html", |
| 146 | maxWidth: 800, // 最大宽度 | 144 | // maxWidth: 800, // 最大宽度 |
| 147 | font_size: "", // 不设置则使用默认字体大小 | 145 | // font_size: "", // 不设置则使用默认字体大小 |
| 148 | style: `@font-face { | 146 | // style: `@font-face { |
| 149 | font-family: "STZHONGS"; | 147 | // font-family: "STZHONGS"; |
| 150 | src: url(${window.ttf}) format("truetype"); | 148 | // src: url(${window.ttf}) format("truetype"); |
| 151 | }`, | 149 | // }`, |
| 152 | // 继承原来的所有样式 | 150 | // // 继承原来的所有样式 |
| 153 | targetStyles: ["*"], | 151 | // targetStyles: ["*"], |
| 154 | }); | 152 | // }); |
| 155 | this.render = false | 153 | // this.render = false |
| 156 | }, | 154 | // }, |
| 157 | /** | 155 | /** |
| 158 | * @description: loadData | 156 | * @description: loadData |
| 159 | * @author: renchao | 157 | * @author: renchao |
| ... | @@ -183,60 +181,60 @@ | ... | @@ -183,60 +181,60 @@ |
| 183 | } | 181 | } |
| 184 | }); | 182 | }); |
| 185 | }, | 183 | }, |
| 186 | /** | 184 | // /** |
| 187 | * @description: checkChange | 185 | // * @description: checkChange |
| 188 | * @author: renchao | 186 | // * @author: renchao |
| 189 | */ | 187 | // */ |
| 190 | checkChange () { | 188 | // checkChange () { |
| 191 | if (this.checkList.length === 0) { | 189 | // if (this.checkList.length === 0) { |
| 192 | this.tableData = []; | 190 | // this.tableData = []; |
| 193 | this.emptycolNum = datas.columns().emptycolNum; | 191 | // this.emptycolNum = datas.columns().emptycolNum; |
| 194 | } else { | 192 | // } else { |
| 195 | this.loadData(); | 193 | // this.loadData(); |
| 196 | } | 194 | // } |
| 197 | }, | 195 | // }, |
| 198 | /** | 196 | // /** |
| 199 | * @description: getQsztName | 197 | // * @description: getQsztName |
| 200 | * @param {*} code | 198 | // * @param {*} code |
| 201 | * @author: renchao | 199 | // * @author: renchao |
| 202 | */ | 200 | // */ |
| 203 | getQsztName (code) { | 201 | // getQsztName (code) { |
| 204 | let name = ""; | 202 | // let name = ""; |
| 205 | for (let item of this.qsztList) { | 203 | // for (let item of this.qsztList) { |
| 206 | if (item.value == code) { | 204 | // if (item.value == code) { |
| 207 | name = item.label; | 205 | // name = item.label; |
| 208 | break; | 206 | // break; |
| 209 | } | 207 | // } |
| 210 | } | 208 | // } |
| 211 | return name; | 209 | // return name; |
| 212 | }, | 210 | // }, |
| 213 | // 新增一条补录信息 | 211 | // // 新增一条补录信息 |
| 214 | /** | 212 | // /** |
| 215 | * @description: 新增一条补录信息 | 213 | // * @description: 新增一条补录信息 |
| 216 | * @param {*} row | 214 | // * @param {*} row |
| 217 | * @param {*} del | 215 | // * @param {*} del |
| 218 | * @author: renchao | 216 | // * @author: renchao |
| 219 | */ | 217 | // */ |
| 220 | editDialog (row, del) { | 218 | // editDialog (row, del) { |
| 221 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 219 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 222 | confirmButtonText: "确定", | 220 | // confirmButtonText: "确定", |
| 223 | cancelButtonText: "取消", | 221 | // cancelButtonText: "取消", |
| 224 | type: "warning", | 222 | // type: "warning", |
| 225 | }) | 223 | // }) |
| 226 | .then(() => { | 224 | // .then(() => { |
| 227 | this.$parent.addRepairRecord(row, del); | 225 | // this.$parent.addRepairRecord(row, del); |
| 228 | this.$message({ | 226 | // this.$message({ |
| 229 | type: "success", | 227 | // type: "success", |
| 230 | message: "补录成功!", | 228 | // message: "补录成功!", |
| 231 | }); | 229 | // }); |
| 232 | }) | 230 | // }) |
| 233 | .catch(() => { | 231 | // .catch(() => { |
| 234 | this.$message({ | 232 | // this.$message({ |
| 235 | type: "info", | 233 | // type: "info", |
| 236 | message: "取消编辑", | 234 | // message: "取消编辑", |
| 237 | }); | 235 | // }); |
| 238 | }); | 236 | // }); |
| 239 | }, | 237 | // }, |
| 240 | }, | 238 | }, |
| 241 | }; | 239 | }; |
| 242 | </script> | 240 | </script> | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> | 11 | <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -98,35 +100,31 @@ | ... | @@ -98,35 +100,31 @@ |
| 98 | </tr> | 100 | </tr> |
| 99 | </table> | 101 | </table> |
| 100 | </div> | 102 | </div> |
| 101 | </div> | 103 | </div> --> |
| 102 | </div> | 104 | </div> |
| 103 | </template> | 105 | </template> |
| 104 | 106 | ||
| 105 | <script> | 107 | <script> |
| 108 | import djbDetail from "./components/djbDetail.vue" | ||
| 106 | import { datas } from "./qlxxFormData.js"; | 109 | import { datas } from "./qlxxFormData.js"; |
| 107 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 110 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 108 | import { getDiyiqList } from "@/api/djbDetail.js"; | 111 | import { getDiyiqList } from "@/api/djbDetail.js"; |
| 109 | import printTemplate from "./components/printTemplate.vue"; | ||
| 110 | export default { | 112 | export default { |
| 111 | components: { | 113 | components: { |
| 112 | printTemplate, | 114 | djbDetail |
| 113 | }, | 115 | }, |
| 114 | data() { | 116 | data() { |
| 115 | return { | 117 | return { |
| 116 | printObj: { | ||
| 117 | id: "box", | ||
| 118 | //其他配置项， | ||
| 119 | }, | ||
| 120 | shows:false, | 118 | shows:false, |
| 121 | title: "地役权登记信息", | 119 | title: "地役权登记信息", |
| 122 | qsztList: datas.columns().qsztList, | 120 | // qsztList: datas.columns().qsztList, |
| 123 | checkList: datas.columns().checkList, | 121 | // checkList: datas.columns().checkList, |
| 124 | //传递参数 | 122 | //传递参数 |
| 125 | propsParam: this.$attrs, | 123 | propsParam: this.$attrs, |
| 126 | //列表数据 | 124 | //列表数据 |
| 127 | tableData: [], | 125 | tableData: [], |
| 128 | //空列值个数 | 126 | //空列值个数 |
| 129 | emptycolNum: datas.columns().emptycolNum, | 127 | // emptycolNum: datas.columns().emptycolNum, |
| 130 | //列名称对象 | 128 | //列名称对象 |
| 131 | columns: datas.columns().DYIQ, | 129 | columns: datas.columns().DYIQ, |
| 132 | render: false, | 130 | render: false, |
| ... | @@ -136,34 +134,34 @@ export default { | ... | @@ -136,34 +134,34 @@ export default { |
| 136 | this.loadData(); | 134 | this.loadData(); |
| 137 | }, | 135 | }, |
| 138 | methods: { /** | 136 | methods: { /** |
| 139 | * @description: openPrint | 137 | // * @description: openPrint |
| 140 | * @author: miaofang | 138 | // * @author: miaofang |
| 141 | */ | 139 | // */ |
| 142 | openPrint() { | 140 | // openPrint() { |
| 143 | this.render = true; | 141 | // this.render = true; |
| 144 | setTimeout(() => { | 142 | // setTimeout(() => { |
| 145 | this.prinsss(); | 143 | // this.prinsss(); |
| 146 | }, 100); | 144 | // }, 100); |
| 147 | }, | 145 | // }, |
| 148 | /** | 146 | // /** |
| 149 | * @description: prinsss | 147 | // * @description: prinsss |
| 150 | * @author: miaofang | 148 | // * @author: miaofang |
| 151 | */ | 149 | // */ |
| 152 | prinsss() { | 150 | // prinsss() { |
| 153 | printJS({ | 151 | // printJS({ |
| 154 | printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | 152 | // printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 |
| 155 | type: "html", | 153 | // type: "html", |
| 156 | maxWidth: 800, // 最大宽度 | 154 | // maxWidth: 800, // 最大宽度 |
| 157 | font_size: "", // 不设置则使用默认字体大小 | 155 | // font_size: "", // 不设置则使用默认字体大小 |
| 158 | style: `@font-face { | 156 | // style: `@font-face { |
| 159 | font-family: "STZHONGS"; | 157 | // font-family: "STZHONGS"; |
| 160 | src: url(${window.ttf}) format("truetype"); | 158 | // src: url(${window.ttf}) format("truetype"); |
| 161 | }`, | 159 | // }`, |
| 162 | // 继承原来的所有样式 | 160 | // // 继承原来的所有样式 |
| 163 | targetStyles: ["*"], | 161 | // targetStyles: ["*"], |
| 164 | }); | 162 | // }); |
| 165 | this.render=false | 163 | // this.render=false |
| 166 | }, | 164 | // }, |
| 167 | /** | 165 | /** |
| 168 | * @description: loadData | 166 | * @description: loadData |
| 169 | * @author: miaofang | 167 | * @author: miaofang |
| ... | @@ -193,61 +191,61 @@ export default { | ... | @@ -193,61 +191,61 @@ export default { |
| 193 | } | 191 | } |
| 194 | }); | 192 | }); |
| 195 | }, | 193 | }, |
| 196 | /** | 194 | // /** |
| 197 | * @description: checkChange | 195 | // * @description: checkChange |
| 198 | * @author: miaofang | 196 | // * @author: miaofang |
| 199 | */ | 197 | // */ |
| 200 | checkChange() { | 198 | // checkChange() { |
| 201 | if (this.checkList.length === 0) { | 199 | // if (this.checkList.length === 0) { |
| 202 | this.tableData = []; | 200 | // this.tableData = []; |
| 203 | this.emptycolNum = datas.columns().emptycolNum; | 201 | // this.emptycolNum = datas.columns().emptycolNum; |
| 204 | } else { | 202 | // } else { |
| 205 | this.loadData(); | 203 | // this.loadData(); |
| 206 | } | 204 | // } |
| 207 | }, | 205 | // }, |
| 208 | /** | 206 | // /** |
| 209 | * @description: getQsztName | 207 | // * @description: getQsztName |
| 210 | * @param {*} code | 208 | // * @param {*} code |
| 211 | * @author: miaofang | 209 | // * @author: miaofang |
| 212 | */ | 210 | // */ |
| 213 | getQsztName(code) { | 211 | // getQsztName(code) { |
| 214 | let name = ""; | 212 | // let name = ""; |
| 215 | for (let item of this.qsztList) { | 213 | // for (let item of this.qsztList) { |
| 216 | if (item.value == code) { | 214 | // if (item.value == code) { |
| 217 | name = item.label; | 215 | // name = item.label; |
| 218 | break; | 216 | // break; |
| 219 | } | 217 | // } |
| 220 | } | 218 | // } |
| 221 | return name; | 219 | // return name; |
| 222 | }, | 220 | // }, |
| 223 | // 新增一条补录信息 | 221 | // // 新增一条补录信息 |
| 224 | /** | 222 | // /** |
| 225 | * @description: 新增一条补录信息 | 223 | // * @description: 新增一条补录信息 |
| 226 | * @param {*} row | 224 | // * @param {*} row |
| 227 | * @param {*} del | 225 | // * @param {*} del |
| 228 | * @author: miaofang | 226 | // * @author: miaofang |
| 229 | */ | 227 | // */ |
| 230 | editDialog(row, del) { | 228 | // editDialog(row, del) { |
| 231 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 229 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 232 | confirmButtonText: "确定", | 230 | // confirmButtonText: "确定", |
| 233 | cancelButtonText: "取消", | 231 | // cancelButtonText: "取消", |
| 234 | type: "warning", | 232 | // type: "warning", |
| 235 | }) | 233 | // }) |
| 236 | .then(() => { | 234 | // .then(() => { |
| 237 | this.$parent.addRepairRecord(row, del); | 235 | // this.$parent.addRepairRecord(row, del); |
| 238 | 236 | ||
| 239 | this.$message({ | 237 | // this.$message({ |
| 240 | type: "success", | 238 | // type: "success", |
| 241 | message: "补录成功!", | 239 | // message: "补录成功!", |
| 242 | }); | 240 | // }); |
| 243 | }) | 241 | // }) |
| 244 | .catch(() => { | 242 | // .catch(() => { |
| 245 | this.$message({ | 243 | // this.$message({ |
| 246 | type: "info", | 244 | // type: "info", |
| 247 | message: "取消编辑", | 245 | // message: "取消编辑", |
| 248 | }); | 246 | // }); |
| 249 | }); | 247 | // }); |
| 250 | }, | 248 | // }, |
| 251 | }, | 249 | }, |
| 252 | }; | 250 | }; |
| 253 | </script> | 251 | </script> | ... | ... |
| ... | @@ -5,14 +5,14 @@ | ... | @@ -5,14 +5,14 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | ||
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 8 | <!-- <div v-show="false"> | 10 | <!-- <div v-show="false"> |
| 9 | <printTemplate | 11 | <printTemplate |
| 10 | id="boxfdcq" | 12 | id="boxfdcq" |
| 11 | :tableData="tableData" | 13 | :tableData="tableData" |
| 12 | :render="render" /> | 14 | :render="render" /> |
| 13 | </div> --> | 15 | </div> --> |
| 14 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | ||
| 15 | :columns="columns" :tableData="tableData" /> | ||
| 16 | <!-- <div class="tableBox"> | 16 | <!-- <div class="tableBox"> |
| 17 | <div class="title"> | 17 | <div class="title"> |
| 18 | {{ title }} | 18 | {{ title }} |
| ... | @@ -100,10 +100,8 @@ | ... | @@ -100,10 +100,8 @@ |
| 100 | import { getSjlx } from "@/utils/dictionary.js"; | 100 | import { getSjlx } from "@/utils/dictionary.js"; |
| 101 | import { getFdcq2List } from "@/api/djbDetail.js"; | 101 | import { getFdcq2List } from "@/api/djbDetail.js"; |
| 102 | import djbDetail from "./components/djbDetail.vue" | 102 | import djbDetail from "./components/djbDetail.vue" |
| 103 | import printTemplate from "./components/printTemplate.vue"; | ||
| 104 | export default { | 103 | export default { |
| 105 | components: { | 104 | components: { |
| 106 | printTemplate, | ||
| 107 | djbDetail | 105 | djbDetail |
| 108 | }, | 106 | }, |
| 109 | 107 | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate | 11 | <printTemplate |
| 10 | id="boxjsydsyq" | 12 | id="boxjsydsyq" |
| 11 | :tableData="tableData" | 13 | :tableData="tableData" |
| ... | @@ -30,7 +32,6 @@ | ... | @@ -30,7 +32,6 @@ |
| 30 | </div> | 32 | </div> |
| 31 | </div> | 33 | </div> |
| 32 | <div class="xxTableBox rollTable"> | 34 | <div class="xxTableBox rollTable"> |
| 33 | <!-- 固定前三个 --> | ||
| 34 | <table class="xxTable"> | 35 | <table class="xxTable"> |
| 35 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 36 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 36 | <td> | 37 | <td> |
| ... | @@ -102,7 +103,7 @@ | ... | @@ -102,7 +103,7 @@ |
| 102 | </tr> | 103 | </tr> |
| 103 | </table> | 104 | </table> |
| 104 | </div> | 105 | </div> |
| 105 | </div> | 106 | </div> --> |
| 106 | </div> | 107 | </div> |
| 107 | </template> | 108 | </template> |
| 108 | 109 | ... | ... |
| ... | @@ -5,16 +5,25 @@ | ... | @@ -5,16 +5,25 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | <printTemplate id="boxtdsyq" :tableData="tableData" :render="render"/> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate id="boxtdsyq" :tableData="tableData" :render="render" /> | ||
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| 12 | <div class="title"> | 14 | <div class="title"> |
| 13 | {{ title }} | 15 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 16 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 17 | >打印</el-button | ||
| 18 | > | ||
| 15 | <div class="checkbox"> | 19 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 20 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 21 | <el-checkbox |
| 22 | v-for="item in qsztList" | ||
| 23 | :key="item.value" | ||
| 24 | :label="item.value" | ||
| 25 | >{{ item.label }}</el-checkbox | ||
| 26 | > | ||
| 18 | </el-checkbox-group> | 27 | </el-checkbox-group> |
| 19 | </div> | 28 | </div> |
| 20 | </div> | 29 | </div> |
| ... | @@ -25,21 +34,38 @@ | ... | @@ -25,21 +34,38 @@ |
| 25 | <td> | 34 | <td> |
| 26 | {{ item.label }} | 35 | {{ item.label }} |
| 27 | </td> | 36 | </td> |
| 28 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 37 | <td |
| 29 | row.qszt == '2' ? 'lishi' : '', | 38 | v-for="(row, index) in tableData" |
| 30 | row.qszt == '0' ? 'linshi' : '', | 39 | :key="index" |
| 31 | row.qlzt == '4' ? 'linshi' : '', | 40 | :class="[ |
| 41 | row.qszt == '2' ? 'lishi' : '', | ||
| 42 | row.qszt == '0' ? 'linshi' : '', | ||
| 43 | row.qlzt == '4' ? 'linshi' : '', | ||
| 32 | 44 | ||
| 33 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 45 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 34 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 46 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 35 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 47 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 36 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 48 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 37 | ]"> | 49 | ]" |
| 38 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 50 | > |
| 39 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 51 | <div |
| 40 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 52 | class="setbut" |
| 53 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 54 | > | ||
| 55 | <el-button | ||
| 56 | type="text" | ||
| 57 | icon="el-icon-edit-outline" | ||
| 58 | @click="editDialog(row)" | ||
| 59 | >编辑</el-button | ||
| 60 | > | ||
| 61 | <el-button | ||
| 62 | type="text" | ||
| 63 | icon="el-icon-edit-outline" | ||
| 64 | @click="editDialog(row, 'D')" | ||
| 65 | >删除</el-button | ||
| 66 | > | ||
| 41 | </div> | 67 | </div> |
| 42 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 68 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 43 | 有效 | 69 | 有效 |
| 44 | </div> | 70 | </div> |
| 45 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 71 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -52,14 +78,20 @@ | ... | @@ -52,14 +78,20 @@ |
| 52 | 正在注销 | 78 | 正在注销 |
| 53 | </div> | 79 | </div> |
| 54 | 80 | ||
| 55 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 81 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 56 | <span v-if="item.prop == 'qszt'"> | 82 | <span v-if="item.prop == 'qszt'"> |
| 57 | {{ getQsztName(row[item.prop]) }} | 83 | {{ getQsztName(row[item.prop]) }} |
| 58 | </span> | 84 | </span> |
| 59 | <span v-else>{{ row[item.prop] }}</span> | 85 | <span v-else>{{ row[item.prop] }}</span> |
| 60 | </p> | 86 | </p> |
| 61 | 87 | ||
| 62 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 88 | <el-tooltip |
| 89 | v-else | ||
| 90 | effect="dark" | ||
| 91 | :content="row[item.prop]" | ||
| 92 | placement="top" | ||
| 93 | popper-class="tooltip-width" | ||
| 94 | > | ||
| 63 | <span class="ellipsis-line"> | 95 | <span class="ellipsis-line"> |
| 64 | {{ row[item.prop] }} | 96 | {{ row[item.prop] }} |
| 65 | </span> | 97 | </span> |
| ... | @@ -69,14 +101,14 @@ | ... | @@ -69,14 +101,14 @@ |
| 69 | </tr> | 101 | </tr> |
| 70 | </table> | 102 | </table> |
| 71 | </div> | 103 | </div> |
| 72 | </div> | 104 | </div> --> |
| 73 | </div> | 105 | </div> |
| 74 | </template> | 106 | </template> |
| 75 | 107 | ||
| 76 | <script> | 108 | <script> |
| 77 | import { datas } from "./qlxxFormData.js"; | 109 | import { datas } from "./qlxxFormData.js"; |
| 78 | import { getSjlx } from "@/utils/dictionary.js"; | 110 | import { getSjlx } from "@/utils/dictionary.js"; |
| 79 | import { getTdsyqList } from "@/api/djbDetail.js"; | 111 | import { getTdsyqList } from "@/api/djbDetail.js"; |
| 80 | import printTemplate from "./components/printTemplate.vue"; | 112 | import printTemplate from "./components/printTemplate.vue"; |
| 81 | export default { | 113 | export default { |
| 82 | components: { | 114 | components: { |
| ... | @@ -88,33 +120,33 @@ export default { | ... | @@ -88,33 +120,33 @@ export default { |
| 88 | id: "box", | 120 | id: "box", |
| 89 | //其他配置项， | 121 | //其他配置项， |
| 90 | }, | 122 | }, |
| 91 | shows:false, | 123 | shows: false, |
| 92 | title: "土地所有权信息", | 124 | title: "土地所有权信息", |
| 93 | qsztList: datas.columns().qsztList, | 125 | qsztList: datas.columns().qsztList, |
| 94 | checkList: datas.columns().checkList, | 126 | checkList: datas.columns().checkList, |
| 95 | //传递参数 | 127 | //传递参数 |
| 96 | propsParam: this.$attrs, | 128 | propsParam: this.$attrs, |
| 97 | //列表数据 | 129 | //列表数据 |
| 98 | tableData: [], | 130 | tableData: [], |
| 99 | //空列值个数 | 131 | //空列值个数 |
| 100 | emptycolNum: datas.columns().emptycolNum, | 132 | emptycolNum: datas.columns().emptycolNum, |
| 101 | //列名称对象 | 133 | //列名称对象 |
| 102 | columns: datas.columns().TDSYQ, | 134 | columns: datas.columns().TDSYQ, |
| 103 | render:false | 135 | render: false, |
| 104 | }; | 136 | }; |
| 105 | }, | 137 | }, |
| 106 | created () { | 138 | created() { |
| 107 | this.loadData(); | 139 | this.loadData(); |
| 108 | }, | 140 | }, |
| 109 | methods: { | 141 | methods: { |
| 110 | openPrint(){ | 142 | openPrint() { |
| 111 | this.render=true | 143 | this.render = true; |
| 112 | setTimeout(() => { | 144 | setTimeout(() => { |
| 113 | this.prinsss() | 145 | this.prinsss(); |
| 114 | }, 100) | 146 | }, 100); |
| 115 | }, | 147 | }, |
| 116 | prinsss(){ | 148 | prinsss() { |
| 117 | printJS({ | 149 | printJS({ |
| 118 | printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | 150 | printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 |
| 119 | type: "html", | 151 | type: "html", |
| 120 | maxWidth: 800, // 最大宽度 | 152 | maxWidth: 800, // 最大宽度 |
| ... | @@ -124,103 +156,103 @@ export default { | ... | @@ -124,103 +156,103 @@ export default { |
| 124 | src: url(${window.ttf}) format("truetype"); | 156 | src: url(${window.ttf}) format("truetype"); |
| 125 | }`, | 157 | }`, |
| 126 | // 继承原来的所有样式 | 158 | // 继承原来的所有样式 |
| 127 | targetStyles: ["*"] | 159 | targetStyles: ["*"], |
| 128 | }); | 160 | }); |
| 129 | this.render=false | 161 | this.render = false; |
| 130 | }, | 162 | }, |
| 131 | /** | 163 | /** |
| 132 | * @description: loadData | 164 | * @description: loadData |
| 133 | * @author: miaofang | 165 | * @author: miaofang |
| 134 | */ | 166 | */ |
| 135 | loadData () { | 167 | loadData() { |
| 136 | 168 | if (this.$parent.addRepairRecord) { | |
| 137 | if (this.$parent.addRepairRecord) { | 169 | this.columns.unshift({ |
| 138 | this.columns.unshift({ | 170 | prop: "cz", |
| 139 | prop: "cz", | 171 | label: "操作", |
| 140 | label: "操作" | ||
| 141 | }) | ||
| 142 | } | ||
| 143 | getTdsyqList({ | ||
| 144 | bdcdyid: this.propsParam.bdcdyid, | ||
| 145 | qllx: this.propsParam.qllx, | ||
| 146 | qszt: this.checkList, | ||
| 147 | }).then((res) => { | ||
| 148 | if (res.code === 200) { | ||
| 149 | this.tableData = res.result; | ||
| 150 | this.shows=this.tableData.length>0 | ||
| 151 | this.tableData.forEach(item => { | ||
| 152 | item.sjlx = getSjlx(item.sjlx) | ||
| 153 | }) | ||
| 154 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 155 | this.emptycolNum = | ||
| 156 | datas.columns().emptycolNum - this.tableData.length; | ||
| 157 | } else { | ||
| 158 | this.emptycolNum = 0; | ||
| 159 | } | ||
| 160 | } | ||
| 161 | }); | 172 | }); |
| 162 | }, | 173 | } |
| 163 | /** | 174 | getTdsyqList({ |
| 164 | * @description: checkChange | 175 | bdcdyid: this.propsParam.bdcdyid, |
| 165 | * @author: miaofang | 176 | qllx: this.propsParam.qllx, |
| 166 | */ | 177 | qszt: this.checkList, |
| 167 | checkChange () { | 178 | }).then((res) => { |
| 168 | if (this.checkList.length === 0) { | 179 | if (res.code === 200) { |
| 169 | this.tableData = []; | 180 | this.tableData = res.result; |
| 170 | this.emptycolNum = datas.columns().emptycolNum; | 181 | this.shows = this.tableData.length > 0; |
| 171 | } else { | 182 | this.tableData.forEach((item) => { |
| 172 | this.loadData(); | 183 | item.sjlx = getSjlx(item.sjlx); |
| 173 | } | 184 | }); |
| 174 | }, | 185 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 175 | /** | 186 | this.emptycolNum = |
| 176 | * @description: getQsztName | 187 | datas.columns().emptycolNum - this.tableData.length; |
| 177 | * @param {*} code | 188 | } else { |
| 178 | * @author: miaofang | 189 | this.emptycolNum = 0; |
| 179 | */ | ||
| 180 | getQsztName (code) { | ||
| 181 | let name = ""; | ||
| 182 | for (let item of this.qsztList) { | ||
| 183 | if (item.value == code) { | ||
| 184 | name = item.label; | ||
| 185 | break; | ||
| 186 | } | 190 | } |
| 187 | } | 191 | } |
| 188 | return name; | 192 | }); |
| 189 | }, | 193 | }, |
| 190 | // 新增一条补录信息 | 194 | /** |
| 191 | /** | 195 | * @description: checkChange |
| 192 | * @description: 新增一条补录信息 | 196 | * @author: miaofang |
| 193 | * @param {*} row | 197 | */ |
| 194 | * @param {*} del | 198 | checkChange() { |
| 195 | * @author: miaofang | 199 | if (this.checkList.length === 0) { |
| 196 | */ | 200 | this.tableData = []; |
| 197 | editDialog (row, del) { | 201 | this.emptycolNum = datas.columns().emptycolNum; |
| 198 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 202 | } else { |
| 199 | confirmButtonText: '确定', | 203 | this.loadData(); |
| 200 | cancelButtonText: '取消', | 204 | } |
| 201 | type: 'warning' | 205 | }, |
| 202 | }).then(() => { | 206 | /** |
| 203 | this.$parent.addRepairRecord(row, del) | 207 | * @description: getQsztName |
| 208 | * @param {*} code | ||
| 209 | * @author: miaofang | ||
| 210 | */ | ||
| 211 | getQsztName(code) { | ||
| 212 | let name = ""; | ||
| 213 | for (let item of this.qsztList) { | ||
| 214 | if (item.value == code) { | ||
| 215 | name = item.label; | ||
| 216 | break; | ||
| 217 | } | ||
| 218 | } | ||
| 219 | return name; | ||
| 220 | }, | ||
| 221 | // 新增一条补录信息 | ||
| 222 | /** | ||
| 223 | * @description: 新增一条补录信息 | ||
| 224 | * @param {*} row | ||
| 225 | * @param {*} del | ||
| 226 | * @author: miaofang | ||
| 227 | */ | ||
| 228 | editDialog(row, del) { | ||
| 229 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 230 | confirmButtonText: "确定", | ||
| 231 | cancelButtonText: "取消", | ||
| 232 | type: "warning", | ||
| 233 | }) | ||
| 234 | .then(() => { | ||
| 235 | this.$parent.addRepairRecord(row, del); | ||
| 204 | 236 | ||
| 205 | this.$message({ | 237 | this.$message({ |
| 206 | type: 'success', | 238 | type: "success", |
| 207 | message: '补录成功!' | 239 | message: "补录成功!", |
| 208 | }); | 240 | }); |
| 209 | }).catch(() => { | 241 | }) |
| 242 | .catch(() => { | ||
| 210 | this.$message({ | 243 | this.$message({ |
| 211 | type: 'info', | 244 | type: "info", |
| 212 | message: '取消编辑' | 245 | message: "取消编辑", |
| 213 | }); | 246 | }); |
| 214 | }); | 247 | }); |
| 215 | |||
| 216 | }, | ||
| 217 | }, | 248 | }, |
| 218 | }; | 249 | }, |
| 250 | }; | ||
| 219 | </script> | 251 | </script> |
| 220 | 252 | ||
| 221 | <style lang="scss" scoped> | 253 | <style lang="scss" scoped> |
| 222 | @import "./qlxxCommon.scss"; | 254 | @import "./qlxxCommon.scss"; |
| 223 | .title { | 255 | .title { |
| 224 | position: relative; | 256 | position: relative; |
| 225 | .print { | 257 | .print { |
| 226 | // background-color: #0079fe; | 258 | // background-color: #0079fe; | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> | 11 | <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -93,7 +95,7 @@ | ... | @@ -93,7 +95,7 @@ |
| 93 | </tr> | 95 | </tr> |
| 94 | </table> | 96 | </table> |
| 95 | </div> | 97 | </div> |
| 96 | </div> | 98 | </div> --> |
| 97 | </div> | 99 | </div> |
| 98 | </template> | 100 | </template> |
| 99 | 101 | ||
| ... | @@ -114,14 +116,14 @@ export default { | ... | @@ -114,14 +116,14 @@ export default { |
| 114 | // }, | 116 | // }, |
| 115 | shows:false, | 117 | shows:false, |
| 116 | title: "预告登记信息", | 118 | title: "预告登记信息", |
| 117 | qsztList: datas.columns().qsztList, | 119 | // qsztList: datas.columns().qsztList, |
| 118 | checkList: datas.columns().checkList, | 120 | // checkList: datas.columns().checkList, |
| 119 | //传递参数 | 121 | //传递参数 |
| 120 | propsParam: this.$attrs, | 122 | propsParam: this.$attrs, |
| 121 | //列表数据 | 123 | //列表数据 |
| 122 | tableData: [], | 124 | tableData: [], |
| 123 | //空列值个数 | 125 | //空列值个数 |
| 124 | emptycolNum: datas.columns().emptycolNum, | 126 | // emptycolNum: datas.columns().emptycolNum, |
| 125 | //列名称对象 | 127 | //列名称对象 |
| 126 | columns: datas.columns().YGDJ, | 128 | columns: datas.columns().YGDJ, |
| 127 | render:false | 129 | render:false |
| ... | @@ -131,27 +133,27 @@ export default { | ... | @@ -131,27 +133,27 @@ export default { |
| 131 | this.loadData(); | 133 | this.loadData(); |
| 132 | }, | 134 | }, |
| 133 | methods: { | 135 | methods: { |
| 134 | openPrint(){ | 136 | // openPrint(){ |
| 135 | this.render=true | 137 | // this.render=true |
| 136 | setTimeout(() => { | 138 | // setTimeout(() => { |
| 137 | this.prinsss() | 139 | // this.prinsss() |
| 138 | }, 100) | 140 | // }, 100) |
| 139 | }, | 141 | // }, |
| 140 | prinsss(){ | 142 | // prinsss(){ |
| 141 | printJS({ | 143 | // printJS({ |
| 142 | printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | 144 | // printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 |
| 143 | type: "html", | 145 | // type: "html", |
| 144 | maxWidth: 800, // 最大宽度 | 146 | // maxWidth: 800, // 最大宽度 |
| 145 | font_size: "", // 不设置则使用默认字体大小 | 147 | // font_size: "", // 不设置则使用默认字体大小 |
| 146 | style: `@font-face { | 148 | // style: `@font-face { |
| 147 | font-family: "STZHONGS"; | 149 | // font-family: "STZHONGS"; |
| 148 | src: url(${window.ttf}) format("truetype"); | 150 | // src: url(${window.ttf}) format("truetype"); |
| 149 | }`, | 151 | // }`, |
| 150 | // 继承原来的所有样式 | 152 | // // 继承原来的所有样式 |
| 151 | targetStyles: ["*"] | 153 | // targetStyles: ["*"] |
| 152 | }); | 154 | // }); |
| 153 | this.render=false | 155 | // this.render=false |
| 154 | }, | 156 | // }, |
| 155 | /** | 157 | /** |
| 156 | * @description: loadData | 158 | * @description: loadData |
| 157 | * @author: miaofang | 159 | * @author: miaofang | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate | 11 | <printTemplate |
| 10 | id="boxyydj" | 12 | id="boxyydj" |
| 11 | :tableData="tableData" | 13 | :tableData="tableData" |
| ... | @@ -99,7 +101,7 @@ | ... | @@ -99,7 +101,7 @@ |
| 99 | </tr> | 101 | </tr> |
| 100 | </table> | 102 | </table> |
| 101 | </div> | 103 | </div> |
| 102 | </div> | 104 | </div> --> |
| 103 | </div> | 105 | </div> |
| 104 | </template> | 106 | </template> |
| 105 | 107 | ||
| ... | @@ -107,11 +109,11 @@ | ... | @@ -107,11 +109,11 @@ |
| 107 | import { datas } from "./qlxxFormData.js"; | 109 | import { datas } from "./qlxxFormData.js"; |
| 108 | import { getYydjList } from "@/api/djbDetail.js"; | 110 | import { getYydjList } from "@/api/djbDetail.js"; |
| 109 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 111 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 110 | import printTemplate from "./components/printTemplate.vue"; | 112 | import djbDetail from "./components/djbDetail.vue" |
| 111 | export default { | 113 | export default { |
| 112 | components: { | 114 | components: { |
| 113 | printTemplate, | 115 | djbDetail |
| 114 | }, | 116 | }, |
| 115 | data() { | 117 | data() { |
| 116 | return { | 118 | return { |
| 117 | printObj: { | 119 | printObj: { |
| ... | @@ -137,27 +139,27 @@ export default { | ... | @@ -137,27 +139,27 @@ export default { |
| 137 | this.loadData(); | 139 | this.loadData(); |
| 138 | }, | 140 | }, |
| 139 | methods: { | 141 | methods: { |
| 140 | openPrint() { | 142 | // openPrint() { |
| 141 | this.render = true; | 143 | // this.render = true; |
| 142 | setTimeout(() => { | 144 | // setTimeout(() => { |
| 143 | this.prinsss(); | 145 | // this.prinsss(); |
| 144 | }, 100); | 146 | // }, 100); |
| 145 | }, | 147 | // }, |
| 146 | prinsss() { | 148 | // prinsss() { |
| 147 | printJS({ | 149 | // printJS({ |
| 148 | printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | 150 | // printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 |
| 149 | type: "html", | 151 | // type: "html", |
| 150 | maxWidth: 800, // 最大宽度 | 152 | // maxWidth: 800, // 最大宽度 |
| 151 | font_size: "", // 不设置则使用默认字体大小 | 153 | // font_size: "", // 不设置则使用默认字体大小 |
| 152 | style: `@font-face { | 154 | // style: `@font-face { |
| 153 | font-family: "STZHONGS"; | 155 | // font-family: "STZHONGS"; |
| 154 | src: url(${window.ttf}) format("truetype"); | 156 | // src: url(${window.ttf}) format("truetype"); |
| 155 | }`, | 157 | // }`, |
| 156 | // 继承原来的所有样式 | 158 | // // 继承原来的所有样式 |
| 157 | targetStyles: ["*"], | 159 | // targetStyles: ["*"], |
| 158 | }); | 160 | // }); |
| 159 | this.render=false | 161 | // this.render=false |
| 160 | }, | 162 | // }, |
| 161 | /** | 163 | /** |
| 162 | * @description: loadData | 164 | * @description: loadData |
| 163 | * @author: miaofang | 165 | * @author: miaofang |
| ... | @@ -190,61 +192,61 @@ export default { | ... | @@ -190,61 +192,61 @@ export default { |
| 190 | } | 192 | } |
| 191 | }); | 193 | }); |
| 192 | }, | 194 | }, |
| 193 | /** | 195 | // /** |
| 194 | * @description: checkChange | 196 | // * @description: checkChange |
| 195 | * @author: miaofang | 197 | // * @author: miaofang |
| 196 | */ | 198 | // */ |
| 197 | checkChange() { | 199 | // checkChange() { |
| 198 | if (this.checkList.length === 0) { | 200 | // if (this.checkList.length === 0) { |
| 199 | this.tableData = []; | 201 | // this.tableData = []; |
| 200 | this.emptycolNum = datas.columns().emptycolNum; | 202 | // this.emptycolNum = datas.columns().emptycolNum; |
| 201 | } else { | 203 | // } else { |
| 202 | this.loadData(); | 204 | // this.loadData(); |
| 203 | } | 205 | // } |
| 204 | }, | 206 | // }, |
| 205 | /** | 207 | // /** |
| 206 | * @description: getQsztName | 208 | // * @description: getQsztName |
| 207 | * @param {*} code | 209 | // * @param {*} code |
| 208 | * @author: miaofang | 210 | // * @author: miaofang |
| 209 | */ | 211 | // */ |
| 210 | getQsztName(code) { | 212 | // getQsztName(code) { |
| 211 | let name = ""; | 213 | // let name = ""; |
| 212 | for (let item of this.qsztList) { | 214 | // for (let item of this.qsztList) { |
| 213 | if (item.value == code) { | 215 | // if (item.value == code) { |
| 214 | name = item.label; | 216 | // name = item.label; |
| 215 | break; | 217 | // break; |
| 216 | } | 218 | // } |
| 217 | } | 219 | // } |
| 218 | return name; | 220 | // return name; |
| 219 | }, | 221 | // }, |
| 220 | // 新增一条补录信息 | 222 | // // 新增一条补录信息 |
| 221 | /** | 223 | // /** |
| 222 | * @description: 新增一条补录信息 | 224 | // * @description: 新增一条补录信息 |
| 223 | * @param {*} row | 225 | // * @param {*} row |
| 224 | * @param {*} del | 226 | // * @param {*} del |
| 225 | * @author: miaofang | 227 | // * @author: miaofang |
| 226 | */ | 228 | // */ |
| 227 | editDialog(row, del) { | 229 | // editDialog(row, del) { |
| 228 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 230 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 229 | confirmButtonText: "确定", | 231 | // confirmButtonText: "确定", |
| 230 | cancelButtonText: "取消", | 232 | // cancelButtonText: "取消", |
| 231 | type: "warning", | 233 | // type: "warning", |
| 232 | }) | 234 | // }) |
| 233 | .then(() => { | 235 | // .then(() => { |
| 234 | this.$parent.addRepairRecord(row, del); | 236 | // this.$parent.addRepairRecord(row, del); |
| 235 | 237 | ||
| 236 | this.$message({ | 238 | // this.$message({ |
| 237 | type: "success", | 239 | // type: "success", |
| 238 | message: "补录成功!", | 240 | // message: "补录成功!", |
| 239 | }); | 241 | // }); |
| 240 | }) | 242 | // }) |
| 241 | .catch(() => { | 243 | // .catch(() => { |
| 242 | this.$message({ | 244 | // this.$message({ |
| 243 | type: "info", | 245 | // type: "info", |
| 244 | message: "取消编辑", | 246 | // message: "取消编辑", |
| 245 | }); | 247 | // }); |
| 246 | }); | 248 | // }); |
| 247 | }, | 249 | // }, |
| 248 | }, | 250 | }, |
| 249 | }; | 251 | }; |
| 250 | </script> | 252 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-13 14:21:14 | 4 | * @LastEditTime: 2023-09-15 17:06:29 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -45,12 +45,14 @@ | ... | @@ -45,12 +45,14 @@ |
| 45 | import { mapGetters } from 'vuex' | 45 | import { mapGetters } from 'vuex' |
| 46 | import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js" | 46 | import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js" |
| 47 | export default { | 47 | export default { |
| 48 | props: { | ||
| 49 | paramData: { | ||
| 50 | type: Object, | ||
| 51 | default: () => { } | ||
| 52 | } | ||
| 53 | }, | ||
| 48 | data () { | 54 | data () { |
| 49 | return { | 55 | return { |
| 50 | //受理申请标识码 | ||
| 51 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 52 | //当前流程所在环节 | ||
| 53 | bestepid: this.$route.query.bestepid, | ||
| 54 | // 默认选中 | 56 | // 默认选中 |
| 55 | activeIndex: '0', | 57 | activeIndex: '0', |
| 56 | // 折叠 | 58 | // 折叠 |
| ... | @@ -65,9 +67,6 @@ | ... | @@ -65,9 +67,6 @@ |
| 65 | currentSelectProps: {} | 67 | currentSelectProps: {} |
| 66 | } | 68 | } |
| 67 | }, | 69 | }, |
| 68 | mounted () { | ||
| 69 | this.loadBdcdylist(); | ||
| 70 | }, | ||
| 71 | computed: { | 70 | computed: { |
| 72 | ...mapGetters(['isRefresh']) | 71 | ...mapGetters(['isRefresh']) |
| 73 | }, | 72 | }, |
| ... | @@ -79,7 +78,16 @@ | ... | @@ -79,7 +78,16 @@ |
| 79 | } | 78 | } |
| 80 | }, | 79 | }, |
| 81 | immediate: true | 80 | immediate: true |
| 82 | } | 81 | }, |
| 82 | paramData: { | ||
| 83 | handler (newVal, oldVal) { | ||
| 84 | if (newVal) { | ||
| 85 | this.loadBdcdylist() | ||
| 86 | } | ||
| 87 | }, | ||
| 88 | immediate: true, | ||
| 89 | deep: true | ||
| 90 | }, | ||
| 83 | }, | 91 | }, |
| 84 | methods: { | 92 | methods: { |
| 85 | /** | 93 | /** |
| ... | @@ -89,13 +97,11 @@ | ... | @@ -89,13 +97,11 @@ |
| 89 | loadBdcdylist () { | 97 | loadBdcdylist () { |
| 90 | let that = this | 98 | let that = this |
| 91 | var formdata = new FormData(); | 99 | var formdata = new FormData(); |
| 92 | formdata.append("bsmSlsq", this.bsmSlsq); | 100 | // 受理申请标识码 |
| 93 | if (this.$route.query.bestepid) { | 101 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
| 94 | formdata.append("bestepid", this.bestepid); | 102 | // 当前流程所在环节 |
| 95 | } | 103 | formdata.append("bestepid", this.paramData.bestepid); |
| 96 | if (this.$route.query.bsmBusiness) { | 104 | formdata.append("bsmBusiness", this.paramData.bsmBusiness); |
| 97 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
| 98 | } | ||
| 99 | if (this.$route.query.type == 'jdcx') { | 105 | if (this.$route.query.type == 'jdcx') { |
| 100 | jdcxLeftMenu(formdata).then((res) => { | 106 | jdcxLeftMenu(formdata).then((res) => { |
| 101 | if (res.code === 200 && res.result) { | 107 | if (res.code === 200 && res.result) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 13:32:29 | 4 | * @LastEditTime: 2023-09-15 15:02:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -61,10 +61,6 @@ | ... | @@ -61,10 +61,6 @@ |
| 61 | export default { | 61 | export default { |
| 62 | data () { | 62 | data () { |
| 63 | return { | 63 | return { |
| 64 | //受理申请标识码 | ||
| 65 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 66 | //当前流程所在环节 | ||
| 67 | bestepid: this.$route.query.bestepid, | ||
| 68 | // 变更前单元默认选中 | 64 | // 变更前单元默认选中 |
| 69 | activeIndex: '0', | 65 | activeIndex: '0', |
| 70 | // 变更后单元默认选中 | 66 | // 变更后单元默认选中 |
| ... | @@ -105,13 +101,11 @@ | ... | @@ -105,13 +101,11 @@ |
| 105 | loadBdcdylist () { | 101 | loadBdcdylist () { |
| 106 | let that = this | 102 | let that = this |
| 107 | var formdata = new FormData(); | 103 | var formdata = new FormData(); |
| 108 | formdata.append("bsmSlsq", this.bsmSlsq); | 104 | // 受理申请标识码 |
| 109 | if (this.$route.query.bestepid) { | 105 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
| 110 | formdata.append("bestepid", this.bestepid); | 106 | // 当前流程所在环节 |
| 111 | } | 107 | formdata.append("bestepid", this.paramData.bestepid); |
| 112 | if (this.$route.query.bsmBusiness) { | 108 | formdata.append("bsmBusiness", this.paramData.bsmBusiness); |
| 113 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
| 114 | } | ||
| 115 | if (this.$route.query.type == 'jdcx') { | 109 | if (this.$route.query.type == 'jdcx') { |
| 116 | jdcxLeftMenu(formdata).then((res) => { | 110 | jdcxLeftMenu(formdata).then((res) => { |
| 117 | if (res.code === 200 && res.result) { | 111 | if (res.code === 200 && res.result) { |
| ... | @@ -152,7 +146,6 @@ | ... | @@ -152,7 +146,6 @@ |
| 152 | }) | 146 | }) |
| 153 | } | 147 | } |
| 154 | }, | 148 | }, |
| 155 | //批量按钮判断 | ||
| 156 | /** | 149 | /** |
| 157 | * @description: 批量按钮判断 | 150 | * @description: 批量按钮判断 |
| 158 | * @author: renchao | 151 | * @author: renchao |
| ... | @@ -202,9 +195,9 @@ | ... | @@ -202,9 +195,9 @@ |
| 202 | .catch(() => { | 195 | .catch(() => { |
| 203 | this.$message({ | 196 | this.$message({ |
| 204 | type: "info", | 197 | type: "info", |
| 205 | message: "已取消删除", | 198 | message: "已取消删除" |
| 206 | }); | 199 | }) |
| 207 | }); | 200 | }) |
| 208 | }, | 201 | }, |
| 209 | /** | 202 | /** |
| 210 | * @description: 批量按钮点击事件 | 203 | * @description: 批量按钮点击事件 |
| ... | @@ -214,7 +207,6 @@ | ... | @@ -214,7 +207,6 @@ |
| 214 | this.currentSelectProps.batchOperation = true; | 207 | this.currentSelectProps.batchOperation = true; |
| 215 | // this.activeIndex = "-1"; | 208 | // this.activeIndex = "-1"; |
| 216 | this.$parent.stepForm(0); | 209 | this.$parent.stepForm(0); |
| 217 | |||
| 218 | }, | 210 | }, |
| 219 | /** | 211 | /** |
| 220 | * @description: 申请单元点击事件 | 212 | * @description: 申请单元点击事件 | ... | ... |
| ... | @@ -3,14 +3,12 @@ | ... | @@ -3,14 +3,12 @@ |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 09:41:27 | 4 | * @LastEditTime: 2023-09-12 09:41:27 |
| 5 | */ | 5 | */ |
| 6 | //流程环节操作按钮 | ||
| 7 | /** | 6 | /** |
| 8 | * @description: 流程环节操作按钮 | 7 | * @description: 流程环节操作按钮 |
| 9 | * @param {*} tabName | 8 | * @param {*} tabName |
| 10 | * @param {*} djywbm | ||
| 11 | * @author: renchao | 9 | * @author: renchao |
| 12 | */ | 10 | */ |
| 13 | export function getForm (tabName, djywbm) { | 11 | export function getForm (tabName) { |
| 14 | let form; | 12 | let form; |
| 15 | switch (tabName) { | 13 | switch (tabName) { |
| 16 | case "tdsyqslxx": | 14 | case "tdsyqslxx": | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 14:44:53 | 4 | * @LastEditTime: 2023-09-18 09:32:09 |
| 5 | */ | 5 | */ |
| 6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
| 7 | import { uploadUndo } from "@/api/clxx"; | 7 | import { uploadUndo } from "@/api/clxx"; |
| 8 | import { getLodop } from "@/utils/LodopFuncs" | 8 | import { getLodop } from "@/utils/LodopFuncs" |
| 9 | import { getXtParamsByYwh } from "@/api/djyw.js" | ||
| 9 | import { | 10 | import { |
| 10 | stepExpandInfo, | 11 | stepExpandInfo, |
| 11 | record, | 12 | record, |
| ... | @@ -38,11 +39,19 @@ export default { | ... | @@ -38,11 +39,19 @@ export default { |
| 38 | batchButtonName: '', | 39 | batchButtonName: '', |
| 39 | // 受理申请信息 | 40 | // 受理申请信息 |
| 40 | slsq: {}, | 41 | slsq: {}, |
| 41 | dqhj: "" | 42 | dqhj: "", |
| 43 | // 业务流程需要的参数 | ||
| 44 | paramData: {}, | ||
| 42 | } | 45 | } |
| 43 | }, | 46 | }, |
| 44 | mounted () { | 47 | created () { |
| 45 | this.flowInitParam(); | 48 | // 根据业务号获取系统参数 |
| 49 | getXtParamsByYwh(this.$route.query.ywh).then(res => { | ||
| 50 | this.paramData = res.result | ||
| 51 | console.log(this.paramData, 'this.paramData'); | ||
| 52 | this.isShowMenu = true | ||
| 53 | this.flowInitParam(); | ||
| 54 | }) | ||
| 46 | }, | 55 | }, |
| 47 | methods: { | 56 | methods: { |
| 48 | /** | 57 | /** |
| ... | @@ -51,8 +60,8 @@ export default { | ... | @@ -51,8 +60,8 @@ export default { |
| 51 | */ | 60 | */ |
| 52 | flowInitParam () { | 61 | flowInitParam () { |
| 53 | var formdata = new FormData(); | 62 | var formdata = new FormData(); |
| 54 | formdata.append("bsmSlsq", this.bsmSlsq); | 63 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
| 55 | formdata.append("bestepid", this.bestepid); | 64 | formdata.append("bestepid", this.paramData.bestepid); |
| 56 | if (this.type) { | 65 | if (this.type) { |
| 57 | formdata.append("type", "READ_ONLY"); | 66 | formdata.append("type", "READ_ONLY"); |
| 58 | } | 67 | } |
| ... | @@ -68,7 +77,6 @@ export default { | ... | @@ -68,7 +77,6 @@ export default { |
| 68 | } | 77 | } |
| 69 | }) | 78 | }) |
| 70 | }, | 79 | }, |
| 71 | //流程环节操作按钮 | ||
| 72 | /** | 80 | /** |
| 73 | * @description: 流程环节操作按钮 | 81 | * @description: 流程环节操作按钮 |
| 74 | * @param {*} item | 82 | * @param {*} item |
| ... | @@ -240,8 +248,8 @@ export default { | ... | @@ -240,8 +248,8 @@ export default { |
| 240 | }) | 248 | }) |
| 241 | }) | 249 | }) |
| 242 | break; | 250 | break; |
| 243 | case "B10": | 251 | case "B10": |
| 244 | break; | 252 | break; |
| 245 | case "rm": | 253 | case "rm": |
| 246 | this.del() | 254 | this.del() |
| 247 | break; | 255 | break; |
| ... | @@ -280,7 +288,6 @@ export default { | ... | @@ -280,7 +288,6 @@ export default { |
| 280 | }); | 288 | }); |
| 281 | }); | 289 | }); |
| 282 | }, | 290 | }, |
| 283 | //发送下一个环节 | ||
| 284 | /** | 291 | /** |
| 285 | * @description: 发送下一个环节 | 292 | * @description: 发送下一个环节 |
| 286 | * @param {*} obj | 293 | * @param {*} obj |
| ... | @@ -293,7 +300,6 @@ export default { | ... | @@ -293,7 +300,6 @@ export default { |
| 293 | tabList: this.tabList | 300 | tabList: this.tabList |
| 294 | }, '800px', true) | 301 | }, '800px', true) |
| 295 | }, | 302 | }, |
| 296 | //转出最后一个流程 | ||
| 297 | /** | 303 | /** |
| 298 | * @description: 转出最后一个流程 | 304 | * @description: 转出最后一个流程 |
| 299 | * @param {*} obj | 305 | * @param {*} obj |
| ... | @@ -306,7 +312,6 @@ export default { | ... | @@ -306,7 +312,6 @@ export default { |
| 306 | tabList: this.tabList | 312 | tabList: this.tabList |
| 307 | }, '800px', true) | 313 | }, '800px', true) |
| 308 | }, | 314 | }, |
| 309 | //批量操作 | ||
| 310 | /** | 315 | /** |
| 311 | * @description: 批量操作 | 316 | * @description: 批量操作 |
| 312 | * @author: renchao | 317 | * @author: renchao |
| ... | @@ -316,8 +321,7 @@ export default { | ... | @@ -316,8 +321,7 @@ export default { |
| 316 | width: "50%", | 321 | width: "50%", |
| 317 | btnShow: false, | 322 | btnShow: false, |
| 318 | bsmSlsq: this.bsmSlsq, | 323 | bsmSlsq: this.bsmSlsq, |
| 319 | dataList: this.unitData, | 324 | dataList: this.unitData |
| 320 | |||
| 321 | }) | 325 | }) |
| 322 | }, | 326 | }, |
| 323 | /** | 327 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 17:19:13 | 4 | * @LastEditTime: 2023-09-15 17:01:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -38,10 +38,12 @@ | ... | @@ -38,10 +38,12 @@ |
| 38 | <!-- 内容框架 --> | 38 | <!-- 内容框架 --> |
| 39 | <div class="containerFrame"> | 39 | <div class="containerFrame"> |
| 40 | <!-- 左侧菜单栏 区分业务--> | 40 | <!-- 左侧菜单栏 区分业务--> |
| 41 | <segmentMenu | 41 | <div v-if="isShowMenu"> |
| 42 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" | 42 | <segmentMenu :paramData="paramData" |
| 43 | @getCurrentSelectProps="getCurrentSelectProps" /> | 43 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" |
| 44 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 44 | @getCurrentSelectProps="getCurrentSelectProps" /> |
| 45 | <ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 46 | </div> | ||
| 45 | <div class="leftCon"> | 47 | <div class="leftCon"> |
| 46 | <!-- 分屏左侧预览 --> | 48 | <!-- 分屏左侧预览 --> |
| 47 | <div v-if="splitScreen" class="splitScreen-con"> | 49 | <div v-if="splitScreen" class="splitScreen-con"> |
| ... | @@ -51,7 +53,7 @@ | ... | @@ -51,7 +53,7 @@ |
| 51 | <div class="rightContainer"> | 53 | <div class="rightContainer"> |
| 52 | <div class="count"> | 54 | <div class="count"> |
| 53 | 当前流程所在环节: | 55 | 当前流程所在环节: |
| 54 | <span>{{ this.zbhj }}</span> | 56 | <span>{{ $route.query.zbhj }}</span> |
| 55 | </div> | 57 | </div> |
| 56 | <el-tabs | 58 | <el-tabs |
| 57 | v-model="tabName" | 59 | v-model="tabName" |
| ... | @@ -132,17 +134,8 @@ | ... | @@ -132,17 +134,8 @@ |
| 132 | mixins: [WorkFlow, publicFlow], | 134 | mixins: [WorkFlow, publicFlow], |
| 133 | data () { | 135 | data () { |
| 134 | return { | 136 | return { |
| 135 | // printObj: { | 137 | // 左侧是否显示,获取完成系统参数之后再显示 |
| 136 | // id: "box", | 138 | isShowMenu: false, |
| 137 | // preview: true, | ||
| 138 | // }, | ||
| 139 | isDialog: false, | ||
| 140 | //受理申请标识码 | ||
| 141 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 142 | //当前流程所在环节 | ||
| 143 | bestepid: this.$route.query.bestepid, | ||
| 144 | //当前流程所在环节 | ||
| 145 | zbhj: this.$route.query.zbhj, | ||
| 146 | //设置那个表单选中 | 139 | //设置那个表单选中 |
| 147 | tabName: "", | 140 | tabName: "", |
| 148 | //设置那个表单选择 | 141 | //设置那个表单选择 |
| ... | @@ -166,7 +159,7 @@ | ... | @@ -166,7 +159,7 @@ |
| 166 | bsmZd: "", | 159 | bsmZd: "", |
| 167 | Receiptdata: {}, | 160 | Receiptdata: {}, |
| 168 | shows: false | 161 | shows: false |
| 169 | }; | 162 | } |
| 170 | }, | 163 | }, |
| 171 | mounted () { | 164 | mounted () { |
| 172 | this.$store.dispatch("user/refreshPage", false); | 165 | this.$store.dispatch("user/refreshPage", false); |
| ... | @@ -185,7 +178,7 @@ | ... | @@ -185,7 +178,7 @@ |
| 185 | // 获取打印回执数据 | 178 | // 获取打印回执数据 |
| 186 | var formdata = new FormData(); | 179 | var formdata = new FormData(); |
| 187 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 180 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
| 188 | formdata.append("bsmSlsq", this.bsmSlsq); | 181 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); |
| 189 | formdata.append("djlx", this.currentSelectProps.djlx); | 182 | formdata.append("djlx", this.currentSelectProps.djlx); |
| 190 | BatchInit(formdata).then((res) => { | 183 | BatchInit(formdata).then((res) => { |
| 191 | if (res.code === 200 && res.result) { | 184 | if (res.code === 200 && res.result) { |
| ... | @@ -195,7 +188,7 @@ | ... | @@ -195,7 +188,7 @@ |
| 195 | this.prinsss() | 188 | this.prinsss() |
| 196 | }, 100) | 189 | }, 100) |
| 197 | } else { | 190 | } else { |
| 198 | this.$message.error(res.message); | 191 | this.$message.error(res.message) |
| 199 | } | 192 | } |
| 200 | }) | 193 | }) |
| 201 | }, | 194 | }, |
| ... | @@ -211,7 +204,7 @@ | ... | @@ -211,7 +204,7 @@ |
| 211 | }`, | 204 | }`, |
| 212 | // 继承原来的所有样式 | 205 | // 继承原来的所有样式 |
| 213 | targetStyles: ["*"] | 206 | targetStyles: ["*"] |
| 214 | }); | 207 | }) |
| 215 | }, | 208 | }, |
| 216 | /** | 209 | /** |
| 217 | * @description: getCurrentSelectProps | 210 | * @description: getCurrentSelectProps |
| ... | @@ -219,7 +212,7 @@ | ... | @@ -219,7 +212,7 @@ |
| 219 | * @author: renchao | 212 | * @author: renchao |
| 220 | */ | 213 | */ |
| 221 | getCurrentSelectProps (val) { | 214 | getCurrentSelectProps (val) { |
| 222 | this.currentSelectProps = val; | 215 | this.currentSelectProps = val |
| 223 | }, | 216 | }, |
| 224 | /** | 217 | /** |
| 225 | * @description: beforeunloadHandler | 218 | * @description: beforeunloadHandler |
| ... | @@ -238,7 +231,7 @@ | ... | @@ -238,7 +231,7 @@ |
| 238 | //判断是窗口关闭还是刷新 | 231 | //判断是窗口关闭还是刷新 |
| 239 | if (this._gap_time <= 10) { | 232 | if (this._gap_time <= 10) { |
| 240 | //取消认领 | 233 | //取消认领 |
| 241 | unClaimTask(this.bsmSlsq, this.bestepid); | 234 | unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid) |
| 242 | } | 235 | } |
| 243 | }, | 236 | }, |
| 244 | /** | 237 | /** |
| ... | @@ -249,7 +242,6 @@ | ... | @@ -249,7 +242,6 @@ |
| 249 | stepForm (index) { | 242 | stepForm (index) { |
| 250 | getStepFormInfo(this.currentSelectProps).then((res) => { | 243 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 251 | if (res.code === 200) { | 244 | if (res.code === 200) { |
| 252 | // this.fresh++; | ||
| 253 | //获取单元对应的所有表单信息 | 245 | //获取单元对应的所有表单信息 |
| 254 | this.tabList = res.result; | 246 | this.tabList = res.result; |
| 255 | //默认加载第一个表单信息 | 247 | //默认加载第一个表单信息 |
| ... | @@ -270,37 +262,14 @@ | ... | @@ -270,37 +262,14 @@ |
| 270 | 262 | ||
| 271 | this.tabList.forEach(function (item, index) { | 263 | this.tabList.forEach(function (item, index) { |
| 272 | if (item.value == "clxx") { | 264 | if (item.value == "clxx") { |
| 273 | that.clxxIndex = index; | 265 | that.clxxIndex = index |
| 274 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 266 | that.clxxForm = getForm(item.value) |
| 275 | that.clxxTab = item; | 267 | that.clxxTab = item |
| 276 | } | 268 | } |
| 277 | }); | 269 | }) |
| 278 | } | 270 | } |
| 279 | } | 271 | } |
| 280 | }); | 272 | }) |
| 281 | }, | ||
| 282 | |||
| 283 | /** | ||
| 284 | * @description: openDialog | ||
| 285 | * @author: renchao | ||
| 286 | */ | ||
| 287 | openDialog () { | ||
| 288 | this.$store.dispatch("user/refreshPage", false); | ||
| 289 | let data = JSON.parse(localStorage.getItem("ywbl")); | ||
| 290 | let title; | ||
| 291 | if (data?.sqywmc) { | ||
| 292 | title = "申请业务：" + data?.sqywmc; | ||
| 293 | } else { | ||
| 294 | title = "申请业务：" + data?.djywmc; | ||
| 295 | } | ||
| 296 | |||
| 297 | this.$popupDialog( | ||
| 298 | title, | ||
| 299 | "ywbl/ywsq/selectBdc", | ||
| 300 | { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, | ||
| 301 | "80%", | ||
| 302 | true | ||
| 303 | ); | ||
| 304 | }, | 273 | }, |
| 305 | /** | 274 | /** |
| 306 | * @description: 右侧表单选项卡事件 | 275 | * @description: 右侧表单选项卡事件 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 16:15:46 | 4 | * @LastEditTime: 2023-09-15 16:32:06 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -26,8 +26,10 @@ | ... | @@ -26,8 +26,10 @@ |
| 26 | <!-- 内容框架 --> | 26 | <!-- 内容框架 --> |
| 27 | <div class="containerFrame"> | 27 | <div class="containerFrame"> |
| 28 | <!-- 左侧菜单栏 区分业务--> | 28 | <!-- 左侧菜单栏 区分业务--> |
| 29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> | 29 | <div v-if="isShowMenu"> |
| 30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 30 | <segmentMenu :paramData="paramData" v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> |
| 31 | <ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 32 | </div> | ||
| 31 | 33 | ||
| 32 | <div class="leftCon"> | 34 | <div class="leftCon"> |
| 33 | <!-- 分屏左侧预览 --> | 35 | <!-- 分屏左侧预览 --> |
| ... | @@ -69,16 +71,14 @@ | ... | @@ -69,16 +71,14 @@ |
| 69 | }, | 71 | }, |
| 70 | data () { | 72 | data () { |
| 71 | return { | 73 | return { |
| 74 | // 左侧是否显示,获取完成系统参数之后再显示 | ||
| 75 | isShowMenu: false, | ||
| 72 | // 流程图 | 76 | // 流程图 |
| 73 | imgSrc: "", | 77 | imgSrc: "", |
| 74 | // 折叠 | 78 | // 折叠 |
| 75 | isShowdrawer: true, | 79 | isShowdrawer: true, |
| 76 | // 默认选中 | 80 | // 默认选中 |
| 77 | activeIndex: "0", | 81 | activeIndex: "0", |
| 78 | //受理申请标识码 | ||
| 79 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 80 | //当前流程所在环节 | ||
| 81 | bestepid: this.$route.query.bestepid, | ||
| 82 | // 判断类型 | 82 | // 判断类型 |
| 83 | type: "READ_ONLY", | 83 | type: "READ_ONLY", |
| 84 | //设置那个表单选中 | 84 | //设置那个表单选中 |
| ... | @@ -99,7 +99,7 @@ | ... | @@ -99,7 +99,7 @@ |
| 99 | //材料信息选择卡索引 | 99 | //材料信息选择卡索引 |
| 100 | clxxIndex: "", | 100 | clxxIndex: "", |
| 101 | //材料信息选项卡对象 | 101 | //材料信息选项卡对象 |
| 102 | clxxTab: {}, | 102 | clxxTab: {} |
| 103 | }; | 103 | }; |
| 104 | }, | 104 | }, |
| 105 | methods: { | 105 | methods: { |
| ... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
| 111 | getCurrentSelectProps (val) { | 111 | getCurrentSelectProps (val) { |
| 112 | this.currentSelectProps = val | 112 | this.currentSelectProps = val |
| 113 | }, | 113 | }, |
| 114 | //申请单元点击事件 | ||
| 115 | /** | 114 | /** |
| 116 | * @description: 申请单元点击事件 | 115 | * @description: 申请单元点击事件 |
| 117 | * @param {*} index | 116 | * @param {*} index |
| ... | @@ -121,17 +120,18 @@ | ... | @@ -121,17 +120,18 @@ |
| 121 | this.currentSelectProps.type = "READ_ONLY" | 120 | this.currentSelectProps.type = "READ_ONLY" |
| 122 | getStepFormInfo(this.currentSelectProps).then((res) => { | 121 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 123 | if (res.code === 200) { | 122 | if (res.code === 200) { |
| 124 | this.fresh++; | ||
| 125 | //获取单元对应的所有表单信息 | 123 | //获取单元对应的所有表单信息 |
| 126 | this.tabList = res.result; | 124 | this.tabList = res.result; |
| 127 | //默认加载第一个表单信息 | 125 | //默认加载第一个表单信息 |
| 128 | //默认加载第一个表单信息 | ||
| 129 | let arr = res.result.filter(item => item.defaultForm) | 126 | let arr = res.result.filter(item => item.defaultForm) |
| 130 | if (arr.length > 0) { | 127 | if (arr.length > 0) { |
| 131 | this.tabName = arr[0].value; | 128 | this.tabName = arr[0].value; |
| 132 | } else { | 129 | } else { |
| 133 | this.tabName = res.result[0].value; | 130 | this.tabName = res.result[0].value; |
| 134 | } | 131 | } |
| 132 | if (sessionStorage.getItem('activeName') == this.tabName) { | ||
| 133 | this.fresh++; | ||
| 134 | } | ||
| 135 | this.ableOperation = this.tabList[0].ableOperation | 135 | this.ableOperation = this.tabList[0].ableOperation |
| 136 | //批量操作无分屏按钮 | 136 | //批量操作无分屏按钮 |
| 137 | if (index != null) { | 137 | if (index != null) { |
| ... | @@ -139,29 +139,28 @@ | ... | @@ -139,29 +139,28 @@ |
| 139 | let that = this; | 139 | let that = this; |
| 140 | this.tabList.forEach(function (item, index) { | 140 | this.tabList.forEach(function (item, index) { |
| 141 | if (item.value == "clxx") { | 141 | if (item.value == "clxx") { |
| 142 | that.clxxIndex = index; | 142 | that.clxxIndex = index |
| 143 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 143 | that.clxxForm = getForm(item.value) |
| 144 | that.clxxTab = item; | 144 | that.clxxTab = item |
| 145 | } | 145 | } |
| 146 | }) | 146 | }) |
| 147 | } | 147 | } |
| 148 | } | 148 | } |
| 149 | }) | 149 | }) |
| 150 | }, | 150 | }, |
| 151 | //选项卡切换事件 | 151 | /** |
| 152 | /** | 152 | * @description: 右侧表单选项卡事件 |
| 153 | * @description: 右侧表单选项卡事件 | 153 | * @param {*} handleClick |
| 154 | * @param {*} handleClick | 154 | * @author: renchao |
| 155 | * @author: renchao | 155 | */ |
| 156 | */ | 156 | handleClick (a) { |
| 157 | handleClick(a) { | 157 | let p = Object.keys(this.tabList[0]).filter( |
| 158 | let p = Object.keys(this.tabList[0]).filter( | 158 | (item) => item == "ableOperation" |
| 159 | (item) => item == "ableOperation" | 159 | ); |
| 160 | ); | 160 | if (p) { |
| 161 | if (p) { | 161 | this.ableOperation = this.tabList[a.index].ableOperation; |
| 162 | this.ableOperation = this.tabList[a.index].ableOperation; | 162 | } |
| 163 | } | 163 | } |
| 164 | }, | ||
| 165 | } | 164 | } |
| 166 | } | 165 | } |
| 167 | </script> | 166 | </script> | ... | ... |
| ... | @@ -197,7 +197,7 @@ | ... | @@ -197,7 +197,7 @@ |
| 197 | } | 197 | } |
| 198 | }) | 198 | }) |
| 199 | if (this.formData.isAdd != 1) { | 199 | if (this.formData.isAdd != 1) { |
| 200 | store.dispatch('user/reWorkFresh', false) | 200 | store.dispatch("user/refreshPage", false); |
| 201 | update(this.ruleForm).then(res => { | 201 | update(this.ruleForm).then(res => { |
| 202 | if (res.code == 200) { | 202 | if (res.code == 200) { |
| 203 | this.$message.success('保存成功') | 203 | this.$message.success('保存成功') |
| ... | @@ -206,7 +206,7 @@ | ... | @@ -206,7 +206,7 @@ |
| 206 | this.resetTableFields(); | 206 | this.resetTableFields(); |
| 207 | this.closeDialog(); | 207 | this.closeDialog(); |
| 208 | //刷新列表 | 208 | //刷新列表 |
| 209 | store.dispatch('user/reWorkFresh', true) | 209 | store.dispatch("user/refreshPage", true); |
| 210 | } else { | 210 | } else { |
| 211 | this.$message.error(res.message); | 211 | this.$message.error(res.message); |
| 212 | } | 212 | } |
| ... | @@ -214,7 +214,7 @@ | ... | @@ -214,7 +214,7 @@ |
| 214 | } else { | 214 | } else { |
| 215 | that.$refs['ruleForm'].validate((valid) => { | 215 | that.$refs['ruleForm'].validate((valid) => { |
| 216 | if (valid) { | 216 | if (valid) { |
| 217 | store.dispatch('user/reWorkFresh', false) | 217 | store.dispatch("user/refreshPage", false); |
| 218 | addQy(this.ruleForm).then(res => { | 218 | addQy(this.ruleForm).then(res => { |
| 219 | if (res.code == 200) { | 219 | if (res.code == 200) { |
| 220 | that.$message.success('保存成功') | 220 | that.$message.success('保存成功') |
| ... | @@ -223,7 +223,7 @@ | ... | @@ -223,7 +223,7 @@ |
| 223 | that.resetTableFields(); | 223 | that.resetTableFields(); |
| 224 | that.closeDialog(); | 224 | that.closeDialog(); |
| 225 | //刷新列表 | 225 | //刷新列表 |
| 226 | store.dispatch('user/reWorkFresh', true) | 226 | store.dispatch("user/refreshPage", true); |
| 227 | } else { | 227 | } else { |
| 228 | that.$message.error(res.message); | 228 | that.$message.error(res.message); |
| 229 | } | 229 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 15:04:46 | 4 | * @LastEditTime: 2023-09-15 15:50:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
| ... | @@ -24,6 +24,13 @@ | ... | @@ -24,6 +24,13 @@ |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | </el-row> | 26 | </el-row> |
| 27 | <el-row :gutter="20"> | ||
| 28 | <el-col :span="24"> | ||
| 29 | <el-form-item label="材料编码" prop="clbm"> | ||
| 30 | <el-input v-model="ruleForm.clbm"></el-input> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | </el-row> | ||
| 27 | </el-form> | 34 | </el-form> |
| 28 | </dialogBox> | 35 | </dialogBox> |
| 29 | </template> | 36 | </template> |
| ... | @@ -40,6 +47,7 @@ | ... | @@ -40,6 +47,7 @@ |
| 40 | ruleForm: { | 47 | ruleForm: { |
| 41 | cllx: "", | 48 | cllx: "", |
| 42 | clmc: "", | 49 | clmc: "", |
| 50 | clbm: "" | ||
| 43 | }, | 51 | }, |
| 44 | rules: { | 52 | rules: { |
| 45 | cllx: [ | 53 | cllx: [ |
| ... | @@ -47,7 +55,10 @@ | ... | @@ -47,7 +55,10 @@ |
| 47 | ], | 55 | ], |
| 48 | clmc: [ | 56 | clmc: [ |
| 49 | { required: true, message: '请输入材料名称', trigger: 'blur' } | 57 | { required: true, message: '请输入材料名称', trigger: 'blur' } |
| 50 | ] | 58 | ], |
| 59 | clbm: [ | ||
| 60 | { required: true, message: '请输入材料编码', trigger: 'blur' } | ||
| 61 | ], | ||
| 51 | } | 62 | } |
| 52 | } | 63 | } |
| 53 | }, | 64 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 11:14:54 | 4 | * @LastEditTime: 2023-09-15 15:38:53 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| ... | @@ -37,8 +37,15 @@ | ... | @@ -37,8 +37,15 @@ |
| 37 | label: "材料名称", | 37 | label: "材料名称", |
| 38 | render: (h, scope) => { | 38 | render: (h, scope) => { |
| 39 | return ( | 39 | return ( |
| 40 | (scope.row.sfxjcl == '1') ? | 40 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> |
| 41 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span> | 41 | ) |
| 42 | } | ||
| 43 | }, | ||
| 44 | { | ||
| 45 | label: "材料编码", | ||
| 46 | render: (h, scope) => { | ||
| 47 | return ( | ||
| 48 | <el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input> | ||
| 42 | ) | 49 | ) |
| 43 | } | 50 | } |
| 44 | }, | 51 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 14:23:19 | 4 | * @LastEditTime: 2023-09-15 15:54:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clxx"> | 7 | <div class="clxx"> |
| ... | @@ -289,7 +289,7 @@ | ... | @@ -289,7 +289,7 @@ |
| 289 | ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", { | 289 | ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", { |
| 290 | data: this.tableData, | 290 | data: this.tableData, |
| 291 | bsmCompany: this.formData.bsmCompany | 291 | bsmCompany: this.formData.bsmCompany |
| 292 | }, "60%", true, false) | 292 | }, "50%", true, false) |
| 293 | }, | 293 | }, |
| 294 | //设置tableData | 294 | //设置tableData |
| 295 | setTableData (tableData) { | 295 | setTableData (tableData) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 11:11:10 | 4 | * @LastEditTime: 2023-09-15 15:41:36 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -39,6 +39,7 @@ | ... | @@ -39,6 +39,7 @@ |
| 39 | </div> | 39 | </div> |
| 40 | </template> | 40 | </template> |
| 41 | <script> | 41 | <script> |
| 42 | import { mapGetters } from 'vuex' | ||
| 42 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
| 43 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
| 44 | import { queryQyByPage, addQy, remove } from "@/api/xxba.js"; | 45 | import { queryQyByPage, addQy, remove } from "@/api/xxba.js"; |
| ... | @@ -65,6 +66,17 @@ | ... | @@ -65,6 +66,17 @@ |
| 65 | }, | 66 | }, |
| 66 | }; | 67 | }; |
| 67 | }, | 68 | }, |
| 69 | computed: { | ||
| 70 | ...mapGetters(['isRefresh']) | ||
| 71 | }, | ||
| 72 | watch: { | ||
| 73 | isRefresh: { | ||
| 74 | handler (newVal, oldVal) { | ||
| 75 | if (newVal) this.queryClick() | ||
| 76 | }, | ||
| 77 | immediate: true | ||
| 78 | } | ||
| 79 | }, | ||
| 68 | methods: { | 80 | methods: { |
| 69 | /** | 81 | /** |
| 70 | * @description: queryClick | 82 | * @description: queryClick | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 14:30:50 | 4 | * @LastEditTime: 2023-09-15 15:47:37 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -59,7 +59,6 @@ | ... | @@ -59,7 +59,6 @@ |
| 59 | watch: { | 59 | watch: { |
| 60 | workFresh: { | 60 | workFresh: { |
| 61 | handler (newVal, oldVal) { | 61 | handler (newVal, oldVal) { |
| 62 | console.log(newVal, 'newVal'); | ||
| 63 | if (newVal) this.queryClick() | 62 | if (newVal) this.queryClick() |
| 64 | } | 63 | } |
| 65 | } | 64 | } |
| ... | @@ -138,6 +137,9 @@ | ... | @@ -138,6 +137,9 @@ |
| 138 | message: '已取消删除' | 137 | message: '已取消删除' |
| 139 | }) | 138 | }) |
| 140 | }) | 139 | }) |
| 140 | }, | ||
| 141 | handleEdit (row) { | ||
| 142 | this.$popupDialog("编辑企业", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%") | ||
| 141 | } | 143 | } |
| 142 | } | 144 | } |
| 143 | } | 145 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 13:39:20 | 4 | * @LastEditTime: 2023-09-15 16:30:47 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -264,7 +264,7 @@ | ... | @@ -264,7 +264,7 @@ |
| 264 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 264 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 265 | confirmButtonText: "确定", | 265 | confirmButtonText: "确定", |
| 266 | cancelButtonText: "取消", | 266 | cancelButtonText: "取消", |
| 267 | type: "warning", | 267 | type: "warning" |
| 268 | }) | 268 | }) |
| 269 | .then(() => { | 269 | .then(() => { |
| 270 | deleteFlow(formdata).then((res) => { | 270 | deleteFlow(formdata).then((res) => { |
| ... | @@ -274,18 +274,18 @@ | ... | @@ -274,18 +274,18 @@ |
| 274 | type: "success", | 274 | type: "success", |
| 275 | message: "删除成功!", | 275 | message: "删除成功!", |
| 276 | }); | 276 | }); |
| 277 | this.queryClick(); | 277 | this.queryClick() |
| 278 | } else { | 278 | } else { |
| 279 | this.$message.error(res.message); | 279 | this.$message.error(res.message) |
| 280 | } | 280 | } |
| 281 | }); | 281 | }); |
| 282 | }) | 282 | }) |
| 283 | .catch(() => { | 283 | .catch(() => { |
| 284 | this.$message({ | 284 | this.$message({ |
| 285 | type: "info", | 285 | type: "info", |
| 286 | message: "已取消删除", | 286 | message: "已取消删除" |
| 287 | }); | 287 | }) |
| 288 | }); | 288 | }) |
| 289 | }, | 289 | }, |
| 290 | /** | 290 | /** |
| 291 | * @description: ywhClick | 291 | * @description: ywhClick |
| ... | @@ -315,18 +315,22 @@ | ... | @@ -315,18 +315,22 @@ |
| 315 | ); | 315 | ); |
| 316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); | 316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); |
| 317 | } else { | 317 | } else { |
| 318 | const { href } = this.$router.resolve( | 318 | // const { href } = this.$router.resolve( |
| 319 | "/workFrame?bsmSlsq=" + | 319 | // "/workFrame?bsmSlsq=" + |
| 320 | item.bsmSlsq + | 320 | // item.bsmSlsq + |
| 321 | "&bestepid=" + | 321 | // "&bestepid=" + |
| 322 | item.bestepid + | 322 | // item.bestepid + |
| 323 | "&bsmBusiness=" + | 323 | // "&bsmBusiness=" + |
| 324 | "&sqywbm=" + | 324 | // "&sqywbm=" + |
| 325 | item.djywbm + | 325 | // item.djywbm + |
| 326 | "&zbhj=" + | 326 | // "&zbhj=" + |
| 327 | item.zbhj | 327 | // item.zbhj |
| 328 | ); | 328 | // ); |
| 329 | window.open(href, `workFrame${item.bsmSlsq}`); | 329 | // window.open(href, `workFrame${item.bsmSlsq}`); |
| 330 | |||
| 331 | const { href } = this.$router.resolve('/workFrame?ywh=' + item.ywh + '&zbhj=' + item.zbhj) | ||
| 332 | window.open(href, `workFrame${item.ywh}`) | ||
| 333 | |||
| 330 | } | 334 | } |
| 331 | 335 | ||
| 332 | localStorage.setItem("ywbl", JSON.stringify(item)); | 336 | localStorage.setItem("ywbl", JSON.stringify(item)); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 17:17:56 | 4 | * @LastEditTime: 2023-09-15 16:09:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
| 69 | </el-col> | 69 | </el-col> |
| 70 | <el-col :span="8"> | 70 | <el-col :span="8"> |
| 71 | <el-form-item label="坐落："> | 71 | <el-form-item label="坐落："> |
| 72 | <el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input> | 72 | <el-input maxlength="100" disabled v-model="ruleForm.sldy.zl"></el-input> |
| 73 | </el-form-item> | 73 | </el-form-item> |
| 74 | </el-col> | 74 | </el-col> |
| 75 | </el-row> | 75 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 13:39:30 | 4 | * @LastEditTime: 2023-09-15 15:59:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -274,13 +274,8 @@ | ... | @@ -274,13 +274,8 @@ |
| 274 | ); | 274 | ); |
| 275 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 275 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
| 276 | } else { | 276 | } else { |
| 277 | const { href } = this.$router.resolve( | 277 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') |
| 278 | "/workFrameView?bsmSlsq=" + | 278 | window.open(href, `urlname${item.ywh}`) |
| 279 | item.bsmSlsq + | ||
| 280 | "&bestepid=" + | ||
| 281 | item.bestepid | ||
| 282 | ); | ||
| 283 | window.open(href, `workFrameView${item.bsmSlsq}`); | ||
| 284 | } | 279 | } |
| 285 | } | 280 | } |
| 286 | } | 281 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-05 09:45:31 | 4 | * @LastEditTime: 2023-09-15 16:55:37 |
| 5 | */ | 5 | */ |
| 6 | import Router from '@/router' | 6 | import Router from '@/router' |
| 7 | export default { | 7 | export default { |
| ... | @@ -24,13 +24,15 @@ export default { | ... | @@ -24,13 +24,15 @@ export default { |
| 24 | * @author: renchao | 24 | * @author: renchao |
| 25 | */ | 25 | */ |
| 26 | jump (data, type) { | 26 | jump (data, type) { |
| 27 | const { href } = Router.resolve( | 27 | // const { href } = Router.resolve( |
| 28 | "/workFrame?bsmSlsq=" + | 28 | // "/workFrame?bsmSlsq=" + |
| 29 | data.bsmSlsq + | 29 | // data.bsmSlsq + |
| 30 | "&bestepid=" + | 30 | // "&bestepid=" + |
| 31 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理" | 31 | // data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理" |
| 32 | ); | 32 | // ); |
| 33 | window.open(href, "_blank"); | 33 | // window.open(href, "_blank"); |
| 34 | const { href } = Router.resolve('/workFrame?ywh=' + data.ywh + '&zbhj=受理') | ||
| 35 | window.open(href, "_blank") | ||
| 34 | this.$popupCacel() | 36 | this.$popupCacel() |
| 35 | }, | 37 | }, |
| 36 | /** | 38 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 09:56:26 | 4 | * @LastEditTime: 2023-09-15 17:11:42 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -115,7 +115,7 @@ | ... | @@ -115,7 +115,7 @@ |
| 115 | type: 'success' | 115 | type: 'success' |
| 116 | }) | 116 | }) |
| 117 | if (!this.isJump) { | 117 | if (!this.isJump) { |
| 118 | this.jump(res.result, this.djywbm) | 118 | this.jump(res.result) |
| 119 | } else { | 119 | } else { |
| 120 | store.dispatch('user/refreshPage', true); | 120 | store.dispatch('user/refreshPage', true); |
| 121 | } | 121 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 13:08:08 | 4 | * @LastEditTime: 2023-09-15 17:25:11 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -34,6 +34,7 @@ class data extends filter { | ... | @@ -34,6 +34,7 @@ class data extends filter { |
| 34 | { | 34 | { |
| 35 | prop: "status", | 35 | prop: "status", |
| 36 | label: "状态", | 36 | label: "状态", |
| 37 | width: '130', | ||
| 37 | render: (h, scope) => { | 38 | render: (h, scope) => { |
| 38 | return ( | 39 | return ( |
| 39 | <div> | 40 | <div> |
| ... | @@ -80,8 +81,15 @@ class data extends filter { | ... | @@ -80,8 +81,15 @@ class data extends filter { |
| 80 | } | 81 | } |
| 81 | }, | 82 | }, |
| 82 | { | 83 | { |
| 83 | prop: "qlrzjhm", | ||
| 84 | label: "证件号", | 84 | label: "证件号", |
| 85 | witdth: '100', | ||
| 86 | render: (h, scope) => { | ||
| 87 | return ( | ||
| 88 | <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width "> | ||
| 89 | <span class="ellipsis-table"> {scope.row.qlrzjhm}</span> | ||
| 90 | </el-tooltip> | ||
| 91 | ) | ||
| 92 | } | ||
| 85 | }, | 93 | }, |
| 86 | { | 94 | { |
| 87 | prop: "qlxzmc", | 95 | prop: "qlxzmc", | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 16:34:27 | 4 | * @LastEditTime: 2023-09-15 15:06:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -114,7 +114,6 @@ | ... | @@ -114,7 +114,6 @@ |
| 114 | this.queryClick() | 114 | this.queryClick() |
| 115 | }, | 115 | }, |
| 116 | methods: { | 116 | methods: { |
| 117 | // 初始化数据 | ||
| 118 | /** | 117 | /** |
| 119 | * @description: 初始化数据 | 118 | * @description: 初始化数据 |
| 120 | * @author: renchao | 119 | * @author: renchao |
| ... | @@ -139,7 +138,6 @@ | ... | @@ -139,7 +138,6 @@ |
| 139 | handleSort (name, sort) { | 138 | handleSort (name, sort) { |
| 140 | console.log(name, sort); | 139 | console.log(name, sort); |
| 141 | }, | 140 | }, |
| 142 | // 高级查询 | ||
| 143 | /** | 141 | /** |
| 144 | * @description: 高级查询 | 142 | * @description: 高级查询 |
| 145 | * @author: renchao | 143 | * @author: renchao |
| ... | @@ -151,8 +149,8 @@ | ... | @@ -151,8 +149,8 @@ |
| 151 | * @author: renchao | 149 | * @author: renchao |
| 152 | */ | 150 | */ |
| 153 | openDialog (item) { | 151 | openDialog (item) { |
| 154 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx') | 152 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') |
| 155 | window.open(href, `urlname${item.bsmSlsq}`) | 153 | window.open(href, `urlname${item.ywh}`) |
| 156 | } | 154 | } |
| 157 | } | 155 | } |
| 158 | } | 156 | } | ... | ... |
| ... | @@ -78,9 +78,15 @@ class data extends filter { | ... | @@ -78,9 +78,15 @@ class data extends filter { |
| 78 | // width: '140' | 78 | // width: '140' |
| 79 | // }, | 79 | // }, |
| 80 | { | 80 | { |
| 81 | prop: "ywh", | ||
| 82 | label: "业务号", | 81 | label: "业务号", |
| 83 | width: '100' | 82 | minWidth: '100', |
| 83 | render: (h, scope) => { | ||
| 84 | return ( | ||
| 85 | <div> | ||
| 86 | <el-link type="primary" onClick={() => { vm.openWorkDialog(scope.row) }}>{scope.row.ywh}</el-link> | ||
| 87 | </div> | ||
| 88 | ) | ||
| 89 | } | ||
| 84 | }, | 90 | }, |
| 85 | { | 91 | { |
| 86 | label: "权利类型", | 92 | label: "权利类型", | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 09:04:48 | 4 | * @LastEditTime: 2023-09-15 14:52:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -37,7 +37,6 @@ | ... | @@ -37,7 +37,6 @@ |
| 37 | <el-col :span="4" class="btnColRight"> | 37 | <el-col :span="4" class="btnColRight"> |
| 38 | <el-form-item> | 38 | <el-form-item> |
| 39 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 39 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
| 40 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> | ||
| 41 | </el-form-item> | 40 | </el-form-item> |
| 42 | </el-col> | 41 | </el-col> |
| 43 | </el-row> | 42 | </el-row> |
| ... | @@ -75,12 +74,12 @@ | ... | @@ -75,12 +74,12 @@ |
| 75 | tableData: { | 74 | tableData: { |
| 76 | total: 0, | 75 | total: 0, |
| 77 | columns: datas.columns(), | 76 | columns: datas.columns(), |
| 78 | data: [], | 77 | data: [] |
| 79 | }, | 78 | } |
| 80 | }; | 79 | } |
| 81 | }, | 80 | }, |
| 82 | activated () { | 81 | activated () { |
| 83 | this.queryClick(); | 82 | this.queryClick() |
| 84 | }, | 83 | }, |
| 85 | methods: { | 84 | methods: { |
| 86 | /** | 85 | /** |
| ... | @@ -110,6 +109,15 @@ | ... | @@ -110,6 +109,15 @@ |
| 110 | bsmBdcqz: item.bsmBdcqz | 109 | bsmBdcqz: item.bsmBdcqz |
| 111 | }, '1210px', true) | 110 | }, '1210px', true) |
| 112 | }) | 111 | }) |
| 112 | }, | ||
| 113 | /** | ||
| 114 | * @description: openWorkDialog | ||
| 115 | * @param {*} item | ||
| 116 | * @author: renchao | ||
| 117 | */ | ||
| 118 | openWorkDialog (item) { | ||
| 119 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') | ||
| 120 | window.open(href, `urlname${item.ywh}`) | ||
| 113 | } | 121 | } |
| 114 | } | 122 | } |
| 115 | } | 123 | } | ... | ... |
-
Please register or sign in to post a comment