Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
30 changed files
with
1846 additions
and
345 deletions
1 | /* | 1 | /* |
2 | * @Description: 不动产权证 | 2 | * @Description: 不动产权证 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-16 14:04:18 | 4 | * @LastEditTime: 2023-09-05 13:24:14 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request'; | 6 | import request from '@/utils/request'; |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { | ... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { |
131 | responseType: 'blob' | 131 | responseType: 'blob' |
132 | }) | 132 | }) |
133 | } | 133 | } |
134 | // 获取不动产权证详细信息 | ||
135 | export function getBdcqzDetail (bsmBdcqz) { | ||
136 | return request({ | ||
137 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail', | ||
138 | method: 'get', | ||
139 | params: { | ||
140 | bsmBdcqz: bsmBdcqz | ||
141 | } | ||
142 | }) | ||
143 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
src/api/xxba.js
0 → 100644
1 | /* | ||
2 | * @Description: 信息备案 | ||
3 | * @Autor: | ||
4 | * @LastEditTime: 2023-07-19 14:52:03 | ||
5 | */ | ||
6 | |||
7 | import request from '@/utils/request' | ||
8 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
9 | |||
10 | /** | ||
11 | * @description: 添加银行 | ||
12 | * @param {*} data | ||
13 | * @author: | ||
14 | */ | ||
15 | export function addYh (data) { | ||
16 | return request({ | ||
17 | url: SERVER.SERVERAPI + '/rest/sys/company/addYh', | ||
18 | method: 'post', | ||
19 | data | ||
20 | }) | ||
21 | } | ||
22 | /** | ||
23 | * @description: 添加企业 | ||
24 | * @param {*} data | ||
25 | * @author: | ||
26 | */ | ||
27 | export function addQy (data) { | ||
28 | return request({ | ||
29 | url: SERVER.SERVERAPI + '/rest/sys/company/addQy', | ||
30 | method: 'post', | ||
31 | data | ||
32 | }) | ||
33 | } | ||
34 | |||
35 | /** | ||
36 | * @description: 查询企业列表 | ||
37 | * @author: | ||
38 | * @param data | ||
39 | */ | ||
40 | export function queryQyByPage (data) { | ||
41 | return request({ | ||
42 | url: SERVER.SERVERAPI + '/rest/sys/company/queryQyByPage', | ||
43 | method: 'post', | ||
44 | data | ||
45 | }) | ||
46 | } | ||
47 | |||
48 | /** | ||
49 | * @description: 查询银行列表 | ||
50 | * @author: | ||
51 | * @param data | ||
52 | */ | ||
53 | export function queryYhByPage (data) { | ||
54 | return request({ | ||
55 | url: SERVER.SERVERAPI + '/rest/sys/company/queryYhByPage', | ||
56 | method: 'post', | ||
57 | data | ||
58 | }) | ||
59 | } | ||
60 |
... | @@ -51,17 +51,26 @@ | ... | @@ -51,17 +51,26 @@ |
51 | </el-form-item> | 51 | </el-form-item> |
52 | </el-col> | 52 | </el-col> |
53 | <el-col :span="8"> | 53 | <el-col :span="8"> |
54 | <el-form-item label="是否效验土地确权" prop="enabled" v-if="form.sqdjyw"> | ||
55 | <el-radio-group v-model="form.sqdjyw.sfjytd"> | ||
56 | <el-radio label="1">是</el-radio> | ||
57 | <el-radio label="0">否</el-radio> | ||
58 | </el-radio-group> | ||
59 | </el-form-item> | ||
60 | </el-col> | ||
61 | </el-row> | ||
62 | <el-row> | ||
63 | <el-col :span="8"> | ||
54 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> | 64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> |
55 | <el-input v-model="form.sqdjyw.flowid"></el-input> | 65 | <el-input v-model="form.sqdjyw.flowid"></el-input> |
56 | </el-form-item> | 66 | </el-form-item> |
57 | </el-col> | 67 | </el-col> |
58 | <el-col :span="24"> | 68 | <el-col :span="16"> |
59 | <el-form-item label="流程参数" prop="flowparams" v-if="form.sqdjyw"> | 69 | <el-form-item label="流程参数" prop="flowparams" v-if="form.sqdjyw"> |
60 | <el-input v-model="form.sqdjyw.flowparams"></el-input> | 70 | <el-input v-model="form.sqdjyw.flowparams"></el-input> |
61 | </el-form-item> | 71 | </el-form-item> |
62 | </el-col> | 72 | </el-col> |
63 | </el-row> | 73 | </el-row> |
64 | |||
65 | <el-row> | 74 | <el-row> |
66 | <el-col :span="8"> | 75 | <el-col :span="8"> |
67 | <el-form-item label="登记原因设置" prop="sfqydjyymb" v-if="form.sqdjyw"> | 76 | <el-form-item label="登记原因设置" prop="sfqydjyymb" v-if="form.sqdjyw"> |
... | @@ -93,7 +102,11 @@ | ... | @@ -93,7 +102,11 @@ |
93 | </el-row> | 102 | </el-row> |
94 | </el-form> | 103 | </el-form> |
95 | <el-collapse class="modifycollapse" accordion> | 104 | <el-collapse class="modifycollapse" accordion> |
96 | <el-collapse-item title="登记情形设置" name="1"> | 105 | <el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'"> |
106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> | ||
107 | </lb-table> | ||
108 | </el-collapse-item> | ||
109 | <el-collapse-item title="登记情形设置" name="1" v-if="form.sqdjyw.sqfl=='1'"> | ||
97 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djqx"> | 110 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djqx"> |
98 | </lb-table> | 111 | </lb-table> |
99 | </el-collapse-item> | 112 | </el-collapse-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 17:33:06 | 4 | * @LastEditTime: 2023-09-06 15:32:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <div class="zsdy-content" v-Loading="loading"> | 8 | <div class="zsdy-content" v-Loading="loading"> |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | ||
12 | ref="ruleForm" | 11 | ref="ruleForm" |
13 | label-width="120px"> | 12 | label-width="120px"> |
14 | <el-form-item label="印刷序列号:" prop="ysxlh"> | 13 | <el-form-item label="印刷序列号:" prop="ysxlh"> |
15 | <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> | 14 | <el-row> |
15 | <el-col :span="22"> | ||
16 | <el-select v-model="ruleForm.ysxlh" @change="handleSelect" :disabled="disabled" placeholder="请选择"> | ||
16 | <el-option | 17 | <el-option |
17 | v-for="item in ysxlh" | 18 | v-for="item in ysxlh" |
18 | :key="item.ysxlh" | 19 | :key="item.ysxlh" |
... | @@ -20,11 +21,17 @@ | ... | @@ -20,11 +21,17 @@ |
20 | :value="item.ysxlh"> | 21 | :value="item.ysxlh"> |
21 | </el-option> | 22 | </el-option> |
22 | </el-select> | 23 | </el-select> |
24 | </el-col> | ||
25 | <el-col :span="2" v-if="this.formData.ysxlh"> | ||
26 | <el-button type="primary" @click="handleZF" v-if="disabled">作废</el-button> | ||
27 | </el-col> | ||
28 | </el-row> | ||
29 | |||
23 | </el-form-item> | 30 | </el-form-item> |
24 | </el-form> | 31 | </el-form> |
25 | <div class="zs-content"> | 32 | <div class="zs-content"> |
26 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas> | 33 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1" height="700"></canvas> |
27 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas> | 34 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas> |
28 | </div> | 35 | </div> |
29 | </div> | 36 | </div> |
30 | <!-- 打印模板需要此模块 --> | 37 | <!-- 打印模板需要此模块 --> |
... | @@ -33,8 +40,24 @@ | ... | @@ -33,8 +40,24 @@ |
33 | </object> | 40 | </object> |
34 | <div class="text-center pt-10"> | 41 | <div class="text-center pt-10"> |
35 | <el-button @click="$popupCacel">取消</el-button> | 42 | <el-button @click="$popupCacel">取消</el-button> |
36 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 43 | <el-button type="primary" @click="handlePrint" v-if="disabled">打印</el-button> |
44 | <el-button type="primary" @click="handleSubmit" v-else>确定</el-button> | ||
45 | </div> | ||
46 | |||
47 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="40%" :modal-append-to-body="false" top="30vh"> | ||
48 | <div class="invalid-diglog"> | ||
49 | <div class="invalid-title"> | ||
50 | <i class="el-icon-question invalid-icon"></i> | ||
51 | <div class="invalid-body">您确定作废证书并再次打印?印刷序列号{{bdcqz.ysxlh}}</div> | ||
52 | </div> | ||
53 | <div class="invalid-reson">作废原因:</div> | ||
54 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
55 | <div class="text-center pt-10"> | ||
56 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
57 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
58 | </div> | ||
37 | </div> | 59 | </div> |
60 | </el-dialog> | ||
38 | </div> | 61 | </div> |
39 | </template> | 62 | </template> |
40 | 63 | ||
... | @@ -43,7 +66,7 @@ | ... | @@ -43,7 +66,7 @@ |
43 | import { datas } from "../../javascript/zsyl.js"; | 66 | import { datas } from "../../javascript/zsyl.js"; |
44 | import { getPrintTemplateByCode } from "@/api/print"; | 67 | import { getPrintTemplateByCode } from "@/api/print"; |
45 | import { getLodop } from "@/utils/LodopFuncs" | 68 | import { getLodop } from "@/utils/LodopFuncs" |
46 | import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js"; | 69 | import { readYsxlh, certificate, getBdcqzDetail, invalidCertificate } from "@/api/bdcqz.js"; |
47 | export default { | 70 | export default { |
48 | props: { | 71 | props: { |
49 | formData: { | 72 | formData: { |
... | @@ -55,29 +78,28 @@ | ... | @@ -55,29 +78,28 @@ |
55 | }, | 78 | }, |
56 | data () { | 79 | data () { |
57 | return { | 80 | return { |
81 | // 详细信息 | ||
82 | bdcqz: {}, | ||
58 | key: 0, | 83 | key: 0, |
84 | disabled: false, | ||
59 | // 不动产证书图片地址 | 85 | // 不动产证书图片地址 |
60 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 86 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
61 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | 87 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
62 | loading: false, | 88 | loading: false, |
63 | bdcqz: [], | ||
64 | //印刷序列号集合 | 89 | //印刷序列号集合 |
65 | ysxlh: [], | 90 | ysxlh: [], |
66 | //列名称对象 | 91 | //列名称对象 |
67 | columns: [], | 92 | columns: [], |
68 | //tab选择绑定值 | 93 | //tab选择绑定值 |
69 | activeName: '', | 94 | activeName: '', |
95 | invalidDiglog: false, | ||
96 | zfyy: "", | ||
70 | ruleForm: { | 97 | ruleForm: { |
71 | bsmBdcqz: "", | 98 | bsmBdcqz: "", |
72 | szmc: "不动产权证书", | 99 | szmc: "不动产权证书", |
73 | bdcqzlx: "", | 100 | bdcqzlx: "", |
74 | szzh: "", | 101 | szzh: "", |
75 | ysxlh: "" | 102 | ysxlh: "" |
76 | }, | ||
77 | rules: { | ||
78 | ysxlh: [ | ||
79 | { required: true, message: "请选择印刷序列号", trigger: "change" } | ||
80 | ] | ||
81 | } | 103 | } |
82 | } | 104 | } |
83 | }, | 105 | }, |
... | @@ -85,24 +107,87 @@ | ... | @@ -85,24 +107,87 @@ |
85 | store.dispatch('user/refreshPage', false) | 107 | store.dispatch('user/refreshPage', false) |
86 | this.columns = datas.columns() | 108 | this.columns = datas.columns() |
87 | this.ysxlhList() | 109 | this.ysxlhList() |
88 | if (this.formData.bdcqz.bdcqzlx == 1) { | 110 | // 获取详细信息 |
111 | this.getDetail() | ||
112 | if (this.formData.ysxlh) { | ||
113 | this.disabled = true | ||
114 | } else { | ||
115 | this.disabled = false | ||
116 | } | ||
117 | }, | ||
118 | methods: { | ||
119 | /** | ||
120 | * @description: 获取详细信息 | ||
121 | * @author: renchao | ||
122 | */ | ||
123 | getDetail () { | ||
124 | this.loading = true | ||
125 | getBdcqzDetail(this.formData.bsmBdcqz).then(res => { | ||
126 | this.bdcqz = res.result | ||
127 | this.loading = false | ||
128 | if (this.bdcqz.ysxlh) this.ruleForm.ysxlh = this.bdcqz.ysxlh | ||
129 | if (this.bdcqz.bdcqzlx == 1) { | ||
89 | this.drawTextOnImage() | 130 | this.drawTextOnImage() |
90 | } else { | 131 | } else { |
91 | this.drawTextzmImage() | 132 | this.drawTextzmImage() |
92 | } | 133 | } |
134 | }) | ||
93 | }, | 135 | }, |
94 | methods: { | ||
95 | /** | 136 | /** |
96 | * @description: 获取印刷序列号列表 | 137 | * @description: 获取印刷序列号列表 |
97 | * @author: renchao | 138 | * @author: renchao |
98 | */ | 139 | */ |
99 | ysxlhList () { | 140 | ysxlhList () { |
100 | readYsxlh({ zslx: this.formData.bdcqz.bdcqzlx }).then((res) => { | 141 | readYsxlh({ zslx: this.formData.bdcqzlx }).then((res) => { |
101 | if (res.code === 200) { | 142 | if (res.code === 200) { |
102 | this.ysxlh = res.result; | 143 | this.ysxlh = res.result; |
103 | } | 144 | } |
104 | }) | 145 | }) |
105 | }, | 146 | }, |
147 | handleSelect (val) { | ||
148 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | ||
149 | if (this.bdcqz.bdcqzlx == 1) { | ||
150 | this.drawTextOnImage() | ||
151 | } else { | ||
152 | this.drawTextzmImage() | ||
153 | } | ||
154 | }, | ||
155 | /** | ||
156 | * @description: closeInvalidDiglog | ||
157 | * @author: renchao | ||
158 | */ | ||
159 | closeInvalidDiglog () { | ||
160 | this.zfyy = ""; | ||
161 | this.invalidDiglog = false | ||
162 | }, | ||
163 | handleZF () { | ||
164 | this.invalidDiglog = true | ||
165 | }, | ||
166 | /** | ||
167 | * @description: 作废缮证信息 | ||
168 | * @author: renchao | ||
169 | */ | ||
170 | confirmInvalid () { | ||
171 | store.dispatch('user/reWorkFresh', false) | ||
172 | invalidCertificate({ bsmBdcqz: this.bdcqz.bsmBdcqz, zfyy: this.zfyy }).then((res) => { | ||
173 | if (res.code === 200) { | ||
174 | this.$message.success("作废成功"); | ||
175 | this.disabled = false | ||
176 | this.invalidDiglog = false; | ||
177 | this.zfyy = '' | ||
178 | this.ruleForm.ysxlh = '' | ||
179 | this.bdcqz.ysxlh = '' | ||
180 | if (this.bdcqz.bdcqzlx == 1) { | ||
181 | this.drawTextOnImage() | ||
182 | } else { | ||
183 | this.drawTextzmImage() | ||
184 | } | ||
185 | store.dispatch('user/reWorkFresh', true) | ||
186 | } else { | ||
187 | this.$message.error(res.message); | ||
188 | } | ||
189 | }) | ||
190 | }, | ||
106 | /** | 191 | /** |
107 | * @description: 不动产证书 | 192 | * @description: 不动产证书 |
108 | * @author: renchao | 193 | * @author: renchao |
... | @@ -126,27 +211,26 @@ | ... | @@ -126,27 +211,26 @@ |
126 | const image = new Image(); | 211 | const image = new Image(); |
127 | image.onload = () => { | 212 | image.onload = () => { |
128 | context.drawImage(image, 0, 0); | 213 | context.drawImage(image, 0, 0); |
129 | context.font = '16px 楷体'; | 214 | context.font = '18px 楷体'; |
130 | context.fillStyle = '#000000'; | 215 | context.fillStyle = '#000000'; |
131 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56); | 216 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
132 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56); | 217 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
133 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56); | 218 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
134 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56); | 219 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
135 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97); | 220 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
136 | context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136); | 221 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
137 | 222 | ||
138 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 223 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
139 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 224 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
140 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 225 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
141 | 226 | ||
142 | 227 | ||
143 | 228 | ||
144 | context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263); | 229 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
145 | context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303); | 230 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
146 | context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346); | 231 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
147 | // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386); | 232 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; |
148 | let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : []; | 233 | if (getByteLen(this.bdcqz.mj) > 41) { |
149 | if (getByteLen(this.formData.bdcqz.mj) > 41) { | ||
150 | lines6.forEach((line, index) => { | 234 | lines6.forEach((line, index) => { |
151 | const y = 378 + (index * 27); // 每行文本的垂直位置 | 235 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
152 | let currentLine = ''; | 236 | let currentLine = ''; |
... | @@ -189,7 +273,7 @@ | ... | @@ -189,7 +273,7 @@ |
189 | } | 273 | } |
190 | // 权利其他状态 | 274 | // 权利其他状态 |
191 | const maxWidth = 332; // 最大宽度限制 | 275 | const maxWidth = 332; // 最大宽度限制 |
192 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; | 276 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
193 | for (let i = 0; i < lines.length; i++) { | 277 | for (let i = 0; i < lines.length; i++) { |
194 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 278 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
195 | if (getByteLen(lines[i]) > 41) { | 279 | if (getByteLen(lines[i]) > 41) { |
... | @@ -224,7 +308,7 @@ | ... | @@ -224,7 +308,7 @@ |
224 | } | 308 | } |
225 | } | 309 | } |
226 | 310 | ||
227 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; | 311 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
228 | lines1.forEach((line, index) => { | 312 | lines1.forEach((line, index) => { |
229 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 313 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
230 | let currentLine = ''; | 314 | let currentLine = ''; |
... | @@ -244,8 +328,8 @@ | ... | @@ -244,8 +328,8 @@ |
244 | context.fillText(line, 580, y + (index * 30)); // 调整行高 | 328 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
245 | }) | 329 | }) |
246 | }) | 330 | }) |
247 | let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : []; | 331 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; |
248 | if (getByteLen(this.formData.bdcqz.syqx) > 41) { | 332 | if (getByteLen(this.bdcqz.syqx) > 41) { |
249 | lines3.forEach((line, index) => { | 333 | lines3.forEach((line, index) => { |
250 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 334 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
251 | let currentLine = ''; | 335 | let currentLine = ''; |
... | @@ -287,8 +371,8 @@ | ... | @@ -287,8 +371,8 @@ |
287 | }) | 371 | }) |
288 | } | 372 | } |
289 | 373 | ||
290 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; | 374 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
291 | if (getByteLen(this.formData.bdcqz.zl) > 41) { | 375 | if (getByteLen(this.bdcqz.zl) > 41) { |
292 | lines2.forEach((line, index) => { | 376 | lines2.forEach((line, index) => { |
293 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 377 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
294 | let currentLine = ''; | 378 | let currentLine = ''; |
... | @@ -356,28 +440,27 @@ | ... | @@ -356,28 +440,27 @@ |
356 | const image = new Image(); | 440 | const image = new Image(); |
357 | image.onload = () => { | 441 | image.onload = () => { |
358 | context.drawImage(image, 0, 0); | 442 | context.drawImage(image, 0, 0); |
359 | context.font = '16px 楷体'; | 443 | context.font = '18px 楷体'; |
360 | context.fillStyle = '#000000'; | 444 | context.fillStyle = '#000000'; |
361 | // ysxlh | 445 | // ysxlh |
362 | context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712); | 446 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); |
363 | // djsj | 447 | // djsj |
364 | if (this.formData.bdcqz.djsj) { | 448 | if (this.bdcqz.djsj) { |
365 | let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/') | 449 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') |
366 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | 450 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); |
367 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | 451 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); |
368 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | 452 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); |
369 | } | 453 | } |
370 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125); | 454 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
371 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125); | 455 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
372 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125); | 456 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
373 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123); | 457 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
374 | context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180); | 458 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
375 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228); | 459 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
376 | // 义务人 | 460 | // 义务人 |
377 | context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275); | 461 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
378 | // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325); | 462 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
379 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; | 463 | if (getByteLen(this.bdcqz.zl) > 41) { |
380 | if (getByteLen(this.formData.bdcqz.zl) > 41) { | ||
381 | lines2.forEach((line, index) => { | 464 | lines2.forEach((line, index) => { |
382 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 465 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
383 | let currentLine = ''; | 466 | let currentLine = ''; |
... | @@ -419,15 +502,15 @@ | ... | @@ -419,15 +502,15 @@ |
419 | }) | 502 | }) |
420 | } | 503 | } |
421 | // bdcdyh | 504 | // bdcdyh |
422 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 505 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
423 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 506 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 507 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
425 | // qlqtzk | 508 | // qlqtzk |
426 | const maxWidth = 295; // 最大宽度限制 | 509 | const maxWidth = 290; // 最大宽度限制 |
427 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; | 510 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
428 | for (let i = 0; i < lines.length; i++) { | 511 | for (let i = 0; i < lines.length; i++) { |
429 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 512 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
430 | if (getByteLen(lines[i]) > 41) { | 513 | if (getByteLen(lines[i]) > 37) { |
431 | let currentLine = ''; | 514 | let currentLine = ''; |
432 | let arr = []; | 515 | let arr = []; |
433 | for (let word of lines[i]) { | 516 | for (let word of lines[i]) { |
... | @@ -459,10 +542,10 @@ | ... | @@ -459,10 +542,10 @@ |
459 | } | 542 | } |
460 | } | 543 | } |
461 | // fj | 544 | // fj |
462 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; | 545 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
463 | for (let i = 0; i < lines1.length; i++) { | 546 | for (let i = 0; i < lines1.length; i++) { |
464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 547 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
465 | if (getByteLen(lines1[i]) > 41) { | 548 | if (getByteLen(lines1[i]) > 37) { |
466 | let currentLine = ''; | 549 | let currentLine = ''; |
467 | let arr = []; | 550 | let arr = []; |
468 | for (let word of lines1[i]) { | 551 | for (let word of lines1[i]) { |
... | @@ -494,77 +577,87 @@ | ... | @@ -494,77 +577,87 @@ |
494 | } | 577 | } |
495 | } | 578 | } |
496 | } | 579 | } |
497 | |||
498 | image.src = this.bdczmSrc; | 580 | image.src = this.bdczmSrc; |
499 | }, | 581 | }, |
500 | /** | 582 | // 打印 |
501 | * @description: handleSubmit | 583 | handlePrint () { |
502 | * @author: renchao | 584 | if (this.ruleForm.ysxlh == '') { |
503 | */ | 585 | this.$message.error('请选择印刷序列号'); |
504 | handleSubmit () { | 586 | return; |
505 | this.savePrintRecord() | 587 | } |
506 | }, | 588 | store.dispatch('user/reWorkFresh', false) |
507 | /** | ||
508 | * @description: 保存打印记录 | ||
509 | * @author: renchao | ||
510 | */ | ||
511 | savePrintRecord () { | ||
512 | let that = this | 589 | let that = this |
513 | this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz; | 590 | if (this.bdcqz.bdcqzlx == 1) { |
514 | this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx; | 591 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(resInfo => { |
515 | this.ruleForm.szzh = this.formData.bdcqz.bdcqzh; | 592 | if (resInfo.code == 200) { |
516 | certificate(this.ruleForm).then((res) => { | ||
517 | if (res.code === 200) { | ||
518 | that.$popupCacel() | ||
519 | if (this.formData.bdcqz.bdcqzlx == 1) { | ||
520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | ||
521 | if (res.code == 200) { | ||
522 | //打开模板设计 | 593 | //打开模板设计 |
523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 594 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 595 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 |
525 | 596 | ||
526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 597 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 598 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
528 | //todo 调取后端接口获取数据 循环set | 599 | //todo 调取后端接口获取数据 循环set |
529 | for (let key in this.formData.bdcqz) { | 600 | for (let key in this.bdcqz) { |
530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | 601 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); |
531 | } | 602 | } |
532 | LODOP.PREVIEW(); | 603 | LODOP.PREVIEW(); |
533 | that.$popupCacel() | ||
534 | } else { | 604 | } else { |
535 | this.$message.error(res.message) | 605 | this.$message.error(resInfo.message) |
536 | } | 606 | } |
607 | that.$popupCacel() | ||
608 | //刷新列表 | ||
609 | store.dispatch('user/reWorkFresh', true) | ||
537 | }) | 610 | }) |
538 | } else { | 611 | } else { |
539 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => { | 612 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(resInfo => { |
540 | if (res.code == 200) { | 613 | if (resInfo.code == 200) { |
541 | //打开模板设计 | 614 | //打开模板设计 |
542 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 615 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 616 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 |
544 | 617 | ||
545 | // 年月日 | 618 | // 年月日 |
546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] | 619 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] |
547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | 620 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] |
548 | this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | 621 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] |
549 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 622 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 623 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
551 | //todo 调取后端接口获取数据 循环set | 624 | //todo 调取后端接口获取数据 循环set |
552 | for (let key in this.formData.bdcqz) { | 625 | for (let key in this.bdcqz) { |
553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | 626 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); |
554 | } | 627 | } |
555 | LODOP.PREVIEW(); | 628 | LODOP.PREVIEW(); |
556 | that.$popupCacel() | ||
557 | } else { | 629 | } else { |
558 | this.$message.error(res.message) | 630 | this.$message.error(resInfo.message) |
559 | } | 631 | } |
560 | }) | 632 | that.$popupCacel() |
561 | } | ||
562 | |||
563 | //刷新列表 | 633 | //刷新列表 |
564 | store.dispatch('user/reWorkFresh', true) | 634 | store.dispatch('user/reWorkFresh', true) |
635 | }) | ||
636 | } | ||
637 | }, | ||
638 | /** | ||
639 | * @description: 保存打印记录 | ||
640 | * @author: renchao | ||
641 | */ | ||
642 | handleSubmit () { | ||
643 | let that = this | ||
644 | if (this.ruleForm.ysxlh == '') { | ||
645 | this.$message.error('请选择印刷序列号'); | ||
646 | return; | ||
647 | } | ||
648 | store.dispatch('user/reWorkFresh', false) | ||
649 | this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz; | ||
650 | this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx; | ||
651 | this.ruleForm.szzh = this.bdcqz.bdcqzh; | ||
652 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | ||
653 | certificate(this.ruleForm).then((res) => { | ||
654 | if (res.code === 200) { | ||
655 | that.$popupCacel() | ||
656 | this.handlePrint() | ||
565 | } else { | 657 | } else { |
566 | this.$message.error(res.message) | 658 | this.$message.error(res.message) |
567 | } | 659 | } |
660 | store.dispatch('user/reWorkFresh', true) | ||
568 | }) | 661 | }) |
569 | } | 662 | } |
570 | } | 663 | } |
... | @@ -579,4 +672,36 @@ | ... | @@ -579,4 +672,36 @@ |
579 | .zs-content { | 672 | .zs-content { |
580 | text-align: center; | 673 | text-align: center; |
581 | } | 674 | } |
675 | .invalid-diglog { | ||
676 | padding-bottom: 20px; | ||
677 | font-size: 16px; | ||
678 | font-weight: bold; | ||
679 | color: rgb(99, 99, 99); | ||
680 | |||
681 | .invalid-title { | ||
682 | display: flex; | ||
683 | align-content: center; | ||
684 | |||
685 | .invalid-icon { | ||
686 | color: rgb(254, 148, 0); | ||
687 | font-size: 34px; | ||
688 | margin-right: 10px; | ||
689 | } | ||
690 | |||
691 | .invalid-body { | ||
692 | line-height: 40px; | ||
693 | margin-bottom: 10px; | ||
694 | } | ||
695 | } | ||
696 | |||
697 | .invalid-reson { | ||
698 | margin-bottom: 10px; | ||
699 | } | ||
700 | |||
701 | .dialog-footer { | ||
702 | margin-top: 10px; | ||
703 | display: flex; | ||
704 | justify-content: flex-end; | ||
705 | } | ||
706 | } | ||
582 | </style> | 707 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-31 09:48:52 | 4 | * @LastEditTime: 2023-09-06 15:47:54 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
143 | const image = new Image(); | 143 | const image = new Image(); |
144 | image.onload = () => { | 144 | image.onload = () => { |
145 | context.drawImage(image, 0, 0); | 145 | context.drawImage(image, 0, 0); |
146 | context.font = '16px 楷体'; | 146 | context.font = '18px 楷体'; |
147 | context.fillStyle = '#000000'; | 147 | context.fillStyle = '#000000'; |
148 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 148 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
149 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 149 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
... | @@ -206,17 +206,16 @@ | ... | @@ -206,17 +206,16 @@ |
206 | } | 206 | } |
207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
208 | // 权利其他状态 | 208 | // 权利其他状态 |
209 | const maxWidth = 332; // 最大宽度限制 | ||
210 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 209 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
211 | for (let i = 0; i < lines.length; i++) { | 210 | for (let i = 0; i < lines.length; i++) { |
212 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 211 | let num = Math.ceil(getByteLen(lines[i]) / 40) |
213 | if (getByteLen(lines[i]) > 41) { | 212 | if (getByteLen(lines[i]) > 40) { |
214 | let currentLine = ''; | 213 | let currentLine = ''; |
215 | let arr = []; | 214 | let arr = []; |
216 | for (let word of lines[i]) { | 215 | for (let word of lines[i]) { |
217 | const testLine = currentLine + word; | 216 | const testLine = currentLine + word; |
218 | const lineWidth = context.measureText(testLine).width; | 217 | const lineWidth = context.measureText(testLine).width; |
219 | if (lineWidth <= maxWidth) { | 218 | if (lineWidth <= 323) { |
220 | currentLine = testLine; | 219 | currentLine = testLine; |
221 | } else { | 220 | } else { |
222 | arr.push(currentLine); | 221 | arr.push(currentLine); |
... | @@ -226,11 +225,11 @@ | ... | @@ -226,11 +225,11 @@ |
226 | arr.push(currentLine); | 225 | arr.push(currentLine); |
227 | if (i > 0) { | 226 | if (i > 0) { |
228 | arr.forEach((line, index) => { | 227 | arr.forEach((line, index) => { |
229 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 | 228 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 13)); // 调整行高 |
230 | }) | 229 | }) |
231 | } else { | 230 | } else { |
232 | arr.forEach((line, index) => { | 231 | arr.forEach((line, index) => { |
233 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 | 232 | context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
234 | }) | 233 | }) |
235 | } | 234 | } |
236 | } else { | 235 | } else { |
... | @@ -374,7 +373,7 @@ | ... | @@ -374,7 +373,7 @@ |
374 | const image = new Image(); | 373 | const image = new Image(); |
375 | image.onload = () => { | 374 | image.onload = () => { |
376 | context.drawImage(image, 0, 0); | 375 | context.drawImage(image, 0, 0); |
377 | context.font = '16px 楷体'; | 376 | context.font = '18px 楷体'; |
378 | context.fillStyle = '#000000'; | 377 | context.fillStyle = '#000000'; |
379 | // ysxlh | 378 | // ysxlh |
380 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 379 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); |
... | @@ -447,8 +446,8 @@ | ... | @@ -447,8 +446,8 @@ |
447 | const maxWidth = 295; // 最大宽度限制 | 446 | const maxWidth = 295; // 最大宽度限制 |
448 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 447 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
449 | for (let i = 0; i < lines.length; i++) { | 448 | for (let i = 0; i < lines.length; i++) { |
450 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 449 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
451 | if (getByteLen(lines[i]) > 41) { | 450 | if (getByteLen(lines[i]) > 37) { |
452 | let currentLine = ''; | 451 | let currentLine = ''; |
453 | let arr = []; | 452 | let arr = []; |
454 | for (let word of lines[i]) { | 453 | for (let word of lines[i]) { |
... | @@ -464,27 +463,26 @@ | ... | @@ -464,27 +463,26 @@ |
464 | arr.push(currentLine); | 463 | arr.push(currentLine); |
465 | if (i > 0) { | 464 | if (i > 0) { |
466 | arr.forEach((line, index) => { | 465 | arr.forEach((line, index) => { |
467 | context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 466 | context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 |
468 | }) | 467 | }) |
469 | } else { | 468 | } else { |
470 | arr.forEach((line, index) => { | 469 | arr.forEach((line, index) => { |
471 | context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高 | 470 | context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高 |
472 | }) | 471 | }) |
473 | } | 472 | } |
474 | } else { | 473 | } else { |
475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1))); | 474 | if (i > 0) { |
476 | // if (i > 0) { | 475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1))); |
477 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1))); | 476 | } else { |
478 | // } else { | 477 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1))); |
479 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1))); | 478 | } |
480 | // } | ||
481 | } | 479 | } |
482 | } | 480 | } |
483 | // fj | 481 | // fj |
484 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 482 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
485 | for (let i = 0; i < lines1.length; i++) { | 483 | for (let i = 0; i < lines1.length; i++) { |
486 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 484 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
487 | if (getByteLen(lines1[i]) > 41) { | 485 | if (getByteLen(lines1[i]) > 37) { |
488 | let currentLine = ''; | 486 | let currentLine = ''; |
489 | let arr = []; | 487 | let arr = []; |
490 | for (let word of lines1[i]) { | 488 | for (let word of lines1[i]) { | ... | ... |
src/views/workflow/components/sdqxx.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-06 15:20:16 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="slxx sdqxx"> | ||
8 | <el-form | ||
9 | :model="ruleForm" | ||
10 | ref="ruleForm" | ||
11 | v-Loading="loading" | ||
12 | :label-position="flag ? 'top' : ''" | ||
13 | :inline="flag" | ||
14 | label-width="130px"> | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
16 | <div class="slxx_title title-block"> | ||
17 | 电力信息 | ||
18 | <div class="triangle"></div> | ||
19 | </div> | ||
20 | <el-row :gutter="10"> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item label="服务代码:"> | ||
23 | <el-input v-model="ruleForm.serviceCode"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item label="行政区划区县代码:"> | ||
28 | <el-input v-model="ruleForm.AREACODE"></el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | <el-col :span="8"> | ||
32 | <el-form-item label="登记系统业务号:"> | ||
33 | <el-input v-model="ruleForm.YWH"></el-input> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | </el-row> | ||
37 | |||
38 | <el-row :gutter="10"> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="推送日期:"> | ||
41 | <el-input v-model="ruleForm.SENDTIME"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="原户主姓名:"> | ||
46 | <el-input v-model="ruleForm.MC_OLD"></el-input> | ||
47 | </el-form-item> | ||
48 | </el-col> | ||
49 | <el-col :span="8"> | ||
50 | <el-form-item label="原户主身份证号码:"> | ||
51 | <el-input v-model="ruleForm.ZJHM_OLD"></el-input> | ||
52 | </el-form-item> | ||
53 | </el-col> | ||
54 | </el-row> | ||
55 | <el-row :gutter="10"> | ||
56 | <el-col :span="8"> | ||
57 | <el-form-item label="原户主联系电话:"> | ||
58 | <el-input v-model="ruleForm.LXDH_OLD"></el-input> | ||
59 | </el-form-item> | ||
60 | </el-col> | ||
61 | <el-col :span="8"> | ||
62 | <el-form-item label="新户主姓名:"> | ||
63 | <el-input v-model="ruleForm.MC_NEW"></el-input> | ||
64 | </el-form-item> | ||
65 | </el-col> | ||
66 | <el-col :span="8"> | ||
67 | <el-form-item label="新户主身份证号码:"> | ||
68 | <el-input v-model="ruleForm.ZJHM_NEW"></el-input> | ||
69 | </el-form-item> | ||
70 | </el-col> | ||
71 | </el-row> | ||
72 | <el-row :gutter="10"> | ||
73 | <el-col :span="8"> | ||
74 | <el-form-item label="新户主联系电话:"> | ||
75 | <el-input v-model="ruleForm.LXDH_NEW"></el-input> | ||
76 | </el-form-item> | ||
77 | </el-col> | ||
78 | <el-col :span="8"> | ||
79 | <el-form-item label="房产证编号:"> | ||
80 | <el-input v-model="ruleForm.FCZBH"></el-input> | ||
81 | </el-form-item> | ||
82 | </el-col> | ||
83 | <el-col :span="8"> | ||
84 | <el-form-item label="是否过户:"> | ||
85 | <el-switch | ||
86 | v-model="ruleForm.SFGH" | ||
87 | :active-value='1' | ||
88 | active-text="是" | ||
89 | :inactive-value="0" | ||
90 | inactive-text="否"> | ||
91 | </el-switch> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | |||
95 | </el-row> | ||
96 | <el-row :gutter="10"> | ||
97 | <el-col :span="24"> | ||
98 | <el-form-item label="房屋坐落(地址):"> | ||
99 | <el-input v-model="ruleForm.FWZL" type="textarea" | ||
100 | :rows="2"></el-input> | ||
101 | </el-form-item> | ||
102 | </el-col> | ||
103 | </el-row> | ||
104 | </div> | ||
105 | </el-form> | ||
106 | </div> | ||
107 | </template> | ||
108 | <script> | ||
109 | import { mapGetters } from "vuex"; | ||
110 | export default { | ||
111 | computed: { | ||
112 | ...mapGetters(["dictData", "flag"]), | ||
113 | }, | ||
114 | mounted () { | ||
115 | // this.loading = true | ||
116 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
117 | this.propsParam = this.$attrs; | ||
118 | var formdata = new FormData(); | ||
119 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
120 | formdata.append("djlx", this.propsParam.djlx); | ||
121 | formdata.append("isEdit", this.viewEdit); | ||
122 | // Init(formdata).then((res) => { | ||
123 | // if (res.code === 200 && res.result) { | ||
124 | // } | ||
125 | // }); | ||
126 | }, | ||
127 | data () { | ||
128 | return { | ||
129 | loading: false, | ||
130 | //表单是否可操作 | ||
131 | viewEdit: false, | ||
132 | ruleForm: { | ||
133 | SFGH: 1 | ||
134 | } | ||
135 | } | ||
136 | }, | ||
137 | methods: { | ||
138 | } | ||
139 | } | ||
140 | </script> | ||
141 | <style scoped lang="scss"> | ||
142 | @import "~@/styles/public.scss"; | ||
143 | @import "~@/styles/slxx/slxx.scss"; | ||
144 | </style> |
src/views/workflow/components/sfxx.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-06 09:09:45 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class='sfxx'> | ||
8 | <div class="sfxx-left"> | ||
9 | <div class="slxx_title title-block"> | ||
10 | 基本信息 | ||
11 | <div class="triangle"></div> | ||
12 | </div> | ||
13 | <ul> | ||
14 | <li> | ||
15 | <p>业务号</p> | ||
16 | <p>{{detail.ywh}}</p> | ||
17 | </li> | ||
18 | <li> | ||
19 | <p>申请登记类型</p> | ||
20 | <p>{{detail.sqdjlx}}</p> | ||
21 | </li> | ||
22 | <li> | ||
23 | <p>联系人</p> | ||
24 | <p>{{detail.lxr}}</p> | ||
25 | </li> | ||
26 | <li> | ||
27 | <p>联系人电话</p> | ||
28 | <p>{{detail.lxdh}}</p> | ||
29 | </li> | ||
30 | <li> | ||
31 | <p>缴费人</p> | ||
32 | <p><el-input v-model="detail.jfr"></el-input></p> | ||
33 | </li> | ||
34 | <li> | ||
35 | <p>缴费单号</p> | ||
36 | <p><el-input v-model="detail.jfdh"></el-input></p> | ||
37 | </li> | ||
38 | <li> | ||
39 | <p>应收金额</p> | ||
40 | <p style="color:red">{{detail.ysje}}元</p> | ||
41 | </li> | ||
42 | <li> | ||
43 | <p>实收金额</p> | ||
44 | <p><el-input v-model="detail.ssje"></el-input></p> | ||
45 | </li> | ||
46 | <li> | ||
47 | <p>备注</p> | ||
48 | <p><el-input v-model="detail.bz"></el-input></p> | ||
49 | </li> | ||
50 | </ul> | ||
51 | </div> | ||
52 | <div class="sfxx-right"> | ||
53 | <div class="slxx_title title-block"> | ||
54 | 收费明细 | ||
55 | <div class="triangle"></div> | ||
56 | </div> | ||
57 | <el-table :data="tableData.data" border :height="355"> | ||
58 | <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
59 | </el-table-column> | ||
60 | <el-table-column label="操作" width="50"> | ||
61 | <template slot-scope="scope"> | ||
62 | <el-button type="text">使用</el-button> | ||
63 | </template> | ||
64 | </el-table-column> | ||
65 | </el-table> | ||
66 | </div> | ||
67 | </div> | ||
68 | </template> | ||
69 | <script> | ||
70 | |||
71 | export default { | ||
72 | components: {}, | ||
73 | data () { | ||
74 | return { | ||
75 | detail: { | ||
76 | ywh: '', | ||
77 | sqdjlx: '', | ||
78 | lxr: '', | ||
79 | lxdh: '', | ||
80 | jfr: '', | ||
81 | jfdh: '', | ||
82 | ysje: '', | ||
83 | ssje: '', | ||
84 | bz: '' | ||
85 | }, | ||
86 | tableData: { | ||
87 | columns: [ | ||
88 | { | ||
89 | prop: "sfxmmc", | ||
90 | label: "收费项目名称", | ||
91 | }, | ||
92 | { | ||
93 | prop: "sl", | ||
94 | label: "数县", | ||
95 | }, | ||
96 | { | ||
97 | prop: "je", | ||
98 | label: "金额(元)", | ||
99 | }, | ||
100 | { | ||
101 | label: '操作', | ||
102 | align: 'center', | ||
103 | render: (h, scope) => { | ||
104 | return ( | ||
105 | <div> | ||
106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button> | ||
107 | </div> | ||
108 | ) | ||
109 | } | ||
110 | } | ||
111 | ], | ||
112 | data: [] | ||
113 | } | ||
114 | } | ||
115 | } | ||
116 | } | ||
117 | </script> | ||
118 | <style scoped lang='scss'> | ||
119 | @import "~@/styles/public.scss"; | ||
120 | .sfxx { | ||
121 | display: flex; | ||
122 | padding: 10px; | ||
123 | height: 100%; | ||
124 | box-sizing: border-box; | ||
125 | &-left { | ||
126 | width: 50%; | ||
127 | margin-right: 10px; | ||
128 | ul { | ||
129 | border-radius: 3px; | ||
130 | } | ||
131 | li:last-child { | ||
132 | border-bottom: 1px solid #e8e5e5; | ||
133 | } | ||
134 | li { | ||
135 | display: flex; | ||
136 | border: 1px solid #e8e5e5; | ||
137 | border-bottom: none; | ||
138 | |||
139 | p:nth-child(1) { | ||
140 | width: 35%; | ||
141 | text-align: center; | ||
142 | background-color: #fafafa; | ||
143 | border-right: 1px solid #e8e5e5; | ||
144 | padding: 10px 0; | ||
145 | } | ||
146 | p:nth-child(2) { | ||
147 | width: 65%; | ||
148 | display: flex; | ||
149 | align-items: center; | ||
150 | box-sizing: border-box; | ||
151 | margin: 0 10px; | ||
152 | } | ||
153 | } | ||
154 | } | ||
155 | &-right { | ||
156 | width: 50%; | ||
157 | margin-left: 10px; | ||
158 | } | ||
159 | } | ||
160 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/workflow/components/swxx.vue
0 → 100644
1 | <template> | ||
2 | <div class="slxx swxx"> | ||
3 | <el-form | ||
4 | :model="ruleForm" | ||
5 | ref="ruleForm" | ||
6 | v-Loading="loading" | ||
7 | :label-position="flag ? 'top' : ''" | ||
8 | :inline="flag" | ||
9 | label-width="120px"> | ||
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
11 | <div class="slxx_title title-block"> | ||
12 | 不动产信息 | ||
13 | <div class="triangle"></div> | ||
14 | </div> | ||
15 | <el-row :gutter="10"> | ||
16 | <el-col :span="8"> | ||
17 | <el-form-item label="不动产单元号:"> | ||
18 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item label="原产证号:"> | ||
23 | <el-input disabled v-model="ruleForm.yfczh"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item label="面积(m3):"> | ||
28 | <el-input disabled v-model="ruleForm.mj"></el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | </el-row> | ||
32 | <el-row :gutter="10"> | ||
33 | <el-col :span="8"> | ||
34 | <el-form-item label="权利类型:"> | ||
35 | <el-input disabled v-model="ruleForm.qllxmc"></el-input> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | <el-col :span="8"> | ||
39 | <el-form-item label="用途:"> | ||
40 | <el-input disabled v-model="ruleForm.yt"></el-input> | ||
41 | </el-form-item> | ||
42 | </el-col> | ||
43 | <el-col :span="8"> | ||
44 | <el-form-item label="坐落:"> | ||
45 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
46 | </el-form-item> | ||
47 | </el-col> | ||
48 | </el-row> | ||
49 | <div class="slxx_title title-block"> | ||
50 | 买方信息 | ||
51 | <div class="triangle"></div> | ||
52 | </div> | ||
53 | <lb-table :column="column" :pagination="false" :heightNumSetting="true" | ||
54 | :data="ruleForm.tableDataList"> | ||
55 | </lb-table> | ||
56 | <div class="slxx_title title-block"> | ||
57 | 卖方信息 | ||
58 | <div class="triangle"></div> | ||
59 | </div> | ||
60 | <lb-table :column="column1" :pagination="false" :heightNumSetting="true" | ||
61 | :data="ruleForm.tableDataList"> | ||
62 | </lb-table> | ||
63 | <div class="slxx_title title-block"> | ||
64 | 合同信息 | ||
65 | <div class="triangle"></div> | ||
66 | </div> | ||
67 | <el-row :gutter="10"> | ||
68 | <el-col :span="8"> | ||
69 | <el-form-item label="合同编号:"> | ||
70 | <el-input v-model="ruleForm.htbh"></el-input> | ||
71 | </el-form-item> | ||
72 | </el-col> | ||
73 | <el-col :span="8"> | ||
74 | <el-form-item label="合同金额(万元):"> | ||
75 | <el-input v-model="ruleForm.htje"></el-input> | ||
76 | </el-form-item> | ||
77 | </el-col> | ||
78 | <el-col :span="8"> | ||
79 | <el-form-item label="签订时间:"> | ||
80 | <el-date-picker | ||
81 | class="width100" | ||
82 | v-model="ruleForm.qdsj" | ||
83 | type="date" | ||
84 | placeholder="选择日期" | ||
85 | value-format="yyyy-MM-dd HH:mm:ss" | ||
86 | format="yyyy-MM-dd"> | ||
87 | </el-date-picker> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | </el-row> | ||
91 | <div class="slxx_title title-block"> | ||
92 | 缴税信息 | ||
93 | <div class="triangle"></div> | ||
94 | </div> | ||
95 | <lb-table :column="column2" :pagination="false" :heightNumSetting="true" | ||
96 | :data="ruleForm.tableDataList"> | ||
97 | </lb-table> | ||
98 | </div> | ||
99 | <el-row class="btn" v-if="viewEdit"> | ||
100 | <el-form-item> | ||
101 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
102 | </el-form-item> | ||
103 | </el-row> | ||
104 | </el-form> | ||
105 | </div> | ||
106 | </template> | ||
107 | <script> | ||
108 | import { mapGetters } from "vuex"; | ||
109 | export default { | ||
110 | computed: { | ||
111 | ...mapGetters(["dictData", "flag"]), | ||
112 | }, | ||
113 | mounted () { | ||
114 | // this.loading = true | ||
115 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
116 | this.propsParam = this.$attrs; | ||
117 | var formdata = new FormData(); | ||
118 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
119 | formdata.append("djlx", this.propsParam.djlx); | ||
120 | formdata.append("isEdit", this.viewEdit); | ||
121 | // Init(formdata).then((res) => { | ||
122 | // if (res.code === 200 && res.result) { | ||
123 | // } | ||
124 | // }); | ||
125 | }, | ||
126 | data () { | ||
127 | return { | ||
128 | loading: false, | ||
129 | //表单是否可操作 | ||
130 | viewEdit: false, | ||
131 | column: [ | ||
132 | { | ||
133 | prop: "qlrxm", | ||
134 | label: "权利人姓名" | ||
135 | }, | ||
136 | { | ||
137 | prop: "gyqk", | ||
138 | label: "共有情况" | ||
139 | }, | ||
140 | { | ||
141 | prop: "zjzl", | ||
142 | label: "身份证号种类" | ||
143 | }, | ||
144 | { | ||
145 | prop: "zjhm", | ||
146 | label: "证件号码" | ||
147 | }, | ||
148 | ], | ||
149 | column1: [{ | ||
150 | prop: "ywrxm", | ||
151 | label: "义务人姓名" | ||
152 | }, | ||
153 | { | ||
154 | prop: "zjzl", | ||
155 | label: "身份证号种类" | ||
156 | }, | ||
157 | { | ||
158 | prop: "zjhm", | ||
159 | label: "证件号码" | ||
160 | }], | ||
161 | column2: [{ | ||
162 | type: 'index', | ||
163 | label: "序号", | ||
164 | width: '50' | ||
165 | }, | ||
166 | { | ||
167 | prop: "nsr", | ||
168 | label: "纳税人" | ||
169 | }, | ||
170 | { | ||
171 | prop: "sz", | ||
172 | label: "税种" | ||
173 | }, | ||
174 | { | ||
175 | prop: "jsyj", | ||
176 | label: "计税依据" | ||
177 | }, | ||
178 | { | ||
179 | prop: "sl", | ||
180 | label: "税率" | ||
181 | }, | ||
182 | { | ||
183 | prop: "jsje", | ||
184 | label: "计税金额" | ||
185 | }], | ||
186 | ruleForm: { | ||
187 | tableDataList: [] | ||
188 | } | ||
189 | } | ||
190 | }, | ||
191 | methods: { | ||
192 | onSubmit () { } | ||
193 | } | ||
194 | } | ||
195 | </script> | ||
196 | <style scoped lang="scss"> | ||
197 | @import "~@/styles/public.scss"; | ||
198 | @import "~@/styles/slxx/slxx.scss"; | ||
199 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-04 17:12:05 | 4 | * @LastEditTime: 2023-09-05 14:28:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="szxx"> | 7 | <div class="szxx"> |
... | @@ -55,28 +55,14 @@ | ... | @@ -55,28 +55,14 @@ |
55 | </div> | 55 | </div> |
56 | </div> | 56 | </div> |
57 | </el-card> | 57 | </el-card> |
58 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh"> | 58 | |
59 | <div class="invalid-diglog"> | ||
60 | <div class="invalid-title"> | ||
61 | <i class="el-icon-question invalid-icon"></i> | ||
62 | <div class="invalid-body">您确定作废证书并再次打印?印刷序列号{{ysxlh}}</div> | ||
63 | </div> | ||
64 | <div class="invalid-reson">作废原因:</div> | ||
65 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
66 | <div class="text-center pt-10"> | ||
67 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
68 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
69 | </div> | ||
70 | </div> | ||
71 | </el-dialog> | ||
72 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> | 59 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> |
73 | </div> | 60 | </div> |
74 | </template> | 61 | </template> |
75 | <script> | 62 | <script> |
76 | import { mapGetters } from 'vuex' | 63 | import { mapGetters } from 'vuex' |
77 | import store from '@/store/index.js' | 64 | import store from '@/store/index.js' |
78 | import { getPrintTemplateByCode } from "@/api/print"; | 65 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; |
79 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | ||
80 | export default { | 66 | export default { |
81 | props: {}, | 67 | props: {}, |
82 | data () { | 68 | data () { |
... | @@ -86,13 +72,8 @@ | ... | @@ -86,13 +72,8 @@ |
86 | dialog: false, | 72 | dialog: false, |
87 | tableData: [], | 73 | tableData: [], |
88 | bdcqzlx: 1, | 74 | bdcqzlx: 1, |
89 | bdcqz: {}, | 75 | bdcqz: {} |
90 | zfyy: "", | 76 | } |
91 | invalidDiglog: false, | ||
92 | bsmSz: "", | ||
93 | bsmBdcqz: "", | ||
94 | ysxlh: "" | ||
95 | }; | ||
96 | }, | 77 | }, |
97 | computed: { | 78 | computed: { |
98 | ...mapGetters(['workFresh']) | 79 | ...mapGetters(['workFresh']) |
... | @@ -100,6 +81,7 @@ | ... | @@ -100,6 +81,7 @@ |
100 | watch: { | 81 | watch: { |
101 | workFresh: { | 82 | workFresh: { |
102 | handler (newVal, oldVal) { | 83 | handler (newVal, oldVal) { |
84 | console.log(newVal, 'newVal'); | ||
103 | if (newVal) this.list() | 85 | if (newVal) this.list() |
104 | } | 86 | } |
105 | } | 87 | } |
... | @@ -135,12 +117,11 @@ | ... | @@ -135,12 +117,11 @@ |
135 | */ | 117 | */ |
136 | openZsylDialog (item, type) { | 118 | openZsylDialog (item, type) { |
137 | store.dispatch('user/reWorkFresh', false) | 119 | store.dispatch('user/reWorkFresh', false) |
138 | |||
139 | if (type == 1) { | 120 | if (type == 1) { |
140 | //证书证明预览 | 121 | //证书证明预览 |
141 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 122 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
142 | } else { | 123 | } else { |
143 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 124 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
144 | } | 125 | } |
145 | }, | 126 | }, |
146 | /** | 127 | /** |
... | @@ -149,38 +130,7 @@ | ... | @@ -149,38 +130,7 @@ |
149 | * @author: renchao | 130 | * @author: renchao |
150 | */ | 131 | */ |
151 | openInvalidDiglog (item) { | 132 | openInvalidDiglog (item) { |
152 | this.bdcqz = item | 133 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
153 | this.ysxlh = item.ysxlh | ||
154 | this.bsmSz = item.bsmSz; | ||
155 | this.invalidDiglog = true; | ||
156 | this.bsmBdcqz = item.bsmBdcqz | ||
157 | }, | ||
158 | /** | ||
159 | * @description: closeInvalidDiglog | ||
160 | * @author: renchao | ||
161 | */ | ||
162 | closeInvalidDiglog () { | ||
163 | this.invalidDiglog = false; | ||
164 | this.bsmSz = ""; | ||
165 | this.zfyy = ""; | ||
166 | }, | ||
167 | /** | ||
168 | * @description: 作废缮证信息 | ||
169 | * @author: renchao | ||
170 | */ | ||
171 | confirmInvalid () { | ||
172 | invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then(async (res) => { | ||
173 | if (res.code === 200) { | ||
174 | this.list(); | ||
175 | this.$message.success("作废成功"); | ||
176 | this.invalidDiglog = false; | ||
177 | this.zfyy = '' | ||
178 | let res = await this.list() | ||
179 | if (res && res == 200) this.openZsylDialog(this.bdcqz); | ||
180 | } else { | ||
181 | this.$message.error(res.message); | ||
182 | } | ||
183 | }) | ||
184 | }, | 134 | }, |
185 | /** | 135 | /** |
186 | * @description: openRecordPop | 136 | * @description: openRecordPop |
... | @@ -263,39 +213,6 @@ | ... | @@ -263,39 +213,6 @@ |
263 | padding-top: 8px; | 213 | padding-top: 8px; |
264 | font-size: 16px; | 214 | font-size: 16px; |
265 | } | 215 | } |
266 | |||
267 | .invalid-diglog { | ||
268 | padding-bottom: 20px; | ||
269 | font-size: 16px; | ||
270 | font-weight: bold; | ||
271 | color: rgb(99, 99, 99); | ||
272 | |||
273 | .invalid-title { | ||
274 | display: flex; | ||
275 | align-content: center; | ||
276 | |||
277 | .invalid-icon { | ||
278 | color: rgb(254, 148, 0); | ||
279 | font-size: 34px; | ||
280 | margin-right: 10px; | ||
281 | } | ||
282 | |||
283 | .invalid-body { | ||
284 | line-height: 40px; | ||
285 | margin-bottom: 10px; | ||
286 | } | ||
287 | } | ||
288 | |||
289 | .invalid-reson { | ||
290 | margin-bottom: 10px; | ||
291 | } | ||
292 | |||
293 | .dialog-footer { | ||
294 | margin-top: 10px; | ||
295 | display: flex; | ||
296 | justify-content: flex-end; | ||
297 | } | ||
298 | } | ||
299 | .box-card { | 216 | .box-card { |
300 | .szxx_header { | 217 | .szxx_header { |
301 | color: #303133; | 218 | color: #303133; | ... | ... |
... | @@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) { | ... | @@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) { |
66 | case "spyj": | 66 | case "spyj": |
67 | form = require("@/views/workflow/components/spyj.vue"); | 67 | form = require("@/views/workflow/components/spyj.vue"); |
68 | break; | 68 | break; |
69 | case "swxx": | ||
70 | form = require("@/views/workflow/components/swxx.vue"); | ||
71 | break; | ||
72 | case "sfxx": | ||
73 | form = require("@/views/workflow/components/sfxx.vue"); | ||
74 | break; | ||
75 | case "sdqxx": | ||
76 | form = require("@/views/workflow/components/sdqxx.vue"); | ||
77 | break; | ||
69 | case "zdjbxx": | 78 | case "zdjbxx": |
70 | form = require("@/views/registerBook/zdjbxx.vue"); | 79 | form = require("@/views/registerBook/zdjbxx.vue"); |
71 | break; | 80 | break; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 13:59:14 | 4 | * @LastEditTime: 2023-09-05 15:05:56 |
5 | */ | 5 | */ |
6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
... | @@ -49,7 +49,6 @@ export default { | ... | @@ -49,7 +49,6 @@ export default { |
49 | * @author: renchao | 49 | * @author: renchao |
50 | */ | 50 | */ |
51 | getFromRouter (tabname) { | 51 | getFromRouter (tabname) { |
52 | console.log(tabname, 'tabnametabnametabnametabnametabname'); | ||
53 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 | 52 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 |
54 | for (let item of this.tabList) { | 53 | for (let item of this.tabList) { |
55 | if (item.value === tabname) { | 54 | if (item.value === tabname) { | ... | ... |
1 | <template> | ||
2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | ||
3 | <el-row> | ||
4 | <el-col :span="12"> | ||
5 | <el-form-item label="企业名称:" prop="qymc"> | ||
6 | <el-input v-model="ruleForm.qymc" ></el-input> | ||
7 | </el-form-item> | ||
8 | </el-col> | ||
9 | <el-col :span="12"> | ||
10 | <el-form-item label="电话:" prop="dh"> | ||
11 | <el-input v-model="ruleForm.dh" ></el-input> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | </el-row> | ||
15 | <el-row> | ||
16 | <el-col :span="12"> | ||
17 | <el-form-item label="证件种类:"> | ||
18 | <el-input v-model="ruleForm.zjzl" ></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="12"> | ||
22 | <el-form-item label="证件号:" prop="zjh"> | ||
23 | <el-input v-model="ruleForm.zjh" ></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | |||
28 | <el-row> | ||
29 | <el-col :span="12"> | ||
30 | <el-form-item label="法人名称:" prop="frmc"> | ||
31 | <el-input v-model="ruleForm.frmc" ></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="12"> | ||
35 | <el-form-item label="法人电话:" prop="frdh"> | ||
36 | <el-input v-model="ruleForm.frdh" ></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <el-row> | ||
41 | <el-col :span="12"> | ||
42 | <el-form-item label="单位地址:"> | ||
43 | <el-input v-model="ruleForm.dwdz" ></el-input> | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | <el-col :span="12"> | ||
47 | <el-form-item label="邮编:" prop="yb"> | ||
48 | <el-input v-model="ruleForm.yb" ></el-input> | ||
49 | </el-form-item> | ||
50 | </el-col> | ||
51 | </el-row> | ||
52 | <el-form-item > | ||
53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
54 | <el-button @click="closeDialog">取消</el-button> | ||
55 | </el-form-item> | ||
56 | </el-form> | ||
57 | </template> | ||
58 | |||
59 | <script> | ||
60 | import store from '@/store/index.js' | ||
61 | import { addQy } from "@/api/xxba.js" | ||
62 | export default { | ||
63 | props: { | ||
64 | formData: { | ||
65 | type: Object, | ||
66 | default: () => { }, | ||
67 | }, | ||
68 | }, | ||
69 | data () { | ||
70 | return { | ||
71 | DJJGLIST: store.getters.dictData['ywly'], | ||
72 | readOnly: false, | ||
73 | //表单提交数据 | ||
74 | ruleForm: { | ||
75 | batchno: '', | ||
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
86 | }, | ||
87 | //表格数据 | ||
88 | tableForm: [ | ||
89 | { | ||
90 | name: '不动产权证书', | ||
91 | ksysxlh: '', | ||
92 | jsysxlh: '', | ||
93 | bs: 0, | ||
94 | zslx: 1 | ||
95 | }, | ||
96 | { | ||
97 | name: '不动产登记证明', | ||
98 | ksysxlh: '', | ||
99 | jsysxlh: '', | ||
100 | bs: 0, | ||
101 | zslx: 2 | ||
102 | } | ||
103 | ], | ||
104 | //证书入库业务号参数 | ||
105 | ywhQueryForm: { | ||
106 | serialtype: 'zsrkbh', | ||
107 | serialname: '证书入库编号', | ||
108 | serialcode: 'zsrk', | ||
109 | digit: '5' | ||
110 | }, | ||
111 | rules: { | ||
112 | batchNo: [ | ||
113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
114 | ], | ||
115 | djjg: [ | ||
116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
117 | ], | ||
118 | rksj: [ | ||
119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
120 | ], | ||
121 | }, | ||
122 | } | ||
123 | }, | ||
124 | mounted () { | ||
125 | if (this.formData.bsmBatch) { | ||
126 | this.tableForm[0].bs = null; | ||
127 | this.tableForm[1].bs = null; | ||
128 | this.getDetailInfo(this.formData.bsmBatch); | ||
129 | } else {} | ||
130 | }, | ||
131 | methods: { | ||
132 | //表单提交 | ||
133 | /** | ||
134 | * @description: 表单提交 | ||
135 | * @author: renchao | ||
136 | */ | ||
137 | submitForm () { | ||
138 | this.tableForm.forEach((item, index) => { | ||
139 | if (item.bs < 0) { | ||
140 | return; | ||
141 | } | ||
142 | }) | ||
143 | addQy(this.ruleForm).then(res => { | ||
144 | if (res.code == 200) { | ||
145 | this.$message.success('保存成功') | ||
146 | this.$emit("input", false); | ||
147 | this.$refs['ruleForm'].resetFields(); | ||
148 | this.resetTableFields(); | ||
149 | this.closeDialog(); | ||
150 | this.$parent.queryClick(); | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | ||
156 | //获取详情信息 | ||
157 | /** | ||
158 | * @description: 获取详情信息 | ||
159 | * @param {*} bsmBatch | ||
160 | * @author: renchao | ||
161 | */ | ||
162 | getDetailInfo (bsmBatch) { | ||
163 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
164 | if (res.code == 200) { | ||
165 | this.ruleForm = res.result; | ||
166 | this.readOnly = false; | ||
167 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
168 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
169 | this.tableForm[0].bs = res.result.zsnum; | ||
170 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
171 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
172 | this.tableForm[1].bs = res.result.zmnum; | ||
173 | } | ||
174 | }) | ||
175 | }, | ||
176 | //印刷序列号处理 | ||
177 | /** | ||
178 | * @description: 印刷序列号处理 | ||
179 | * @param {*} item | ||
180 | * @author: renchao | ||
181 | */ | ||
182 | ysxlhDeal (item) { | ||
183 | if (item.ksysxlh && item.jsysxlh) { | ||
184 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
185 | if (item.ksysxlh.length != 11) { | ||
186 | item.bs = -1; | ||
187 | return; | ||
188 | } | ||
189 | if (item.ksysxlh > item.jsysxlh) { | ||
190 | item.bs = -1; | ||
191 | return; | ||
192 | } | ||
193 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
194 | if (item.zslx == 1) { | ||
195 | this.ruleForm.zsstarno = item.ksysxlh; | ||
196 | this.ruleForm.zsendno = item.jsysxlh; | ||
197 | this.ruleForm.zsnum = item.bs | ||
198 | } else if (item.zslx == 2) { | ||
199 | this.ruleForm.zmstarno = item.ksysxlh; | ||
200 | this.ruleForm.zmendno = item.jsysxlh; | ||
201 | this.ruleForm.zmnum = item.bs | ||
202 | } | ||
203 | } else { | ||
204 | item.bs = -1; | ||
205 | } | ||
206 | } else { | ||
207 | item.bs = 0; | ||
208 | if (item.zslx == 1) { | ||
209 | this.ruleForm.zsstarno = ''; | ||
210 | this.ruleForm.zsendno = ''; | ||
211 | this.ruleForm.zsnum = item.bs | ||
212 | } else if (item.zslx == 2) { | ||
213 | this.ruleForm.zmstarno = ''; | ||
214 | this.ruleForm.zmendno = ''; | ||
215 | this.ruleForm.zmnum = item.bs | ||
216 | } | ||
217 | } | ||
218 | }, | ||
219 | /** | ||
220 | * @description: resetTableFields | ||
221 | * @author: renchao | ||
222 | */ | ||
223 | resetTableFields () { | ||
224 | this.tableForm = [ | ||
225 | { | ||
226 | name: '不动产权证书', | ||
227 | ksysxlh: '', | ||
228 | jsysxlh: '', | ||
229 | bs: 0, | ||
230 | zslx: 1 | ||
231 | }, | ||
232 | { | ||
233 | name: '不动产权登记证明', | ||
234 | ksysxlh: '', | ||
235 | jsysxlh: '', | ||
236 | bs: 0, | ||
237 | zslx: 2 | ||
238 | } | ||
239 | ] | ||
240 | }, | ||
241 | /** | ||
242 | * @description: closeDialog | ||
243 | * @author: renchao | ||
244 | */ | ||
245 | closeDialog () { | ||
246 | this.$popupCacel() | ||
247 | this.$refs['ruleForm'].resetFields(); | ||
248 | this.resetTableFields(); | ||
249 | } | ||
250 | } | ||
251 | } | ||
252 | </script> | ||
253 | <style scoped lang="scss"> | ||
254 | @import "~@/styles/mixin.scss"; | ||
255 | @import "~@/styles/dialogBoxheader.scss"; | ||
256 | |||
257 | .font-red { | ||
258 | color: red | ||
259 | } | ||
260 | |||
261 | .middle-margin-bottom { | ||
262 | margin-top: 20px | ||
263 | } | ||
264 | </style> |
... | @@ -28,8 +28,8 @@ class data extends filter { | ... | @@ -28,8 +28,8 @@ class data extends filter { |
28 | } | 28 | } |
29 | }, | 29 | }, |
30 | { | 30 | { |
31 | prop: "sqrmc", | 31 | prop: "qymc", |
32 | label: "姓名/名称", | 32 | label: "名称", |
33 | }, | 33 | }, |
34 | { | 34 | { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
... | @@ -65,7 +65,7 @@ class data extends filter { | ... | @@ -65,7 +65,7 @@ class data extends filter { |
65 | label: "法人名称", | 65 | label: "法人名称", |
66 | }, | 66 | }, |
67 | { | 67 | { |
68 | prop: "txdz", | 68 | prop: "dwdz", |
69 | label: "地址", | 69 | label: "地址", |
70 | }, | 70 | }, |
71 | { | 71 | { | ... | ... |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <el-row> | 11 | <el-row> |
12 | <el-col :span="5"> | 12 | <el-col :span="5"> |
13 | <el-form-item label="姓名/名称"> | 13 | <el-form-item label="姓名/名称"> |
14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | 14 | <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100"> |
15 | </el-input> | 15 | </el-input> |
16 | </el-form-item> | 16 | </el-form-item> |
17 | </el-col> | 17 | </el-col> |
... | @@ -24,6 +24,7 @@ | ... | @@ -24,6 +24,7 @@ |
24 | <el-col :span="14" class="btnColRight"> | 24 | <el-col :span="14" class="btnColRight"> |
25 | <el-form-item> | 25 | <el-form-item> |
26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
27 | <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> | ||
27 | </el-form-item> | 28 | </el-form-item> |
28 | </el-col> | 29 | </el-col> |
29 | </el-row> | 30 | </el-row> |
... | @@ -40,6 +41,7 @@ | ... | @@ -40,6 +41,7 @@ |
40 | <script> | 41 | <script> |
41 | import table from "@/utils/mixin/table" | 42 | import table from "@/utils/mixin/table" |
42 | import { datas, sendThis } from "./data" | 43 | import { datas, sendThis } from "./data" |
44 | import { queryQyByPage, addQy } from "@/api/xxba.js"; | ||
43 | export default { | 45 | export default { |
44 | name: "cwrz", | 46 | name: "cwrz", |
45 | components: {}, | 47 | components: {}, |
... | @@ -47,12 +49,15 @@ | ... | @@ -47,12 +49,15 @@ |
47 | mounted () { | 49 | mounted () { |
48 | sendThis(this); | 50 | sendThis(this); |
49 | }, | 51 | }, |
52 | activated () { | ||
53 | this.queryClick() | ||
54 | }, | ||
50 | computed: { | 55 | computed: { |
51 | }, | 56 | }, |
52 | data () { | 57 | data () { |
53 | return { | 58 | return { |
54 | queryForm: { | 59 | queryForm: { |
55 | sqrmc: "", | 60 | qymc: "", |
56 | zjh: "", | 61 | zjh: "", |
57 | }, | 62 | }, |
58 | pageData: { | 63 | pageData: { |
... | @@ -69,11 +74,29 @@ | ... | @@ -69,11 +74,29 @@ |
69 | methods: { | 74 | methods: { |
70 | /** | 75 | /** |
71 | * @description: queryClick | 76 | * @description: queryClick |
72 | * @author: renchao | ||
73 | */ | 77 | */ |
74 | queryClick () { | 78 | queryClick () { |
79 | this.$startLoading(); | ||
80 | let pageForm = { | ||
81 | pageSize: this.pageData.size, | ||
82 | pageNumber: this.pageData.current | ||
83 | } | ||
84 | let data = {...this.queryForm, ...pageForm} | ||
85 | queryQyByPage(data).then((res) => { | ||
86 | this.$endLoading(); | ||
87 | if (res.code === 200) { | ||
88 | let { total, records } = res.result; | ||
89 | this.tableData.total = total; | ||
90 | this.tableData.data = records; | ||
91 | } | ||
92 | }); | ||
93 | }, | ||
94 | handleSearch () { | ||
95 | this.queryClick(); | ||
96 | }, | ||
97 | handleAdd () { | ||
98 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") | ||
75 | }, | 99 | }, |
76 | handleSearch () { }, | ||
77 | handleDelete () { } | 100 | handleDelete () { } |
78 | } | 101 | } |
79 | } | 102 | } | ... | ... |
1 | <template> | ||
2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | ||
3 | <el-row> | ||
4 | <el-col :span="12"> | ||
5 | <el-form-item label="企业名称:" prop="qymc"> | ||
6 | <el-input v-model="ruleForm.qymc" ></el-input> | ||
7 | </el-form-item> | ||
8 | </el-col> | ||
9 | <el-col :span="12"> | ||
10 | <el-form-item label="电话:" prop="dh"> | ||
11 | <el-input v-model="ruleForm.dh" ></el-input> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | </el-row> | ||
15 | <el-row> | ||
16 | <el-col :span="12"> | ||
17 | <el-form-item label="证件种类:"> | ||
18 | <el-input v-model="ruleForm.zjzl" ></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="12"> | ||
22 | <el-form-item label="证件号:" prop="zjh"> | ||
23 | <el-input v-model="ruleForm.zjh" ></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | |||
28 | <el-row> | ||
29 | <el-col :span="12"> | ||
30 | <el-form-item label="法人名称:" prop="frmc"> | ||
31 | <el-input v-model="ruleForm.frmc" ></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="12"> | ||
35 | <el-form-item label="法人电话:" prop="frdh"> | ||
36 | <el-input v-model="ruleForm.frdh" ></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <el-row> | ||
41 | <el-col :span="12"> | ||
42 | <el-form-item label="单位地址:"> | ||
43 | <el-input v-model="ruleForm.dwdz" ></el-input> | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | <el-col :span="12"> | ||
47 | <el-form-item label="邮编:" prop="yb"> | ||
48 | <el-input v-model="ruleForm.yb" ></el-input> | ||
49 | </el-form-item> | ||
50 | </el-col> | ||
51 | </el-row> | ||
52 | <el-form-item > | ||
53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
54 | <el-button @click="closeDialog">取消</el-button> | ||
55 | </el-form-item> | ||
56 | </el-form> | ||
57 | </template> | ||
58 | |||
59 | <script> | ||
60 | import store from '@/store/index.js' | ||
61 | import { addYh } from "@/api/xxba.js" | ||
62 | export default { | ||
63 | props: { | ||
64 | formData: { | ||
65 | type: Object, | ||
66 | default: () => { }, | ||
67 | }, | ||
68 | }, | ||
69 | data () { | ||
70 | return { | ||
71 | DJJGLIST: store.getters.dictData['ywly'], | ||
72 | readOnly: false, | ||
73 | //表单提交数据 | ||
74 | ruleForm: { | ||
75 | batchno: '', | ||
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
86 | }, | ||
87 | //表格数据 | ||
88 | tableForm: [ | ||
89 | { | ||
90 | name: '不动产权证书', | ||
91 | ksysxlh: '', | ||
92 | jsysxlh: '', | ||
93 | bs: 0, | ||
94 | zslx: 1 | ||
95 | }, | ||
96 | { | ||
97 | name: '不动产登记证明', | ||
98 | ksysxlh: '', | ||
99 | jsysxlh: '', | ||
100 | bs: 0, | ||
101 | zslx: 2 | ||
102 | } | ||
103 | ], | ||
104 | //证书入库业务号参数 | ||
105 | ywhQueryForm: { | ||
106 | serialtype: 'zsrkbh', | ||
107 | serialname: '证书入库编号', | ||
108 | serialcode: 'zsrk', | ||
109 | digit: '5' | ||
110 | }, | ||
111 | rules: { | ||
112 | batchNo: [ | ||
113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
114 | ], | ||
115 | djjg: [ | ||
116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
117 | ], | ||
118 | rksj: [ | ||
119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
120 | ], | ||
121 | }, | ||
122 | } | ||
123 | }, | ||
124 | mounted () { | ||
125 | if (this.formData.bsmBatch) { | ||
126 | this.tableForm[0].bs = null; | ||
127 | this.tableForm[1].bs = null; | ||
128 | this.getDetailInfo(this.formData.bsmBatch); | ||
129 | } else {} | ||
130 | }, | ||
131 | methods: { | ||
132 | //表单提交 | ||
133 | /** | ||
134 | * @description: 表单提交 | ||
135 | * @author: renchao | ||
136 | */ | ||
137 | submitForm () { | ||
138 | this.tableForm.forEach((item, index) => { | ||
139 | if (item.bs < 0) { | ||
140 | return; | ||
141 | } | ||
142 | }) | ||
143 | addYh(this.ruleForm).then(res => { | ||
144 | if (res.code == 200) { | ||
145 | this.$message.success('保存成功') | ||
146 | this.$emit("input", false); | ||
147 | this.$refs['ruleForm'].resetFields(); | ||
148 | this.resetTableFields(); | ||
149 | this.closeDialog(); | ||
150 | this.$parent.queryClick(); | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | ||
156 | //获取详情信息 | ||
157 | /** | ||
158 | * @description: 获取详情信息 | ||
159 | * @param {*} bsmBatch | ||
160 | * @author: renchao | ||
161 | */ | ||
162 | getDetailInfo (bsmBatch) { | ||
163 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
164 | if (res.code == 200) { | ||
165 | this.ruleForm = res.result; | ||
166 | this.readOnly = false; | ||
167 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
168 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
169 | this.tableForm[0].bs = res.result.zsnum; | ||
170 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
171 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
172 | this.tableForm[1].bs = res.result.zmnum; | ||
173 | } | ||
174 | }) | ||
175 | }, | ||
176 | //印刷序列号处理 | ||
177 | /** | ||
178 | * @description: 印刷序列号处理 | ||
179 | * @param {*} item | ||
180 | * @author: renchao | ||
181 | */ | ||
182 | ysxlhDeal (item) { | ||
183 | if (item.ksysxlh && item.jsysxlh) { | ||
184 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
185 | if (item.ksysxlh.length != 11) { | ||
186 | item.bs = -1; | ||
187 | return; | ||
188 | } | ||
189 | if (item.ksysxlh > item.jsysxlh) { | ||
190 | item.bs = -1; | ||
191 | return; | ||
192 | } | ||
193 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
194 | if (item.zslx == 1) { | ||
195 | this.ruleForm.zsstarno = item.ksysxlh; | ||
196 | this.ruleForm.zsendno = item.jsysxlh; | ||
197 | this.ruleForm.zsnum = item.bs | ||
198 | } else if (item.zslx == 2) { | ||
199 | this.ruleForm.zmstarno = item.ksysxlh; | ||
200 | this.ruleForm.zmendno = item.jsysxlh; | ||
201 | this.ruleForm.zmnum = item.bs | ||
202 | } | ||
203 | } else { | ||
204 | item.bs = -1; | ||
205 | } | ||
206 | } else { | ||
207 | item.bs = 0; | ||
208 | if (item.zslx == 1) { | ||
209 | this.ruleForm.zsstarno = ''; | ||
210 | this.ruleForm.zsendno = ''; | ||
211 | this.ruleForm.zsnum = item.bs | ||
212 | } else if (item.zslx == 2) { | ||
213 | this.ruleForm.zmstarno = ''; | ||
214 | this.ruleForm.zmendno = ''; | ||
215 | this.ruleForm.zmnum = item.bs | ||
216 | } | ||
217 | } | ||
218 | }, | ||
219 | /** | ||
220 | * @description: resetTableFields | ||
221 | * @author: renchao | ||
222 | */ | ||
223 | resetTableFields () { | ||
224 | this.tableForm = [ | ||
225 | { | ||
226 | name: '不动产权证书', | ||
227 | ksysxlh: '', | ||
228 | jsysxlh: '', | ||
229 | bs: 0, | ||
230 | zslx: 1 | ||
231 | }, | ||
232 | { | ||
233 | name: '不动产权登记证明', | ||
234 | ksysxlh: '', | ||
235 | jsysxlh: '', | ||
236 | bs: 0, | ||
237 | zslx: 2 | ||
238 | } | ||
239 | ] | ||
240 | }, | ||
241 | /** | ||
242 | * @description: closeDialog | ||
243 | * @author: renchao | ||
244 | */ | ||
245 | closeDialog () { | ||
246 | this.$popupCacel() | ||
247 | this.$refs['ruleForm'].resetFields(); | ||
248 | this.resetTableFields(); | ||
249 | } | ||
250 | } | ||
251 | } | ||
252 | </script> | ||
253 | <style scoped lang="scss"> | ||
254 | @import "~@/styles/mixin.scss"; | ||
255 | @import "~@/styles/dialogBoxheader.scss"; | ||
256 | |||
257 | .font-red { | ||
258 | color: red | ||
259 | } | ||
260 | |||
261 | .middle-margin-bottom { | ||
262 | margin-top: 20px | ||
263 | } | ||
264 | </style> |
... | @@ -28,8 +28,8 @@ class data extends filter { | ... | @@ -28,8 +28,8 @@ class data extends filter { |
28 | } | 28 | } |
29 | }, | 29 | }, |
30 | { | 30 | { |
31 | prop: "sqrmc", | 31 | prop: "qymc", |
32 | label: "姓名/名称", | 32 | label: "名称", |
33 | }, | 33 | }, |
34 | { | 34 | { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
... | @@ -65,7 +65,7 @@ class data extends filter { | ... | @@ -65,7 +65,7 @@ class data extends filter { |
65 | label: "法人名称", | 65 | label: "法人名称", |
66 | }, | 66 | }, |
67 | { | 67 | { |
68 | prop: "txdz", | 68 | prop: "dwdz", |
69 | label: "地址", | 69 | label: "地址", |
70 | }, | 70 | }, |
71 | { | 71 | { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-04 16:59:15 | 4 | * @LastEditTime: 2023-09-01 10:17:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <el-row> | 11 | <el-row> |
12 | <el-col :span="5"> | 12 | <el-col :span="5"> |
13 | <el-form-item label="姓名/名称"> | 13 | <el-form-item label="姓名/名称"> |
14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | 14 | <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100"> |
15 | </el-input> | 15 | </el-input> |
16 | </el-form-item> | 16 | </el-form-item> |
17 | </el-col> | 17 | </el-col> |
... | @@ -24,6 +24,7 @@ | ... | @@ -24,6 +24,7 @@ |
24 | <el-col :span="14" class="btnColRight"> | 24 | <el-col :span="14" class="btnColRight"> |
25 | <el-form-item> | 25 | <el-form-item> |
26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
27 | <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> | ||
27 | </el-form-item> | 28 | </el-form-item> |
28 | </el-col> | 29 | </el-col> |
29 | </el-row> | 30 | </el-row> |
... | @@ -38,21 +39,25 @@ | ... | @@ -38,21 +39,25 @@ |
38 | </div> | 39 | </div> |
39 | </template> | 40 | </template> |
40 | <script> | 41 | <script> |
41 | import table from "@/utils/mixin/table" | 42 | import table from "@/utils/mixin/table" |
42 | import { datas, sendThis } from "./data" | 43 | import { datas, sendThis } from "./data" |
43 | export default { | 44 | import { queryYhByPage, addYh } from "@/api/xxba.js"; |
45 | export default { | ||
44 | name: "cwrz", | 46 | name: "cwrz", |
45 | components: {}, | 47 | components: {}, |
46 | mixins: [table], | 48 | mixins: [table], |
47 | mounted () { | 49 | mounted () { |
48 | sendThis(this); | 50 | sendThis(this); |
49 | }, | 51 | }, |
52 | activated () { | ||
53 | this.queryClick() | ||
54 | }, | ||
50 | computed: { | 55 | computed: { |
51 | }, | 56 | }, |
52 | data () { | 57 | data () { |
53 | return { | 58 | return { |
54 | queryForm: { | 59 | queryForm: { |
55 | sqrmc: "", | 60 | qymc: "", |
56 | zjh: "", | 61 | zjh: "", |
57 | }, | 62 | }, |
58 | pageData: { | 63 | pageData: { |
... | @@ -69,16 +74,34 @@ | ... | @@ -69,16 +74,34 @@ |
69 | methods: { | 74 | methods: { |
70 | /** | 75 | /** |
71 | * @description: queryClick | 76 | * @description: queryClick |
72 | * @author: renchao | ||
73 | */ | 77 | */ |
74 | queryClick () { | 78 | queryClick () { |
79 | this.$startLoading(); | ||
80 | let pageForm = { | ||
81 | pageSize: this.pageData.size, | ||
82 | pageNumber: this.pageData.current | ||
83 | } | ||
84 | let data = {...this.queryForm, ...pageForm} | ||
85 | queryYhByPage(data).then((res) => { | ||
86 | this.$endLoading(); | ||
87 | if (res.code === 200) { | ||
88 | let { total, records } = res.result; | ||
89 | this.tableData.total = total; | ||
90 | this.tableData.data = records; | ||
91 | } | ||
92 | }); | ||
93 | }, | ||
94 | handleSearch () { | ||
95 | this.queryClick(); | ||
96 | }, | ||
97 | handleAdd () { | ||
98 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") | ||
75 | }, | 99 | }, |
76 | handleSearch () { }, | ||
77 | handleDelete () { } | 100 | handleDelete () { } |
78 | } | 101 | } |
79 | } | 102 | } |
80 | </script> | 103 | </script> |
81 | <style scoped lang="scss"> | 104 | <style scoped lang="scss"> |
82 | @import "~@/styles/public.scss"; | 105 | @import "~@/styles/public.scss"; |
83 | </style> | 106 | </style> |
84 | 107 | ... | ... |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="180px" | 16 | label-width="180px"> |
17 | > | ||
18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 申请业务信息 | 19 | 申请业务信息 |
... | @@ -117,7 +116,7 @@ | ... | @@ -117,7 +116,7 @@ |
117 | </div> | 116 | </div> |
118 | 117 | ||
119 | <el-row :gutter="10"> | 118 | <el-row :gutter="10"> |
120 | <el-col :span="8" > | 119 | <el-col :span="8"> |
121 | <el-form-item label="原不动产证号:"> | 120 | <el-form-item label="原不动产证号:"> |
122 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 121 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
123 | </el-form-item> | 122 | </el-form-item> |
... | @@ -153,12 +152,10 @@ | ... | @@ -153,12 +152,10 @@ |
153 | <el-col :span="8"> | 152 | <el-col :span="8"> |
154 | <el-form-item | 153 | <el-form-item |
155 | label="是否禁止或者限制转让的约定:" | 154 | label="是否禁止或者限制转让的约定:" |
156 | label-width="200px" | 155 | label-width="200px"> |
157 | > | ||
158 | <el-radio-group | 156 | <el-radio-group |
159 | v-model="ruleForm.diyaq.sfczjzhxz" | 157 | v-model="ruleForm.diyaq.sfczjzhxz" |
160 | :disabled="!viewEdit || isJfOperation" | 158 | :disabled="!viewEdit || isJfOperation"> |
161 | > | ||
162 | <el-radio label="1">是</el-radio> | 159 | <el-radio label="1">是</el-radio> |
163 | <el-radio label="0">否</el-radio> | 160 | <el-radio label="0">否</el-radio> |
164 | </el-radio-group> | 161 | </el-radio-group> |
... | @@ -166,8 +163,7 @@ | ... | @@ -166,8 +163,7 @@ |
166 | </el-col> | 163 | </el-col> |
167 | <el-col :span="8"> | 164 | <el-col :span="8"> |
168 | <el-form-item | 165 | <el-form-item |
169 | label="是否预告登记:" | 166 | label="是否预告登记:"> |
170 | > | ||
171 | <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled> | 167 | <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled> |
172 | <el-radio label="1">是</el-radio> | 168 | <el-radio label="1">是</el-radio> |
173 | <el-radio label="0">否</el-radio> | 169 | <el-radio label="0">否</el-radio> |
... | @@ -178,8 +174,7 @@ | ... | @@ -178,8 +174,7 @@ |
178 | <el-form-item label="债务履行期限:"> | 174 | <el-form-item label="债务履行期限:"> |
179 | <el-input | 175 | <el-input |
180 | v-model="ruleForm.diyaq.dyqx" | 176 | v-model="ruleForm.diyaq.dyqx" |
181 | :disabled="!viewEdit || isJfOperation" | 177 | :disabled="!viewEdit || isJfOperation"></el-input> |
182 | ></el-input> | ||
183 | </el-form-item> | 178 | </el-form-item> |
184 | </el-col> | 179 | </el-col> |
185 | </el-row> | 180 | </el-row> |
... | @@ -191,18 +186,15 @@ | ... | @@ -191,18 +186,15 @@ |
191 | <el-input | 186 | <el-input |
192 | v-model="ruleForm.diyaq.bdbzzqse" | 187 | v-model="ruleForm.diyaq.bdbzzqse" |
193 | :disabled="!viewEdit || isJfOperation" | 188 | :disabled="!viewEdit || isJfOperation" |
194 | style="width: 500%" | 189 | style="width: 500%"></el-input> |
195 | ></el-input> | ||
196 | <el-select | 190 | <el-select |
197 | v-model="ruleForm.diyaq.jedw" | 191 | v-model="ruleForm.diyaq.jedw" |
198 | :disabled="!viewEdit || isJfOperation" | 192 | :disabled="!viewEdit || isJfOperation"> |
199 | > | ||
200 | <el-option | 193 | <el-option |
201 | v-for="item in dictData['A57']" | 194 | v-for="item in dictData['A57']" |
202 | :key="item.dcode" | 195 | :key="item.dcode" |
203 | :label="item.dname" | 196 | :label="item.dname" |
204 | :value="item.dcode" | 197 | :value="item.dcode"> |
205 | > | ||
206 | </el-option> | 198 | </el-option> |
207 | </el-select> | 199 | </el-select> |
208 | </div> | 200 | </div> |
... | @@ -213,8 +205,7 @@ | ... | @@ -213,8 +205,7 @@ |
213 | <el-form-item label="最高债权额:"> | 205 | <el-form-item label="最高债权额:"> |
214 | <el-input | 206 | <el-input |
215 | v-model="ruleForm.diyaq.zgzqse" | 207 | v-model="ruleForm.diyaq.zgzqse" |
216 | :disabled="!viewEdit || isJfOperation" | 208 | :disabled="!viewEdit || isJfOperation"></el-input> |
217 | ></el-input> | ||
218 | </el-form-item> | 209 | </el-form-item> |
219 | </el-col> | 210 | </el-col> |
220 | 211 | ||
... | @@ -223,8 +214,7 @@ | ... | @@ -223,8 +214,7 @@ |
223 | <el-date-picker | 214 | <el-date-picker |
224 | v-model="ruleForm.diyaq.zwlxqssj" | 215 | v-model="ruleForm.diyaq.zwlxqssj" |
225 | :disabled="!viewEdit || isJfOperation" | 216 | :disabled="!viewEdit || isJfOperation" |
226 | type="date" | 217 | type="date"> |
227 | > | ||
228 | </el-date-picker> | 218 | </el-date-picker> |
229 | </el-form-item> | 219 | </el-form-item> |
230 | </el-col> | 220 | </el-col> |
... | @@ -233,8 +223,7 @@ | ... | @@ -233,8 +223,7 @@ |
233 | <el-date-picker | 223 | <el-date-picker |
234 | v-model="ruleForm.diyaq.zwlxjssj" | 224 | v-model="ruleForm.diyaq.zwlxjssj" |
235 | :disabled="!viewEdit || isJfOperation" | 225 | :disabled="!viewEdit || isJfOperation" |
236 | type="date" | 226 | type="date"> |
237 | > | ||
238 | </el-date-picker> | 227 | </el-date-picker> |
239 | </el-form-item> | 228 | </el-form-item> |
240 | </el-col> | 229 | </el-col> |
... | @@ -246,8 +235,7 @@ | ... | @@ -246,8 +235,7 @@ |
246 | v-model="ruleForm.diyaq.dbfw" | 235 | v-model="ruleForm.diyaq.dbfw" |
247 | :disabled=" | 236 | :disabled=" |
248 | (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation | 237 | (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation |
249 | " | 238 | "></el-input> |
250 | ></el-input> | ||
251 | </el-form-item> | 239 | </el-form-item> |
252 | </el-col> | 240 | </el-col> |
253 | </el-row> | 241 | </el-row> |
... | @@ -256,8 +244,7 @@ | ... | @@ -256,8 +244,7 @@ |
256 | <el-form-item label="最高债权确定事实和数额:"> | 244 | <el-form-item label="最高债权确定事实和数额:"> |
257 | <el-input | 245 | <el-input |
258 | v-model="ruleForm.diyaq.zgzqqdss" | 246 | v-model="ruleForm.diyaq.zgzqqdss" |
259 | :disabled="!viewEdit || isJfOperation" | 247 | :disabled="!viewEdit || isJfOperation"></el-input> |
260 | ></el-input> | ||
261 | </el-form-item> | 248 | </el-form-item> |
262 | </el-col> | 249 | </el-col> |
263 | </el-row> | 250 | </el-row> |
... | @@ -269,8 +256,7 @@ | ... | @@ -269,8 +256,7 @@ |
269 | maxlength="500" | 256 | maxlength="500" |
270 | show-word-limit | 257 | show-word-limit |
271 | v-model="ruleForm.diyaq.fj" | 258 | v-model="ruleForm.diyaq.fj" |
272 | :disabled="!viewEdit || isJfOperation" | 259 | :disabled="!viewEdit || isJfOperation"></el-input> |
273 | ></el-input> | ||
274 | </el-form-item> | 260 | </el-form-item> |
275 | </el-col> | 261 | </el-col> |
276 | </el-row> | 262 | </el-row> |
... | @@ -284,8 +270,7 @@ | ... | @@ -284,8 +270,7 @@ |
284 | <el-form-item label="共有方式:"> | 270 | <el-form-item label="共有方式:"> |
285 | <el-radio-group | 271 | <el-radio-group |
286 | :disabled="!viewEdit" | 272 | :disabled="!viewEdit" |
287 | v-model="ruleForm.sldy.gyfs" | 273 | v-model="ruleForm.sldy.gyfs"> |
288 | > | ||
289 | <el-radio label="0">单独所有</el-radio> | 274 | <el-radio label="0">单独所有</el-radio> |
290 | <el-radio label="1">共同共有</el-radio> | 275 | <el-radio label="1">共同共有</el-radio> |
291 | <el-radio label="2">按份所有</el-radio> | 276 | <el-radio label="2">按份所有</el-radio> |
... | @@ -298,8 +283,7 @@ | ... | @@ -298,8 +283,7 @@ |
298 | <el-radio-group | 283 | <el-radio-group |
299 | v-model="ruleForm.sldy.sqfbcz" | 284 | v-model="ruleForm.sldy.sqfbcz" |
300 | :disabled="!viewEdit" | 285 | :disabled="!viewEdit" |
301 | @input="updaterow()" | 286 | @input="updaterow()"> |
302 | > | ||
303 | <el-radio :label="1">是</el-radio> | 287 | <el-radio :label="1">是</el-radio> |
304 | <el-radio :label="0">否</el-radio> | 288 | <el-radio :label="0">否</el-radio> |
305 | </el-radio-group> | 289 | </el-radio-group> |
... | @@ -307,20 +291,17 @@ | ... | @@ -307,20 +291,17 @@ |
307 | </el-col> | 291 | </el-col> |
308 | <el-col | 292 | <el-col |
309 | :span="6" | 293 | :span="6" |
310 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 294 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
311 | > | ||
312 | <el-form-item label="持证人:"> | 295 | <el-form-item label="持证人:"> |
313 | <el-select | 296 | <el-select |
314 | v-model="czr" | 297 | v-model="czr" |
315 | placeholder="持证人" | 298 | placeholder="持证人" |
316 | :disabled="!viewEdit" | 299 | :disabled="!viewEdit"> |
317 | > | ||
318 | <el-option | 300 | <el-option |
319 | v-for="item in czrOptions" | 301 | v-for="item in czrOptions" |
320 | :key="item.zjh" | 302 | :key="item.zjh" |
321 | :label="item.sqrmc" | 303 | :label="item.sqrmc" |
322 | :value="item.zjh" | 304 | :value="item.zjh"> |
323 | > | ||
324 | </el-option> | 305 | </el-option> |
325 | </el-select> | 306 | </el-select> |
326 | </el-form-item> | 307 | </el-form-item> |
... | @@ -330,8 +311,7 @@ | ... | @@ -330,8 +311,7 @@ |
330 | :tableData="ruleForm.qlrList" | 311 | :tableData="ruleForm.qlrList" |
331 | :disabled="viewEdit" | 312 | :disabled="viewEdit" |
332 | @upDateQlrxxList="upDateQlrxxList" | 313 | @upDateQlrxxList="upDateQlrxxList" |
333 | :gyfs="ruleForm.sldy.gyfs" | 314 | :gyfs="ruleForm.sldy.gyfs" /> |
334 | /> | ||
335 | <div class="slxx_title title-block"> | 315 | <div class="slxx_title title-block"> |
336 | 抵押人信息 | 316 | 抵押人信息 |
337 | <div class="triangle"></div> | 317 | <div class="triangle"></div> |
... | @@ -339,8 +319,7 @@ | ... | @@ -339,8 +319,7 @@ |
339 | <qlrCommonTable | 319 | <qlrCommonTable |
340 | :tableData="ruleForm.ywrList" | 320 | :tableData="ruleForm.ywrList" |
341 | :disabled="viewEdit" | 321 | :disabled="viewEdit" |
342 | @upDateQlrxxList="upDateYwrxxList" | 322 | @upDateQlrxxList="upDateYwrxxList" /> |
343 | /> | ||
344 | 323 | ||
345 | <div class="slxx_title title-block"> | 324 | <div class="slxx_title title-block"> |
346 | 登记原因 | 325 | 登记原因 |
... | @@ -351,14 +330,12 @@ | ... | @@ -351,14 +330,12 @@ |
351 | <el-form-item | 330 | <el-form-item |
352 | v-if="ruleForm.sldy.djlx == '400'" | 331 | v-if="ruleForm.sldy.djlx == '400'" |
353 | label="注销抵押原因:" | 332 | label="注销抵押原因:" |
354 | prop="djyy" | 333 | prop="djyy"> |
355 | > | ||
356 | <el-input | 334 | <el-input |
357 | class="textArea" | 335 | class="textArea" |
358 | type="textarea" | 336 | type="textarea" |
359 | :disabled="!viewEdit" | 337 | :disabled="!viewEdit" |
360 | v-model="ruleForm.diyaq.zxdyyy" | 338 | v-model="ruleForm.diyaq.zxdyyy"> |
361 | > | ||
362 | </el-input> | 339 | </el-input> |
363 | </el-form-item> | 340 | </el-form-item> |
364 | <el-form-item v-else label="登记原因:" prop="djyy"> | 341 | <el-form-item v-else label="登记原因:" prop="djyy"> |
... | @@ -368,8 +345,7 @@ | ... | @@ -368,8 +345,7 @@ |
368 | maxlength="500" | 345 | maxlength="500" |
369 | show-word-limit | 346 | show-word-limit |
370 | :disabled="!viewEdit" | 347 | :disabled="!viewEdit" |
371 | v-model="ruleForm.diyaq.djyy" | 348 | v-model="ruleForm.diyaq.djyy"> |
372 | > | ||
373 | </el-input> | 349 | </el-input> |
374 | </el-form-item> | 350 | </el-form-item> |
375 | </el-col> | 351 | </el-col> |
... | @@ -384,11 +360,11 @@ | ... | @@ -384,11 +360,11 @@ |
384 | </div> | 360 | </div> |
385 | </template> | 361 | </template> |
386 | <script> | 362 | <script> |
387 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 363 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
388 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 364 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
389 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; |
390 | export default { | 366 | export default { |
391 | mounted() { | 367 | mounted () { |
392 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
393 | this.propsParam = this.$attrs; | 369 | this.propsParam = this.$attrs; |
394 | var formdata = new FormData(); | 370 | var formdata = new FormData(); |
... | @@ -417,7 +393,7 @@ export default { | ... | @@ -417,7 +393,7 @@ export default { |
417 | computed: { | 393 | computed: { |
418 | ...mapGetters(["dictData", "flag"]), | 394 | ...mapGetters(["dictData", "flag"]), |
419 | }, | 395 | }, |
420 | data() { | 396 | data () { |
421 | return { | 397 | return { |
422 | //表单是否可操作 | 398 | //表单是否可操作 |
423 | viewEdit: true, | 399 | viewEdit: true, |
... | @@ -441,7 +417,7 @@ export default { | ... | @@ -441,7 +417,7 @@ export default { |
441 | * @description: onSubmitClick | 417 | * @description: onSubmitClick |
442 | * @author: renchao | 418 | * @author: renchao |
443 | */ | 419 | */ |
444 | onSubmitClick() { | 420 | onSubmitClick () { |
445 | let that = this; | 421 | let that = this; |
446 | if (this.ruleForm.qlrList.length == 0) { | 422 | if (this.ruleForm.qlrList.length == 0) { |
447 | this.$message({ | 423 | this.$message({ |
... | @@ -518,7 +494,7 @@ export default { | ... | @@ -518,7 +494,7 @@ export default { |
518 | * @param {*} val | 494 | * @param {*} val |
519 | * @author: renchao | 495 | * @author: renchao |
520 | */ | 496 | */ |
521 | upDateQlrxxList(val) { | 497 | upDateQlrxxList (val) { |
522 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 498 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
523 | this.ruleForm.qlrList = _.cloneDeep(val); | 499 | this.ruleForm.qlrList = _.cloneDeep(val); |
524 | this.czrOptions = this.ruleForm.qlrList; | 500 | this.czrOptions = this.ruleForm.qlrList; |
... | @@ -530,7 +506,7 @@ export default { | ... | @@ -530,7 +506,7 @@ export default { |
530 | * @param {*} val | 506 | * @param {*} val |
531 | * @author: renchao | 507 | * @author: renchao |
532 | */ | 508 | */ |
533 | updaterow() { | 509 | updaterow () { |
534 | this.czr = ""; | 510 | this.czr = ""; |
535 | }, | 511 | }, |
536 | /** | 512 | /** |
... | @@ -538,15 +514,15 @@ export default { | ... | @@ -538,15 +514,15 @@ export default { |
538 | * @param {*} val | 514 | * @param {*} val |
539 | * @author: renchao | 515 | * @author: renchao |
540 | */ | 516 | */ |
541 | upDateYwrxxList(val) { | 517 | upDateYwrxxList (val) { |
542 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | 518 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
543 | this.ruleForm.ywrList = _.cloneDeep(val); | 519 | this.ruleForm.ywrList = _.cloneDeep(val); |
544 | } | 520 | } |
545 | }, | 521 | }, |
546 | }, | 522 | }, |
547 | }; | 523 | }; |
548 | </script> | 524 | </script> |
549 | <style scoped lang="scss"> | 525 | <style scoped lang="scss"> |
550 | @import "~@/styles/public.scss"; | 526 | @import "~@/styles/public.scss"; |
551 | @import "~@/styles/slxx/slxx.scss"; | 527 | @import "~@/styles/slxx/slxx.scss"; |
552 | </style> | 528 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-09-01 13:23:30 | 4 | * @LastEditTime: 2023-09-05 15:48:55 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -353,8 +353,6 @@ | ... | @@ -353,8 +353,6 @@ |
353 | this.czrOptions = this.ruleForm.qlrList; | 353 | this.czrOptions = this.ruleForm.qlrList; |
354 | this.key++; | 354 | this.key++; |
355 | }, | 355 | }, |
356 | |||
357 | // 是否持证人变化 | ||
358 | /** | 356 | /** |
359 | * @description: 是否持证人变化 | 357 | * @description: 是否持证人变化 |
360 | * @param {*} val | 358 | * @param {*} val | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 13:40:52 | 4 | * @LastEditTime: 2023-09-05 15:53:51 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -369,7 +369,7 @@ | ... | @@ -369,7 +369,7 @@ |
369 | :disabled="viewEdit" | 369 | :disabled="viewEdit" |
370 | :gyfs="ruleForm.sldy.gyfs" /> | 370 | :gyfs="ruleForm.sldy.gyfs" /> |
371 | 371 | ||
372 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 372 | <div v-if="ruleForm.qlxx.djlx == '200'"> |
373 | <div class="slxx_title title-block"> | 373 | <div class="slxx_title title-block"> |
374 | 义务人信息 | 374 | 义务人信息 |
375 | <div class="triangle"></div> | 375 | <div class="triangle"></div> |
... | @@ -378,8 +378,7 @@ | ... | @@ -378,8 +378,7 @@ |
378 | v-if="ruleForm.qlxx" | 378 | v-if="ruleForm.qlxx" |
379 | @upDateQlrxxList="upDateYwrxxList" | 379 | @upDateQlrxxList="upDateYwrxxList" |
380 | :tableData="ruleForm.ywrList" | 380 | :tableData="ruleForm.ywrList" |
381 | :disabled="viewEdit" | 381 | :disabled="viewEdit" /> |
382 | :gyfs="ruleForm.sldy.gyfs" /> | ||
383 | </div> | 382 | </div> |
384 | <div class="slxx_title title-block"> | 383 | <div class="slxx_title title-block"> |
385 | 登记原因 | 384 | 登记原因 |
... | @@ -443,7 +442,7 @@ | ... | @@ -443,7 +442,7 @@ |
443 | } | 442 | } |
444 | }); | 443 | }); |
445 | }, | 444 | }, |
446 | components: { qlrCommonTable, tdytTable }, | 445 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
447 | computed: { | 446 | computed: { |
448 | ...mapGetters(["dictData", "flag"]), | 447 | ...mapGetters(["dictData", "flag"]), |
449 | }, | 448 | }, | ... | ... |
... | @@ -82,7 +82,7 @@ | ... | @@ -82,7 +82,7 @@ |
82 | </el-col> | 82 | </el-col> |
83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
84 | <el-form-item label="房屋性质:"> | 84 | <el-form-item label="房屋性质:"> |
85 | <el-select v-model="ruleForm.ygdj.fwxz"> | 85 | <el-select v-model="ruleForm.ygdj.fwxz" :disabled="!viewEdit"> |
86 | <el-option | 86 | <el-option |
87 | v-for="item in dictData['A19']" | 87 | v-for="item in dictData['A19']" |
88 | :key="item.dcode" | 88 | :key="item.dcode" |
... | @@ -108,12 +108,13 @@ | ... | @@ -108,12 +108,13 @@ |
108 | </el-col> | 108 | </el-col> |
109 | <el-col :span="8"> | 109 | <el-col :span="8"> |
110 | <el-form-item label="所在层:"> | 110 | <el-form-item label="所在层:"> |
111 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> | 111 | <el-input maxlength="20" :disabled="!viewEdit" v-model="ruleForm.ygdj.szc"></el-input> |
112 | </el-form-item> | 112 | </el-form-item> |
113 | </el-col> | 113 | </el-col> |
114 | <el-col :span="8"> | 114 | <el-col :span="8"> |
115 | <el-form-item label="总层数:"> | 115 | <el-form-item label="总层数:"> |
116 | <el-input | 116 | <el-input |
117 | :disabled="!viewEdit" | ||
117 | maxlength="4" | 118 | maxlength="4" |
118 | v-model.number="ruleForm.ygdj.zcs" | 119 | v-model.number="ruleForm.ygdj.zcs" |
119 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 120 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
... | @@ -123,7 +124,7 @@ | ... | @@ -123,7 +124,7 @@ |
123 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 124 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
124 | <el-col :span="8"> | 125 | <el-col :span="8"> |
125 | <el-form-item label="房屋结构:"> | 126 | <el-form-item label="房屋结构:"> |
126 | <el-select v-model="ruleForm.ygdj.fwjg"> | 127 | <el-select v-model="ruleForm.ygdj.fwjg" :disabled="!viewEdit"> |
127 | <el-option | 128 | <el-option |
128 | v-for="item in dictData['A46']" | 129 | v-for="item in dictData['A46']" |
129 | :key="item.dcode" | 130 | :key="item.dcode" |
... | @@ -157,6 +158,7 @@ | ... | @@ -157,6 +158,7 @@ |
157 | <el-form-item label="取得价格:"> | 158 | <el-form-item label="取得价格:"> |
158 | <div class="flex"> | 159 | <div class="flex"> |
159 | <el-input | 160 | <el-input |
161 | :disabled="!viewEdit" | ||
160 | maxlength="11" | 162 | maxlength="11" |
161 | v-model="ruleForm.ygdj.qdjg" | 163 | v-model="ruleForm.ygdj.qdjg" |
162 | style="width: 500%" | 164 | style="width: 500%" |
... | @@ -253,7 +255,17 @@ | ... | @@ -253,7 +255,17 @@ |
253 | </div> | 255 | </div> |
254 | <el-row :gutter="10"> | 256 | <el-row :gutter="10"> |
255 | <el-col> | 257 | <el-col> |
256 | <el-form-item label="登记原因:" prop="djyy"> | 258 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因:" prop="djyy"> |
259 | <el-input | ||
260 | class="textArea" | ||
261 | type="textarea" | ||
262 | maxlength="500" | ||
263 | show-word-limit | ||
264 | :disabled="!viewEdit" | ||
265 | v-model="ruleForm.ygdj.zxyy"> | ||
266 | </el-input> | ||
267 | </el-form-item> | ||
268 | <el-form-item v-else label="登记原因:" prop="djyy"> | ||
257 | <el-input | 269 | <el-input |
258 | class="textArea" | 270 | class="textArea" |
259 | type="textarea" | 271 | type="textarea" | ... | ... |
... | @@ -268,14 +268,25 @@ | ... | @@ -268,14 +268,25 @@ |
268 | </div> | 268 | </div> |
269 | <el-row :gutter="10"> | 269 | <el-row :gutter="10"> |
270 | <el-col> | 270 | <el-col> |
271 | <el-form-item label="登记原因:" prop="djyy"> | 271 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因:" prop="djyy"> |
272 | <el-input | 272 | <el-input |
273 | class="textArea" | 273 | class="textArea" |
274 | type="textarea" | 274 | type="textarea" |
275 | maxlength="500" | 275 | maxlength="500" |
276 | show-word-limit | 276 | show-word-limit |
277 | :disabled="!viewEdit" | 277 | :disabled="!viewEdit" |
278 | v-model="ruleForm.ygdj.djyy"></el-input> | 278 | v-model="ruleForm.ygdj.zxyy"> |
279 | </el-input> | ||
280 | </el-form-item> | ||
281 | <el-form-item v-else label="登记原因:" prop="djyy"> | ||
282 | <el-input | ||
283 | class="textArea" | ||
284 | type="textarea" | ||
285 | maxlength="500" | ||
286 | show-word-limit | ||
287 | :disabled="!viewEdit" | ||
288 | v-model="ruleForm.ygdj.djyy"> | ||
289 | </el-input> | ||
279 | </el-form-item> | 290 | </el-form-item> |
280 | </el-col> | 291 | </el-col> |
281 | </el-row> | 292 | </el-row> | ... | ... |
src/views/ywbl/ycsl/ycsl.vue
0 → 100644
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:20:11 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 09:20:44 | ||
6 | * @FilePath: \bdcdj-web\src\views\ywbl\ycsl\ycsl.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div></div> | ||
13 | </template> | ||
14 | |||
15 | <script> | ||
16 | export default { | ||
17 | name: "BdcdjWebYcsl", | ||
18 | |||
19 | data() { | ||
20 | return {}; | ||
21 | }, | ||
22 | |||
23 | mounted() {}, | ||
24 | |||
25 | methods: {}, | ||
26 | }; | ||
27 | </script> | ||
28 | |||
29 | <style lang="scss" scoped></style> |
src/views/ywbl/ydsq/ydsq.vue
0 → 100644
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:19:56 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 09:20:51 | ||
6 | * @FilePath: \bdcdj-web\src\views\ywbl\ydsq\ydsq.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div></div> | ||
13 | </template> | ||
14 | |||
15 | <script> | ||
16 | export default { | ||
17 | name: "BdcdjWebYcsl", | ||
18 | |||
19 | data() { | ||
20 | return {}; | ||
21 | }, | ||
22 | |||
23 | mounted() {}, | ||
24 | |||
25 | methods: {}, | ||
26 | }; | ||
27 | </script> | ||
28 | |||
29 | <style lang="scss" scoped></style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 08:52:44 | 4 | * @LastEditTime: 2023-09-05 11:32:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
59 | import { selectLq } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
61 | import { datas, sendThis } from "../javascript/selectQjlqxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectQjlqxxQt.js"; |
62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
63 | export default { | 63 | export default { |
64 | mixins: [table, jump], | 64 | mixins: [table, jump], | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-17 16:09:12 | 4 | * @LastEditTime: 2023-09-05 13:10:53 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
59 | import { selectLq } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectSllmqt.js"; |
62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
63 | export default { | 63 | export default { |
64 | mixins: [table, jump], | 64 | mixins: [table, jump], | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-05 11:33:36 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | type: 'selection', | ||
20 | label: '全选', | ||
21 | selectable: this.selected | ||
22 | }, | ||
23 | { | ||
24 | label: '序号', | ||
25 | type: 'index', | ||
26 | width: '50', | ||
27 | render: (h, scope) => { | ||
28 | return ( | ||
29 | <div> | ||
30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
31 | </div> | ||
32 | ) | ||
33 | } | ||
34 | }, | ||
35 | { | ||
36 | label: "状态", | ||
37 | width: '130', | ||
38 | render: (h, scope) => { | ||
39 | return ( | ||
40 | <div> | ||
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
43 | </div> | ||
44 | ) | ||
45 | } | ||
46 | }, | ||
47 | { | ||
48 | prop: "qllxmc", | ||
49 | label: "权利类型", | ||
50 | }, | ||
51 | { | ||
52 | prop: "bdcdyh", | ||
53 | label: "不动产单元号", | ||
54 | minWidth: '150' | ||
55 | }, | ||
56 | { | ||
57 | prop: "bdcqzh", | ||
58 | label: "不动产权证号", | ||
59 | render: (h, scope) => { | ||
60 | return ( | ||
61 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
62 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
63 | </el-tooltip> | ||
64 | ) | ||
65 | }, | ||
66 | width: '150' | ||
67 | }, | ||
68 | { | ||
69 | prop: "gyqk", | ||
70 | label: "共有方式", | ||
71 | }, | ||
72 | { | ||
73 | prop: "qlrmc", | ||
74 | label: "使用权人", | ||
75 | }, | ||
76 | { | ||
77 | prop: "qlrzjhm", | ||
78 | label: "证件号", | ||
79 | }, | ||
80 | { | ||
81 | prop: "qlxzmc", | ||
82 | width: '80', | ||
83 | label: "权利性质", | ||
84 | }, | ||
85 | { | ||
86 | prop: "qlmjmc", | ||
87 | width: '100', | ||
88 | label: "使用权面积", | ||
89 | }, | ||
90 | { | ||
91 | prop: "qlytmc", | ||
92 | label: "土地用途", | ||
93 | }, | ||
94 | { | ||
95 | prop: "qdjgmc", | ||
96 | width: '100', | ||
97 | label: "取得价格", | ||
98 | }, | ||
99 | { | ||
100 | prop: "zl", | ||
101 | label: "坐落", | ||
102 | minWidth: '150' | ||
103 | },{ | ||
104 | label: '操作', | ||
105 | width: '80', | ||
106 | align: 'center', | ||
107 | fixed: 'right', | ||
108 | render: (h, scope) => { | ||
109 | return ( | ||
110 | <div> | ||
111 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
112 | </div> | ||
113 | ) | ||
114 | } | ||
115 | } | ||
116 | ] | ||
117 | } | ||
118 | |||
119 | |||
120 | } | ||
121 | let datas = new data() | ||
122 | export { | ||
123 | datas, | ||
124 | sendThis | ||
125 | } |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-05 13:10:31 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | type: 'selection', | ||
20 | label: '全选', | ||
21 | selectable: this.selected | ||
22 | }, | ||
23 | { | ||
24 | label: '序号', | ||
25 | type: 'index', | ||
26 | width: '50', | ||
27 | render: (h, scope) => { | ||
28 | return ( | ||
29 | <div> | ||
30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
31 | </div> | ||
32 | ) | ||
33 | } | ||
34 | }, | ||
35 | { | ||
36 | label: "状态", | ||
37 | render: (h, scope) => { | ||
38 | return ( | ||
39 | <div> | ||
40 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
41 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
42 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
43 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
47 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
48 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
49 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
50 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
51 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
52 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
53 | </div> | ||
54 | ) | ||
55 | } | ||
56 | }, | ||
57 | { | ||
58 | prop: "qllxmc", | ||
59 | label: "权利类型", | ||
60 | }, | ||
61 | { | ||
62 | prop: "zddm", | ||
63 | label: "宗地代码", | ||
64 | }, | ||
65 | { | ||
66 | prop: "bdcdyh", | ||
67 | label: "不动产单元号", | ||
68 | minWidth: '110' | ||
69 | }, | ||
70 | { | ||
71 | prop: "showQlxz", | ||
72 | label: "权利性质", | ||
73 | }, | ||
74 | { | ||
75 | prop: "zdmj", | ||
76 | label: "宗地面积(㎡)", | ||
77 | }, | ||
78 | { | ||
79 | prop: "qlsdfsmc", | ||
80 | label: "权利设定方式", | ||
81 | }, | ||
82 | { | ||
83 | prop: "showTdyt", | ||
84 | label: "土地用途", | ||
85 | }, | ||
86 | { | ||
87 | prop: "tfh", | ||
88 | label: "图幅号", | ||
89 | }, | ||
90 | { | ||
91 | prop: "djh", | ||
92 | label: "地籍号", | ||
93 | }, | ||
94 | { | ||
95 | prop: "zl", | ||
96 | label: "坐落", | ||
97 | minWidth: '110' | ||
98 | },{ | ||
99 | label: '操作', | ||
100 | width: '80', | ||
101 | align: 'center', | ||
102 | fixed: 'right', | ||
103 | render: (h, scope) => { | ||
104 | return ( | ||
105 | <div> | ||
106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
107 | </div> | ||
108 | ) | ||
109 | } | ||
110 | } | ||
111 | ] | ||
112 | } | ||
113 | |||
114 | |||
115 | } | ||
116 | let datas = new data() | ||
117 | export { | ||
118 | datas, | ||
119 | sendThis | ||
120 | } |
... | @@ -45,9 +45,9 @@ class data extends filter { | ... | @@ -45,9 +45,9 @@ class data extends filter { |
45 | } | 45 | } |
46 | }, | 46 | }, |
47 | { | 47 | { |
48 | prop: "bdcqzh", | 48 | prop: "ygdjzlmc", |
49 | label: "不动产登记证明号", | 49 | label: "预告登记种类", |
50 | minWidth: '150' | 50 | minWidth: '100' |
51 | }, | 51 | }, |
52 | { | 52 | { |
53 | prop: "bdcdyh", | 53 | prop: "bdcdyh", |
... | @@ -55,40 +55,33 @@ class data extends filter { | ... | @@ -55,40 +55,33 @@ class data extends filter { |
55 | minWidth: '150' | 55 | minWidth: '150' |
56 | }, | 56 | }, |
57 | { | 57 | { |
58 | prop: "dyfs", | 58 | prop: "bdcqzh", |
59 | label: "抵押方式", | 59 | label: "不动产登记证明号", |
60 | render: (h, scope) => { | 60 | minWidth: '150' |
61 | switch (scope.row.dyfs) { | ||
62 | case '1': | ||
63 | return <span>一般抵押</span> | ||
64 | case '2': | ||
65 | return <span>最高额抵押</span> | ||
66 | } | ||
67 | } | ||
68 | }, | 61 | }, |
69 | { | 62 | { |
70 | prop: "qlrmc", | 63 | prop: "qlrmc", |
71 | label: "抵押权人", | 64 | label: "权利人", |
72 | }, | 65 | }, |
73 | { | 66 | { |
74 | prop: "qlrzjhm", | 67 | prop: "qlrzjhm", |
75 | label: "抵押权人证件号", | 68 | label: "证件号码", |
76 | }, | 69 | }, |
77 | { | 70 | { |
78 | prop: "ywrmc", | 71 | prop: "ywrmc", |
79 | label: "抵押人", | 72 | label: "义务人", |
80 | }, | 73 | }, |
81 | { | 74 | { |
82 | prop: "ywrzjhm", | 75 | prop: "ywrzjhm", |
83 | label: "抵押人证件号", | 76 | label: "证件号码", |
84 | }, | 77 | }, |
85 | { | 78 | { |
86 | prop: "dyje", | 79 | prop: "jzmj", |
87 | label: "抵押金额(万元)", | 80 | label: "建筑面积", |
88 | }, | 81 | }, |
89 | { | 82 | { |
90 | prop: "dymj", | 83 | prop: "qdjg", |
91 | label: "抵押面积", | 84 | label: "被担保主债权数额", |
92 | }, | 85 | }, |
93 | { | 86 | { |
94 | prop: "dyqx", | 87 | prop: "dyqx", | ... | ... |
-
Please register or sign in to post a comment