Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
48 changed files
with
1516 additions
and
642 deletions
... | @@ -33,7 +33,7 @@ export function invalidCertificate (data) { | ... | @@ -33,7 +33,7 @@ export function invalidCertificate (data) { |
33 | data | 33 | data |
34 | }) | 34 | }) |
35 | } | 35 | } |
36 | // 缮证列表 | 36 | //根据受理申请标识码获取所有缮证列表 |
37 | export function getCertificateList (data) { | 37 | export function getCertificateList (data) { |
38 | return request({ | 38 | return request({ |
39 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getCertificateList', | 39 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getCertificateList', |
... | @@ -42,6 +42,15 @@ export function getCertificateList (data) { | ... | @@ -42,6 +42,15 @@ export function getCertificateList (data) { |
42 | }) | 42 | }) |
43 | } | 43 | } |
44 | 44 | ||
45 | //获取不动产权证对应缮证列表 | ||
46 | export function getSzRecordList (params) { | ||
47 | return request({ | ||
48 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getSzRecordList', | ||
49 | method: 'get', | ||
50 | params | ||
51 | }) | ||
52 | } | ||
53 | |||
45 | //获取未领取的证书信息 | 54 | //获取未领取的证书信息 |
46 | export function getUnclaimedBdcqz (data) { | 55 | export function getUnclaimedBdcqz (data) { |
47 | return request({ | 56 | return request({ | ... | ... |
src/api/workflow/ygdyFlow.js
0 → 100644
1 | import request from '@/utils/request' | ||
2 | import SERVER from '../config' | ||
3 | // 初始化内容 | ||
4 | export function Init (data) { | ||
5 | let apiUrl = ""; | ||
6 | switch (data.get("djlx")) { | ||
7 | case "100": | ||
8 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/fristInit"; | ||
9 | break; | ||
10 | case "200": | ||
11 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/transferInit"; | ||
12 | break; | ||
13 | case "300": | ||
14 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/changeInit"; | ||
15 | break; | ||
16 | case "400": | ||
17 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/logoutInit"; | ||
18 | break; | ||
19 | case "500": | ||
20 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/riviseInit"; | ||
21 | break; | ||
22 | case "901": | ||
23 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/renewalInit"; | ||
24 | break; | ||
25 | case "902": | ||
26 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/replaceInit"; | ||
27 | break; | ||
28 | } | ||
29 | return request({ | ||
30 | url: apiUrl, | ||
31 | method: 'post', | ||
32 | data | ||
33 | }) | ||
34 | } | ||
35 | // 初始化内容 | ||
36 | export function saveData (data) { | ||
37 | return request({ | ||
38 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdy/saveData', | ||
39 | method: 'post', | ||
40 | data | ||
41 | }) | ||
42 | } | ||
43 | |||
44 |
... | @@ -267,3 +267,15 @@ export function selectYgdj200 (data) { | ... | @@ -267,3 +267,15 @@ export function selectYgdj200 (data) { |
267 | data | 267 | data |
268 | }) | 268 | }) |
269 | } | 269 | } |
270 | /** | ||
271 | * 业务办理-预告抵押登记-选择权利信息-根据条件进行列表查询 | ||
272 | * @param data | ||
273 | * @returns {*} | ||
274 | */ | ||
275 | export function selectYgdy (data) { | ||
276 | return request({ | ||
277 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectYgdy', | ||
278 | method: 'post', | ||
279 | data | ||
280 | }) | ||
281 | } | ... | ... |
... | @@ -447,13 +447,13 @@ class data extends filter { | ... | @@ -447,13 +447,13 @@ class data extends filter { |
447 | { | 447 | { |
448 | prop: "ywrzjhm", | 448 | prop: "ywrzjhm", |
449 | label: "抵押人证件号", | 449 | label: "抵押人证件号", |
450 | }, | 450 | }, |
451 | { | 451 | { |
452 | prop: "dyfs", | 452 | prop: "dyfs", |
453 | label: "抵押方式", | 453 | label: "抵押方式", |
454 | render: (h, scope) => { | 454 | render: (h, scope) => { |
455 | return ( | 455 | return ( |
456 | <div> | 456 | <div> |
457 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> | 457 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> |
458 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> | 458 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> |
459 | </div> | 459 | </div> |
... | @@ -507,7 +507,7 @@ class data extends filter { | ... | @@ -507,7 +507,7 @@ class data extends filter { |
507 | { | 507 | { |
508 | prop: "bdcqzh", | 508 | prop: "bdcqzh", |
509 | label: "不动产登记证明号", | 509 | label: "不动产登记证明号", |
510 | }, | 510 | }, |
511 | { | 511 | { |
512 | prop: "fj", | 512 | prop: "fj", |
513 | label: "附记", | 513 | label: "附记", |
... | @@ -544,7 +544,7 @@ class data extends filter { | ... | @@ -544,7 +544,7 @@ class data extends filter { |
544 | prop: "zxdbr", | 544 | prop: "zxdbr", |
545 | label: "登簿人", | 545 | label: "登簿人", |
546 | }, | 546 | }, |
547 | 547 | ||
548 | ], | 548 | ], |
549 | DYIQ: [ | 549 | DYIQ: [ |
550 | { | 550 | { |
... | @@ -718,7 +718,7 @@ class data extends filter { | ... | @@ -718,7 +718,7 @@ class data extends filter { |
718 | label: "登记原因", | 718 | label: "登记原因", |
719 | }, | 719 | }, |
720 | { | 720 | { |
721 | prop: "bdbzzqse", | 721 | prop: "qdjg", |
722 | label: "取得价格/被担保主债权数额", | 722 | label: "取得价格/被担保主债权数额", |
723 | }, | 723 | }, |
724 | { | 724 | { | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" height="700" :isButton="false" v-model="myValue"> | 2 | <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> |
3 | <div class="jtfccx-edit"> | 3 | <div class="jtfccx-edit"> |
4 | <div class="jtfccx-edit-con"> | 4 | <div class="jtfccx-edit-con"> |
5 | <b class="title">申请信息</b> | 5 | <b class="title">申请信息</b> |
6 | <el-form :model="ruleForm" label-width="120px"> | 6 | <el-form :model="form" label-width="120px"> |
7 | <el-row> | 7 | <el-row> |
8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
9 | <el-form-item label="查询用途" label-width="90px"> | 9 | <el-form-item label="查询用途" label-width="90px"> |
10 | <el-input v-model="ruleForm.cxyt" class="width200px"></el-input> | 10 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="16"> | 13 | <el-col :span="16"> |
14 | <el-form-item label="与产权人的关系"> | 14 | <el-form-item label="与产权人的关系"> |
15 | <el-radio-group v-model="ruleForm.ycyrgx"> | 15 | <el-radio-group v-model="form.djSqcxDO.ycyrgx"> |
16 | <el-radio :label="1">房屋权利人</el-radio> | 16 | <el-radio label="1">房屋权利人</el-radio> |
17 | <el-radio :label="2">产权利害关系人</el-radio> | 17 | <el-radio label="2">产权利害关系人</el-radio> |
18 | <el-radio :label="3">委托人</el-radio> | 18 | <el-radio label="3">委托人</el-radio> |
19 | </el-radio-group> | 19 | </el-radio-group> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | </el-row> | 22 | </el-row> |
23 | </el-form> | 23 | </el-form> |
24 | <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" /> | 24 | <!-- <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> --> |
25 | <lb-table border :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | ||
26 | :pagination="false"> | ||
27 | </lb-table> | ||
25 | 28 | ||
26 | <b class="title">权利人</b> | 29 | <b class="title">权利人</b> |
27 | <personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList" /> | 30 | <!-- <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" :isGanged="isGanged" /> --> |
28 | <div class="submit-button"> | 31 | <lb-table border :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting |
29 | <el-button type="primary" @click="queryChick">查询</el-button> | ||
30 | <el-button @click="resetClick">重置</el-button> | ||
31 | </div> | ||
32 | <b class="title" v-show="isSearch">查询结果</b> | ||
33 | <lb-table :column="searchData.columns" v-if="isSearch" :data="searchData.data" :maxHeight="200" heightNumSetting | ||
34 | :pagination="false"> | 32 | :pagination="false"> |
35 | </lb-table> | 33 | </lb-table> |
34 | <div v-show="isSearch"> | ||
35 | <b class="title">查询结果</b> | ||
36 | <p>查询编号:{{ form.djSqcxDO.cxbh }}</p> | ||
37 | <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false"> | ||
38 | </lb-table> | ||
39 | </div> | ||
36 | </div> | 40 | </div> |
37 | 41 | <el-divider></el-divider> | |
38 | <div class="submit-button" v-show="isSearch" style="padding-bottom:20px"> | 42 | <div class="submit-button" style="padding-bottom:50px"> |
39 | <el-button type="primary" v-if="searchData.data.length > 0">房产结果打印(1)</el-button> | 43 | <el-button @click="resetClick">重置</el-button> |
40 | <el-button type="primary" v-else>无房证明打印(1)</el-button> | 44 | <el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button> |
45 | <el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印({{form.dyjlList.length}}) | ||
46 | </el-button> | ||
47 | <el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印({{form.dyjlList.length}}) | ||
48 | </el-button> | ||
41 | <el-button @click="closeDialog">关闭</el-button> | 49 | <el-button @click="closeDialog">关闭</el-button> |
42 | </div> | 50 | </div> |
43 | </div> | 51 | </div> |
... | @@ -45,114 +53,136 @@ | ... | @@ -45,114 +53,136 @@ |
45 | </template> | 53 | </template> |
46 | 54 | ||
47 | <script> | 55 | <script> |
48 | import personInfoTable from './personInfoTable' | 56 | import personInfoTable from "./personInfoTable"; |
49 | import { addJtfcCxjgXx } from '@/api/sqcx' | 57 | import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx"; |
50 | import { datas, sendThis } from "./addjtfcdata"; | 58 | import { datas, sendThis } from "./addjtfcdata"; |
51 | 59 | import { mapGetters } from "vuex"; | |
52 | export default { | 60 | export default { |
53 | components: { | 61 | components: { |
54 | personInfoTable | 62 | personInfoTable, |
63 | }, | ||
64 | computed: { | ||
65 | ...mapGetters(["dictData"]), | ||
55 | }, | 66 | }, |
56 | props: { | 67 | props: { |
57 | value: { type: Boolean, default: false }, | 68 | value: { type: Boolean, default: false }, |
69 | bsmSqcx: { type: String, default: "" }, | ||
58 | }, | 70 | }, |
59 | mounted () { | 71 | mounted() { |
60 | sendThis(this); | 72 | sendThis(this); |
61 | }, | 73 | }, |
62 | data () { | 74 | data() { |
63 | return { | 75 | return { |
64 | myValue: this.value, | 76 | myValue: this.value, |
65 | ruleForm: { | 77 | //是否查询 |
66 | cxyt: '', | ||
67 | ycyrgx: 1, | ||
68 | cxlx: '1' //查询类型 1:房产查询 2:登记簿查询 | ||
69 | }, | ||
70 | isSearch: false, | 78 | isSearch: false, |
71 | dataList: [{ | 79 | //查询结果列表字段 |
72 | sqrxm: '', | 80 | cxjgColumns: datas.columns(), |
73 | sqrzjlxbm: '', | 81 | //申请人列表字段 |
74 | sqrzjhm: '', | 82 | sqrColumns: datas.sqrCol(), |
75 | lxdh: '', | 83 | //权利人列表字段 |
76 | inputErr: false | 84 | qlrColumns: datas.qlrCol(), |
77 | }], | 85 | newData: { |
78 | sqdataList: [], | 86 | sqrxm: "", |
79 | qldataList: [], | 87 | sqrzjlxbm: "", |
80 | options: [{ | 88 | sqrzjhm: "", |
81 | name: '1', | 89 | lxdh: "", |
82 | value: 1 | 90 | inputErr: false, |
83 | }], | ||
84 | |||
85 | searchData: { | ||
86 | columns: datas.columns(), | ||
87 | data: [], | ||
88 | }, | 91 | }, |
89 | 92 | form: { | |
90 | addJtfc: { | 93 | djSqcxDO: { ycyrgx: "1", cxyt: "" }, |
91 | djSqcxDO: {}, | 94 | sqrList: [], |
92 | sqxx: [], | 95 | qlrList: [], |
93 | qlrxx: [], | 96 | cxjgList: [], |
94 | } | 97 | dyjlList: [], |
95 | } | 98 | }, |
99 | }; | ||
96 | }, | 100 | }, |
97 | watch: { | 101 | watch: { |
98 | value (val) { | 102 | value(val) { |
99 | this.myValue = val | 103 | this.myValue = val; |
100 | this.qldataList = _.cloneDeep(this.dataList) | 104 | if (val) { |
101 | this.sqdataList = _.cloneDeep(this.dataList) | 105 | //this.$alert(this.bsmSqcx); |
102 | this.addJtfc.sqxx = _.cloneDeep(this.dataList) | 106 | if (this.bsmSqcx == "") { |
103 | this.addJtfc.qlrxx = _.cloneDeep(this.dataList) | 107 | this.add("sqr"); |
108 | this.add("qlr"); | ||
109 | } else { | ||
110 | this.loadData(); | ||
111 | } | ||
112 | } | ||
104 | }, | 113 | }, |
105 | 'ruleForm.ycyrgx' (val) { | 114 | "form.djSqcxDO.ycyrgx"(val) { |
106 | if (val != 1) { | 115 | if (val == "1") { |
107 | this.qldataList = _.cloneDeep(this.dataList) | 116 | this.form.qlrList = this.form.sqrList; |
108 | this.addJtfc.qlrxx = _.cloneDeep(this.dataList) | ||
109 | } else { | 117 | } else { |
110 | this.qldataList = this.addJtfc.sqxx | 118 | this.form.qlrList = []; |
111 | this.addJtfc.qlrxx = this.addJtfc.sqxx | 119 | this.add("qlr"); |
112 | } | 120 | } |
113 | } | 121 | }, |
122 | "form.sqrList"(val) { | ||
123 | //this.$alert(val); | ||
124 | }, | ||
114 | }, | 125 | }, |
115 | methods: { | 126 | methods: { |
116 | closeDialog () { | 127 | closeDialog() { |
117 | this.$emit('input', false) | 128 | this.$emit("input", false); |
118 | }, | 129 | }, |
119 | handleGetSqList (val) { | 130 | loadData() { |
120 | if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) { | 131 | this.$startLoading(); |
121 | this.qldataList = val | 132 | getJtfcInfo({ sqcxBsm: sqcxBsm }).then((res) => { |
122 | this.addJtfc.qlrxx = val | 133 | this.$endLoading(); |
123 | } else | 134 | if (res.code == 200) { |
124 | this.addJtfc.sqxx = val | 135 | this.form = res.result; |
136 | this.isSearch = true; | ||
137 | } | ||
138 | }); | ||
125 | }, | 139 | }, |
126 | handleGetQlList (val) { | 140 | queryChick() { |
127 | if (this.ruleForm.ycyrgx != 1) { | 141 | this.$startLoading(); |
128 | this.addJtfc.qlrxx = val | 142 | addJtfcCxjgXx(this.form).then((res) => { |
129 | } | 143 | this.$endLoading(); |
144 | if (res.code == 200) { | ||
145 | this.form = res.result; | ||
146 | this.isSearch = true; | ||
147 | this.$parent.queryClick(); | ||
148 | } | ||
149 | }); | ||
130 | }, | 150 | }, |
131 | queryChick () { | 151 | resetClick() { |
132 | this.addJtfc.djSqcxDO = { ...this.ruleForm } | 152 | this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; |
133 | addJtfcCxjgXx(this.addJtfc).then(res => { | 153 | this.form.sqrList = _.cloneDeep([this.newData]); |
134 | this.searchData.data = res.result; | 154 | this.form.qlrList =_.cloneDeep([this.newData]); |
135 | console.log(res); | 155 | this.form.cxjgList = []; |
136 | this.isSearch = true | 156 | this.form.dyjlList = []; |
137 | }) | 157 | this.isSearch = false; |
138 | }, | 158 | }, |
139 | resetClick () { | 159 | handleRead(scope) {}, |
140 | this.qldataList = _.cloneDeep(this.dataList) | 160 | add(type) { |
141 | this.sqdataList = _.cloneDeep(this.dataList) | 161 | if (type == "sqr") { |
162 | this.form.sqrList.push(this.newData); | ||
163 | } else { | ||
164 | this.form.qlrList.push(this.newData); | ||
165 | } | ||
142 | }, | 166 | }, |
143 | handleRead (row) { }, | 167 | remove(index, row, type) { |
144 | 168 | if (type == "sqr") { | |
145 | //抵押 | 169 | this.form.sqrList.splice(index, 1); |
146 | dyClick () { | 170 | } else { |
147 | 171 | this.form.qlrList.splice(index, 1); | |
172 | } | ||
148 | }, | 173 | }, |
149 | 174 | teltest(row) { | |
150 | //查封 | 175 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
151 | cfClick () { | 176 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
152 | 177 | row.inputErr = true; | |
153 | } | 178 | return false; |
154 | } | 179 | } else { |
155 | } | 180 | row.inputErr = false; |
181 | return true; | ||
182 | } | ||
183 | }, | ||
184 | }, | ||
185 | }; | ||
156 | </script> | 186 | </script> |
157 | <style scoped lang="scss"> | 187 | <style scoped lang="scss"> |
158 | @import "~@/styles/mixin.scss"; | 188 | @import "~@/styles/mixin.scss"; | ... | ... |
... | @@ -8,7 +8,7 @@ class data extends filter { | ... | @@ -8,7 +8,7 @@ class data extends filter { |
8 | constructor() { | 8 | constructor() { |
9 | super() | 9 | super() |
10 | } | 10 | } |
11 | columns () { | 11 | columns() { |
12 | return [ | 12 | return [ |
13 | { | 13 | { |
14 | prop: 'qszt', | 14 | prop: 'qszt', |
... | @@ -66,15 +66,288 @@ class data extends filter { | ... | @@ -66,15 +66,288 @@ class data extends filter { |
66 | render: (h, scope) => { | 66 | render: (h, scope) => { |
67 | return ( | 67 | return ( |
68 | <div> | 68 | <div> |
69 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button> | 69 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button> |
70 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button> | 70 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button> |
71 | </div> | 71 | </div> |
72 | ) | 72 | ) |
73 | } | 73 | } |
74 | } | 74 | } |
75 | ] | 75 | ] |
76 | } | 76 | } |
77 | 77 | sqrCol() { | |
78 | return [ | ||
79 | { | ||
80 | width: "60", | ||
81 | renderHeader: (h, scope) => { | ||
82 | return ( | ||
83 | <i | ||
84 | class="el-icon-plus pointer" | ||
85 | onClick={() => { | ||
86 | vm.add("sqr"); | ||
87 | }} | ||
88 | style="color:#409EFF" | ||
89 | ></i> | ||
90 | ); | ||
91 | }, | ||
92 | render: (h, scope) => { | ||
93 | return ( | ||
94 | <i | ||
95 | class="el-icon-minus pointer" | ||
96 | onClick={() => { | ||
97 | vm.remove(scope.$index, scope.row,"sqr"); | ||
98 | }} | ||
99 | ></i> | ||
100 | ); | ||
101 | }, | ||
102 | }, | ||
103 | { | ||
104 | width: "150", | ||
105 | label: "身份证读卡器", | ||
106 | render: (h, scope) => { | ||
107 | return ( | ||
108 | <div> | ||
109 | <el-button | ||
110 | type="text" | ||
111 | icon="el-icon-edit-outline" | ||
112 | onClick={() => { | ||
113 | vm.handleRead(scope); | ||
114 | }} | ||
115 | > | ||
116 | 读取 | ||
117 | </el-button> | ||
118 | </div> | ||
119 | ); | ||
120 | }, | ||
121 | }, | ||
122 | { | ||
123 | width: "150", | ||
124 | prop: "sqrxm", | ||
125 | label: "姓名/名称", | ||
126 | render: (h, scope) => { | ||
127 | return ( | ||
128 | <el-input | ||
129 | placeholder="姓名/名称" | ||
130 | value={scope.row[scope.column.property]} | ||
131 | onInput={(val) => { | ||
132 | scope.row[scope.column.property] = val; | ||
133 | }} | ||
134 | ></el-input> | ||
135 | ); | ||
136 | }, | ||
137 | }, | ||
138 | { | ||
139 | prop: "sqrzjlxbm", | ||
140 | label: "证件种类", | ||
141 | render: (h, scope) => { | ||
142 | return ( | ||
143 | <el-select | ||
144 | class="width100" | ||
145 | value={scope.row[scope.column.property]} | ||
146 | onChange={(val) => { | ||
147 | scope.row[scope.column.property] = val; | ||
148 | }} | ||
149 | > | ||
150 | {vm.dictData["A30"].map((option) => { | ||
151 | return ( | ||
152 | <el-option | ||
153 | label={option.dname} | ||
154 | value={option.dcode} | ||
155 | ></el-option> | ||
156 | ); | ||
157 | })} | ||
158 | </el-select> | ||
159 | ); | ||
160 | }, | ||
161 | }, | ||
162 | { | ||
163 | prop: "sqrzjhm", | ||
164 | label: "证件号", | ||
165 | render: (h, scope) => { | ||
166 | return ( | ||
167 | <el-input | ||
168 | placeholder="证件号" | ||
169 | value={scope.row[scope.column.property]} | ||
170 | onInput={(val) => { | ||
171 | scope.row[scope.column.property] = val; | ||
172 | }} | ||
173 | maxlength="21" | ||
174 | ></el-input> | ||
175 | ); | ||
176 | }, | ||
177 | }, | ||
178 | { | ||
179 | prop: "lxdh", | ||
180 | label: "联系电话", | ||
181 | render: (h, scope) => { | ||
182 | return ( | ||
183 | <div class="typePhone"> | ||
184 | <el-input | ||
185 | placeholder="联系电话" | ||
186 | value={scope.row[scope.column.property]} | ||
187 | onInput={(val) => { | ||
188 | scope.row[scope.column.property] = val; | ||
189 | }} | ||
190 | onBlur={(val) => { | ||
191 | vm.teltest(scope.row); | ||
192 | }} | ||
193 | type="tel" | ||
194 | maxlength="11" | ||
195 | ></el-input> | ||
196 | <span | ||
197 | v-show={scope.row.inputErr} | ||
198 | style={{ | ||
199 | fontSize: "12px", | ||
200 | color: "red", | ||
201 | position: "absolute", | ||
202 | bottom: "-2px", | ||
203 | left: "0", | ||
204 | }} | ||
205 | > | ||
206 | 请输入正确手机号 | ||
207 | </span> | ||
208 | </div> | ||
209 | ); | ||
210 | }, | ||
211 | }, | ||
212 | ] | ||
213 | } | ||
214 | qlrCol() { | ||
215 | return [ | ||
216 | { | ||
217 | width: "60", | ||
218 | renderHeader: (h, scope) => { | ||
219 | return ( | ||
220 | <i | ||
221 | class="el-icon-plus pointer" | ||
222 | onClick={() => { | ||
223 | vm.add("qlr"); | ||
224 | }} | ||
225 | style="color:#409EFF" | ||
226 | ></i> | ||
227 | ); | ||
228 | }, | ||
229 | render: (h, scope) => { | ||
230 | return ( | ||
231 | <i | ||
232 | class="el-icon-minus pointer" | ||
233 | onClick={() => { | ||
234 | vm.remove(scope.$index, scope.row,"qlr"); | ||
235 | }} | ||
236 | ></i> | ||
237 | ); | ||
238 | }, | ||
239 | }, | ||
240 | { | ||
241 | width: "150", | ||
242 | label: "身份证读卡器", | ||
243 | render: (h, scope) => { | ||
244 | return ( | ||
245 | <div> | ||
246 | <el-button | ||
247 | type="text" | ||
248 | icon="el-icon-edit-outline" | ||
249 | onClick={() => { | ||
250 | vm.handleRead(scope); | ||
251 | }} | ||
252 | > | ||
253 | 读取 | ||
254 | </el-button> | ||
255 | </div> | ||
256 | ); | ||
257 | }, | ||
258 | }, | ||
259 | { | ||
260 | width: "150", | ||
261 | prop: "sqrxm", | ||
262 | label: "姓名/名称", | ||
263 | render: (h, scope) => { | ||
264 | return ( | ||
265 | <el-input | ||
266 | placeholder="姓名/名称" | ||
267 | value={scope.row[scope.column.property]} | ||
268 | onInput={(val) => { | ||
269 | scope.row[scope.column.property] = val; | ||
270 | }} | ||
271 | ></el-input> | ||
272 | ); | ||
273 | }, | ||
274 | }, | ||
275 | { | ||
276 | prop: "sqrzjlxbm", | ||
277 | label: "证件种类", | ||
278 | render: (h, scope) => { | ||
279 | return ( | ||
280 | <el-select | ||
281 | class="width100" | ||
282 | value={scope.row[scope.column.property]} | ||
283 | onChange={(val) => { | ||
284 | scope.row[scope.column.property] = val; | ||
285 | }} | ||
286 | > | ||
287 | {vm.dictData["A30"].map((option) => { | ||
288 | return ( | ||
289 | <el-option | ||
290 | label={option.dname} | ||
291 | value={option.dcode} | ||
292 | ></el-option> | ||
293 | ); | ||
294 | })} | ||
295 | </el-select> | ||
296 | ); | ||
297 | }, | ||
298 | }, | ||
299 | { | ||
300 | prop: "sqrzjhm", | ||
301 | label: "证件号", | ||
302 | render: (h, scope) => { | ||
303 | return ( | ||
304 | <el-input | ||
305 | placeholder="证件号" | ||
306 | value={scope.row[scope.column.property]} | ||
307 | onInput={(val) => { | ||
308 | scope.row[scope.column.property] = val; | ||
309 | }} | ||
310 | maxlength="21" | ||
311 | ></el-input> | ||
312 | ); | ||
313 | }, | ||
314 | }, | ||
315 | { | ||
316 | prop: "lxdh", | ||
317 | label: "联系电话", | ||
318 | render: (h, scope) => { | ||
319 | return ( | ||
320 | <div class="typePhone"> | ||
321 | <el-input | ||
322 | placeholder="联系电话" | ||
323 | value={scope.row[scope.column.property]} | ||
324 | onInput={(val) => { | ||
325 | scope.row[scope.column.property] = val; | ||
326 | }} | ||
327 | onBlur={(val) => { | ||
328 | vm.teltest(scope.row); | ||
329 | }} | ||
330 | type="tel" | ||
331 | maxlength="11" | ||
332 | ></el-input> | ||
333 | <span | ||
334 | v-show={scope.row.inputErr} | ||
335 | style={{ | ||
336 | fontSize: "12px", | ||
337 | color: "red", | ||
338 | position: "absolute", | ||
339 | bottom: "-2px", | ||
340 | left: "0", | ||
341 | }} | ||
342 | > | ||
343 | 请输入正确手机号 | ||
344 | </span> | ||
345 | </div> | ||
346 | ); | ||
347 | }, | ||
348 | }, | ||
349 | ] | ||
350 | } | ||
78 | } | 351 | } |
79 | let datas = new data() | 352 | let datas = new data() |
80 | export { | 353 | export { | ... | ... |
... | @@ -8,156 +8,206 @@ | ... | @@ -8,156 +8,206 @@ |
8 | </lb-table> | 8 | </lb-table> |
9 | </template> | 9 | </template> |
10 | <script> | 10 | <script> |
11 | import { mapGetters } from 'vuex' | 11 | import { mapGetters } from "vuex"; |
12 | export default { | 12 | export default { |
13 | props: { | 13 | props: { |
14 | dataList: { | 14 | dataList: { type: Array, default: () => [{}] }, |
15 | type: Array, | 15 | }, |
16 | default: () => [{ | 16 | created() { |
17 | sqrxm: '', | 17 | if (this.dataList.length == 0) { |
18 | sqrzjlxbm: '', | 18 | this.add(); |
19 | sqrzjhm: '', | ||
20 | lxdh: '', | ||
21 | inputErr: false | ||
22 | }] | ||
23 | } | 19 | } |
24 | }, | 20 | }, |
25 | computed: { | 21 | computed: { |
26 | ...mapGetters(['dictData']) | 22 | ...mapGetters(["dictData"]), |
27 | }, | 23 | }, |
28 | data () { | 24 | data() { |
29 | return { | 25 | return { |
30 | tableData: { | 26 | tableData: { |
31 | columns: [ | 27 | columns: [ |
32 | { | 28 | { |
33 | width: '60', | 29 | width: "60", |
34 | renderHeader: (h, scope) => { | 30 | renderHeader: (h, scope) => { |
35 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | 31 | return ( |
32 | <i | ||
33 | class="el-icon-plus pointer" | ||
34 | onClick={() => { | ||
35 | this.add(); | ||
36 | }} | ||
37 | style="color:#409EFF" | ||
38 | ></i> | ||
39 | ); | ||
36 | }, | 40 | }, |
37 | render: (h, scope) => { | 41 | render: (h, scope) => { |
38 | return ( | 42 | return ( |
39 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 43 | <i |
40 | ) | 44 | class="el-icon-minus pointer" |
41 | } | 45 | onClick={() => { |
46 | this.remove(scope.$index, scope.row); | ||
47 | }} | ||
48 | ></i> | ||
49 | ); | ||
50 | }, | ||
42 | }, | 51 | }, |
43 | { | 52 | { |
44 | width: '150', | 53 | width: "150", |
45 | label: '身份证读卡器', | 54 | label: "身份证读卡器", |
46 | render: (h, scope) => { | 55 | render: (h, scope) => { |
47 | return ( | 56 | return ( |
48 | <div> | 57 | <div> |
49 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button> | 58 | <el-button |
59 | type="text" | ||
60 | icon="el-icon-edit-outline" | ||
61 | onClick={() => { | ||
62 | this.handleRead(scope); | ||
63 | }} | ||
64 | > | ||
65 | 读取 | ||
66 | </el-button> | ||
50 | </div> | 67 | </div> |
51 | ) | 68 | ); |
52 | } | 69 | }, |
53 | }, | 70 | }, |
54 | { | 71 | { |
55 | width: '150', | 72 | width: "150", |
56 | prop: 'sqrxm', | 73 | prop: "sqrxm", |
57 | label: '姓名/名称', | 74 | label: "姓名/名称", |
58 | render: (h, scope) => { | 75 | render: (h, scope) => { |
59 | return ( | 76 | return ( |
60 | <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]} | 77 | <el-input |
61 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | 78 | placeholder="姓名/名称" |
62 | ) | 79 | value={scope.row[scope.column.property]} |
63 | } | 80 | onInput={(val) => { |
81 | scope.row[scope.column.property] = val; | ||
82 | }} | ||
83 | ></el-input> | ||
84 | ); | ||
85 | }, | ||
64 | }, | 86 | }, |
65 | { | 87 | { |
66 | prop: 'sqrzjlxbm', | 88 | prop: "sqrzjlxbm", |
67 | label: '证件种类', | 89 | label: "证件种类", |
68 | render: (h, scope) => { | 90 | render: (h, scope) => { |
69 | return ( | 91 | return ( |
70 | <el-select class="width100" value={scope.row[scope.column.property]} | 92 | <el-select |
71 | onChange={(val) => { scope.row[scope.column.property] = val }}> | 93 | class="width100" |
72 | { | 94 | value={scope.row[scope.column.property]} |
73 | this.dictData['A30'].map(option => { | 95 | onChange={(val) => { |
74 | return ( | 96 | scope.row[scope.column.property] = val; |
75 | <el-option label={option.dname} value={option.dcode}></el-option> | 97 | }} |
76 | ) | 98 | > |
77 | }) | 99 | {this.dictData["A30"].map((option) => { |
78 | } | 100 | return ( |
101 | <el-option | ||
102 | label={option.dname} | ||
103 | value={option.dcode} | ||
104 | ></el-option> | ||
105 | ); | ||
106 | })} | ||
79 | </el-select> | 107 | </el-select> |
80 | ) | 108 | ); |
81 | } | 109 | }, |
82 | }, | 110 | }, |
83 | { | 111 | { |
84 | prop: 'sqrzjhm', | 112 | prop: "sqrzjhm", |
85 | label: '证件号', | 113 | label: "证件号", |
86 | render: (h, scope) => { | 114 | render: (h, scope) => { |
87 | return ( | 115 | return ( |
88 | <el-input placeholder="证件号" value={scope.row[scope.column.property]} | 116 | <el-input |
89 | onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='21'></el-input> | 117 | placeholder="证件号" |
90 | ) | 118 | value={scope.row[scope.column.property]} |
91 | } | 119 | onInput={(val) => { |
120 | scope.row[scope.column.property] = val; | ||
121 | }} | ||
122 | maxlength="21" | ||
123 | ></el-input> | ||
124 | ); | ||
125 | }, | ||
92 | }, | 126 | }, |
93 | { | 127 | { |
94 | prop: 'lxdh', | 128 | prop: "lxdh", |
95 | label: '联系电话', | 129 | label: "联系电话", |
96 | render: (h, scope) => { | 130 | render: (h, scope) => { |
97 | return ( | 131 | return ( |
98 | <div class='typePhone'> | 132 | <div class="typePhone"> |
99 | <el-input placeholder="联系电话" value={scope.row[scope.column.property]} | 133 | <el-input |
100 | onInput={(val) => { scope.row[scope.column.property] = val }} | 134 | placeholder="联系电话" |
101 | onBlur={(val) => { this.teltest(scope.row) }} | 135 | value={scope.row[scope.column.property]} |
102 | type='tel' maxlength='11' | 136 | onInput={(val) => { |
137 | scope.row[scope.column.property] = val; | ||
138 | }} | ||
139 | onBlur={(val) => { | ||
140 | this.teltest(scope.row); | ||
141 | }} | ||
142 | type="tel" | ||
143 | maxlength="11" | ||
103 | ></el-input> | 144 | ></el-input> |
104 | <span v-show={scope.row.inputErr} style={{ | 145 | <span |
105 | fontSize: '12px', color: 'red', position: 'absolute', bottom: '-2px', left: '0' | 146 | v-show={scope.row.inputErr} |
106 | }}>请输入正确手机号</span> | 147 | style={{ |
148 | fontSize: "12px", | ||
149 | color: "red", | ||
150 | position: "absolute", | ||
151 | bottom: "-2px", | ||
152 | left: "0", | ||
153 | }} | ||
154 | > | ||
155 | 请输入正确手机号 | ||
156 | </span> | ||
107 | </div> | 157 | </div> |
108 | ) | 158 | ); |
109 | } | 159 | }, |
110 | } | 160 | }, |
111 | ], | 161 | ], |
112 | data: [] | 162 | data: this.dataList, |
113 | } | 163 | }, |
114 | } | 164 | }; |
115 | }, | 165 | }, |
116 | watch: { | 166 | watch: { |
117 | 'tableData.data': { | 167 | // 'tableData.data': { |
118 | handler (newValue, oldName) { | 168 | // handler (newValue, oldName) { |
119 | if (newValue.length != 0) { | 169 | // if (newValue.length != 0) { |
120 | this.$emit('getInfoList', newValue) | 170 | // //this.$alert(newValue); |
121 | } | 171 | // //this.$emit('getInfoList', newValue) |
122 | }, | 172 | // } |
123 | deep: true, | 173 | // }, |
124 | immediate: true | 174 | // deep: true, |
125 | }, | 175 | // immediate: true |
126 | dataList: { | 176 | // }, |
127 | handler (newValue, oldName) { | 177 | // dataList: { |
128 | this.tableData.data = _.cloneDeep(newValue) | 178 | // handler (newValue, oldName) { |
129 | console.log(this.tableData.data, 'this.tableData.datathis.tableData.data'); | 179 | // this.tableData.data = _.cloneDeep(newValue) |
130 | }, | 180 | // //console.log(this.tableData.data, 'this.tableData.datathis.tableData.data'); |
131 | deep: true, | 181 | // }, |
132 | immediate: true | 182 | // deep: true, |
133 | }, | 183 | // immediate: true |
184 | // }, | ||
134 | }, | 185 | }, |
135 | methods: { | 186 | methods: { |
136 | handleAdd () { | 187 | add() { |
137 | this.tableData.data.push({ | 188 | this.tableData.data.push({ |
138 | sqrxm: '', | 189 | sqrxm: "", |
139 | sqrzjlxbm: '', | 190 | sqrzjlxbm: "", |
140 | sqrzjhm: '', | 191 | sqrzjhm: "", |
141 | lxdh: '', | 192 | lxdh: "", |
142 | inputErr: false | 193 | inputErr: false, |
143 | }) | 194 | }); |
144 | }, | 195 | }, |
145 | handleMinus (index, row) { | 196 | remove(index, row) { |
146 | this.tableData.data.splice(index, 1) | 197 | this.tableData.data.splice(index, 1); |
147 | }, | 198 | }, |
148 | teltest (row) { | 199 | teltest(row) { |
149 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | 200 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
150 | if (row.lxdh == '' || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | 201 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
151 | row.inputErr = true | 202 | row.inputErr = true; |
152 | return false | 203 | return false; |
153 | |||
154 | } else { | 204 | } else { |
155 | row.inputErr = false | 205 | row.inputErr = false; |
156 | return true | 206 | return true; |
157 | } | 207 | } |
158 | } | 208 | }, |
159 | } | 209 | }, |
160 | } | 210 | }; |
161 | </script> | 211 | </script> |
162 | <style scoped lang='scss'> | 212 | <style scoped lang='scss'> |
163 | /deep/.el-table__cell { | 213 | /deep/.el-table__cell { | ... | ... |
... | @@ -16,7 +16,17 @@ | ... | @@ -16,7 +16,17 @@ |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="14" class="btnColRight"> | 19 | <el-col :span="10"> |
20 | <el-form-item label="查询时间"> | ||
21 | <el-date-picker v-model="queryForm.sqr" type="date" | ||
22 | placeholder="开始日期" value-format="yyyy-MM-dd" clearable> | ||
23 | </el-date-picker> 至 | ||
24 | <el-date-picker v-model="queryForm.sqr" type="date" | ||
25 | placeholder="结束日期" value-format="yyyy-MM-dd" clearable> | ||
26 | </el-date-picker> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="4" class="btnColRight"> | ||
20 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> | 30 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> |
21 | <el-button type="primary" @click="handleAdd">新增</el-button> | 31 | <el-button type="primary" @click="handleAdd">新增</el-button> |
22 | </el-col> | 32 | </el-col> |
... | @@ -30,7 +40,7 @@ | ... | @@ -30,7 +40,7 @@ |
30 | :column="tableData.columns" :data="tableData.data"> | 40 | :column="tableData.columns" :data="tableData.data"> |
31 | </lb-table> | 41 | </lb-table> |
32 | </div> | 42 | </div> |
33 | <addjtfc v-model="isDialog" /> | 43 | <addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" /> |
34 | </div> | 44 | </div> |
35 | </template> | 45 | </template> |
36 | <script> | 46 | <script> |
... | @@ -42,20 +52,19 @@ export default { | ... | @@ -42,20 +52,19 @@ export default { |
42 | name: "jtfc", | 52 | name: "jtfc", |
43 | components: { addjtfc }, | 53 | components: { addjtfc }, |
44 | mixins: [table], | 54 | mixins: [table], |
45 | mounted () { | 55 | mounted() { |
46 | sendThis(this); | 56 | sendThis(this); |
47 | this.queryClick() | 57 | this.queryClick(); |
48 | }, | 58 | }, |
49 | data () { | 59 | data() { |
50 | return { | 60 | return { |
61 | timer: "", | ||
51 | isDialog: false, | 62 | isDialog: false, |
52 | sqrOption: [], | 63 | sqcxBsm: "", |
53 | cxytOption: [], | ||
54 | queryForm: { | 64 | queryForm: { |
55 | cxbh: "", | 65 | cxbh: "", |
56 | sqr: "", | 66 | sqr: "", |
57 | }, | 67 | }, |
58 | |||
59 | tableData: { | 68 | tableData: { |
60 | columns: datas.columns(), | 69 | columns: datas.columns(), |
61 | data: [], | 70 | data: [], |
... | @@ -64,7 +73,7 @@ export default { | ... | @@ -64,7 +73,7 @@ export default { |
64 | }, | 73 | }, |
65 | methods: { | 74 | methods: { |
66 | // 初始化数据 | 75 | // 初始化数据 |
67 | queryClick () { | 76 | queryClick() { |
68 | this.$startLoading(); | 77 | this.$startLoading(); |
69 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 78 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
70 | this.$endLoading(); | 79 | this.$endLoading(); |
... | @@ -75,24 +84,30 @@ export default { | ... | @@ -75,24 +84,30 @@ export default { |
75 | } | 84 | } |
76 | }); | 85 | }); |
77 | }, | 86 | }, |
78 | handleSort (name, sort) { | 87 | handleSort(name, sort) { |
79 | console.log(name, sort); | 88 | console.log(name, sort); |
80 | }, | 89 | }, |
81 | handleAdd () { | 90 | handleAdd() { |
91 | //this.handleLoad(); | ||
82 | this.isDialog = true; | 92 | this.isDialog = true; |
83 | }, | 93 | }, |
84 | handleViewClick (scope) { | 94 | handleViewClick(scope) { |
85 | var sqcxBsm = scope.row.bsmSqcx; | 95 | //this.handleLoad(); |
86 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { | 96 | this.bsmSqcx = scope.row.bsmSqcx; |
87 | formData: { | 97 | this.isDialog = true; |
88 | sqcxBsm: sqcxBsm, | 98 | // this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { |
89 | }, | 99 | // formData: { |
90 | cancel: function () { }, //取消事件的回调 | 100 | // sqcxBsm: sqcxBsm, |
91 | confirm: function () { }, | 101 | // }, |
92 | }); | 102 | // cancel: function () { }, //取消事件的回调 |
93 | } | 103 | // confirm: function () { }, |
94 | } | 104 | // }); |
95 | } | 105 | }, |
106 | handleLoad() { | ||
107 | this.timer = new Date().getTime(); | ||
108 | }, | ||
109 | }, | ||
110 | }; | ||
96 | </script> | 111 | </script> |
97 | <style scoped lang="scss"> | 112 | <style scoped lang="scss"> |
98 | @import "~@/styles/public.scss"; | 113 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -54,7 +54,7 @@ class data extends filter { | ... | @@ -54,7 +54,7 @@ class data extends filter { |
54 | render: (h, scope) => { | 54 | render: (h, scope) => { |
55 | switch (scope.row.ycyrgx) { | 55 | switch (scope.row.ycyrgx) { |
56 | case '1': | 56 | case '1': |
57 | return <div>权利人</div> | 57 | return <div>房屋权利人</div> |
58 | case '2': | 58 | case '2': |
59 | return <div>产权利害关系人</div> | 59 | return <div>产权利害关系人</div> |
60 | case '3': | 60 | case '3': | ... | ... |
... | @@ -43,17 +43,8 @@ class data extends filter { | ... | @@ -43,17 +43,8 @@ class data extends filter { |
43 | label: "申请人", | 43 | label: "申请人", |
44 | }, | 44 | }, |
45 | { | 45 | { |
46 | prop: "ycqrgxmc", | ||
46 | label: "与权利人的关系", | 47 | label: "与权利人的关系", |
47 | render: (h, scope) => { | ||
48 | switch (scope.row.ycyrgx) { | ||
49 | case '1': | ||
50 | return <div>权利人</div> | ||
51 | case '2': | ||
52 | return <div>产权利害关系人</div> | ||
53 | case '3': | ||
54 | return <div>委托人</div> | ||
55 | } | ||
56 | } | ||
57 | }, | 48 | }, |
58 | { | 49 | { |
59 | prop: "qlrxm", | 50 | prop: "qlrxm", | ... | ... |
... | @@ -8,16 +8,16 @@ class data extends filter { | ... | @@ -8,16 +8,16 @@ class data extends filter { |
8 | constructor() { | 8 | constructor() { |
9 | super() | 9 | super() |
10 | } | 10 | } |
11 | djqxCol () { | 11 | djqxCol() { |
12 | return [ | 12 | return [ |
13 | { | 13 | { |
14 | width: '60', | 14 | width: '60', |
15 | renderHeader: (h, scope) => { | 15 | renderHeader: (h, scope) => { |
16 | return <i class="el-icon-plus pointer" onClick={() => { vm.handleAdd() }} style="color:#409EFF"></i> | 16 | return <i class="el-icon-plus pointer" onClick={() => { vm.addDjqx() }} style="color:#409EFF"></i> |
17 | }, | 17 | }, |
18 | render: (h, scope) => { | 18 | render: (h, scope) => { |
19 | return ( | 19 | return ( |
20 | <i class="el-icon-minus pointer" onClick={() => { vm.handleMinus(scope.$index, scope.row) }}></i> | 20 | <i class="el-icon-minus pointer" onClick={() => { vm.removeDjqx(scope.$index, scope.row) }}></i> |
21 | ) | 21 | ) |
22 | } | 22 | } |
23 | }, | 23 | }, |
... | @@ -27,14 +27,26 @@ class data extends filter { | ... | @@ -27,14 +27,26 @@ class data extends filter { |
27 | type: 'index' | 27 | type: 'index' |
28 | }, | 28 | }, |
29 | { | 29 | { |
30 | label: '是否启用登记情形', | ||
31 | prop: 'enabled', | ||
32 | width: '141', | ||
33 | render: (h, scope) => { | ||
34 | return ( | ||
35 | <el-radio-group value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}> | ||
36 | <el-radio label={'1'}>启用</el-radio> | ||
37 | <el-radio label={'0'}>禁用</el-radio> | ||
38 | </el-radio-group> | ||
39 | ) | ||
40 | } | ||
41 | }, | ||
42 | { | ||
30 | prop: 'nodecode', | 43 | prop: 'nodecode', |
31 | width: '105', | 44 | width: '105', |
32 | label: '登记情形编码', | 45 | label: '登记情形编码', |
33 | render: (h, scope) => { | 46 | render: (h, scope) => { |
34 | return ( | 47 | return ( |
35 | <div> | 48 | <div> |
36 | <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'} | 49 | <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} value={scope.row[scope.column.property]} |
37 | value={scope.row[scope.column.property]} | ||
38 | onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { vm.nodecodeBlur(scope.$index, scope.row) }} maxlength="8"> | 50 | onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { vm.nodecodeBlur(scope.$index, scope.row) }} maxlength="8"> |
39 | </el-input> | 51 | </el-input> |
40 | </div> | 52 | </div> |
... | @@ -47,19 +59,18 @@ class data extends filter { | ... | @@ -47,19 +59,18 @@ class data extends filter { |
47 | render: (h, scope) => { | 59 | render: (h, scope) => { |
48 | return ( | 60 | return ( |
49 | <div> | 61 | <div> |
50 | <el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'} | 62 | <el-input placeholder="登记情形名称" value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> |
51 | value={scope.row[scope.column.property]} | ||
52 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
53 | </div> | 63 | </div> |
54 | ) | 64 | ) |
55 | } | 65 | } |
56 | }, | 66 | }, |
57 | { | 67 | { |
58 | label: '是否启用登记情形', | 68 | prop: 'sfqydjyymb', |
59 | width: '141', | 69 | label: '是否启用模板', |
70 | width: '140', | ||
60 | render: (h, scope) => { | 71 | render: (h, scope) => { |
61 | return ( | 72 | return ( |
62 | <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> | 73 | <el-radio-group value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}> |
63 | <el-radio label={'1'}>启用</el-radio> | 74 | <el-radio label={'1'}>启用</el-radio> |
64 | <el-radio label={'0'}>禁用</el-radio> | 75 | <el-radio label={'0'}>禁用</el-radio> |
65 | </el-radio-group> | 76 | </el-radio-group> |
... | @@ -72,26 +83,13 @@ class data extends filter { | ... | @@ -72,26 +83,13 @@ class data extends filter { |
72 | render: (h, scope) => { | 83 | render: (h, scope) => { |
73 | return ( | 84 | return ( |
74 | <div> | 85 | <div> |
75 | <el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]} | 86 | <el-input placeholder="登记原因模板" value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> |
76 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
77 | </div> | 87 | </div> |
78 | 88 | ||
79 | ) | 89 | ) |
80 | } | 90 | } |
81 | }, | 91 | }, |
82 | { | 92 | { |
83 | label: '是否启用模板', | ||
84 | width: '140', | ||
85 | render: (h, scope) => { | ||
86 | return ( | ||
87 | <el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
88 | <el-radio label={'1'}>启用</el-radio> | ||
89 | <el-radio label={'0'}>禁用</el-radio> | ||
90 | </el-radio-group> | ||
91 | ) | ||
92 | } | ||
93 | }, | ||
94 | { | ||
95 | label: '移动', | 93 | label: '移动', |
96 | width: '100', | 94 | width: '100', |
97 | render: (h, scope) => { | 95 | render: (h, scope) => { |
... | @@ -106,16 +104,16 @@ class data extends filter { | ... | @@ -106,16 +104,16 @@ class data extends filter { |
106 | ] | 104 | ] |
107 | } | 105 | } |
108 | 106 | ||
109 | clxxCol () { | 107 | clxxCol() { |
110 | return [ | 108 | return [ |
111 | { | 109 | { |
112 | width: '60', | 110 | width: '60', |
113 | renderHeader: (h, scope) => { | 111 | renderHeader: (h, scope) => { |
114 | return <i class="el-icon-plus pointer" onClick={() => { vm.handleAdd() }} style="color:#409EFF"></i> | 112 | return <i class="el-icon-plus pointer" onClick={() => { vm.addClxx() }} style="color:#409EFF"></i> |
115 | }, | 113 | }, |
116 | render: (h, scope) => { | 114 | render: (h, scope) => { |
117 | return ( | 115 | return ( |
118 | <i class="el-icon-minus pointer" onClick={() => { vm.handleMinus(scope.$index, scope.row) }}></i> | 116 | <i class="el-icon-minus pointer" onClick={() => { vm.removeClxx(scope.$index, scope.row) }}></i> |
119 | ) | 117 | ) |
120 | } | 118 | } |
121 | }, | 119 | }, |
... | @@ -181,10 +179,11 @@ class data extends filter { | ... | @@ -181,10 +179,11 @@ class data extends filter { |
181 | }, | 179 | }, |
182 | { | 180 | { |
183 | label: '是否公共材料', | 181 | label: '是否公共材料', |
182 | prop: 'sfggcl', | ||
184 | width: '110', | 183 | width: '110', |
185 | render: (h, scope) => { | 184 | render: (h, scope) => { |
186 | return ( | 185 | return ( |
187 | <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; vm.handleSelectGgcl(scope.row) }}> | 186 | <el-radio-group value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}> |
188 | <el-radio label={'1'}>是</el-radio> | 187 | <el-radio label={'1'}>是</el-radio> |
189 | <el-radio label={'0'}>否</el-radio> | 188 | <el-radio label={'0'}>否</el-radio> |
190 | </el-radio-group> | 189 | </el-radio-group> | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0" | 2 | <el-dialog |
3 | :visible.sync="dialogVisible" :before-close="cancelDialog"> | 3 | :title="sqqlRule.nodename" |
4 | custom-class="dialogBox contentCenter" | ||
5 | width="80%" | ||
6 | top="0" | ||
7 | :visible.sync="dialogVisible" | ||
8 | :before-close="cancelDialog" | ||
9 | > | ||
4 | <ul class="edit-title-list" v-if="djlxList.length > 0"> | 10 | <ul class="edit-title-list" v-if="djlxList.length > 0"> |
5 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" | 11 | <li |
6 | :class="{ active: index == tn }"> | 12 | v-for="(item, index) in djlxList" |
13 | @click="handleTitleSelct(item, index)" | ||
14 | :key="index" | ||
15 | :class="{ active: index == tn }" | ||
16 | > | ||
7 | {{ item.nodename }} | 17 | {{ item.nodename }} |
8 | </li> | 18 | </li> |
9 | </ul> | 19 | </ul> |
... | @@ -12,8 +22,18 @@ | ... | @@ -12,8 +22,18 @@ |
12 | <el-row> | 22 | <el-row> |
13 | <el-col :span="8"> | 23 | <el-col :span="8"> |
14 | <el-form-item label="申请分类"> | 24 | <el-form-item label="申请分类"> |
15 | <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100"> | 25 | <el-select |
16 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 26 | v-model="form.ywDetail.sqfl" |
27 | disabled | ||
28 | placeholder="请选择" | ||
29 | class="width100" | ||
30 | > | ||
31 | <el-option | ||
32 | v-for="item in options" | ||
33 | :key="item.value" | ||
34 | :label="item.label" | ||
35 | :value="item.value" | ||
36 | > | ||
17 | </el-option> | 37 | </el-option> |
18 | </el-select> | 38 | </el-select> |
19 | </el-form-item> | 39 | </el-form-item> |
... | @@ -32,8 +52,18 @@ | ... | @@ -32,8 +52,18 @@ |
32 | <el-row> | 52 | <el-row> |
33 | <el-col :span="8"> | 53 | <el-col :span="8"> |
34 | <el-form-item label="发起业务单元类型"> | 54 | <el-form-item label="发起业务单元类型"> |
35 | <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100"> | 55 | <el-select |
36 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 56 | v-model="form.ywDetail.fqywdylx" |
57 | disabled | ||
58 | placeholder="请选择" | ||
59 | class="width100" | ||
60 | > | ||
61 | <el-option | ||
62 | v-for="item in options" | ||
63 | :key="item.value" | ||
64 | :label="item.label" | ||
65 | :value="item.value" | ||
66 | > | ||
37 | </el-option> | 67 | </el-option> |
38 | </el-select> | 68 | </el-select> |
39 | </el-form-item> | 69 | </el-form-item> |
... | @@ -64,20 +94,42 @@ | ... | @@ -64,20 +94,42 @@ |
64 | </el-col> | 94 | </el-col> |
65 | <el-col :span="8"> | 95 | <el-col :span="8"> |
66 | <el-form-item label="登记情形及材料"> | 96 | <el-form-item label="登记情形及材料"> |
67 | <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input> | 97 | <el-input |
98 | v-model="form.ywDetail.djqxcl" | ||
99 | placeholder="仅支持execl文件导入" | ||
100 | ></el-input> | ||
68 | </el-form-item> | 101 | </el-form-item> |
69 | </el-col> | 102 | </el-col> |
70 | <el-col :span="1"> | 103 | <el-col :span="1"> |
71 | <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false" | 104 | <el-upload |
72 | :disabled="requested" :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess"> | 105 | ref="upload" |
73 | <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button> | 106 | :action="imgUploadUrl" |
107 | :limit="1" | ||
108 | accept=".xls, .xlsx" | ||
109 | :show-file-list="false" | ||
110 | :disabled="requested" | ||
111 | :file-list="fileList" | ||
112 | :before-upload="uploadRecord" | ||
113 | :on-success="handleSuccess" | ||
114 | > | ||
115 | <el-button | ||
116 | type="primary" | ||
117 | icon="el-icon-upload" | ||
118 | :loading="requested" | ||
119 | >上传材料</el-button | ||
120 | > | ||
74 | </el-upload> | 121 | </el-upload> |
75 | </el-col> | 122 | </el-col> |
76 | </el-row> | 123 | </el-row> |
77 | <el-row> | 124 | <el-row> |
78 | <el-col :span="24"> | 125 | <el-col :span="24"> |
79 | <el-form-item label="登记原因模板" prop="djyy"> | 126 | <el-form-item label="登记原因模板" prop="djyy"> |
80 | <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy"> | 127 | <el-input |
128 | type="textarea" | ||
129 | :rows="4" | ||
130 | placeholder="请输入内容" | ||
131 | v-model="form.ywDetail.djyy" | ||
132 | > | ||
81 | </el-input> | 133 | </el-input> |
82 | </el-form-item> | 134 | </el-form-item> |
83 | </el-col> | 135 | </el-col> |
... | @@ -85,18 +137,35 @@ | ... | @@ -85,18 +137,35 @@ |
85 | </el-form> | 137 | </el-form> |
86 | <el-collapse accordion> | 138 | <el-collapse accordion> |
87 | <el-collapse-item title="登记情形设置" name="1"> | 139 | <el-collapse-item title="登记情形设置" name="1"> |
88 | <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx"> | 140 | <lb-table |
141 | :column="djqxCol" | ||
142 | border | ||
143 | :pagination="false" | ||
144 | heightNumSetting | ||
145 | :data="form.djqx" | ||
146 | > | ||
89 | </lb-table> | 147 | </lb-table> |
90 | </el-collapse-item> | 148 | </el-collapse-item> |
91 | <el-collapse-item title="材料信息设置" name="2"> | 149 | <el-collapse-item title="材料信息设置" name="2"> |
92 | <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx"> | 150 | <lb-table |
151 | :column="clxxCol" | ||
152 | border | ||
153 | heightNumSetting | ||
154 | :pagination="false" | ||
155 | :data="form.clxx" | ||
156 | > | ||
93 | </lb-table> | 157 | </lb-table> |
94 | </el-collapse-item> | 158 | </el-collapse-item> |
95 | <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'"> | 159 | <el-collapse-item |
160 | title="刷选权利设置" | ||
161 | name="3" | ||
162 | v-if="form.ywDetail.sfsxql == '1'" | ||
163 | > | ||
96 | <div class="dyztsd-title"> | 164 | <div class="dyztsd-title"> |
97 | <b>请勾选需要查询的权利信息</b> | 165 | <b>请勾选需要查询的权利信息</b> |
98 | <div> | 166 | <div> |
99 | <el-button type="text" @click="handleSelectall">选择全部 | 167 | <el-button type="text" @click="handleSelectall" |
168 | >选择全部 | ||
100 | </el-button> | 169 | </el-button> |
101 | <el-button type="text" @click="handleInvert">清除全部</el-button> | 170 | <el-button type="text" @click="handleInvert">清除全部</el-button> |
102 | </div> | 171 | </div> |
... | @@ -105,7 +174,7 @@ | ... | @@ -105,7 +174,7 @@ |
105 | <ul class="qlxx-list"> | 174 | <ul class="qlxx-list"> |
106 | <li v-for="(item, index) in form.sxql" :key="index"> | 175 | <li v-for="(item, index) in form.sxql" :key="index"> |
107 | <el-checkbox v-model="item.checked">{{ | 176 | <el-checkbox v-model="item.checked">{{ |
108 | item.sxzdmc | 177 | item.sxzdmc |
109 | }}</el-checkbox> | 178 | }}</el-checkbox> |
110 | </li> | 179 | </li> |
111 | </ul> | 180 | </ul> |
... | @@ -116,10 +185,6 @@ | ... | @@ -116,10 +185,6 @@ |
116 | <div class="screen-list-left"> | 185 | <div class="screen-list-left"> |
117 | {{ item.sxzdmc }} : | 186 | {{ item.sxzdmc }} : |
118 | <el-checkbox v-model="item.checked">禁止办理</el-checkbox> | 187 | <el-checkbox v-model="item.checked">禁止办理</el-checkbox> |
119 | <!-- <el-radio-group v-model="item.selected"> | ||
120 | <el-radio label="1">禁止办理</el-radio> | ||
121 | <el-radio label="0">忽略</el-radio> | ||
122 | </el-radio-group> --> | ||
123 | </div> | 188 | </div> |
124 | </li> | 189 | </li> |
125 | </ul> | 190 | </ul> |
... | @@ -155,7 +220,7 @@ export default { | ... | @@ -155,7 +220,7 @@ export default { |
155 | }, | 220 | }, |
156 | components: {}, | 221 | components: {}, |
157 | name: "componentDialog", | 222 | name: "componentDialog", |
158 | data () { | 223 | data() { |
159 | return { | 224 | return { |
160 | tn: 0, | 225 | tn: 0, |
161 | n: 0, | 226 | n: 0, |
... | @@ -170,12 +235,12 @@ export default { | ... | @@ -170,12 +235,12 @@ export default { |
170 | computed: { | 235 | computed: { |
171 | ...mapGetters(["dictData"]), | 236 | ...mapGetters(["dictData"]), |
172 | }, | 237 | }, |
173 | mounted () { | 238 | mounted() { |
174 | sendThis(this); | 239 | sendThis(this); |
175 | }, | 240 | }, |
176 | methods: { | 241 | methods: { |
177 | //页面初始化 | 242 | //页面初始化 |
178 | init () { | 243 | init() { |
179 | this.tn = 0; | 244 | this.tn = 0; |
180 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { | 245 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { |
181 | let { result } = res; | 246 | let { result } = res; |
... | @@ -189,13 +254,13 @@ export default { | ... | @@ -189,13 +254,13 @@ export default { |
189 | //} | 254 | //} |
190 | }, | 255 | }, |
191 | //tab选项卡事件 | 256 | //tab选项卡事件 |
192 | handleTitleSelct (obj, index) { | 257 | handleTitleSelct(obj, index) { |
193 | this.n = 0; | 258 | this.n = 0; |
194 | this.tn = index; | 259 | this.tn = index; |
195 | this.getDetail(this.djlxList[index].bsmSqyw); | 260 | this.getDetail(this.djlxList[index].bsmSqyw); |
196 | }, | 261 | }, |
197 | //获取业务具体明细内容 | 262 | //获取业务具体明细内容 |
198 | getDetail (bsmSqyw) { | 263 | getDetail(bsmSqyw) { |
199 | getSqdjywDetail(bsmSqyw).then((res) => { | 264 | getSqdjywDetail(bsmSqyw).then((res) => { |
200 | if (res.code === 200) { | 265 | if (res.code === 200) { |
201 | this.form = res.result; | 266 | this.form = res.result; |
... | @@ -205,7 +270,7 @@ export default { | ... | @@ -205,7 +270,7 @@ export default { |
205 | }); | 270 | }); |
206 | }, | 271 | }, |
207 | //提交保存数据 | 272 | //提交保存数据 |
208 | submit () { | 273 | submit() { |
209 | let that = this; | 274 | let that = this; |
210 | saveSqdjyw(this.form).then((res) => { | 275 | saveSqdjyw(this.form).then((res) => { |
211 | if (res.code == 200) { | 276 | if (res.code == 200) { |
... | @@ -218,25 +283,49 @@ export default { | ... | @@ -218,25 +283,49 @@ export default { |
218 | }); | 283 | }); |
219 | }, | 284 | }, |
220 | //修改父组件传过来的值 | 285 | //修改父组件传过来的值 |
221 | cancelDialog () { | 286 | cancelDialog() { |
222 | this.$emit("update:dialogVisible", false); | 287 | this.$emit("update:dialogVisible", false); |
223 | }, | 288 | }, |
224 | // 上移下移 | 289 | // 上移下移 |
225 | moveUpward (index, row, type) { | 290 | moveUpward(index, row, type) { |
226 | if (type == "clxx") { | 291 | if (type == "clxx") { |
227 | upward(index, this.form.clxx) | 292 | upward(index, this.form.clxx); |
228 | } else { | 293 | } else { |
229 | upward(index, this.form.djqx) | 294 | upward(index, this.form.djqx); |
230 | } | 295 | } |
231 | |||
232 | }, | 296 | }, |
233 | moveDown (index, row, type) { | 297 | moveDown(index, row, type) { |
234 | if (type == "clxx") { | 298 | if (type == "clxx") { |
235 | down(index, this.form.clxx) | 299 | down(index, this.form.clxx); |
236 | } else { | 300 | } else { |
237 | down(index, this.form.djqx) | 301 | down(index, this.form.djqx); |
238 | } | 302 | } |
239 | }, | 303 | }, |
304 | addDjqx() { | ||
305 | this.form.djqx.push({ | ||
306 | nodecode: "", | ||
307 | nodename: "", | ||
308 | enabled: "1", | ||
309 | djyy: "", | ||
310 | sfqydjyymb: "0", | ||
311 | }); | ||
312 | }, | ||
313 | removeDjqx(index, row) { | ||
314 | this.form.djqx.splice(index, 1); | ||
315 | }, | ||
316 | addClxx() { | ||
317 | this.form.clxx.push({ | ||
318 | isrequired: "1", | ||
319 | djqxbm: "", | ||
320 | clbm: "", | ||
321 | clmc: "", | ||
322 | cllx: "", | ||
323 | sfggcl: "1", | ||
324 | }); | ||
325 | }, | ||
326 | removeClxx(index, row) { | ||
327 | this.form.clxx.splice(index, 1); | ||
328 | }, | ||
240 | }, | 329 | }, |
241 | }; | 330 | }; |
242 | </script> | 331 | </script> | ... | ... |
... | @@ -6,44 +6,22 @@ | ... | @@ -6,44 +6,22 @@ |
6 | <el-row :gutter="20"> | 6 | <el-row :gutter="20"> |
7 | <el-col :span="6"> | 7 | <el-col :span="6"> |
8 | <el-form-item label="权利类型"> | 8 | <el-form-item label="权利类型"> |
9 | <el-select | 9 | <el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable |
10 | v-model="queryForm.qllx" | 10 | placeholder="请选择权利类型"> |
11 | @change="queryClick" | 11 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> |
12 | filterable | ||
13 | class="width100" | ||
14 | clearable | ||
15 | placeholder="请选择权利类型" | ||
16 | > | ||
17 | <el-option | ||
18 | v-for="item in qllxs" | ||
19 | :key="item.value" | ||
20 | :label="item.label" | ||
21 | :value="item.value" | ||
22 | > | ||
23 | </el-option> | 12 | </el-option> |
24 | </el-select> | 13 | </el-select> |
25 | </el-form-item> | 14 | </el-form-item> |
26 | </el-col> | 15 | </el-col> |
27 | <el-col :span="6"> | 16 | <el-col :span="6"> |
28 | <el-form-item label="登记业务编码"> | 17 | <el-form-item label="登记业务编码"> |
29 | <el-input | 18 | <el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable> |
30 | placeholder="请输入登记业务编码" | ||
31 | @clear="queryClick" | ||
32 | v-model="queryForm.djywbm" | ||
33 | clearable | ||
34 | > | ||
35 | </el-input> | 19 | </el-input> |
36 | </el-form-item> | 20 | </el-form-item> |
37 | </el-col> | 21 | </el-col> |
38 | <el-col :span="12" class="btnColRight"> | 22 | <el-col :span="12" class="btnColRight"> |
39 | <el-form-item> | 23 | <el-form-item> |
40 | <el-button | 24 | <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button> |
41 | type="primary" | ||
42 | native-type="submit" | ||
43 | icon="el-icon-search" | ||
44 | @click="queryClick" | ||
45 | >查询</el-button | ||
46 | > | ||
47 | </el-form-item> | 25 | </el-form-item> |
48 | </el-col> | 26 | </el-col> |
49 | </el-row> | 27 | </el-row> |
... | @@ -51,25 +29,14 @@ | ... | @@ -51,25 +29,14 @@ |
51 | </div> | 29 | </div> |
52 | <!-- 表格 --> | 30 | <!-- 表格 --> |
53 | <div class="from-clues-content"> | 31 | <div class="from-clues-content"> |
54 | <lb-table | 32 | <lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage" |
55 | :page-size="pageData.pageSize" | 33 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
56 | class="loadingtext" | 34 | :column="tableData.columns" :data="tableData.data"> |
57 | :current-page.sync="pageData.currentPage" | ||
58 | :total="tableData.total" | ||
59 | @size-change="handleSizeChange" | ||
60 | @p-current-change="handleCurrentChange" | ||
61 | :column="tableData.columns" | ||
62 | :data="tableData.data" | ||
63 | > | ||
64 | </lb-table> | 35 | </lb-table> |
65 | </div> | 36 | </div> |
66 | <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> | 37 | <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> |
67 | <component-dialog | 38 | <component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule && flag" :sqqlRule="sqqlRule" |
68 | :dialogVisible="dialogVisible" | 39 | @update:dialogVisible="dialogVisibles"></component-dialog> |
69 | v-if="sqqlRule && flag" | ||
70 | :sqqlRule="sqqlRule" | ||
71 | @update:dialogVisible="dialogVisibles" | ||
72 | ></component-dialog> | ||
73 | </div> | 40 | </div> |
74 | </template> | 41 | </template> |
75 | <script> | 42 | <script> | ... | ... |
... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
66 | <el-row> | 66 | <el-row> |
67 | <el-col :span="16"> | 67 | <el-col :span="16"> |
68 | <el-form-item label="地址"> | 68 | <el-form-item label="地址"> |
69 | <el-input v-model="ruleForm.dz"></el-input> | 69 | <el-input v-model="ruleForm.txdz"></el-input> |
70 | </el-form-item> | 70 | </el-form-item> |
71 | </el-col> | 71 | </el-col> |
72 | <el-col :span="8"> | 72 | <el-col :span="8"> |
... | @@ -160,7 +160,7 @@ export default { | ... | @@ -160,7 +160,7 @@ export default { |
160 | frmc: "", | 160 | frmc: "", |
161 | gjdq: "", | 161 | gjdq: "", |
162 | szss: "", | 162 | szss: "", |
163 | dz: "", | 163 | txdz: "", |
164 | yb: "", | 164 | yb: "", |
165 | fzjg: "", | 165 | fzjg: "", |
166 | dzyj: "", | 166 | dzyj: "", | ... | ... |
1 | <!-- | ||
2 | 功能:申请单元列表批量删除 | ||
3 | 作者:calliope | ||
4 | --> | ||
5 | <template> | 1 | <template> |
6 | <div class='batchDel'> | 2 | <div class='batchDel'> |
7 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | 3 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | ... | ... |
... | @@ -106,7 +106,7 @@ export default { | ... | @@ -106,7 +106,7 @@ export default { |
106 | label: "扫描状态", | 106 | label: "扫描状态", |
107 | width: "80", | 107 | width: "80", |
108 | render: (h, scope) => { | 108 | render: (h, scope) => { |
109 | if (scope.row.children.length > 0) { | 109 | if (scope.row.children && scope.row.children.length > 0) { |
110 | return ( | 110 | return ( |
111 | <div> | 111 | <div> |
112 | <span>已扫描</span> | 112 | <span>已扫描</span> |
... | @@ -122,9 +122,23 @@ export default { | ... | @@ -122,9 +122,23 @@ export default { |
122 | }, | 122 | }, |
123 | }, | 123 | }, |
124 | { | 124 | { |
125 | prop: "ys", | ||
126 | label: "扫描页数", | 125 | label: "扫描页数", |
127 | width: "50" | 126 | width: "50", |
127 | render: (h, scope) => { | ||
128 | if (scope.row.children && scope.row.children.length > 0) { | ||
129 | return ( | ||
130 | <div> | ||
131 | <span>{scope.row.children.length}</span> | ||
132 | </div> | ||
133 | ); | ||
134 | } else { | ||
135 | return ( | ||
136 | <div> | ||
137 | <span>0</span> | ||
138 | </div> | ||
139 | ); | ||
140 | } | ||
141 | }, | ||
128 | }, | 142 | }, |
129 | { | 143 | { |
130 | label: "操作", | 144 | label: "操作", | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -32,6 +32,7 @@ export default { | ... | @@ -32,6 +32,7 @@ export default { |
32 | key: 0, | 32 | key: 0, |
33 | dataIndex: 0, | 33 | dataIndex: 0, |
34 | dialog: false, | 34 | dialog: false, |
35 | isaddupdate:false, | ||
35 | details: {}, | 36 | details: {}, |
36 | tableDataList: [], | 37 | tableDataList: [], |
37 | InformationTable: [ | 38 | InformationTable: [ |
... | @@ -147,16 +148,24 @@ export default { | ... | @@ -147,16 +148,24 @@ export default { |
147 | }, | 148 | }, |
148 | methods: { | 149 | methods: { |
149 | handleupdateDetail (value) { | 150 | handleupdateDetail (value) { |
150 | if (!_.isEqual(value, this.tableData)) { | 151 | debugger |
151 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 152 | if(this.isaddupdate){ |
152 | // this.key++ | 153 | if (!_.isEqual(value, this.tableData)) { |
153 | this.$emit('upDateQlrxxList', this.tableDataList) | 154 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); |
155 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
156 | } | ||
157 | }else{ | ||
158 | if (!_.isEqual(value, this.tableData)) { | ||
159 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
160 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
161 | } | ||
154 | } | 162 | } |
155 | }, | 163 | }, |
156 | 164 | ||
157 | // 新增 | 165 | // 新增 |
158 | addClick () { | 166 | addClick () { |
159 | this.dialog = true | 167 | this.dialog = true |
168 | this.isaddupdate=true | ||
160 | }, | 169 | }, |
161 | 170 | ||
162 | // 删除 | 171 | // 删除 |
... | @@ -172,6 +181,7 @@ export default { | ... | @@ -172,6 +181,7 @@ export default { |
172 | this.dataIndex = index | 181 | this.dataIndex = index |
173 | this.dialog = true | 182 | this.dialog = true |
174 | this.details = row | 183 | this.details = row |
184 | this.isaddupdate=false | ||
175 | }, | 185 | }, |
176 | queryViewClick () { | 186 | queryViewClick () { |
177 | this.dialog = true | 187 | this.dialog = true | ... | ... |
src/views/workflow/components/szRecord.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data"> | ||
4 | </lb-table> | ||
5 | </div> | ||
6 | </template> | ||
7 | <script> | ||
8 | import { mapGetters } from 'vuex' | ||
9 | import { getSzRecordList } from "@/api/bdcqz.js"; | ||
10 | import table from "@/utils/mixin/table"; | ||
11 | import { datas } from "../javascript/szxxdata"; | ||
12 | export default { | ||
13 | components: { | ||
14 | |||
15 | }, | ||
16 | mixins: [table], | ||
17 | computed: { | ||
18 | ...mapGetters(["dictData"]), | ||
19 | }, | ||
20 | props: { | ||
21 | formData: { | ||
22 | type: Object, | ||
23 | default: {} | ||
24 | }, | ||
25 | }, | ||
26 | data () { | ||
27 | return { | ||
28 | key: 0, | ||
29 | dataIndex: 0, | ||
30 | dialog: false, | ||
31 | details: {}, | ||
32 | tableData: { | ||
33 | total: 0, | ||
34 | columns: datas.columns(), | ||
35 | data: [], | ||
36 | }, | ||
37 | } | ||
38 | }, | ||
39 | mounted() { | ||
40 | this.query() | ||
41 | }, | ||
42 | methods: { | ||
43 | query(){ | ||
44 | getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => { | ||
45 | if(res.code == 200){ | ||
46 | this.tableData.data = res.result; | ||
47 | } | ||
48 | }) | ||
49 | } | ||
50 | } | ||
51 | } | ||
52 | </script> | ||
53 | <style scoped lang='scss'> | ||
54 | |||
55 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
49 | <el-button | 49 | <el-button |
50 | class="operation_button" | 50 | class="operation_button" |
51 | type="text" | 51 | type="text" |
52 | @click="openZsylDialog(item, 1)" | 52 | @click="openRecordPop(item)" |
53 | >缮证记录</el-button | 53 | >缮证记录</el-button |
54 | > | 54 | > |
55 | </div> | 55 | </div> |
... | @@ -57,14 +57,20 @@ | ... | @@ -57,14 +57,20 @@ |
57 | <el-button | 57 | <el-button |
58 | class="operation_button" | 58 | class="operation_button" |
59 | type="text" | 59 | type="text" |
60 | @click="openZsylDialog(item, 2)" | 60 | @click="openZsylDialog(item,2)" |
61 | >证书打印({{ item.szcs }})</el-button | 61 | >证书打印({{ item.szcs }})</el-button |
62 | > | 62 | > |
63 | <el-button | ||
64 | class="operation_button" | ||
65 | type="text" | ||
66 | @click="openRecordPop(item)" | ||
67 | >缮证记录</el-button | ||
68 | > | ||
63 | </div> | 69 | </div> |
64 | </div> | 70 | </div> |
65 | </el-card> | 71 | </el-card> |
66 | <el-dialog | 72 | <el-dialog |
67 | title="证书打印" | 73 | title="证书作废" |
68 | :visible.sync="invalidDiglog" | 74 | :visible.sync="invalidDiglog" |
69 | width="30%" | 75 | width="30%" |
70 | :modal-append-to-body="false" | 76 | :modal-append-to-body="false" |
... | @@ -93,8 +99,9 @@ | ... | @@ -93,8 +99,9 @@ |
93 | </div> | 99 | </div> |
94 | </template> | 100 | </template> |
95 | <script> | 101 | <script> |
96 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | 102 | import { getSlsqBdcqzList, invalidCertificate,getSzRecordList } from "@/api/bdcqz.js"; |
97 | import bdcqzPrint from "./zsdy.vue"; | 103 | import bdcqzPrint from "./zsdy.vue"; |
104 | import { popupDialog } from "@/utils/popup.js"; | ||
98 | export default { | 105 | export default { |
99 | components: { bdcqzPrint }, | 106 | components: { bdcqzPrint }, |
100 | props: {}, | 107 | props: {}, |
... | @@ -172,6 +179,8 @@ export default { | ... | @@ -172,6 +179,8 @@ export default { |
172 | //再次打印 | 179 | //再次打印 |
173 | openInvalidDiglog(item) { | 180 | openInvalidDiglog(item) { |
174 | this.bsmSz = item.bsmSz; | 181 | this.bsmSz = item.bsmSz; |
182 | console.log(item); | ||
183 | |||
175 | this.invalidDiglog = true; | 184 | this.invalidDiglog = true; |
176 | }, | 185 | }, |
177 | closeInvalidDiglog() { | 186 | closeInvalidDiglog() { |
... | @@ -192,6 +201,9 @@ export default { | ... | @@ -192,6 +201,9 @@ export default { |
192 | } | 201 | } |
193 | }); | 202 | }); |
194 | }, | 203 | }, |
204 | openRecordPop(item) { | ||
205 | popupDialog("缮证记录", "workflow/components/szRecord", {bsmBdcqz: item.bsmBdcqz}, '50%') | ||
206 | } | ||
195 | }, | 207 | }, |
196 | }; | 208 | }; |
197 | </script> | 209 | </script> | ... | ... |
... | @@ -2,9 +2,10 @@ | ... | @@ -2,9 +2,10 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <div class="title">请选择要退回到的环节:</div> | ||
5 | <el-form ref="queryForm" label-width="90px"> | 6 | <el-form ref="queryForm" label-width="90px"> |
6 | <ul style="margin-bottom:15px"> | 7 | <ul style="margin-bottom:15px"> |
7 | <li v-for="(item,index) in dataList" class="listDetail" :key="index"> | 8 | <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)"> |
8 | <p class="icon"> | 9 | <p class="icon"> |
9 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> | 10 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> |
10 | </p> | 11 | </p> |
... | @@ -12,11 +13,12 @@ | ... | @@ -12,11 +13,12 @@ |
12 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> | 13 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> |
13 | </li> | 14 | </li> |
14 | </ul> | 15 | </ul> |
15 | <el-form-item label="退回意见:"> | 16 | <div class="title">退回意见:</div> |
16 | <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input> | 17 | <el-form-item> |
18 | <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input> | ||
17 | </el-form-item> | 19 | </el-form-item> |
18 | <el-form-item> | 20 | <el-form-item> |
19 | <el-button style="float:right">取消</el-button> | 21 | <!-- <el-button style="float:right">取消</el-button> --> |
20 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> | 22 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> |
21 | </el-form-item> | 23 | </el-form-item> |
22 | </el-form> | 24 | </el-form> |
... | @@ -59,10 +61,12 @@ export default { | ... | @@ -59,10 +61,12 @@ export default { |
59 | }, 1000); | 61 | }, 1000); |
60 | }) | 62 | }) |
61 | }, | 63 | }, |
62 | changeSelectItem(item){ | 64 | changeSelectItem(item){ |
63 | this.selectItem = item | 65 | this.selectItem = item |
66 | this.selectActivity = item.activityId | ||
64 | }, | 67 | }, |
65 | getBackNode () { | 68 | //获取可回退环节信息 |
69 | getBackNode () { | ||
66 | getTaskBackNode(this.formData).then(res => { | 70 | getTaskBackNode(this.formData).then(res => { |
67 | if (res.code == 200) { | 71 | if (res.code == 200) { |
68 | this.dataList = res.result | 72 | this.dataList = res.result |
... | @@ -72,7 +76,7 @@ export default { | ... | @@ -72,7 +76,7 @@ export default { |
72 | } | 76 | } |
73 | } | 77 | } |
74 | }) | 78 | }) |
75 | } | 79 | }, |
76 | } | 80 | } |
77 | } | 81 | } |
78 | </script> | 82 | </script> |
... | @@ -100,6 +104,10 @@ export default { | ... | @@ -100,6 +104,10 @@ export default { |
100 | } | 104 | } |
101 | } | 105 | } |
102 | 106 | ||
107 | .title{ | ||
108 | margin-bottom: 10px; | ||
109 | } | ||
110 | |||
103 | .textArea { | 111 | .textArea { |
104 | /deep/.el-textarea__inner { | 112 | /deep/.el-textarea__inner { |
105 | min-height: 90px !important; | 113 | min-height: 90px !important; | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | @submitForm="handleSubmit" | 7 | @submitForm="handleSubmit" |
8 | > | 8 | > |
9 | <div> | 9 | <div> |
10 | <div class="middle_padding"> | 10 | <div> |
11 | <el-form | 11 | <el-form |
12 | :model="ruleForm" | 12 | :model="ruleForm" |
13 | :rules="rules" | 13 | :rules="rules" |
... | @@ -27,7 +27,8 @@ | ... | @@ -27,7 +27,8 @@ |
27 | </el-form-item> | 27 | </el-form-item> |
28 | </el-form> | 28 | </el-form> |
29 | </div> | 29 | </div> |
30 | <div | 30 | <img :src="previewImage"> |
31 | <!-- <div | ||
31 | class="aaaa" | 32 | class="aaaa" |
32 | v-if="bdcqz.bdcqzlx == 1" | 33 | v-if="bdcqz.bdcqzlx == 1" |
33 | :style="{ | 34 | :style="{ |
... | @@ -120,7 +121,7 @@ | ... | @@ -120,7 +121,7 @@ |
120 | </div> | 121 | </div> |
121 | <div class="fj">{{ bdcqz.fj }}</div> | 122 | <div class="fj">{{ bdcqz.fj }}</div> |
122 | </div> | 123 | </div> |
123 | </div> | 124 | </div> --> |
124 | </div> | 125 | </div> |
125 | </dialogBox> | 126 | </dialogBox> |
126 | </template> | 127 | </template> |
... | @@ -139,6 +140,8 @@ export default { | ... | @@ -139,6 +140,8 @@ export default { |
139 | myValue: this.value, | 140 | myValue: this.value, |
140 | //印刷序列号集合 | 141 | //印刷序列号集合 |
141 | ysxlh: [], | 142 | ysxlh: [], |
143 | //证书预览图片 | ||
144 | previewImage: '', | ||
142 | //列名称对象 | 145 | //列名称对象 |
143 | columns: [], | 146 | columns: [], |
144 | ruleForm: { | 147 | ruleForm: { |
... | @@ -185,7 +188,13 @@ export default { | ... | @@ -185,7 +188,13 @@ export default { |
185 | return value; | 188 | return value; |
186 | }, | 189 | }, |
187 | getBdcqzPreview() { | 190 | getBdcqzPreview() { |
188 | bdcqzPreview(this.bdcqz).then((res) => {}); | 191 | this.$startLoading() |
192 | bdcqzPreview(this.bdcqz).then(res => { | ||
193 | this.$endLoading() | ||
194 | let blob = new Blob([res]); | ||
195 | let url = window.URL.createObjectURL(blob); | ||
196 | this.previewImage = url; | ||
197 | }) | ||
189 | }, | 198 | }, |
190 | //保存打印记录 | 199 | //保存打印记录 |
191 | savePrintRecord() { | 200 | savePrintRecord() { |
... | @@ -195,6 +204,9 @@ export default { | ... | @@ -195,6 +204,9 @@ export default { |
195 | certificate(this.ruleForm).then((res) => { | 204 | certificate(this.ruleForm).then((res) => { |
196 | if (res.code === 200) { | 205 | if (res.code === 200) { |
197 | this.$emit("input", false); | 206 | this.$emit("input", false); |
207 | this.$message.success("提交成功"); | ||
208 | //刷新列表 | ||
209 | this.$parent.list(); | ||
198 | } else { | 210 | } else { |
199 | this.$message.error(res.message); | 211 | this.$message.error(res.message); |
200 | } | 212 | } | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> | 5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> |
6 | </el-tabs> | 6 | </el-tabs> |
7 | <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> | 7 | <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> |
8 | <img :src="previewImage" :class="imgClass"> | 8 | <img :src="previewImage" class="imgClass"> |
9 | </div> | 9 | </div> |
10 | </template> | 10 | </template> |
11 | 11 | ... | ... |
... | @@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) { | ... | @@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) { |
51 | case "ygmm300": | 51 | case "ygmm300": |
52 | form = require("@/views/ywbl/ygdj/slxx300.vue"); | 52 | form = require("@/views/ywbl/ygdj/slxx300.vue"); |
53 | break; | 53 | break; |
54 | case "ygdy100": | ||
55 | case "ygdy300": | ||
56 | form = require("@/views/ywbl/ygdy/slxx.vue"); | ||
57 | break; | ||
54 | case "cfdjxx": | 58 | case "cfdjxx": |
55 | form = require("@/views/registerBook/cfdj.vue"); | 59 | form = require("@/views/registerBook/cfdj.vue"); |
56 | break; | 60 | break; | ... | ... |
src/views/workflow/javascript/szxxdata.js
0 → 100644
1 | import filter from '@/utils/filter.js' | ||
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_this) => { | ||
5 | vm = _this | ||
6 | } | ||
7 | class data extends filter { | ||
8 | constructor() { | ||
9 | super() | ||
10 | } | ||
11 | columns () { | ||
12 | return [ | ||
13 | { | ||
14 | label: '序号', | ||
15 | type: 'index', | ||
16 | render: (h, scope) => { | ||
17 | return ( | ||
18 | <div> | ||
19 | {scope.$index + 1} | ||
20 | </div> | ||
21 | ) | ||
22 | } | ||
23 | }, | ||
24 | { | ||
25 | prop: "szzh", | ||
26 | label: "缮证证号", | ||
27 | }, | ||
28 | { | ||
29 | prop: "ysxlh", | ||
30 | label: "印刷序列号", | ||
31 | }, | ||
32 | { | ||
33 | prop: "szry", | ||
34 | label: "缮证人员", | ||
35 | }, | ||
36 | { | ||
37 | prop: "szsj", | ||
38 | label: "缮证时间", | ||
39 | }, | ||
40 | { | ||
41 | label: "是否作废", | ||
42 | render: (h, scope) => { | ||
43 | if(scope.row.sfzf == '0'){ | ||
44 | return <div>否</div> | ||
45 | }else{ | ||
46 | return <div>已作废</div> | ||
47 | } | ||
48 | } | ||
49 | }, | ||
50 | { | ||
51 | prop: "bz", | ||
52 | label: "备注信息", | ||
53 | }, | ||
54 | ] | ||
55 | } | ||
56 | } | ||
57 | let datas = new data() | ||
58 | export { | ||
59 | datas, | ||
60 | sendThis | ||
61 | } |
... | @@ -42,7 +42,7 @@ export default { | ... | @@ -42,7 +42,7 @@ export default { |
42 | this.judgeBatchShow(); | 42 | this.judgeBatchShow(); |
43 | if (this.showBatch) { | 43 | if (this.showBatch) { |
44 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 44 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 |
45 | this.unitClick(-1); | 45 | this.batchUnitClick(); |
46 | } else { | 46 | } else { |
47 | //默认选择单元列表第一个 | 47 | //默认选择单元列表第一个 |
48 | this.unitClick(0); | 48 | this.unitClick(0); |
... | @@ -54,8 +54,8 @@ export default { | ... | @@ -54,8 +54,8 @@ export default { |
54 | //批量按钮判断 | 54 | //批量按钮判断 |
55 | judgeBatchShow () { | 55 | judgeBatchShow () { |
56 | this.showBatch = false; | 56 | this.showBatch = false; |
57 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
58 | if (this.unitData.length > 1) { | 57 | if (this.unitData.length > 1) { |
58 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
59 | switch (qllx) { | 59 | switch (qllx) { |
60 | case 'B39': | 60 | case 'B39': |
61 | this.showBatch = true; | 61 | this.showBatch = true; |
... | @@ -65,6 +65,8 @@ export default { | ... | @@ -65,6 +65,8 @@ export default { |
65 | this.showBatch = true; | 65 | this.showBatch = true; |
66 | this.batchButtonName = '批量抵押'; | 66 | this.batchButtonName = '批量抵押'; |
67 | break; | 67 | break; |
68 | default: | ||
69 | this.batchButtonName = '批量操作'; | ||
68 | } | 70 | } |
69 | } | 71 | } |
70 | }, | 72 | }, |
... | @@ -129,6 +131,9 @@ export default { | ... | @@ -129,6 +131,9 @@ export default { |
129 | entryType: '1' | 131 | entryType: '1' |
130 | }, '1070px') | 132 | }, '1070px') |
131 | break; | 133 | break; |
134 | case "B6": | ||
135 | popupDialog("打印申请书", "workflow/components/printApplication", {}, '1070px') | ||
136 | break; | ||
132 | case "B7": | 137 | case "B7": |
133 | this.$popup("证书领取", "workflow/components/zslq", { | 138 | this.$popup("证书领取", "workflow/components/zslq", { |
134 | formData: { bsmSlsq: this.$route.query.bsmSlsq } | 139 | formData: { bsmSlsq: this.$route.query.bsmSlsq } |
... | @@ -136,9 +141,9 @@ export default { | ... | @@ -136,9 +141,9 @@ export default { |
136 | break; | 141 | break; |
137 | case "back": //退回按钮 | 142 | case "back": //退回按钮 |
138 | popupDialog("退回", "workflow/components/th", { | 143 | popupDialog("退回", "workflow/components/th", { |
139 | bsmSlsq: this.bsmSlsq, | 144 | bsmSlsq: this.bsmSlsq, |
140 | bestepid: this.bestepid | 145 | bestepid: this.bestepid |
141 | }, '800px') | 146 | }, '800px') |
142 | break; | 147 | break; |
143 | case "transfer": //转件按钮 | 148 | case "transfer": //转件按钮 |
144 | getNextLinkInfo({ | 149 | getNextLinkInfo({ |
... | @@ -279,6 +284,22 @@ export default { | ... | @@ -279,6 +284,22 @@ export default { |
279 | message: "action: " + action | 284 | message: "action: " + action |
280 | }) | 285 | }) |
281 | }) | 286 | }) |
282 | } | 287 | }, |
288 | //批量操作 | ||
289 | handleBatchDel () { | ||
290 | let that = this; | ||
291 | this.$popup("批量删除", "workflow/components/batchDel", { | ||
292 | width: "50%", | ||
293 | btnShow: true, | ||
294 | height: "600px", | ||
295 | formData: { | ||
296 | bsmSlsq: this.bsmSlsq, | ||
297 | dataList: this.unitData, | ||
298 | }, | ||
299 | confirm: function () { | ||
300 | that.loadBdcdylist(); | ||
301 | } | ||
302 | }) | ||
303 | }, | ||
283 | } | 304 | } |
284 | } | 305 | } | ... | ... |
... | @@ -20,15 +20,13 @@ export default { | ... | @@ -20,15 +20,13 @@ export default { |
20 | }, | 20 | }, |
21 | //切换选项卡内容组件 | 21 | //切换选项卡内容组件 |
22 | getFromRouter (tabname) { | 22 | getFromRouter (tabname) { |
23 | //根据tabname获取选中的表单 | 23 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 |
24 | for(let item of this.tabList){ | 24 | for(let item of this.tabList){ |
25 | if(item.value === tabname){ | 25 | if(item.value === tabname){ |
26 | this.currentSelectTab = item | 26 | this.currentSelectTab = item |
27 | break; | 27 | break; |
28 | } | 28 | } |
29 | } | 29 | } |
30 | console.log(this.currentSelectTab); | ||
31 | |||
32 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | 30 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); |
33 | } | 31 | } |
34 | } | 32 | } | ... | ... |
... | @@ -22,7 +22,11 @@ | ... | @@ -22,7 +22,11 @@ |
22 | <div class="containerFrame"> | 22 | <div class="containerFrame"> |
23 | <!-- 左侧菜单栏 --> | 23 | <!-- 左侧菜单栏 --> |
24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
25 | <div class="title" @click="unitClick(-1)">{{ batchButtonName }}</div> | 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> |
26 | <el-menu-item index="-1" key="-1" class="menus"> | ||
27 | <div>{{ batchButtonName }}</div> | ||
28 | </el-menu-item> | ||
29 | </el-menu> | ||
26 | <div v-if="this.isShowdrawer"> | 30 | <div v-if="this.isShowdrawer"> |
27 | <div class="title"> | 31 | <div class="title"> |
28 | 申请单元列表({{ unitData.length }}) | 32 | 申请单元列表({{ unitData.length }}) |
... | @@ -115,7 +119,11 @@ export default { | ... | @@ -115,7 +119,11 @@ export default { |
115 | //材料信息选项卡对象 | 119 | //材料信息选项卡对象 |
116 | clxxTab: {}, | 120 | clxxTab: {}, |
117 | //页面监听时间 | 121 | //页面监听时间 |
118 | _beforeUnload_time: "" | 122 | _beforeUnload_time: "", |
123 | //批量操作 | ||
124 | showBatch: false, | ||
125 | //批量操作按钮名称 | ||
126 | batchButtonName: '', | ||
119 | } | 127 | } |
120 | }, | 128 | }, |
121 | mounted () { | 129 | mounted () { |
... | @@ -176,29 +184,8 @@ export default { | ... | @@ -176,29 +184,8 @@ export default { |
176 | }); | 184 | }); |
177 | }); | 185 | }); |
178 | }, | 186 | }, |
179 | handleBatchDel () { | ||
180 | let that = this; | ||
181 | this.$popup("批量删除", "workflow/components/batchDel", { | ||
182 | width: "50%", | ||
183 | btnShow: true, | ||
184 | height: "600px", | ||
185 | formData: { | ||
186 | bsmSlsq: this.bsmSlsq, | ||
187 | dataList: this.unitData, | ||
188 | }, | ||
189 | confirm: function () { | ||
190 | that.loadBdcdylist(); | ||
191 | } | ||
192 | }) | ||
193 | }, | ||
194 | //申请单元点击事件 | 187 | //申请单元点击事件 |
195 | unitClick (index) { | 188 | stepForm (index) { |
196 | if (index >= 0) { | ||
197 | this.currentSelectProps = this.unitData[index]; | ||
198 | this.currentSelectProps.batchOperation = false; | ||
199 | } else { | ||
200 | this.currentSelectProps.batchOperation = true; | ||
201 | } | ||
202 | getStepFormInfo(this.currentSelectProps).then((res) => { | 189 | getStepFormInfo(this.currentSelectProps).then((res) => { |
203 | if (res.code === 200) { | 190 | if (res.code === 200) { |
204 | this.fresh++; | 191 | this.fresh++; |
... | @@ -206,17 +193,33 @@ export default { | ... | @@ -206,17 +193,33 @@ export default { |
206 | this.tabList = res.result; | 193 | this.tabList = res.result; |
207 | //默认加载第一个表单信息 | 194 | //默认加载第一个表单信息 |
208 | this.tabName = res.result[0].value; | 195 | this.tabName = res.result[0].value; |
209 | //处理分屏材料信息 | 196 | //批量操作无分屏按钮 |
210 | let that = this; | 197 | if(index != null){ |
211 | this.tabList.forEach(function (item, index) { | 198 | //处理分屏材料信息 |
212 | if (item.value == "clxx") { | 199 | let that = this; |
213 | that.clxxIndex = index; | 200 | this.tabList.forEach(function (item, index) { |
214 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 201 | if (item.value == "clxx") { |
215 | that.clxxTab = item; | 202 | that.clxxIndex = index; |
216 | } | 203 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
217 | }) | 204 | that.clxxTab = item; |
205 | } | ||
206 | }) | ||
207 | } | ||
218 | } | 208 | } |
219 | }) | 209 | }) |
210 | }, | ||
211 | //申请单元点击事件 | ||
212 | unitClick (index) { | ||
213 | this.currentSelectProps = this.unitData[index]; | ||
214 | this.currentSelectProps.batchOperation = false; | ||
215 | this.activeIndex = index.toString(); | ||
216 | this.stepForm(index); | ||
217 | }, | ||
218 | //批量按钮点击事件 | ||
219 | batchUnitClick(){ | ||
220 | this.currentSelectProps.batchOperation = true; | ||
221 | this.activeIndex = "-1"; | ||
222 | this.stepForm(); | ||
220 | } | 223 | } |
221 | } | 224 | } |
222 | } | 225 | } | ... | ... |
... | @@ -81,8 +81,8 @@ | ... | @@ -81,8 +81,8 @@ |
81 | </el-col> | 81 | </el-col> |
82 | <el-col :span="8"> | 82 | <el-col :span="8"> |
83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | 83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> |
84 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled type="date" placeholder="选择日期" | 84 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" |
85 | value-format="yyyy-MM-dd"></el-date-picker> | 85 | value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || isJfOperation"></el-date-picker> |
86 | </el-form-item> | 86 | </el-form-item> |
87 | </el-col> | 87 | </el-col> |
88 | <el-col :span="8"> | 88 | <el-col :span="8"> |
... | @@ -129,17 +129,17 @@ | ... | @@ -129,17 +129,17 @@ |
129 | <el-row :gutter="10"> | 129 | <el-row :gutter="10"> |
130 | <el-col :span="8"> | 130 | <el-col :span="8"> |
131 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> | 131 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> |
132 | <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input> | 132 | <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype"></el-input> |
133 | </el-form-item> | 133 | </el-form-item> |
134 | </el-col> | 134 | </el-col> |
135 | <el-col :span="8"> | 135 | <el-col :span="8"> |
136 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> | 136 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> |
137 | <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input> | 137 | <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype"></el-input> |
138 | </el-form-item> | 138 | </el-form-item> |
139 | </el-col> | 139 | </el-col> |
140 | <el-col :span="8"> | 140 | <el-col :span="8"> |
141 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> | 141 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> |
142 | <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input> | 142 | <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype"></el-input> |
143 | </el-form-item> | 143 | </el-form-item> |
144 | </el-col> | 144 | </el-col> |
145 | </el-row> | 145 | </el-row> | ... | ... |
... | @@ -104,12 +104,12 @@ | ... | @@ -104,12 +104,12 @@ |
104 | <el-row :gutter="10"> | 104 | <el-row :gutter="10"> |
105 | <el-col :span="8"> | 105 | <el-col :span="8"> |
106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> | 106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> |
107 | <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit"></el-input> | 107 | <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> |
108 | </el-form-item> | 108 | </el-form-item> |
109 | </el-col> | 109 | </el-col> |
110 | <el-col :span="8"> | 110 | <el-col :span="8"> |
111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | 111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> |
112 | <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit"></el-input> | 112 | <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> |
113 | </el-form-item> | 113 | </el-form-item> |
114 | </el-col> | 114 | </el-col> |
115 | <el-col :span="8"> | 115 | <el-col :span="8"> |
... | @@ -121,19 +121,19 @@ | ... | @@ -121,19 +121,19 @@ |
121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
122 | <el-col :span="8"> | 122 | <el-col :span="8"> |
123 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> | 123 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> |
124 | <el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit"></el-input> | 124 | <el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> |
125 | </el-form-item> | 125 | </el-form-item> |
126 | </el-col> | 126 | </el-col> |
127 | <el-col :span="8"> | 127 | <el-col :span="8"> |
128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> |
129 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled type="date" placeholder="选择日期" | 129 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" |
130 | value-format="yyyy-MM-dd"></el-date-picker> | 130 | value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker> |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> |
133 | <el-col :span="8"> | 133 | <el-col :span="8"> |
134 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> | 134 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> |
135 | <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" | 135 | <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" |
136 | :disabled="$route.query.viewtype || ableEdit" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> | 136 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> |
137 | </el-date-picker> | 137 | </el-date-picker> |
138 | </el-form-item> | 138 | </el-form-item> |
139 | </el-col> | 139 | </el-col> |
... | @@ -141,19 +141,19 @@ | ... | @@ -141,19 +141,19 @@ |
141 | <el-row :gutter="10"> | 141 | <el-row :gutter="10"> |
142 | <el-col :span="8"> | 142 | <el-col :span="8"> |
143 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | 143 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> |
144 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit"></el-input> | 144 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> |
145 | </el-form-item> | 145 | </el-form-item> |
146 | </el-col> | 146 | </el-col> |
147 | <el-col :span="16"> | 147 | <el-col :span="16"> |
148 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | 148 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> |
149 | <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit"></el-input> | 149 | <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> |
150 | </el-form-item> | 150 | </el-form-item> |
151 | </el-col> | 151 | </el-col> |
152 | </el-row> | 152 | </el-row> |
153 | <el-row :gutter="10"> | 153 | <el-row :gutter="10"> |
154 | <el-col :span="24"> | 154 | <el-col :span="24"> |
155 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> | 155 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> |
156 | <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit"> | 156 | <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit || isJfOperation"> |
157 | </el-input> | 157 | </el-input> |
158 | </el-form-item> | 158 | </el-form-item> |
159 | </el-col> | 159 | </el-col> |
... | @@ -162,7 +162,7 @@ | ... | @@ -162,7 +162,7 @@ |
162 | <el-col> | 162 | <el-col> |
163 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | 163 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> |
164 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" | 164 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" |
165 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 165 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> |
166 | </el-form-item> | 166 | </el-form-item> |
167 | </el-col> | 167 | </el-col> |
168 | </el-row> | 168 | </el-row> |
... | @@ -213,12 +213,17 @@ export default { | ... | @@ -213,12 +213,17 @@ export default { |
213 | //页面数据 | 213 | //页面数据 |
214 | ruleForm: {}, | 214 | ruleForm: {}, |
215 | //是否可编辑 | 215 | //是否可编辑 |
216 | ableEdit: false | 216 | ableEdit: false, |
217 | //是否为解封 | ||
218 | isJfOperation: false, | ||
217 | }; | 219 | }; |
218 | }, | 220 | }, |
219 | async created () { | 221 | async created () { |
220 | this.propsParam = this.$attrs; | 222 | this.propsParam = this.$attrs; |
221 | this.ableEdit = this.$parent.showBatch; | 223 | this.ableEdit = this.$parent.showBatch; |
224 | if (this.propsParam.djlx == '400') { | ||
225 | this.isJfOperation = true; | ||
226 | } | ||
222 | var formdata = new FormData(); | 227 | var formdata = new FormData(); |
223 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 228 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
224 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 229 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ... | ... |
... | @@ -171,7 +171,7 @@ | ... | @@ -171,7 +171,7 @@ |
171 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 171 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
172 | :gyfs="ruleForm.qlxx.gyfs" /> | 172 | :gyfs="ruleForm.qlxx.gyfs" /> |
173 | 173 | ||
174 | <div v-if="ruleForm.ywrList.length > 0"> | 174 | <div v-if="ruleForm.ywrList"> |
175 | <div class="slxx_title title-block"> | 175 | <div class="slxx_title title-block"> |
176 | 义务人信息 | 176 | 义务人信息 |
177 | <div class="triangle"></div> | 177 | <div class="triangle"></div> | ... | ... |
... | @@ -338,4 +338,4 @@ export default { | ... | @@ -338,4 +338,4 @@ export default { |
338 | /deep/.el-form-item__label { | 338 | /deep/.el-form-item__label { |
339 | padding-bottom: 0px; | 339 | padding-bottom: 0px; |
340 | } | 340 | } |
341 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
341 | </style> | ... | ... |
... | @@ -147,6 +147,8 @@ | ... | @@ -147,6 +147,8 @@ |
147 | </el-row> | 147 | </el-row> |
148 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 148 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
150 | |||
151 | |||
150 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 152 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
151 | <div class="slxx_title title-block"> | 153 | <div class="slxx_title title-block"> |
152 | 义务人信息 | 154 | 义务人信息 | ... | ... |
src/views/ywbl/ygdy/slxx.vue
0 → 100644
This diff is collapsed.
Click to expand it.
... | @@ -7,52 +7,27 @@ | ... | @@ -7,52 +7,27 @@ |
7 | <el-row> | 7 | <el-row> |
8 | <el-col :span="5"> | 8 | <el-col :span="5"> |
9 | <el-form-item label="权利类型"> | 9 | <el-form-item label="权利类型"> |
10 | <el-select | 10 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> |
11 | v-model="queryForm.qllx" | 11 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> |
12 | filterable | ||
13 | clearable | ||
14 | placeholder="请选择权利类型" | ||
15 | > | ||
16 | <el-option | ||
17 | v-for="item in qllxs" | ||
18 | :key="item.value" | ||
19 | :label="item.label" | ||
20 | :value="item.value" | ||
21 | > | ||
22 | </el-option> | 12 | </el-option> |
23 | </el-select> | 13 | </el-select> |
24 | </el-form-item> | 14 | </el-form-item> |
25 | </el-col> | 15 | </el-col> |
26 | <el-col :span="6"> | 16 | <el-col :span="6"> |
27 | <el-form-item label="不动产单元号"> | 17 | <el-form-item label="不动产单元号"> |
28 | <el-input | 18 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
29 | placeholder="请输入不动产单元号" | ||
30 | v-model="queryForm.bdcdyh" | ||
31 | clearable | ||
32 | class="width200px" | ||
33 | > | ||
34 | </el-input> | 19 | </el-input> |
35 | </el-form-item> | 20 | </el-form-item> |
36 | </el-col> | 21 | </el-col> |
37 | <el-col :span="5"> | 22 | <el-col :span="5"> |
38 | <el-form-item label="业务号"> | 23 | <el-form-item label="业务号"> |
39 | <el-input | 24 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> |
40 | placeholder="请输入业务号" | ||
41 | v-model="queryForm.ywh" | ||
42 | clearable | ||
43 | class="width200px" | ||
44 | > | ||
45 | </el-input> | 25 | </el-input> |
46 | </el-form-item> | 26 | </el-form-item> |
47 | </el-col> | 27 | </el-col> |
48 | <el-col :span="6"> | 28 | <el-col :span="6"> |
49 | <el-form-item label="不动产权证号"> | 29 | <el-form-item label="不动产权证号"> |
50 | <el-input | 30 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
51 | placeholder="请输入不动产权证号" | ||
52 | v-model="queryForm.bdcqzh" | ||
53 | clearable | ||
54 | class="width200px" | ||
55 | > | ||
56 | </el-input> | 31 | </el-input> |
57 | </el-form-item> | 32 | </el-form-item> |
58 | </el-col> | 33 | </el-col> |
... | @@ -66,26 +41,15 @@ | ... | @@ -66,26 +41,15 @@ |
66 | </div> | 41 | </div> |
67 | <!-- 表格 --> | 42 | <!-- 表格 --> |
68 | <div class="from-clues-content"> | 43 | <div class="from-clues-content"> |
69 | <lb-table | 44 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
70 | ref="table" | 45 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
71 | @row-click="handleRowClick" | 46 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
72 | :page-size="pageData.pageSize" | 47 | :data="tableData.data"> |
73 | :heightNum="400" | ||
74 | :current-page.sync="pageData.currentPage" | ||
75 | :total="tableData.total" | ||
76 | @size-change="handleSizeChange" | ||
77 | @p-current-change="handleCurrentChange" | ||
78 | @selection-change="handleSelectionChange" | ||
79 | :column="tableData.columns" | ||
80 | :data="tableData.data" | ||
81 | > | ||
82 | </lb-table> | 48 | </lb-table> |
83 | </div> | 49 | </div> |
84 | <div class="submit_button"> | 50 | <div class="submit_button"> |
85 | <el-button @click="closeDialog">取消</el-button> | 51 | <el-button @click="closeDialog">取消</el-button> |
86 | <el-button type="primary" plain @click="submitFormClick()" | 52 | <el-button type="primary" plain @click="submitFormClick()">发起申请</el-button> |
87 | >发起申请</el-button | ||
88 | > | ||
89 | </div> | 53 | </div> |
90 | </div> | 54 | </div> |
91 | </template> | 55 | </template> |
... | @@ -143,8 +107,8 @@ export default { | ... | @@ -143,8 +107,8 @@ export default { |
143 | startBusinessFlow({ | 107 | startBusinessFlow({ |
144 | bsmSqyw: this.sqywInfo.parentid, | 108 | bsmSqyw: this.sqywInfo.parentid, |
145 | bdcdysz: this.bdcdysz, | 109 | bdcdysz: this.bdcdysz, |
146 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 110 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
147 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 111 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
148 | }).then((res) => { | 112 | }).then((res) => { |
149 | if (res.code == 200) { | 113 | if (res.code == 200) { |
150 | this.$message({ | 114 | this.$message({ | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-tabs v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> | 4 | <el-tabs v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> |
5 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> | 5 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> |
6 | <el-tab-pane label="户" name="h"></el-tab-pane> | 6 | <el-tab-pane label="多幢" name="h"></el-tab-pane> |
7 | </el-tabs> | 7 | </el-tabs> |
8 | <el-form :model="queryForm" ref="queryForm" label-width="110px"> | 8 | <el-form :model="queryForm" ref="queryForm" label-width="110px"> |
9 | <el-row> | 9 | <el-row> | ... | ... |
... | @@ -3,7 +3,7 @@ export default { | ... | @@ -3,7 +3,7 @@ export default { |
3 | jump (data, type) { | 3 | jump (data, type) { |
4 | this.$emit("closeDialog"); | 4 | this.$emit("closeDialog"); |
5 | const { href } = this.$router.resolve( | 5 | const { href } = this.$router.resolve( |
6 | "/workFrame?bsmSlsq=" + | 6 | "/workFramecs?bsmSlsq=" + |
7 | data.bsmSlsq + | 7 | data.bsmSlsq + |
8 | "&bestepid=" + | 8 | "&bestepid=" + |
9 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | 9 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | ... | ... |
... | @@ -7,52 +7,27 @@ | ... | @@ -7,52 +7,27 @@ |
7 | <el-row> | 7 | <el-row> |
8 | <el-col :span="5"> | 8 | <el-col :span="5"> |
9 | <el-form-item label="权利类型"> | 9 | <el-form-item label="权利类型"> |
10 | <el-select | 10 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> |
11 | v-model="queryForm.qllx" | 11 | <el-option v-for="item in qllxData" :key="item.sxzdz" :label="item.sxzdmc" :value="item.sxzdz"> |
12 | filterable | ||
13 | clearable | ||
14 | placeholder="请选择权利类型" | ||
15 | > | ||
16 | <el-option | ||
17 | v-for="item in qllxData" | ||
18 | :key="item.sxzdz" | ||
19 | :label="item.sxzdmc" | ||
20 | :value="item.sxzdz" | ||
21 | > | ||
22 | </el-option> | 12 | </el-option> |
23 | </el-select> | 13 | </el-select> |
24 | </el-form-item> | 14 | </el-form-item> |
25 | </el-col> | 15 | </el-col> |
26 | <el-col :span="6"> | 16 | <el-col :span="6"> |
27 | <el-form-item label="不动产单元号"> | 17 | <el-form-item label="不动产单元号"> |
28 | <el-input | 18 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
29 | placeholder="请输入不动产单元号" | ||
30 | v-model="queryForm.bdcdyh" | ||
31 | clearable | ||
32 | class="width200px" | ||
33 | > | ||
34 | </el-input> | 19 | </el-input> |
35 | </el-form-item> | 20 | </el-form-item> |
36 | </el-col> | 21 | </el-col> |
37 | <el-col :span="5"> | 22 | <el-col :span="5"> |
38 | <el-form-item label="业务号"> | 23 | <el-form-item label="业务号"> |
39 | <el-input | 24 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> |
40 | placeholder="请输入业务号" | ||
41 | v-model="queryForm.ywh" | ||
42 | clearable | ||
43 | class="width200px" | ||
44 | > | ||
45 | </el-input> | 25 | </el-input> |
46 | </el-form-item> | 26 | </el-form-item> |
47 | </el-col> | 27 | </el-col> |
48 | <el-col :span="6"> | 28 | <el-col :span="6"> |
49 | <el-form-item label="不动产权证号"> | 29 | <el-form-item label="不动产权证号"> |
50 | <el-input | 30 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
51 | placeholder="请输入不动产权证号" | ||
52 | v-model="queryForm.bdcqzh" | ||
53 | clearable | ||
54 | class="width200px" | ||
55 | > | ||
56 | </el-input> | 31 | </el-input> |
57 | </el-form-item> | 32 | </el-form-item> |
58 | </el-col> | 33 | </el-col> |
... | @@ -66,19 +41,10 @@ | ... | @@ -66,19 +41,10 @@ |
66 | </div> | 41 | </div> |
67 | <!-- 表格 --> | 42 | <!-- 表格 --> |
68 | <div class="from-clues-content"> | 43 | <div class="from-clues-content"> |
69 | <lb-table | 44 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
70 | ref="table" | 45 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
71 | @row-click="handleRowClick" | 46 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
72 | :page-size="pageData.pageSize" | 47 | :data="tableData.data"> |
73 | :heightNum="400" | ||
74 | :current-page.sync="pageData.currentPage" | ||
75 | :total="tableData.total" | ||
76 | @size-change="handleSizeChange" | ||
77 | @p-current-change="handleCurrentChange" | ||
78 | @selection-change="handleSelectionChange" | ||
79 | :column="tableData.columns" | ||
80 | :data="tableData.data" | ||
81 | > | ||
82 | </lb-table> | 48 | </lb-table> |
83 | </div> | 49 | </div> |
84 | <div class="submit_button"> | 50 | <div class="submit_button"> |
... | @@ -155,8 +121,8 @@ export default { | ... | @@ -155,8 +121,8 @@ export default { |
155 | startBusinessFlow({ | 121 | startBusinessFlow({ |
156 | bsmSqyw: this.bsmSqyw, | 122 | bsmSqyw: this.bsmSqyw, |
157 | bdcdysz: this.bdcdysz, | 123 | bdcdysz: this.bdcdysz, |
158 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 124 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
159 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 125 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
160 | }).then((res) => { | 126 | }).then((res) => { |
161 | if (res.code == 200) { | 127 | if (res.code == 200) { |
162 | this.$message({ | 128 | this.$message({ |
... | @@ -165,7 +131,7 @@ export default { | ... | @@ -165,7 +131,7 @@ export default { |
165 | type: "success", | 131 | type: "success", |
166 | }); | 132 | }); |
167 | if (!this.isJump) { | 133 | if (!this.isJump) { |
168 | this.jump(res.result, this.djywbm); | 134 | this.jump(res.result, this.sqywInfo.djywbm); |
169 | } else { | 135 | } else { |
170 | this.$emit("updateDialog", true); | 136 | this.$emit("updateDialog", true); |
171 | } | 137 | } | ... | ... |
... | @@ -4,37 +4,22 @@ | ... | @@ -4,37 +4,22 @@ |
4 | <!-- 表单部分 --> | 4 | <!-- 表单部分 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 6 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
7 | <el-row> | 7 | <el-row> |
8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
9 | <el-form-item label="不动产权证号"> | 9 | <el-form-item label="不动产权证号"> |
10 | <el-input | 10 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
11 | placeholder="请输入不动产权证号" | ||
12 | v-model="queryForm.bdcqzh" | ||
13 | clearable | ||
14 | class="width200px" | ||
15 | > | ||
16 | </el-input> | 11 | </el-input> |
17 | </el-form-item> | 12 | </el-form-item> |
18 | </el-col> | 13 | </el-col> |
19 | <el-col :span="8"> | 14 | <el-col :span="8"> |
20 | <el-form-item label="不动产单元号"> | 15 | <el-form-item label="不动产单元号"> |
21 | <el-input | 16 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
22 | placeholder="请输入不动产单元号" | ||
23 | v-model="queryForm.bdcdyh" | ||
24 | clearable | ||
25 | class="width200px" | ||
26 | > | ||
27 | </el-input> | 17 | </el-input> |
28 | </el-form-item> | 18 | </el-form-item> |
29 | </el-col> | 19 | </el-col> |
30 | <el-col :span="6"> | 20 | <el-col :span="6"> |
31 | <el-form-item label="坐落"> | 21 | <el-form-item label="坐落"> |
32 | <el-input | 22 | <el-input placeholder="" v-model="queryForm.zl" clearable class="width200px"> |
33 | placeholder="" | ||
34 | v-model="queryForm.zl" | ||
35 | clearable | ||
36 | class="width200px" | ||
37 | > | ||
38 | </el-input> | 23 | </el-input> |
39 | </el-form-item> | 24 | </el-form-item> |
40 | </el-col> | 25 | </el-col> |
... | @@ -48,19 +33,10 @@ | ... | @@ -48,19 +33,10 @@ |
48 | </div> | 33 | </div> |
49 | <!-- 表格 --> | 34 | <!-- 表格 --> |
50 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
51 | <lb-table | 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
52 | ref="table" | 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
53 | @row-click="handleRowClick" | 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
54 | :page-size="pageData.pageSize" | 39 | :data="tableData.data"> |
55 | :heightNum="400" | ||
56 | :current-page.sync="pageData.currentPage" | ||
57 | :total="tableData.total" | ||
58 | @size-change="handleSizeChange" | ||
59 | @p-current-change="handleCurrentChange" | ||
60 | @selection-change="handleSelectionChange" | ||
61 | :column="tableData.columns" | ||
62 | :data="tableData.data" | ||
63 | > | ||
64 | </lb-table> | 40 | </lb-table> |
65 | </div> | 41 | </div> |
66 | <div class="submit_button"> | 42 | <div class="submit_button"> |
... | @@ -83,7 +59,7 @@ export default { | ... | @@ -83,7 +59,7 @@ export default { |
83 | }, | 59 | }, |
84 | data() { | 60 | data() { |
85 | return { | 61 | return { |
86 | queryForm: defaultParameters.defaultParameters(), | 62 | queryForm: defaultParameters.defaultParameters(), |
87 | tableData: { | 63 | tableData: { |
88 | total: 0, | 64 | total: 0, |
89 | columns: datas.columns(), | 65 | columns: datas.columns(), |
... | @@ -104,8 +80,8 @@ export default { | ... | @@ -104,8 +80,8 @@ export default { |
104 | closeDialog() { | 80 | closeDialog() { |
105 | this.$emit("closeDialog"); | 81 | this.$emit("closeDialog"); |
106 | }, | 82 | }, |
107 | fetchData() { | 83 | fetchData() { |
108 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
109 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { | 85 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { |
110 | if (res.code === 200) { | 86 | if (res.code === 200) { |
111 | let { total, records } = res.result; | 87 | let { total, records } = res.result; |
... | @@ -122,19 +98,19 @@ export default { | ... | @@ -122,19 +98,19 @@ export default { |
122 | startBusinessFlow({ | 98 | startBusinessFlow({ |
123 | bsmSqyw: this.sqywInfo.bsmSqyw, | 99 | bsmSqyw: this.sqywInfo.bsmSqyw, |
124 | bdcdysz: this.bdcdysz, | 100 | bdcdysz: this.bdcdysz, |
125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 101 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 102 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
127 | }).then((res) => { | 103 | }).then((res) => { |
128 | if (res.code == 200) { | 104 | if (res.code == 200) { |
129 | this.$message({ | 105 | this.$message({ |
130 | showClose: true, | 106 | showClose: true, |
131 | message: '发起申请成功', | 107 | message: "发起申请成功", |
132 | type: 'success' | 108 | type: "success", |
133 | }) | 109 | }); |
134 | if (!this.isJump) { | 110 | if (!this.isJump) { |
135 | this.jump(res.result, this.sqywInfo.djywbm) | 111 | this.jump(res.result, this.sqywInfo.djywbm); |
136 | } else { | 112 | } else { |
137 | this.$emit('updateDialog', true) | 113 | this.$emit("updateDialog", true); |
138 | } | 114 | } |
139 | } else { | 115 | } else { |
140 | this.$message.error(res.message); | 116 | this.$message.error(res.message); | ... | ... |
... | @@ -65,7 +65,7 @@ export default { | ... | @@ -65,7 +65,7 @@ export default { |
65 | isJump: { type: Boolean, default: false }, | 65 | isJump: { type: Boolean, default: false }, |
66 | sqywInfo: { type: Object, default: () => {} }, | 66 | sqywInfo: { type: Object, default: () => {} }, |
67 | }, | 67 | }, |
68 | data () { | 68 | data() { |
69 | return { | 69 | return { |
70 | queryForm: defaultParameters.defaultParameters(), | 70 | queryForm: defaultParameters.defaultParameters(), |
71 | tableData: { | 71 | tableData: { |
... | @@ -76,19 +76,19 @@ export default { | ... | @@ -76,19 +76,19 @@ export default { |
76 | bdcdysz: [], | 76 | bdcdysz: [], |
77 | }; | 77 | }; |
78 | }, | 78 | }, |
79 | mounted () { | 79 | mounted() { |
80 | sendThis(this); | 80 | sendThis(this); |
81 | }, | 81 | }, |
82 | methods: { | 82 | methods: { |
83 | //点击行选中或取消复选框 | 83 | //点击行选中或取消复选框 |
84 | handleRowClick (row, column, event) { | 84 | handleRowClick(row, column, event) { |
85 | //通过ref绑定后这里使用$refs.table来操作bom元素 | 85 | //通过ref绑定后这里使用$refs.table来操作bom元素 |
86 | this.$refs.table.toggleRowSelection(row); | 86 | this.$refs.table.toggleRowSelection(row); |
87 | }, | 87 | }, |
88 | closeDialog () { | 88 | closeDialog() { |
89 | this.$emit("closeDialog"); | 89 | this.$emit("closeDialog"); |
90 | }, | 90 | }, |
91 | fetchData () { | 91 | fetchData() { |
92 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 92 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
93 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 93 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
94 | if (res.code === 200) { | 94 | if (res.code === 200) { |
... | @@ -96,9 +96,9 @@ export default { | ... | @@ -96,9 +96,9 @@ export default { |
96 | this.tableData.total = total; | 96 | this.tableData.total = total; |
97 | this.tableData.data = records; | 97 | this.tableData.data = records; |
98 | } | 98 | } |
99 | }) | 99 | }); |
100 | }, | 100 | }, |
101 | submitForm () { | 101 | submitForm() { |
102 | if (this.bdcdysz.length == 0) { | 102 | if (this.bdcdysz.length == 0) { |
103 | this.$message.error("请至少选择一条数据"); | 103 | this.$message.error("请至少选择一条数据"); |
104 | return; | 104 | return; |
... | @@ -106,40 +106,45 @@ export default { | ... | @@ -106,40 +106,45 @@ export default { |
106 | startBusinessFlow({ | 106 | startBusinessFlow({ |
107 | bsmSqyw: this.sqywInfo.parentid, | 107 | bsmSqyw: this.sqywInfo.parentid, |
108 | bdcdysz: this.bdcdysz, | 108 | bdcdysz: this.bdcdysz, |
109 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 109 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
110 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 110 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
111 | }).then((res) => { | 111 | }).then((res) => { |
112 | if (res.code == 200) { | 112 | if (res.code == 200) { |
113 | this.$message({ | 113 | this.$message({ |
114 | showClose: true, | 114 | showClose: true, |
115 | message: '发起申请成功', | 115 | message: "发起申请成功", |
116 | type: 'success' | 116 | type: "success", |
117 | }) | 117 | }); |
118 | if (!this.isJump) { | 118 | if (!this.isJump) { |
119 | this.jump(res.result, this.sqywInfo.djywbm) | 119 | this.jump(res.result, this.sqywInfo.djywbm); |
120 | } else { | 120 | } else { |
121 | this.$emit('updateDialog', true) | 121 | this.$emit("updateDialog", true); |
122 | } | 122 | } |
123 | } else { | 123 | } else { |
124 | this.$message.error(res.message); | 124 | this.$message.error(res.message); |
125 | } | 125 | } |
126 | }) | 126 | }); |
127 | }, | 127 | }, |
128 | handleSelectionChange (val) { | 128 | handleSelectionChange(val) { |
129 | val.forEach((item, index) => { | 129 | val.forEach((item, index) => { |
130 | item.bsmSsql = item.bsmQlxx | 130 | item.bsmSsql = item.bsmQlxx; |
131 | item.ybdcqzsh = item.bdcqzh | 131 | item.ybdcqzsh = item.bdcqzh; |
132 | }) | 132 | }); |
133 | this.bdcdysz = val; | 133 | this.bdcdysz = val; |
134 | }, | 134 | }, |
135 | openBook (row) { | 135 | openBook(row) { |
136 | var param = { bdcdyid: row.bdcdyid, qllx: row.qllx, bdcdyh: row.bdcdyh, bsmQlxx: row.bsmQlxx }; | 136 | var param = { |
137 | this.$popup('登记簿详情', 'registerBook/djbFrame', { | 137 | bdcdyid: row.bdcdyid, |
138 | formData: param | 138 | qllx: row.qllx, |
139 | }) | 139 | bdcdyh: row.bdcdyh, |
140 | } | 140 | bsmQlxx: row.bsmQlxx, |
141 | } | 141 | }; |
142 | } | 142 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
143 | formData: param, | ||
144 | }); | ||
145 | }, | ||
146 | }, | ||
147 | }; | ||
143 | </script> | 148 | </script> |
144 | <style scoped lang="scss"> | 149 | <style scoped lang="scss"> |
145 | @import "~@/styles/mixin.scss"; | 150 | @import "~@/styles/mixin.scss"; | ... | ... |
... | @@ -51,7 +51,7 @@ export default { | ... | @@ -51,7 +51,7 @@ export default { |
51 | isJump: { type: Boolean, default: false }, | 51 | isJump: { type: Boolean, default: false }, |
52 | sqywInfo: { type: Object, default: () => {} }, | 52 | sqywInfo: { type: Object, default: () => {} }, |
53 | }, | 53 | }, |
54 | data () { | 54 | data() { |
55 | return { | 55 | return { |
56 | queryForm: defaultParameters.defaultParameters(), | 56 | queryForm: defaultParameters.defaultParameters(), |
57 | tableData: { | 57 | tableData: { |
... | @@ -66,22 +66,22 @@ export default { | ... | @@ -66,22 +66,22 @@ export default { |
66 | : this.sqywInfo.parentid, | 66 | : this.sqywInfo.parentid, |
67 | }; | 67 | }; |
68 | }, | 68 | }, |
69 | mounted () { | 69 | mounted() { |
70 | sendThis(this); | 70 | sendThis(this); |
71 | }, | 71 | }, |
72 | methods: { | 72 | methods: { |
73 | //点击行选中或取消复选框 | 73 | //点击行选中或取消复选框 |
74 | handleRowClick (row, column, event) { | 74 | handleRowClick(row, column, event) { |
75 | //通过ref绑定后这里使用$refs.table来操作bom元素 | 75 | //通过ref绑定后这里使用$refs.table来操作bom元素 |
76 | this.$refs.table.toggleRowSelection(row); | 76 | this.$refs.table.toggleRowSelection(row); |
77 | }, | 77 | }, |
78 | closeDialog () { | 78 | closeDialog() { |
79 | this.$emit("closeDialog"); | 79 | this.$emit("closeDialog"); |
80 | }, | 80 | }, |
81 | queryClick () { | 81 | queryClick() { |
82 | this.fetchData() | 82 | this.fetchData(); |
83 | }, | 83 | }, |
84 | fetchData () { | 84 | fetchData() { |
85 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 85 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
86 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 86 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
87 | if (res.code === 200) { | 87 | if (res.code === 200) { |
... | @@ -91,7 +91,7 @@ export default { | ... | @@ -91,7 +91,7 @@ export default { |
91 | } | 91 | } |
92 | }); | 92 | }); |
93 | }, | 93 | }, |
94 | submitForm () { | 94 | submitForm() { |
95 | if (this.bdcdysz.length == 0) { | 95 | if (this.bdcdysz.length == 0) { |
96 | this.$alert("请至少选择一条数据"); | 96 | this.$alert("请至少选择一条数据"); |
97 | return; | 97 | return; |
... | @@ -99,30 +99,30 @@ export default { | ... | @@ -99,30 +99,30 @@ export default { |
99 | startBusinessFlow({ | 99 | startBusinessFlow({ |
100 | bsmSqyw: this.bsmSqyw, | 100 | bsmSqyw: this.bsmSqyw, |
101 | bdcdysz: this.bdcdysz, | 101 | bdcdysz: this.bdcdysz, |
102 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 102 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
103 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 103 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
104 | }).then((res) => { | 104 | }).then((res) => { |
105 | if (res.code == 200) { | 105 | if (res.code == 200) { |
106 | this.$message({ | 106 | this.$message({ |
107 | showClose: true, | 107 | showClose: true, |
108 | message: '发起申请成功', | 108 | message: "发起申请成功", |
109 | type: 'success' | 109 | type: "success", |
110 | }) | 110 | }); |
111 | if (!this.isJump) { | 111 | if (!this.isJump) { |
112 | this.jump(res.result, this.djywbm) | 112 | this.jump(res.result, this.djywbm); |
113 | } else { | 113 | } else { |
114 | this.$emit('updateDialog', true) | 114 | this.$emit("updateDialog", true); |
115 | } | 115 | } |
116 | } else { | 116 | } else { |
117 | this.$alert(res.message); | 117 | this.$alert(res.message); |
118 | } | 118 | } |
119 | }) | 119 | }); |
120 | }, | 120 | }, |
121 | handleSelectionChange (val) { | 121 | handleSelectionChange(val) { |
122 | this.bdcdysz = val; | 122 | this.bdcdysz = val; |
123 | } | 123 | }, |
124 | } | 124 | }, |
125 | } | 125 | }; |
126 | </script> | 126 | </script> |
127 | <style scoped lang="scss"> | 127 | <style scoped lang="scss"> |
128 | @import "~@/styles/mixin.scss"; | 128 | @import "~@/styles/mixin.scss"; | ... | ... |
1 | <template> | ||
2 | <!-- 主体权利信息查询 --> | ||
3 | <div class="from-clues"> | ||
4 | <!-- 表单部分 --> | ||
5 | <div class="from-clues-header"> | ||
6 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
7 | <el-row> | ||
8 | <el-col :span="8"> | ||
9 | <el-form-item label="不动产权证号"> | ||
10 | <el-input | ||
11 | placeholder="请输入不动产权证号" | ||
12 | v-model="queryForm.bdcqzh" | ||
13 | clearable | ||
14 | class="width200px" | ||
15 | > | ||
16 | </el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="不动产单元号"> | ||
21 | <el-input | ||
22 | placeholder="请输入不动产单元号" | ||
23 | v-model="queryForm.bdcdyh" | ||
24 | clearable | ||
25 | class="width200px" | ||
26 | > | ||
27 | </el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> | ||
30 | <el-col :span="6"> | ||
31 | <el-form-item label="坐落"> | ||
32 | <el-input | ||
33 | placeholder="" | ||
34 | v-model="queryForm.zl" | ||
35 | clearable | ||
36 | class="width200px" | ||
37 | > | ||
38 | </el-input> | ||
39 | </el-form-item> | ||
40 | </el-col> | ||
41 | <el-col :span="2" class="btnColRight"> | ||
42 | <el-form-item> | ||
43 | <el-button type="primary" @click="fetchData()">查询</el-button> | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | </el-row> | ||
47 | </el-form> | ||
48 | </div> | ||
49 | <!-- 表格 --> | ||
50 | <div class="from-clues-content"> | ||
51 | <lb-table | ||
52 | ref="table" | ||
53 | @row-click="handleRowClick" | ||
54 | :page-size="pageData.pageSize" | ||
55 | :heightNum="400" | ||
56 | :current-page.sync="pageData.currentPage" | ||
57 | :total="tableData.total" | ||
58 | @size-change="handleSizeChange" | ||
59 | @p-current-change="handleCurrentChange" | ||
60 | @selection-change="handleSelectionChange" | ||
61 | :column="tableData.columns" | ||
62 | :data="tableData.data" | ||
63 | > | ||
64 | </lb-table> | ||
65 | </div> | ||
66 | <div class="submit_button"> | ||
67 | <el-button @click="closeDialog">取消</el-button> | ||
68 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
69 | </div> | ||
70 | </div> | ||
71 | </template> | ||
72 | <script> | ||
73 | import { datas, sendThis } from "../javascript/selectYgdy.js"; | ||
74 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
75 | import table from "@/utils/mixin/table"; | ||
76 | import jump from "./mixin/jump"; | ||
77 | import { selectYgdy, startBusinessFlow } from "@/api/ywbl.js"; | ||
78 | export default { | ||
79 | mixins: [table, jump], | ||
80 | props: { | ||
81 | isJump: { type: Boolean, default: false }, | ||
82 | sqywInfo: { type: Object, default: () => {} }, | ||
83 | }, | ||
84 | data() { | ||
85 | return { | ||
86 | queryForm: defaultParameters.defaultParameters(), | ||
87 | tableData: { | ||
88 | total: 0, | ||
89 | columns: datas.columns(), | ||
90 | data: [], | ||
91 | }, | ||
92 | bdcdysz: [], | ||
93 | }; | ||
94 | }, | ||
95 | mounted() { | ||
96 | sendThis(this); | ||
97 | }, | ||
98 | methods: { | ||
99 | //点击行选中或取消复选框 | ||
100 | handleRowClick(row, column, event) { | ||
101 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
102 | this.$refs.table.toggleRowSelection(row); | ||
103 | }, | ||
104 | closeDialog() { | ||
105 | this.$emit("closeDialog"); | ||
106 | }, | ||
107 | fetchData() { | ||
108 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
109 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
110 | if (res.code === 200) { | ||
111 | let { total, records } = res.result; | ||
112 | this.tableData.total = total; | ||
113 | this.tableData.data = records; | ||
114 | } | ||
115 | }); | ||
116 | }, | ||
117 | submitForm() { | ||
118 | if (this.bdcdysz.length == 0) { | ||
119 | this.$message.error("请至少选择一条数据"); | ||
120 | return; | ||
121 | } | ||
122 | startBusinessFlow({ | ||
123 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
124 | bdcdysz: this.bdcdysz, | ||
125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | ||
126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | ||
127 | }).then((res) => { | ||
128 | if (res.code == 200) { | ||
129 | this.$message({ | ||
130 | showClose: true, | ||
131 | message: '发起申请成功', | ||
132 | type: 'success' | ||
133 | }) | ||
134 | if (!this.isJump) { | ||
135 | this.jump(res.result, this.sqywInfo.djywbm) | ||
136 | } else { | ||
137 | this.$emit('updateDialog', true) | ||
138 | } | ||
139 | } else { | ||
140 | this.$message.error(res.message); | ||
141 | } | ||
142 | }); | ||
143 | }, | ||
144 | handleSelectionChange(val) { | ||
145 | val.forEach((item, index) => { | ||
146 | item.bsmSsql = item.bsmQlxx; | ||
147 | item.ybdcqzsh = item.bdcqzh; | ||
148 | }); | ||
149 | this.bdcdysz = val; | ||
150 | }, | ||
151 | }, | ||
152 | }; | ||
153 | </script> | ||
154 | <style scoped lang="scss"> | ||
155 | @import "~@/styles/mixin.scss"; | ||
156 | @import "~@/styles/public.scss"; | ||
157 | </style> |
... | @@ -33,17 +33,17 @@ class data extends filter { | ... | @@ -33,17 +33,17 @@ class data extends filter { |
33 | return ( | 33 | return ( |
34 | <div> | 34 | <div> |
35 | {/* <a v-on:click="doSomething"></a> */} | 35 | {/* <a v-on:click="doSomething"></a> */} |
36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 36 | <a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> |
37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | 37 | <span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span> |
38 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | 38 | <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span> |
39 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | 39 | <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span> |
40 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | 40 | <span icon="el-icon-discover" v-show={scope.row.cfzt == 1}> 已查封</span> |
41 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | 41 | <span icon="el-icon-discover" v-show={scope.row.diyizt == 1}>,已地役</span> |
42 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | 42 | <span icon="el-icon-discover" v-show={scope.row.yyzt == 1}>,异议中</span> |
43 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | 43 | <span icon="el-icon-discover" v-show={scope.row.xzzt == 1}>,已限制</span> |
44 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | 44 | <span icon="el-icon-discover" v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> |
45 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | 45 | <span icon="el-icon-discover" v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> |
46 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | 46 | <span icon="el-icon-discover" v-show={scope.row.dyzt == 1}>,已抵押</span> |
47 | </div> | 47 | </div> |
48 | ) | 48 | ) |
49 | } | 49 | } | ... | ... |
src/views/ywbl/ywsq/javascript/selectYgdy.js
0 → 100644
1 | import filter from '@/utils/filter.js' | ||
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_this) => { | ||
5 | vm = _this | ||
6 | } | ||
7 | class data extends filter { | ||
8 | constructor() { | ||
9 | super() | ||
10 | } | ||
11 | columns () { | ||
12 | return [ | ||
13 | { | ||
14 | type: 'selection', | ||
15 | label: '全选' | ||
16 | }, | ||
17 | { | ||
18 | label: '序号', | ||
19 | type: 'index', | ||
20 | width: '50', | ||
21 | render: (h, scope) => { | ||
22 | return ( | ||
23 | <div> | ||
24 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
25 | </div> | ||
26 | ) | ||
27 | } | ||
28 | }, | ||
29 | { | ||
30 | prop: "status", | ||
31 | label: "状态", | ||
32 | render: (h, scope) => { | ||
33 | return ( | ||
34 | <div> | ||
35 | {/* <a v-on:click="doSomething"></a> */} | ||
36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
38 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
39 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
40 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
41 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
42 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
43 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
44 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
45 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
46 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
47 | </div> | ||
48 | ) | ||
49 | } | ||
50 | }, | ||
51 | { | ||
52 | prop: "bdcqzh", | ||
53 | label: "不动产证明号", | ||
54 | }, | ||
55 | { | ||
56 | prop: "bdcdyh", | ||
57 | label: "不动产单元号", | ||
58 | }, | ||
59 | { | ||
60 | prop: "dyfs", | ||
61 | label: "抵押方式", | ||
62 | render: (h, scope) => { | ||
63 | switch (scope.row.dyfs) { | ||
64 | case '1': | ||
65 | return <span>一般抵押</span> | ||
66 | case '2': | ||
67 | return <span>最高额抵押</span> | ||
68 | } | ||
69 | } | ||
70 | }, | ||
71 | { | ||
72 | prop: "qlrmc", | ||
73 | label: "抵押权人", | ||
74 | }, | ||
75 | { | ||
76 | prop: "qlrzjhm", | ||
77 | label: "抵押权人证件号", | ||
78 | }, | ||
79 | { | ||
80 | prop: "ywrmc", | ||
81 | label: "抵押人", | ||
82 | }, | ||
83 | { | ||
84 | prop: "ywrzjhm", | ||
85 | label: "抵押人证件号", | ||
86 | }, | ||
87 | { | ||
88 | prop: "dyje", | ||
89 | label: "抵押金额(万元)", | ||
90 | }, | ||
91 | { | ||
92 | prop: "dymj", | ||
93 | label: "抵押面积", | ||
94 | }, | ||
95 | { | ||
96 | prop: "dyqx", | ||
97 | label: "债务履行期限", | ||
98 | }, | ||
99 | { | ||
100 | prop: "zl", | ||
101 | label: "坐落", | ||
102 | } | ||
103 | ] | ||
104 | } | ||
105 | |||
106 | |||
107 | } | ||
108 | let datas = new data() | ||
109 | export { | ||
110 | datas, | ||
111 | sendThis | ||
112 | } |
... | @@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) { | ... | @@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) { |
54 | case "B40200"://预告转移 | 54 | case "B40200"://预告转移 |
55 | case "B40300"://预告变更 | 55 | case "B40300"://预告变更 |
56 | case "B40400"://预告注销 | 56 | case "B40400"://预告注销 |
57 | case "B41100": //预告抵押首次 | ||
57 | vm ="selectYgdj200"; | 58 | vm ="selectYgdj200"; |
58 | break; | 59 | break; |
60 | case "B41200": //预告抵押转移 | ||
61 | case "B41300": //预告抵押变更 | ||
62 | case "B41400": //预告抵押注销 | ||
63 | vm ="selectYgdy"; | ||
64 | break; | ||
59 | default: | 65 | default: |
60 | vm = "selecBdcql"; | 66 | vm = "selecBdcql"; |
61 | break; | 67 | break; | ... | ... |
-
Please register or sign in to post a comment