Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
db6d83d1 by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents b57829e9 8b3e78e8
Inline Side-by-side
Showing 48 changed files with 2120 additions and 608 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({
......
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 }
......
...@@ -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>
36 </div> 39 </div>
37 40 </div>
38 <div class="submit-button" v-show="isSearch" style="padding-bottom:20px"> 41 <el-divider></el-divider>
39 <el-button type="primary" v-if="searchData.data.length > 0">房产结果打印（1）</el-button> 42 <div class="submit-button" style="padding-bottom:50px">
40 <el-button type="primary" v-else>无房证明打印（1）</el-button> 43 <el-button @click="resetClick">重置</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");
104 }, 108 this.add("qlr");
105 'ruleForm.ycyrgx' (val) {
106 if (val != 1) {
107 this.qldataList = _.cloneDeep(this.dataList)
108 this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
109 } else { 109 } else {
110 this.qldataList = this.addJtfc.sqxx 110 this.loadData();
111 this.addJtfc.qlrxx = this.addJtfc.sqxx
112 } 111 }
113 } 112 }
114 }, 113 },
114 "form.djSqcxDO.ycyrgx"(val) {
115 if (val == "1") {
116 this.form.qlrList = this.form.sqrList;
117 } else {
118 this.form.qlrList = [];
119 this.add("qlr");
120 }
121 },
122 "form.sqrList"(val) {
123 //this.$alert(val);
124 },
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;
125 }, 136 this.isSearch = true;
126 handleGetQlList (val) {
127 if (this.ruleForm.ycyrgx != 1) {
128 this.addJtfc.qlrxx = val
129 } 137 }
138 });
130 }, 139 },
131 queryChick () { 140 queryChick() {
132 this.addJtfc.djSqcxDO = { ...this.ruleForm } 141 this.$startLoading();
133 addJtfcCxjgXx(this.addJtfc).then(res => { 142 addJtfcCxjgXx(this.form).then((res) => {
134 this.searchData.data = res.result; 143 this.$endLoading();
135 console.log(res); 144 if (res.code == 200) {
136 this.isSearch = true 145 this.form = res.result;
137 }) 146 this.isSearch = true;
147 this.$parent.queryClick();
148 }
149 });
138 }, 150 },
139 resetClick () { 151 resetClick() {
140 this.qldataList = _.cloneDeep(this.dataList) 152 this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" };
141 this.sqdataList = _.cloneDeep(this.dataList) 153 this.form.sqrList = _.cloneDeep([this.newData]);
154 this.form.qlrList =_.cloneDeep([this.newData]);
155 this.form.cxjgList = [];
156 this.form.dyjlList = [];
157 this.isSearch = false;
142 }, 158 },
143 handleRead (row) { }, 159 handleRead(scope) {},
144 160 add(type) {
145 //抵押 161 if (type == "sqr") {
146 dyClick () { 162 this.form.sqrList.push(this.newData);
147 163 } else {
164 this.form.qlrList.push(this.newData);
165 }
148 }, 166 },
149 167 remove(index, row, type) {
150 //查封 168 if (type == "sqr") {
151 cfClick () { 169 this.form.sqrList.splice(index, 1);
152 170 } else {
171 this.form.qlrList.splice(index, 1);
153 } 172 }
173 },
174 teltest(row) {
175 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
176 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
177 row.inputErr = true;
178 return false;
179 } else {
180 row.inputErr = false;
181 return true;
154 } 182 }
155 } 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) => {
96 scope.row[scope.column.property] = val;
97 }}
98 >
99 {this.dictData["A30"].map((option) => {
74 return ( 100 return (
75 <el-option label={option.dname} value={option.dcode}></el-option> 101 <el-option
76 ) 102 label={option.dname}
77 }) 103 value={option.dcode}
78 } 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 }
110 }
111 ],
112 data: []
113 }
114 }
115 },
116 watch: {
117 'tableData.data': {
118 handler (newValue, oldName) {
119 if (newValue.length != 0) {
120 this.$emit('getInfoList', newValue)
121 }
122 }, 159 },
123 deep: true,
124 immediate: true
125 }, 160 },
126 dataList: { 161 ],
127 handler (newValue, oldName) { 162 data: this.dataList,
128 this.tableData.data = _.cloneDeep(newValue)
129 console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
130 }, 163 },
131 deep: true, 164 };
132 immediate: true
133 }, 165 },
166 watch: {
167 // 'tableData.data': {
168 // handler (newValue, oldName) {
169 // if (newValue.length != 0) {
170 // //this.$alert(newValue);
171 // //this.$emit('getInfoList', newValue)
172 // }
173 // },
174 // deep: true,
175 // immediate: true
176 // },
177 // dataList: {
178 // handler (newValue, oldName) {
179 // this.tableData.data = _.cloneDeep(newValue)
180 // //console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
181 // },
182 // deep: true,
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 }
158 }
159 } 207 }
160 } 208 },
209 },
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", {
99 // formData: {
100 // sqcxBsm: sqcxBsm,
101 // },
102 // cancel: function () { }, //取消事件的回调
103 // confirm: function () { },
104 // });
89 }, 105 },
90 cancel: function () { }, //取消事件的回调 106 handleLoad() {
91 confirm: function () { }, 107 this.timer = new Date().getTime();
92 }); 108 },
93 } 109 },
94 } 110 };
95 }
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>
...@@ -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: "操作",
......
1 <template>
2 <div>
3 <div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
4 <div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
5 <div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
6 <div style="display:flex">
7 <div>
8 <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
9 <col width="30" />
10 <col width="50" />
11 <col width="160" />
12 <col width="50" />
13 <col width="120" />
14 <tr>
15 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
16 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
17 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">1111</td>
18 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
19 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">123</td>
20 </tr>
21 <tr>
22 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
23 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
24 </tr>
25 </table>
26 </div>
27 <div style="margin-left: 20px;font-size: 14px;">
28 单位：
29 <span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
30 <!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
31 <span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;margin-left:10px"></span>
32 公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
33 </div>
34 </div>
35 <div style="margin-top:20px"></div>
36 <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
37 <col width="80" />
38 <col width="100" />
39 <col width="180" />
40 <col width="80" />
41 <col width="60" />
42 <col width="20" />
43 <col width="180" />
44 <tr>
45 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
46 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
47 <span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
48 <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
49 <span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
50 {{item.name}}
51 </span>
52 </td>
53 </tr>
54 <tr>
55 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
56 <span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
57 <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
58 <span class="check-box" style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
59 {{item.name}}
60 </span>
61 </td>
62 </tr>
63 <tr>
64 <td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
65 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
66 </tr>
67 <tr>
68 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
69 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
70 </tr>
71 <tr>
72 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
73 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
74 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
75 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
76 </tr>
77 <tr>
78 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
79 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
80 <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
81 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
82 </tr>
83 <tr>
84 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
85 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
86 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
87 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
88 </tr>
89 <tr>
90 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
91 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
92 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
93 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
94 </tr>
95 <tr>
96 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
97 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
98 </tr>
99 <tr>
100 <td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
101 </tr>
102 <tr>
103 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
104 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
105 </tr>
106 <tr>
107 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
108 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
109 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
110 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
111 </tr>
112 <tr>
113 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
114 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
115 <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
116 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
117 </tr>
118 <tr>
119 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
120 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
121 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
122 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
123 </tr>
124 <tr>
125 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
126 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
127 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
128 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
129 </tr>
130 <tr>
131 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
132 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
133 </tr>
134 <tr>
135 <td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
136 </tr>
137 <tr>
138 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
139 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdixxxxo</td>
140 </tr>
141 <tr>
142 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
143 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">000001号</td>
144 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
145 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
146 </tr>
147 <tr>
148 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
149 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
150 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
151 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
152 </tr>
153 <tr>
154 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
155 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
156 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
157 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
158 </tr>
159 <tr>
160 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
161 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
162 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
163 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
164 </tr>
165 <tr>
166 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
167 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
168 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
169 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
170 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
171 </tr>
172 </table>
173 </div>
174 <button @click="printView()"> 打印预览 </button>
175 </div>
176 </div>
177 </template>
178 <script>
179
180 import { mapGetters } from 'vuex';
181 import { getLodop } from "@/utils/LodopFuncs";
182 export default {
183 components: {},
184 computed: {
185 ...mapGetters(['dictData'])
186 },
187 mounted() {
188 console.log(this.dictData['A8']);
189
190 },
191 data () {
192 return {
193 ywlxList: [
194 {name: '国有建设用地使用权',value: 'A03',checked:true},
195 {name: '国有建设用地使用权/房屋所有权',value: 'A04',checked:false},
196 ],
197 djlxList: [
198 {name: '首次登记',value: '100',checked:true},
199 {name: '转移登记',value: '200',checked:false},
200 {name: '变更登记',value: '300',checked:false},
201 {name: '注销登记',value: '400',checked:false},
202 {name: '更正登记',value: '901',checked:false},
203 {name: '异议登记',value: 'B',checked:false},
204 {name: '预告登记',value: '902',checked:false},
205 {name: '查封登记',value: 'B39',checked:false},
206 {name: '其他___________',value: '99',checked:false},
207 ]
208 }
209 },
210 methods: {
211 printView(){
212 let lodop = getLodop();
213 lodop.PRINT_INIT("测试");
214 //纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
215 lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
216 lodop.PREVIEW();
217 },
218 }
219 }
220 </script>
221 <style scoped lang='scss'>
222 .zdxx {
223 width: 100%;
224 height: 100%;
225 background-color: #f5f5f5;
226 padding: 5px;
227 }
228
229 .print-title{
230 font-size: 24px;
231 font-weight: bolder;
232 margin: 20px 0px;
233 }
234
235 .print-unit{
236 line-height: 60px;
237 margin-left: 20px;
238 font-size: 14px;
239 }
240
241 .left-title{
242 font-size: 16px
243 }
244
245 .inline-title{
246 font-size:16px;
247 font-weight: bolder;
248 }
249
250 .text-left {
251 text-align: left;
252 }
253
254 .check-box {
255 display: inline-block;
256 border: 1px solid rgb(114, 113, 113);
257 border-radius: 2px;
258 box-sizing: border-box;
259 width: 10px;
260 height: 10px;
261 }
262
263
264 .tablebox {
265 overflow-x: auto;
266 width: 100%;
267 height: 100%;
268 background: #fff;
269 text-align: center;
270 padding: 4px;
271 overflow-y: scroll;
272
273 .printTable {
274 width: 100%;
275 color: #333;
276
277 td {
278 border: 1px solid rgb(194, 191, 191);
279 line-height: 30px;
280 padding: 0 4px;
281 }
282
283 .title {
284 line-height: 68px;
285 font-size: 20px;
286 }
287
288 .unit {
289 text-align: right;
290 }
291
292 .title2 {
293 writing-mode: vertical-lr;
294 letter-spacing: 6px;
295 }
296
297 .bhqk {
298 padding: 0;
299
300 .box {
301 width: 745px;
302 overflow: auto;
303 }
304 table {
305 .bhqkTh {
306 width: 110px;
307 line-height: 40px;
308 background-color: #f5f5f5;
309 border: 1px solid rgb(228, 228, 228);
310 font-weight: bold;
311 }
312
313 td {
314 width: 180px;
315 }
316 }
317 }
318 }
319 }
320 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -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) {
151 debugger
152 if(this.isaddupdate){
153 if (!_.isEqual(value, this.tableData)) {
154 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
155 this.$emit('upDateQlrxxList', this.tableDataList)
156 }
157 }else{
150 if (!_.isEqual(value, this.tableData)) { 158 if (!_.isEqual(value, this.tableData)) {
151 this.tableDataList[this.dataIndex] = _.cloneDeep(value); 159 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
152 // this.key++
153 this.$emit('upDateQlrxxList', this.tableDataList) 160 this.$emit('upDateQlrxxList', this.tableDataList)
154 } 161 }
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
......
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>
...@@ -61,7 +63,9 @@ export default { ...@@ -61,7 +63,9 @@ export default {
61 }, 63 },
62 changeSelectItem(item){ 64 changeSelectItem(item){
63 this.selectItem = item 65 this.selectItem = item
66 this.selectActivity = item.activityId
64 }, 67 },
68 //获取可回退环节信息
65 getBackNode () { 69 getBackNode () {
66 getTaskBackNode(this.formData).then(res => { 70 getTaskBackNode(this.formData).then(res => {
67 if (res.code == 200) { 71 if (res.code == 200) {
...@@ -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;
......
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 }
...@@ -279,6 +284,22 @@ export default { ...@@ -279,6 +284,22 @@ export default {
279 message: "action: " + action 284 message: "action: " + action
280 }) 285 })
281 }) 286 })
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();
282 } 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 }
......
...@@ -43,6 +43,14 @@ ...@@ -43,6 +43,14 @@
43 width: 100%; 43 width: 100%;
44 } 44 }
45 45
46 .title-batch {
47 height: 70px;
48
49 .menus {
50 justify-content: center
51 }
52 }
53
46 ul { 54 ul {
47 position: relative; 55 position: relative;
48 height: calc(100vh - 120px); 56 height: calc(100vh - 120px);
......
...@@ -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,6 +193,8 @@ export default { ...@@ -206,6 +193,8 @@ 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;
196 //批量操作无分屏按钮
197 if(index != null){
209 //处理分屏材料信息 198 //处理分屏材料信息
210 let that = this; 199 let that = this;
211 this.tabList.forEach(function (item, index) { 200 this.tabList.forEach(function (item, index) {
...@@ -216,7 +205,21 @@ export default { ...@@ -216,7 +205,21 @@ export default {
216 } 205 }
217 }) 206 })
218 } 207 }
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);
......
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 </el-row> 100 </el-row>
101 101
102 <div class="slxx_title title-block"> 102 <div class="slxx_title title-block">
103 抵押信息11 103 抵押信息
104 <div class="triangle"></div> 104 <div class="triangle"></div>
105 </div> 105 </div>
106 106
......
...@@ -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>
......
...@@ -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 义务人信息
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：">
52 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
57 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
58 </el-form-item>
59 </el-col>
60 <el-col :span="8">
61 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
62 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
63 </el-form-item>
64 </el-col>
65 </el-row>
66 <el-row :gutter="10">
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
69 <el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
74 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
79 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
80 </el-form-item>
81 </el-col>
82 </el-row>
83 <el-row :gutter="10">
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
86 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
91 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
96 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 <div class="slxx_title title-block">
101 预抵押信息
102 <div class="triangle"></div>
103 </div>
104 <el-row :gutter="10">
105 <el-col :span="8">
106 <el-form-item :class="flag ? 'marginBot0' : ''" label="被担保主债权数额：">
107 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行起始时间：">
112 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" type="date">
113 </el-date-picker>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行结束时间：">
118 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" type="date">
119 </el-date-picker>
120 </el-form-item>
121 </el-col>
122 </el-row>
123 <el-row>
124 <el-col :span="8">
125 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
126 <el-input v-model="ruleForm.ygdj.dbfw"
127 :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
132 <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="$route.query.viewtype == 1"></el-input>
133 </el-form-item>
134 </el-col>
135 </el-row>
136 <div class="slxx_title title-block">
137 权利人信息
138 <div class="triangle"></div>
139 </div>
140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx">
142 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
144 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio>
147 <el-radio label="3">其它共有</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 </el-row>
152 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
153 :gyfs="ruleForm.qlxx.gyfs" />
154 <div class="slxx_title title-block">
155 义务人信息
156 <div class="triangle"></div>
157 </div>
158 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
159 :gyfs="ruleForm.qlxx.gyfs" />
160 <div class="slxx_title title-block">
161 登记原因
162 <div class="triangle"></div>
163 </div>
164 <el-row :gutter="10">
165 <el-col>
166 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
167 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
168 v-model="ruleForm.ygdj.djyy">
169 </el-input>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 </div>
174 <el-row class="btn" v-if="!$route.query.viewtype">
175 <el-form-item :class="flag ? 'marginBot0' : ''">
176 <el-button type="primary" @click="onSubmit">保存</el-button>
177 </el-form-item>
178 </el-row>
179 </el-form>
180 </div>
181 </template>
182 <script>
183 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
184 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
185 import { mapGetters } from "vuex";
186 export default {
187 async created () {
188 this.propsParam = this.$attrs;
189 var formdata = new FormData();
190 formdata.append("bsmSldy", this.propsParam.bsmSldy);
191 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
192 formdata.append("djlx", this.propsParam.djlx);
193 Init(formdata).then((res) => {
194 if (res.code === 200 && res.result) {
195 this.ruleForm = res.result;
196 }
197 });
198 },
199 components: { qlrCommonTable },
200 computed: {
201 ...mapGetters(["dictData", "flag"]),
202 },
203 data () {
204 return {
205 disabled: true,
206 tdytOption: [],
207 czrOptions: [],
208 ruleForm: {},
209 //传递参数
210 propsParam: this.$attrs,
211 rules: {},
212 };
213 },
214 methods: {
215 // 更新权利人信息
216 upDateQlrxxList (val) {
217 this.ruleForm.qlrList = _.cloneDeep(val);
218 },
219 // 更新权利人信息
220 upDateYwrxxList (val) {
221 this.ruleForm.ywrList = _.cloneDeep(val);
222 },
223
224 onSubmit () {
225 saveData(this.ruleForm).then((res) => {
226 if (res.code === 200) {
227 this.$message({
228 showClose: true,
229 message: "保存成功！",
230 type: "success",
231 });
232 } else {
233 this.$message({
234 showClose: true,
235 message: res.message,
236 type: "error",
237 });
238 }
239 });
240 },
241 },
242 };
243 </script>
244 <style scoped lang='scss'>
245 @import "~@/styles/public.scss";
246
247 /deep/.el-form {
248 display: flex;
249 flex-direction: column;
250 height: calc(100vh - 130px);
251 }
252
253 /deep/.el-form-item__label {
254 padding: 0;
255 }
256
257 /deep/.el-radio {
258 margin-right: 10px;
259 }
260
261 /deep/.el-select {
262 width: 100%;
263 }
264
265 /deep/.el-form-item {
266 margin-bottom: 8px;
267 }
268
269 .marginBot0 {
270 margin-bottom: 0 !important;
271 }
272
273 .slxx {
274 box-sizing: border-box;
275 }
276
277 .slxx_con {
278 flex: 1;
279 height: 100%;
280 background-color: #ffffff;
281 overflow-y: auto;
282 padding-right: 3px;
283 overflow-x: hidden;
284 }
285
286 .submit_btn {
287 height: 50px;
288 }
289
290 .slxx_title {
291 border-bottom: 1px solid $borderColor;
292 padding-left: 10px;
293 padding-bottom: 5px;
294 margin-bottom: 10px;
295 margin-top: 5px;
296 font-size: 16px;
297 font-weight: 500;
298 color: #4a4a4a;
299 }
300
301 .btn {
302 text-align: center;
303 padding-top: 10px;
304 height: 36px;
305 background-color: #ffffff;
306 padding: 5px 0;
307 }
308
309 .textArea {
310 /deep/.el-textarea__inner {
311 min-height: 90px !important;
312 }
313 }
314
315 /deep/.el-form-item__label {
316 padding-bottom: 0px;
317 }
318 </style>
...@@ -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 }
......
...@@ -7,34 +7,19 @@ ...@@ -7,34 +7,19 @@
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">
...@@ -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 }
......
...@@ -73,7 +73,7 @@ class data extends filter { ...@@ -73,7 +73,7 @@ class data extends filter {
73 label: "权利人", 73 label: "权利人",
74 }, 74 },
75 { 75 {
76 prop: "zjh", 76 prop: "qlrzjhm",
77 label: "证件号", 77 label: "证件号",
78 }, 78 },
79 { 79 {
......
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;
......