Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
11 changed files
with
279 additions
and
352 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:27:35 | 4 | * @LastEditTime: 2023-08-30 15:52:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -10,7 +10,6 @@ | ... | @@ -10,7 +10,6 @@ |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | ||
| 14 | ref="ruleForm" | 13 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 15 | :inline="flag" |
| ... | @@ -313,20 +312,6 @@ | ... | @@ -313,20 +312,6 @@ |
| 313 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 312 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 314 | </el-form-item> | 313 | </el-form-item> |
| 315 | </el-col> | 314 | </el-col> |
| 316 | <!-- <el-col :span="8"> | ||
| 317 | <el-form-item label="不动产登记证明号:" prop="bdcqzh"> | ||
| 318 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 319 | </el-form-item> | ||
| 320 | </el-col> --> | ||
| 321 | <!-- <el-col :span="8"> | ||
| 322 | <el-form-item | ||
| 323 | label="区县代码:" | ||
| 324 | prop="qlxx.qxdm" | ||
| 325 | :rules="rules.qxdmrules" | ||
| 326 | > | ||
| 327 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 328 | </el-form-item> | ||
| 329 | </el-col> --> | ||
| 330 | <el-col :span="8"> | 315 | <el-col :span="8"> |
| 331 | <el-form-item label="在建建筑物抵押范围:"> | 316 | <el-form-item label="在建建筑物抵押范围:"> |
| 332 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> | 317 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> |
| ... | @@ -401,24 +386,6 @@ | ... | @@ -401,24 +386,6 @@ |
| 401 | </el-date-picker> | 386 | </el-date-picker> |
| 402 | </el-form-item> | 387 | </el-form-item> |
| 403 | </el-col> | 388 | </el-col> |
| 404 | |||
| 405 | <!-- <el-col :span="8"> | ||
| 406 | <el-form-item label="是否预告登记:"> | ||
| 407 | <el-select v-model="ruleForm.diyaq.sfygdj"> | ||
| 408 | <el-option | ||
| 409 | v-for="item in dictData['A6']" | ||
| 410 | :key="item.dcode" | ||
| 411 | :label="item.dname" | ||
| 412 | :value="item.dcode"></el-option> | ||
| 413 | </el-select> | ||
| 414 | </el-form-item> | ||
| 415 | </el-col> --> | ||
| 416 | <!-- <el-col :span="8"> | ||
| 417 | <el-form-item label="在建建筑物坐落:"> | ||
| 418 | <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> | ||
| 419 | </el-form-item> | ||
| 420 | </el-col> --> | ||
| 421 | |||
| 422 | <el-col :span="24"> | 389 | <el-col :span="24"> |
| 423 | <el-form-item label="登记原因:"> | 390 | <el-form-item label="登记原因:"> |
| 424 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> | 391 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-10 13:41:26 | 4 | * @LastEditTime: 2023-08-30 15:52:01 |
| 5 | */ | 5 | */ |
| 6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
| 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
| ... | @@ -44,7 +44,6 @@ export default { | ... | @@ -44,7 +44,6 @@ export default { |
| 44 | this.flowInitParam(); | 44 | this.flowInitParam(); |
| 45 | }, | 45 | }, |
| 46 | methods: { | 46 | methods: { |
| 47 | //加载流程初始参数 | ||
| 48 | /** | 47 | /** |
| 49 | * @description: 加载流程初始参数 | 48 | * @description: 加载流程初始参数 |
| 50 | * @author: renchao | 49 | * @author: renchao | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-16 16:45:42 | 4 | * @LastEditTime: 2023-08-30 16:14:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -12,14 +12,15 @@ | ... | @@ -12,14 +12,15 @@ |
| 12 | :isFullscreen="false" | 12 | :isFullscreen="false" |
| 13 | @submitForm="submitForm" | 13 | @submitForm="submitForm" |
| 14 | @closeDialog="closeDialog" | 14 | @closeDialog="closeDialog" |
| 15 | :isButton="showButton" | 15 | :isButton="showButton"> |
| 16 | > | ||
| 17 | <el-form | 16 | <el-form |
| 18 | :model="ruleForm" | 17 | :model="ruleForm" |
| 19 | :rules="rules" | 18 | :rules="rules" |
| 20 | ref="ruleForm" | 19 | ref="ruleForm" |
| 21 | label-width="120px" | 20 | label-width="120px"> |
| 22 | > | 21 | <el-form-item label="身份证读卡器"> |
| 22 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
| 23 | </el-form-item> | ||
| 23 | <el-row> | 24 | <el-row> |
| 24 | <el-col :span="8"> | 25 | <el-col :span="8"> |
| 25 | <el-form-item label="权利人类型" prop="sqrlx"> | 26 | <el-form-item label="权利人类型" prop="sqrlx"> |
| ... | @@ -28,14 +29,12 @@ | ... | @@ -28,14 +29,12 @@ |
| 28 | v-model="ruleForm.sqrlx" | 29 | v-model="ruleForm.sqrlx" |
| 29 | class="width100" | 30 | class="width100" |
| 30 | :disabled="!showButton" | 31 | :disabled="!showButton" |
| 31 | placeholder="请选择" | 32 | placeholder="请选择"> |
| 32 | > | ||
| 33 | <el-option | 33 | <el-option |
| 34 | v-for="item in dictData['A36']" | 34 | v-for="item in dictData['A36']" |
| 35 | :key="item.dcode" | 35 | :key="item.dcode" |
| 36 | :label="item.dname" | 36 | :label="item.dname" |
| 37 | :value="item.dcode" | 37 | :value="item.dcode"> |
| 38 | > | ||
| 39 | </el-option> | 38 | </el-option> |
| 40 | </el-select> | 39 | </el-select> |
| 41 | </el-form-item> | 40 | </el-form-item> |
| ... | @@ -45,8 +44,7 @@ | ... | @@ -45,8 +44,7 @@ |
| 45 | <el-input | 44 | <el-input |
| 46 | v-model="ruleForm.sqrmc" | 45 | v-model="ruleForm.sqrmc" |
| 47 | maxlegth="15" | 46 | maxlegth="15" |
| 48 | :disabled="!showButton" | 47 | :disabled="!showButton"></el-input> |
| 49 | ></el-input> | ||
| 50 | </el-form-item> | 48 | </el-form-item> |
| 51 | </el-col> | 49 | </el-col> |
| 52 | <el-col :span="8"> | 50 | <el-col :span="8"> |
| ... | @@ -56,14 +54,12 @@ | ... | @@ -56,14 +54,12 @@ |
| 56 | v-model="ruleForm.zjzl" | 54 | v-model="ruleForm.zjzl" |
| 57 | :disabled="!showButton" | 55 | :disabled="!showButton" |
| 58 | class="width100" | 56 | class="width100" |
| 59 | placeholder="请选择" | 57 | placeholder="请选择"> |
| 60 | > | ||
| 61 | <el-option | 58 | <el-option |
| 62 | v-for="item in dictData['A30']" | 59 | v-for="item in dictData['A30']" |
| 63 | :key="item.dcode" | 60 | :key="item.dcode" |
| 64 | :label="item.dname" | 61 | :label="item.dname" |
| 65 | :value="item.dcode" | 62 | :value="item.dcode"> |
| 66 | > | ||
| 67 | </el-option> | 63 | </el-option> |
| 68 | </el-select> | 64 | </el-select> |
| 69 | </el-form-item> | 65 | </el-form-item> |
| ... | @@ -76,8 +72,7 @@ | ... | @@ -76,8 +72,7 @@ |
| 76 | v-model="ruleForm.zjh" | 72 | v-model="ruleForm.zjh" |
| 77 | :disabled="!showButton" | 73 | :disabled="!showButton" |
| 78 | maxlength="18" | 74 | maxlength="18" |
| 79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 75 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 80 | ></el-input> | ||
| 81 | </el-form-item> | 76 | </el-form-item> |
| 82 | </el-col> | 77 | </el-col> |
| 83 | <el-col :span="8"> | 78 | <el-col :span="8"> |
| ... | @@ -86,37 +81,34 @@ | ... | @@ -86,37 +81,34 @@ |
| 86 | v-model="ruleForm.dh" | 81 | v-model="ruleForm.dh" |
| 87 | :disabled="!showButton" | 82 | :disabled="!showButton" |
| 88 | maxlength="11" | 83 | maxlength="11" |
| 89 | oninput="value=value.replace(/[^\d]/g,'')" | 84 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 90 | ></el-input> | ||
| 91 | </el-form-item> | 85 | </el-form-item> |
| 92 | </el-col> | 86 | </el-col> |
| 93 | <el-col :span="8"> | 87 | <el-col :span="8"> |
| 94 | <el-form-item label="权利比例" prop="qlbl"> | 88 | <el-form-item label="性别" prop="xb"> |
| 95 | <el-input | 89 | <el-select |
| 96 | v-model="ruleForm.qlbl" | 90 | clearable |
| 97 | maxlength="32" | 91 | v-model="ruleForm.xb" |
| 98 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 92 | :disabled="!showButton" |
| 99 | ></el-input> | 93 | class="width100" |
| 94 | placeholder="请选择"> | ||
| 95 | <el-option | ||
| 96 | v-for="item in dictData['A43']" | ||
| 97 | :key="item.dcode" | ||
| 98 | :label="item.dname" | ||
| 99 | :value="item.dcode"> | ||
| 100 | </el-option> | ||
| 101 | </el-select> | ||
| 100 | </el-form-item> | 102 | </el-form-item> |
| 101 | </el-col> | 103 | </el-col> |
| 102 | </el-row> | 104 | </el-row> |
| 103 | <el-row> | 105 | <el-row> |
| 104 | <el-col :span="8"> | 106 | <el-col :span="8"> |
| 105 | <el-form-item label="法人名称" prop="frmc"> | ||
| 106 | <el-input | ||
| 107 | v-model="ruleForm.frmc" | ||
| 108 | maxlength="32" | ||
| 109 | :disabled="!showButton" | ||
| 110 | ></el-input> | ||
| 111 | </el-form-item> | ||
| 112 | </el-col> | ||
| 113 | <el-col :span="8"> | ||
| 114 | <el-form-item label="国家/地区" prop="gj"> | 107 | <el-form-item label="国家/地区" prop="gj"> |
| 115 | <el-input | 108 | <el-input |
| 116 | v-model="ruleForm.gj" | 109 | v-model="ruleForm.gj" |
| 117 | maxlength="3" | 110 | maxlength="3" |
| 118 | :disabled="!showButton" | 111 | :disabled="!showButton"></el-input> |
| 119 | ></el-input> | ||
| 120 | </el-form-item> | 112 | </el-form-item> |
| 121 | </el-col> | 113 | </el-col> |
| 122 | <el-col :span="8"> | 114 | <el-col :span="8"> |
| ... | @@ -124,20 +116,34 @@ | ... | @@ -124,20 +116,34 @@ |
| 124 | <el-input | 116 | <el-input |
| 125 | v-model="ruleForm.hjszss" | 117 | v-model="ruleForm.hjszss" |
| 126 | maxlength="3" | 118 | maxlength="3" |
| 127 | :disabled="!showButton" | 119 | :disabled="!showButton"></el-input> |
| 128 | ></el-input> | 120 | </el-form-item> |
| 121 | </el-col> | ||
| 122 | <el-col :span="8"> | ||
| 123 | <el-form-item label="权利比例" prop="qlbl"> | ||
| 124 | <el-input | ||
| 125 | v-model="ruleForm.qlbl" | ||
| 126 | maxlength="32" | ||
| 127 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> | ||
| 129 | </el-form-item> | 128 | </el-form-item> |
| 130 | </el-col> | 129 | </el-col> |
| 131 | </el-row> | 130 | </el-row> |
| 132 | 131 | ||
| 133 | <el-row> | 132 | <el-row> |
| 134 | <el-col :span="24"> | 133 | <el-col :span="8"> |
| 134 | <el-form-item label="法人名称" prop="frmc"> | ||
| 135 | <el-input | ||
| 136 | v-model="ruleForm.frmc" | ||
| 137 | maxlength="32" | ||
| 138 | :disabled="!showButton"></el-input> | ||
| 139 | </el-form-item> | ||
| 140 | </el-col> | ||
| 141 | <el-col :span="16"> | ||
| 135 | <el-form-item label="地址" prop="txdz"> | 142 | <el-form-item label="地址" prop="txdz"> |
| 136 | <el-input | 143 | <el-input |
| 137 | v-model="ruleForm.txdz" | 144 | v-model="ruleForm.txdz" |
| 138 | maxlength="100" | 145 | maxlength="100" |
| 139 | :disabled="!showButton" | 146 | :disabled="!showButton"></el-input> |
| 140 | ></el-input> | ||
| 141 | </el-form-item> | 147 | </el-form-item> |
| 142 | </el-col> | 148 | </el-col> |
| 143 | </el-row> | 149 | </el-row> |
| ... | @@ -148,8 +154,7 @@ | ... | @@ -148,8 +154,7 @@ |
| 148 | <el-input | 154 | <el-input |
| 149 | v-model="ruleForm.fzjg" | 155 | v-model="ruleForm.fzjg" |
| 150 | maxlength="10" | 156 | maxlength="10" |
| 151 | :disabled="!showButton" | 157 | :disabled="!showButton"></el-input> |
| 152 | ></el-input> | ||
| 153 | </el-form-item> | 158 | </el-form-item> |
| 154 | </el-col> | 159 | </el-col> |
| 155 | <el-col :span="8"> | 160 | <el-col :span="8"> |
| ... | @@ -157,8 +162,7 @@ | ... | @@ -157,8 +162,7 @@ |
| 157 | <el-input | 162 | <el-input |
| 158 | v-model="ruleForm.dzyj" | 163 | v-model="ruleForm.dzyj" |
| 159 | :disabled="!showButton" | 164 | :disabled="!showButton" |
| 160 | maxlength="25" | 165 | maxlength="25"></el-input> |
| 161 | ></el-input> | ||
| 162 | </el-form-item> | 166 | </el-form-item> |
| 163 | </el-col> | 167 | </el-col> |
| 164 | <el-col :span="8"> | 168 | <el-col :span="8"> |
| ... | @@ -167,8 +171,7 @@ | ... | @@ -167,8 +171,7 @@ |
| 167 | v-model.number="ruleForm.yb" | 171 | v-model.number="ruleForm.yb" |
| 168 | :disabled="!showButton" | 172 | :disabled="!showButton" |
| 169 | maxlength="6" | 173 | maxlength="6" |
| 170 | oninput="value=value.replace(/[^\d]/g,'')" | 174 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 171 | ></el-input> | ||
| 172 | </el-form-item> | 175 | </el-form-item> |
| 173 | </el-col> | 176 | </el-col> |
| 174 | </el-row> | 177 | </el-row> |
| ... | @@ -179,8 +182,7 @@ | ... | @@ -179,8 +182,7 @@ |
| 179 | <el-input | 182 | <el-input |
| 180 | v-model="ruleForm.gzdw" | 183 | v-model="ruleForm.gzdw" |
| 181 | maxlength="32" | 184 | maxlength="32" |
| 182 | :disabled="!showButton" | 185 | :disabled="!showButton"></el-input> |
| 183 | ></el-input> | ||
| 184 | </el-form-item> | 186 | </el-form-item> |
| 185 | </el-col> | 187 | </el-col> |
| 186 | <el-col :span="16"> | 188 | <el-col :span="16"> |
| ... | @@ -188,8 +190,7 @@ | ... | @@ -188,8 +190,7 @@ |
| 188 | <el-input | 190 | <el-input |
| 189 | v-model="ruleForm.dlrjg" | 191 | v-model="ruleForm.dlrjg" |
| 190 | maxlength="32" | 192 | maxlength="32" |
| 191 | :disabled="!showButton" | 193 | :disabled="!showButton"></el-input> |
| 192 | ></el-input> | ||
| 193 | </el-form-item> | 194 | </el-form-item> |
| 194 | </el-col> | 195 | </el-col> |
| 195 | </el-row> | 196 | </el-row> |
| ... | @@ -201,8 +202,7 @@ | ... | @@ -201,8 +202,7 @@ |
| 201 | v-model="ruleForm.dlrdh" | 202 | v-model="ruleForm.dlrdh" |
| 202 | :disabled="!showButton" | 203 | :disabled="!showButton" |
| 203 | maxlength="11" | 204 | maxlength="11" |
| 204 | oninput="value=value.replace(/[^\d]/g,'')" | 205 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 205 | ></el-input> | ||
| 206 | </el-form-item> | 206 | </el-form-item> |
| 207 | </el-col> | 207 | </el-col> |
| 208 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| ... | @@ -210,8 +210,7 @@ | ... | @@ -210,8 +210,7 @@ |
| 210 | <el-input | 210 | <el-input |
| 211 | v-model="ruleForm.dlrmc" | 211 | v-model="ruleForm.dlrmc" |
| 212 | maxlength="15" | 212 | maxlength="15" |
| 213 | :disabled="!showButton" | 213 | :disabled="!showButton"></el-input> |
| 214 | ></el-input> | ||
| 215 | </el-form-item> | 214 | </el-form-item> |
| 216 | </el-col> | 215 | </el-col> |
| 217 | <el-col :span="8"> | 216 | <el-col :span="8"> |
| ... | @@ -221,47 +220,26 @@ | ... | @@ -221,47 +220,26 @@ |
| 221 | v-model="ruleForm.dlrzjlx" | 220 | v-model="ruleForm.dlrzjlx" |
| 222 | :disabled="!showButton" | 221 | :disabled="!showButton" |
| 223 | class="width100" | 222 | class="width100" |
| 224 | placeholder="请选择" | 223 | placeholder="请选择"> |
| 225 | > | ||
| 226 | <el-option | 224 | <el-option |
| 227 | v-for="item in dictData['A30']" | 225 | v-for="item in dictData['A30']" |
| 228 | :key="item.dcode" | 226 | :key="item.dcode" |
| 229 | :label="item.dname" | 227 | :label="item.dname" |
| 230 | :value="item.dcode" | 228 | :value="item.dcode"> |
| 231 | > | ||
| 232 | </el-option> | 229 | </el-option> |
| 233 | </el-select> | 230 | </el-select> |
| 234 | </el-form-item> | 231 | </el-form-item> |
| 235 | </el-col> | 232 | </el-col> |
| 236 | </el-row> | 233 | </el-row> |
| 237 | <el-row> | 234 | <el-row> |
| 238 | <el-col :span="8"> | 235 | |
| 239 | <el-form-item label="性别" prop="xb"> | ||
| 240 | <el-select | ||
| 241 | clearable | ||
| 242 | v-model="ruleForm.xb" | ||
| 243 | :disabled="!showButton" | ||
| 244 | class="width100" | ||
| 245 | placeholder="请选择" | ||
| 246 | > | ||
| 247 | <el-option | ||
| 248 | v-for="item in dictData['A43']" | ||
| 249 | :key="item.dcode" | ||
| 250 | :label="item.dname" | ||
| 251 | :value="item.dcode" | ||
| 252 | > | ||
| 253 | </el-option> | ||
| 254 | </el-select> | ||
| 255 | </el-form-item> | ||
| 256 | </el-col> | ||
| 257 | <el-col :span="8"> | 236 | <el-col :span="8"> |
| 258 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 237 | <el-form-item label="代理人证件号" prop="dlrzjh"> |
| 259 | <el-input | 238 | <el-input |
| 260 | v-model="ruleForm.dlrzjh" | 239 | v-model="ruleForm.dlrzjh" |
| 261 | :disabled="!showButton" | 240 | :disabled="!showButton" |
| 262 | maxlength="18" | 241 | maxlength="18" |
| 263 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 242 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 264 | ></el-input> | ||
| 265 | </el-form-item> | 243 | </el-form-item> |
| 266 | </el-col> | 244 | </el-col> |
| 267 | </el-row> | 245 | </el-row> |
| ... | @@ -269,8 +247,9 @@ | ... | @@ -269,8 +247,9 @@ |
| 269 | </dialogBox> | 247 | </dialogBox> |
| 270 | </template> | 248 | </template> |
| 271 | <script> | 249 | <script> |
| 272 | import { mapGetters } from "vuex"; | 250 | import { mapGetters } from "vuex"; |
| 273 | export default { | 251 | import { getIdCardInfo } from '@/utils/operation.js' |
| 252 | export default { | ||
| 274 | props: { | 253 | props: { |
| 275 | value: { type: Boolean, default: false }, | 254 | value: { type: Boolean, default: false }, |
| 276 | details: { type: Object, default: {} }, | 255 | details: { type: Object, default: {} }, |
| ... | @@ -279,7 +258,7 @@ export default { | ... | @@ -279,7 +258,7 @@ export default { |
| 279 | computed: { | 258 | computed: { |
| 280 | ...mapGetters(["dictData"]), | 259 | ...mapGetters(["dictData"]), |
| 281 | }, | 260 | }, |
| 282 | data() { | 261 | data () { |
| 283 | return { | 262 | return { |
| 284 | myValue: this.value, | 263 | myValue: this.value, |
| 285 | ruleForm: { | 264 | ruleForm: { |
| ... | @@ -314,22 +293,49 @@ export default { | ... | @@ -314,22 +293,49 @@ export default { |
| 314 | }; | 293 | }; |
| 315 | }, | 294 | }, |
| 316 | watch: { | 295 | watch: { |
| 317 | value(val) { | 296 | value (val) { |
| 318 | this.myValue = _.cloneDeep(val); | 297 | this.myValue = _.cloneDeep(val) |
| 319 | }, | 298 | }, |
| 320 | details: { | 299 | details: { |
| 321 | handler: function (val, oldVal) { | 300 | handler: function (val, oldVal) { |
| 322 | this.ruleForm = val; | 301 | this.ruleForm = val; |
| 323 | }, | 302 | }, |
| 324 | deep: true, | 303 | deep: true |
| 325 | }, | 304 | } |
| 326 | }, | 305 | }, |
| 327 | methods: { | 306 | methods: { |
| 328 | /** | 307 | /** |
| 308 | * @description: 身份证打卡器 | ||
| 309 | * @param {*} row | ||
| 310 | * @author: renchao | ||
| 311 | */ | ||
| 312 | readClick () { | ||
| 313 | getIdCardInfo().then(res => { | ||
| 314 | if (res.data.code == 0) { | ||
| 315 | let data = res.data.IDCardInfo | ||
| 316 | this.ruleForm.sqrmc = data.name | ||
| 317 | this.ruleForm.zjzl = '1' | ||
| 318 | this.ruleForm.zjh = data.cardID | ||
| 319 | this.ruleForm.xb = data.sexCode | ||
| 320 | this.ruleForm.txdz = data.address | ||
| 321 | this.ruleForm.fzjg = data.issueOrgan | ||
| 322 | this.$message({ | ||
| 323 | message: '读取成功!', | ||
| 324 | type: 'success' | ||
| 325 | }) | ||
| 326 | } else { | ||
| 327 | this.$message({ | ||
| 328 | message: res.data.message, | ||
| 329 | type: 'warning' | ||
| 330 | }) | ||
| 331 | } | ||
| 332 | }) | ||
| 333 | }, | ||
| 334 | /** | ||
| 329 | * @description: closeDialog | 335 | * @description: closeDialog |
| 330 | * @author: renchao | 336 | * @author: renchao |
| 331 | */ | 337 | */ |
| 332 | closeDialog() { | 338 | closeDialog () { |
| 333 | this.$emit("input", false); | 339 | this.$emit("input", false); |
| 334 | this.$refs["ruleForm"].resetFields(); | 340 | this.$refs["ruleForm"].resetFields(); |
| 335 | }, | 341 | }, |
| ... | @@ -337,7 +343,7 @@ export default { | ... | @@ -337,7 +343,7 @@ export default { |
| 337 | * @description: submitForm | 343 | * @description: submitForm |
| 338 | * @author: renchao | 344 | * @author: renchao |
| 339 | */ | 345 | */ |
| 340 | submitForm() { | 346 | submitForm () { |
| 341 | this.$refs.ruleForm.validate((valid) => { | 347 | this.$refs.ruleForm.validate((valid) => { |
| 342 | if (valid) { | 348 | if (valid) { |
| 343 | this.$emit("input", false); | 349 | this.$emit("input", false); |
| ... | @@ -346,17 +352,17 @@ export default { | ... | @@ -346,17 +352,17 @@ export default { |
| 346 | } else { | 352 | } else { |
| 347 | return false; | 353 | return false; |
| 348 | } | 354 | } |
| 349 | }); | 355 | }) |
| 350 | }, | 356 | } |
| 351 | }, | 357 | } |
| 352 | }; | 358 | } |
| 353 | </script> | 359 | </script> |
| 354 | <style scoped lang="scss"> | 360 | <style scoped lang="scss"> |
| 355 | @import "~@/styles/dialogBoxheader.scss"; | 361 | @import "~@/styles/dialogBoxheader.scss"; |
| 356 | .submit-button { | 362 | .submit-button { |
| 357 | text-align: center; | 363 | text-align: center; |
| 358 | height: 52px; | 364 | height: 52px; |
| 359 | padding-top: 10px; | 365 | padding-top: 10px; |
| 360 | background-color: #fff; | 366 | background-color: #fff; |
| 361 | } | 367 | } |
| 362 | </style> | 368 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 10:36:11 | 4 | * @LastEditTime: 2023-08-30 17:18:41 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -22,17 +22,9 @@ | ... | @@ -22,17 +22,9 @@ |
| 22 | </el-select> | 22 | </el-select> |
| 23 | </el-form-item> | 23 | </el-form-item> |
| 24 | </el-form> | 24 | </el-form> |
| 25 | |||
| 26 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> | ||
| 27 | <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz" | ||
| 28 | v-for="(item, index) in headTabBdcqz" :key="index"> | ||
| 29 | </el-tab-pane> | ||
| 30 | </el-tabs> | ||
| 31 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | ||
| 32 | |||
| 33 | <div class="zs-content"> | 25 | <div class="zs-content"> |
| 34 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | 26 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas> |
| 35 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | 27 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas> |
| 36 | </div> | 28 | </div> |
| 37 | </div> | 29 | </div> |
| 38 | <!-- 打印模板需要此模块 --> | 30 | <!-- 打印模板需要此模块 --> |
| ... | @@ -65,7 +57,6 @@ | ... | @@ -65,7 +57,6 @@ |
| 65 | return { | 57 | return { |
| 66 | key: 0, | 58 | key: 0, |
| 67 | // 不动产证书图片地址 | 59 | // 不动产证书图片地址 |
| 68 | noData: false, | ||
| 69 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 60 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
| 70 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | 61 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
| 71 | loading: false, | 62 | loading: false, |
| ... | @@ -74,8 +65,6 @@ | ... | @@ -74,8 +65,6 @@ |
| 74 | ysxlh: [], | 65 | ysxlh: [], |
| 75 | //列名称对象 | 66 | //列名称对象 |
| 76 | columns: [], | 67 | columns: [], |
| 77 | //tab切换栏数组 | ||
| 78 | headTabBdcqz: [], | ||
| 79 | //tab选择绑定值 | 68 | //tab选择绑定值 |
| 80 | activeName: '', | 69 | activeName: '', |
| 81 | ruleForm: { | 70 | ruleForm: { |
| ... | @@ -92,11 +81,15 @@ | ... | @@ -92,11 +81,15 @@ |
| 92 | } | 81 | } |
| 93 | } | 82 | } |
| 94 | }, | 83 | }, |
| 95 | created () { | 84 | mounted () { |
| 96 | store.dispatch('user/refreshPage', false) | 85 | store.dispatch('user/refreshPage', false) |
| 97 | this.columns = datas.columns() | 86 | this.columns = datas.columns() |
| 98 | this.ysxlhList() | 87 | this.ysxlhList() |
| 99 | this.getHeadTabBdcqz() | 88 | if (this.formData.bdcqz.bdcqzlx == 1) { |
| 89 | this.drawTextOnImage() | ||
| 90 | } else { | ||
| 91 | this.drawTextzmImage() | ||
| 92 | } | ||
| 100 | }, | 93 | }, |
| 101 | methods: { | 94 | methods: { |
| 102 | /** | 95 | /** |
| ... | @@ -111,43 +104,6 @@ | ... | @@ -111,43 +104,6 @@ |
| 111 | }) | 104 | }) |
| 112 | }, | 105 | }, |
| 113 | /** | 106 | /** |
| 114 | * @description: 获取受理申请下全部不动产权证 | ||
| 115 | * @author: renchao | ||
| 116 | */ | ||
| 117 | getHeadTabBdcqz () { | ||
| 118 | this.loading = true | ||
| 119 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | ||
| 120 | if (res.code == 200) { | ||
| 121 | this.noData = true | ||
| 122 | if (res.result && res.result.length > 0) { | ||
| 123 | this.activeName = res.result[0].bsmBdcqz | ||
| 124 | this.bdcqz = res.result[0] | ||
| 125 | this.headTabBdcqz = res.result | ||
| 126 | if (res.result[0].bdcqzlx == 1) { | ||
| 127 | this.drawTextOnImage() | ||
| 128 | } else { | ||
| 129 | this.drawTextzmImage() | ||
| 130 | } | ||
| 131 | } | ||
| 132 | } | ||
| 133 | this.loading = false | ||
| 134 | }) | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: tab表头切换方法 | ||
| 138 | * @param {*} e | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | handleClick (e) { | ||
| 142 | this.bdcqz = this.headTabBdcqz[e.index - 0] | ||
| 143 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
| 144 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 145 | this.drawTextOnImage() | ||
| 146 | } else { | ||
| 147 | this.drawTextzmImage() | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | /** | ||
| 151 | * @description: 不动产证书 | 107 | * @description: 不动产证书 |
| 152 | * @author: renchao | 108 | * @author: renchao |
| 153 | */ | 109 | */ |
| ... | @@ -172,25 +128,25 @@ | ... | @@ -172,25 +128,25 @@ |
| 172 | context.drawImage(image, 0, 0); | 128 | context.drawImage(image, 0, 0); |
| 173 | context.font = '16px 楷体'; | 129 | context.font = '16px 楷体'; |
| 174 | context.fillStyle = '#000000'; | 130 | context.fillStyle = '#000000'; |
| 175 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 131 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56); |
| 176 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 132 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56); |
| 177 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 133 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56); |
| 178 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 134 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56); |
| 179 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); | 135 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97); |
| 180 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); | 136 | context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136); |
| 181 | 137 | ||
| 182 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 138 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 183 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 139 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
| 184 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 140 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
| 185 | 141 | ||
| 186 | 142 | ||
| 187 | 143 | ||
| 188 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | 144 | context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263); |
| 189 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | 145 | context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303); |
| 190 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | 146 | context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346); |
| 191 | // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | 147 | // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386); |
| 192 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; | 148 | let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : []; |
| 193 | if (getByteLen(this.bdcqz.mj) > 41) { | 149 | if (getByteLen(this.formData.bdcqz.mj) > 41) { |
| 194 | lines6.forEach((line, index) => { | 150 | lines6.forEach((line, index) => { |
| 195 | const y = 378 + (index * 27); // 每行文本的垂直位置 | 151 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
| 196 | let currentLine = ''; | 152 | let currentLine = ''; |
| ... | @@ -233,7 +189,7 @@ | ... | @@ -233,7 +189,7 @@ |
| 233 | } | 189 | } |
| 234 | // 权利其他状态 | 190 | // 权利其他状态 |
| 235 | const maxWidth = 332; // 最大宽度限制 | 191 | const maxWidth = 332; // 最大宽度限制 |
| 236 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 192 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; |
| 237 | for (let i = 0; i < lines.length; i++) { | 193 | for (let i = 0; i < lines.length; i++) { |
| 238 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 194 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
| 239 | if (getByteLen(lines[i]) > 41) { | 195 | if (getByteLen(lines[i]) > 41) { |
| ... | @@ -268,7 +224,7 @@ | ... | @@ -268,7 +224,7 @@ |
| 268 | } | 224 | } |
| 269 | } | 225 | } |
| 270 | 226 | ||
| 271 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 227 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; |
| 272 | lines1.forEach((line, index) => { | 228 | lines1.forEach((line, index) => { |
| 273 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 229 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
| 274 | let currentLine = ''; | 230 | let currentLine = ''; |
| ... | @@ -288,8 +244,8 @@ | ... | @@ -288,8 +244,8 @@ |
| 288 | context.fillText(line, 580, y + (index * 30)); // 调整行高 | 244 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
| 289 | }) | 245 | }) |
| 290 | }) | 246 | }) |
| 291 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | 247 | let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : []; |
| 292 | if (getByteLen(this.bdcqz.syqx) > 41) { | 248 | if (getByteLen(this.formData.bdcqz.syqx) > 41) { |
| 293 | lines3.forEach((line, index) => { | 249 | lines3.forEach((line, index) => { |
| 294 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 250 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
| 295 | let currentLine = ''; | 251 | let currentLine = ''; |
| ... | @@ -331,8 +287,8 @@ | ... | @@ -331,8 +287,8 @@ |
| 331 | }) | 287 | }) |
| 332 | } | 288 | } |
| 333 | 289 | ||
| 334 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 290 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; |
| 335 | if (getByteLen(this.bdcqz.zl) > 41) { | 291 | if (getByteLen(this.formData.bdcqz.zl) > 41) { |
| 336 | lines2.forEach((line, index) => { | 292 | lines2.forEach((line, index) => { |
| 337 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 293 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
| 338 | let currentLine = ''; | 294 | let currentLine = ''; |
| ... | @@ -403,25 +359,25 @@ | ... | @@ -403,25 +359,25 @@ |
| 403 | context.font = '16px 楷体'; | 359 | context.font = '16px 楷体'; |
| 404 | context.fillStyle = '#000000'; | 360 | context.fillStyle = '#000000'; |
| 405 | // ysxlh | 361 | // ysxlh |
| 406 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 362 | context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712); |
| 407 | // djsj | 363 | // djsj |
| 408 | if (this.bdcqz.djsj) { | 364 | if (this.formData.bdcqz.djsj) { |
| 409 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | 365 | let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/') |
| 410 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | 366 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); |
| 411 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | 367 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); |
| 412 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | 368 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); |
| 413 | } | 369 | } |
| 414 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 370 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125); |
| 415 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 371 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125); |
| 416 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 372 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125); |
| 417 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 373 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123); |
| 418 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 374 | context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180); |
| 419 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 375 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228); |
| 420 | // 义务人 | 376 | // 义务人 |
| 421 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 377 | context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275); |
| 422 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | 378 | // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325); |
| 423 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 379 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; |
| 424 | if (getByteLen(this.bdcqz.zl) > 41) { | 380 | if (getByteLen(this.formData.bdcqz.zl) > 41) { |
| 425 | lines2.forEach((line, index) => { | 381 | lines2.forEach((line, index) => { |
| 426 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 382 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
| 427 | let currentLine = ''; | 383 | let currentLine = ''; |
| ... | @@ -463,12 +419,12 @@ | ... | @@ -463,12 +419,12 @@ |
| 463 | }) | 419 | }) |
| 464 | } | 420 | } |
| 465 | // bdcdyh | 421 | // bdcdyh |
| 466 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 422 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 467 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 423 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
| 468 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
| 469 | // qlqtzk | 425 | // qlqtzk |
| 470 | const maxWidth = 295; // 最大宽度限制 | 426 | const maxWidth = 295; // 最大宽度限制 |
| 471 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 427 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; |
| 472 | for (let i = 0; i < lines.length; i++) { | 428 | for (let i = 0; i < lines.length; i++) { |
| 473 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 429 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
| 474 | if (getByteLen(lines[i]) > 41) { | 430 | if (getByteLen(lines[i]) > 41) { |
| ... | @@ -503,7 +459,7 @@ | ... | @@ -503,7 +459,7 @@ |
| 503 | } | 459 | } |
| 504 | } | 460 | } |
| 505 | // fj | 461 | // fj |
| 506 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 462 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; |
| 507 | for (let i = 0; i < lines1.length; i++) { | 463 | for (let i = 0; i < lines1.length; i++) { |
| 508 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) |
| 509 | if (getByteLen(lines1[i]) > 41) { | 465 | if (getByteLen(lines1[i]) > 41) { |
| ... | @@ -560,18 +516,18 @@ | ... | @@ -560,18 +516,18 @@ |
| 560 | certificate(this.ruleForm).then((res) => { | 516 | certificate(this.ruleForm).then((res) => { |
| 561 | if (res.code === 200) { | 517 | if (res.code === 200) { |
| 562 | that.$popupCacel() | 518 | that.$popupCacel() |
| 563 | if (this.bdcqz.bdcqzlx == 1) { | 519 | if (this.formData.bdcqz.bdcqzlx == 1) { |
| 564 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | 520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { |
| 565 | if (res.code == 200) { | 521 | if (res.code == 200) { |
| 566 | //打开模板设计 | 522 | //打开模板设计 |
| 567 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
| 568 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
| 569 | 525 | ||
| 570 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 571 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
| 572 | //todo 调取后端接口获取数据 循环set | 528 | //todo 调取后端接口获取数据 循环set |
| 573 | for (let key in this.bdcqz) { | 529 | for (let key in this.formData.bdcqz) { |
| 574 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | 530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); |
| 575 | } | 531 | } |
| 576 | LODOP.PREVIEW(); | 532 | LODOP.PREVIEW(); |
| 577 | that.$popupCacel() | 533 | that.$popupCacel() |
| ... | @@ -587,14 +543,14 @@ | ... | @@ -587,14 +543,14 @@ |
| 587 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
| 588 | 544 | ||
| 589 | // 年月日 | 545 | // 年月日 |
| 590 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] | 546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] |
| 591 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] | 547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] |
| 592 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] | 548 | this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] |
| 593 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 549 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 594 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
| 595 | //todo 调取后端接口获取数据 循环set | 551 | //todo 调取后端接口获取数据 循环set |
| 596 | for (let key in this.bdcqz) { | 552 | for (let key in this.formData.bdcqz) { |
| 597 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | 553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); |
| 598 | } | 554 | } |
| 599 | LODOP.PREVIEW(); | 555 | LODOP.PREVIEW(); |
| 600 | that.$popupCacel() | 556 | that.$popupCacel() | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 10:33:52 | 4 | * @LastEditTime: 2023-08-30 17:07:26 |
| 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;"> |
| ... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
| 13 | </el-tabs> | 13 | </el-tabs> |
| 14 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | 14 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> |
| 15 | <div style="width:1180px;"> | 15 | <div style="width:1180px;"> |
| 16 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | 16 | <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas> |
| 17 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | 17 | <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas> |
| 18 | </div> | 18 | </div> |
| 19 | </div> | 19 | </div> |
| 20 | </template> | 20 | </template> |
| ... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
| 93 | this.activeName = res.result[0].bsmBdcqz | 93 | this.activeName = res.result[0].bsmBdcqz |
| 94 | this.bdcqz = res.result[0] | 94 | this.bdcqz = res.result[0] |
| 95 | this.headTabBdcqz = res.result | 95 | this.headTabBdcqz = res.result |
| 96 | if (res.result[0].bdcqzlx == 1) { | 96 | if (this.bdcqz.bdcqzlx == 1) { |
| 97 | this.drawTextOnImage() | 97 | this.drawTextOnImage() |
| 98 | } else { | 98 | } else { |
| 99 | this.drawTextzmImage() | 99 | this.drawTextzmImage() |
| ... | @@ -108,9 +108,8 @@ | ... | @@ -108,9 +108,8 @@ |
| 108 | * @param {*} e | 108 | * @param {*} e |
| 109 | * @author: renchao | 109 | * @author: renchao |
| 110 | */ | 110 | */ |
| 111 | handleClick (e) { | 111 | handleClick (tab, event) { |
| 112 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 112 | this.bdcqz = this.headTabBdcqz[tab.index] |
| 113 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
| 114 | if (this.bdcqz.bdcqzlx == 1) { | 113 | if (this.bdcqz.bdcqzlx == 1) { |
| 115 | this.drawTextOnImage() | 114 | this.drawTextOnImage() |
| 116 | } else { | 115 | } else { |
| ... | @@ -461,19 +460,20 @@ | ... | @@ -461,19 +460,20 @@ |
| 461 | arr.push(currentLine); | 460 | arr.push(currentLine); |
| 462 | if (i > 0) { | 461 | if (i > 0) { |
| 463 | arr.forEach((line, index) => { | 462 | arr.forEach((line, index) => { |
| 464 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高 | 463 | context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 |
| 465 | }) | 464 | }) |
| 466 | } else { | 465 | } else { |
| 467 | arr.forEach((line, index) => { | 466 | arr.forEach((line, index) => { |
| 468 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高 | 467 | context.fillText(line, 770, 428 + (23 * (i - 1)) + (index * 14)); // 调整行高 |
| 469 | }) | 468 | }) |
| 470 | } | 469 | } |
| 471 | } else { | 470 | } else { |
| 472 | if (i > 0) { | 471 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1))); |
| 473 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); | 472 | // if (i > 0) { |
| 474 | } else { | 473 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1))); |
| 475 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | 474 | // } else { |
| 476 | } | 475 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1))); |
| 476 | // } | ||
| 477 | } | 477 | } |
| 478 | } | 478 | } |
| 479 | // fj | 479 | // fj | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 09:53:27 | 4 | * @LastEditTime: 2023-08-30 16:03:09 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -66,13 +66,13 @@ | ... | @@ -66,13 +66,13 @@ |
| 66 | ) | 66 | ) |
| 67 | } | 67 | } |
| 68 | }, | 68 | }, |
| 69 | { | 69 | // { |
| 70 | label: '身份证读卡器', | 70 | // label: '身份证读卡器', |
| 71 | align: 'center', | 71 | // align: 'center', |
| 72 | render: (h, scope) => { | 72 | // render: (h, scope) => { |
| 73 | return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button> | 73 | // return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button> |
| 74 | } | 74 | // } |
| 75 | }, | 75 | // }, |
| 76 | { | 76 | { |
| 77 | prop: "sqrmc", | 77 | prop: "sqrmc", |
| 78 | label: "姓名/名称" | 78 | label: "姓名/名称" |
| ... | @@ -124,12 +124,12 @@ | ... | @@ -124,12 +124,12 @@ |
| 124 | let that = this | 124 | let that = this |
| 125 | this.$nextTick(() => { | 125 | this.$nextTick(() => { |
| 126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
| 127 | that.tableDataList = _.cloneDeep([{ | 127 | // that.tableDataList = _.cloneDeep([{ |
| 128 | sqrmc: '', | 128 | // sqrmc: '', |
| 129 | dlrzjlx: '', | 129 | // dlrzjlx: '', |
| 130 | dlrzjh: '', | 130 | // dlrzjh: '', |
| 131 | fr: '' | 131 | // fr: '' |
| 132 | }]) | 132 | // }]) |
| 133 | } else { | 133 | } else { |
| 134 | that.tableDataList = _.cloneDeep(val) | 134 | that.tableDataList = _.cloneDeep(val) |
| 135 | } | 135 | } |
| ... | @@ -174,7 +174,7 @@ | ... | @@ -174,7 +174,7 @@ |
| 174 | this.$message.error('证件号不能重复'); | 174 | this.$message.error('证件号不能重复'); |
| 175 | } | 175 | } |
| 176 | } else { | 176 | } else { |
| 177 | if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) { | 177 | if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) { |
| 178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
| 179 | this.$emit('upDateQlrxxList', this.tableDataList) | 179 | this.$emit('upDateQlrxxList', this.tableDataList) |
| 180 | } else { | 180 | } else { |
| ... | @@ -207,7 +207,6 @@ | ... | @@ -207,7 +207,6 @@ |
| 207 | deleClick (index, row) { | 207 | deleClick (index, row) { |
| 208 | this.tableData.splice(index, 1) | 208 | this.tableData.splice(index, 1) |
| 209 | }, | 209 | }, |
| 210 | |||
| 211 | /** | 210 | /** |
| 212 | * @description: 身份证读取 | 211 | * @description: 身份证读取 |
| 213 | * @param {*} row | 212 | * @param {*} row |
| ... | @@ -244,7 +243,7 @@ | ... | @@ -244,7 +243,7 @@ |
| 244 | */ | 243 | */ |
| 245 | editClick (index, row) { | 244 | editClick (index, row) { |
| 246 | this.details = row | 245 | this.details = row |
| 247 | this.details.gyfs=this.gyfs | 246 | this.details.gyfs = this.gyfs |
| 248 | this.dataIndex = index | 247 | this.dataIndex = index |
| 249 | this.dialog = true | 248 | this.dialog = true |
| 250 | 249 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 10:03:25 | 4 | * @LastEditTime: 2023-08-30 16:54:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -136,7 +136,7 @@ | ... | @@ -136,7 +136,7 @@ |
| 136 | store.dispatch('user/reWorkFresh', false) | 136 | store.dispatch('user/reWorkFresh', false) |
| 137 | if (type == 1) { | 137 | if (type == 1) { |
| 138 | //证书预览 | 138 | //证书预览 |
| 139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 139 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
| 140 | } else { | 140 | } else { |
| 141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
| 142 | } | 142 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-22 16:27:16 | 4 | * @LastEditTime: 2023-08-30 15:47:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -11,8 +11,8 @@ | ... | @@ -11,8 +11,8 @@ |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 13 | :inline="flag" |
| 14 | label-width="120px" | 14 | v-Loading="loading" |
| 15 | > | 15 | label-width="120px"> |
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
| 18 | 申请业务信息 | 18 | 申请业务信息 |
| ... | @@ -81,14 +81,12 @@ | ... | @@ -81,14 +81,12 @@ |
| 81 | <el-select | 81 | <el-select |
| 82 | disabled | 82 | disabled |
| 83 | v-model="ruleForm.zdjbxx.mjdw" | 83 | v-model="ruleForm.zdjbxx.mjdw" |
| 84 | style="width: 20%" | 84 | style="width: 20%"> |
| 85 | > | ||
| 86 | <el-option | 85 | <el-option |
| 87 | v-for="item in dictData['A7']" | 86 | v-for="item in dictData['A7']" |
| 88 | :key="item.dcode" | 87 | :key="item.dcode" |
| 89 | :label="item.dname" | 88 | :label="item.dname" |
| 90 | :value="item.dcode" | 89 | :value="item.dcode"></el-option> |
| 91 | ></el-option> | ||
| 92 | </el-select> | 90 | </el-select> |
| 93 | </div> | 91 | </div> |
| 94 | </el-form-item> | 92 | </el-form-item> |
| ... | @@ -124,15 +122,13 @@ | ... | @@ -124,15 +122,13 @@ |
| 124 | :disabled="!viewEdit" | 122 | :disabled="!viewEdit" |
| 125 | v-model="ruleForm.fdcq1.fdcjyjg" | 123 | v-model="ruleForm.fdcq1.fdcjyjg" |
| 126 | style="width: 500%" | 124 | style="width: 500%" |
| 127 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 125 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 128 | ></el-input> | ||
| 129 | <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> | 126 | <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> |
| 130 | <el-option | 127 | <el-option |
| 131 | v-for="item in dictData['A57']" | 128 | v-for="item in dictData['A57']" |
| 132 | :key="item.dcode" | 129 | :key="item.dcode" |
| 133 | :label="item.dname" | 130 | :label="item.dname" |
| 134 | :value="item.dcode" | 131 | :value="item.dcode"></el-option> |
| 135 | ></el-option> | ||
| 136 | </el-select> | 132 | </el-select> |
| 137 | </div> | 133 | </div> |
| 138 | </el-form-item> | 134 | </el-form-item> |
| ... | @@ -146,8 +142,7 @@ | ... | @@ -146,8 +142,7 @@ |
| 146 | v-model="ruleForm.fdcq1.fj" | 142 | v-model="ruleForm.fdcq1.fj" |
| 147 | type="textarea" | 143 | type="textarea" |
| 148 | maxlength="500" | 144 | maxlength="500" |
| 149 | show-word-limit | 145 | show-word-limit></el-input> |
| 150 | ></el-input> | ||
| 151 | </el-form-item> | 146 | </el-form-item> |
| 152 | </el-col> | 147 | </el-col> |
| 153 | </el-row> | 148 | </el-row> |
| ... | @@ -157,8 +152,7 @@ | ... | @@ -157,8 +152,7 @@ |
| 157 | <fdcqxmTable | 152 | <fdcqxmTable |
| 158 | :ableOperation="viewEdit" | 153 | :ableOperation="viewEdit" |
| 159 | :tableData="ruleForm.fdcqxm" | 154 | :tableData="ruleForm.fdcqxm" |
| 160 | @updateFdcwxmList="updateFdcwxmList" | 155 | @updateFdcwxmList="updateFdcwxmList" /> |
| 161 | /> | ||
| 162 | <div class="slxx_title title-block"> | 156 | <div class="slxx_title title-block"> |
| 163 | 土地用途 | 157 | 土地用途 |
| 164 | <div class="triangle"></div> | 158 | <div class="triangle"></div> |
| ... | @@ -166,8 +160,7 @@ | ... | @@ -166,8 +160,7 @@ |
| 166 | <tdytTable | 160 | <tdytTable |
| 167 | :ableOperation="viewEdit" | 161 | :ableOperation="viewEdit" |
| 168 | :tableData="ruleForm.tdytqxList" | 162 | :tableData="ruleForm.tdytqxList" |
| 169 | @upDateTdytxxList="upDateTdytxxList" | 163 | @upDateTdytxxList="upDateTdytxxList" /> |
| 170 | /> | ||
| 171 | <div class="slxx_title title-block"> | 164 | <div class="slxx_title title-block"> |
| 172 | 权利人信息 | 165 | 权利人信息 |
| 173 | <div class="triangle"></div> | 166 | <div class="triangle"></div> |
| ... | @@ -177,8 +170,7 @@ | ... | @@ -177,8 +170,7 @@ |
| 177 | <el-form-item label="共有方式:"> | 170 | <el-form-item label="共有方式:"> |
| 178 | <el-radio-group | 171 | <el-radio-group |
| 179 | :disabled="!viewEdit" | 172 | :disabled="!viewEdit" |
| 180 | v-model="ruleForm.sldy.gyfs" | 173 | v-model="ruleForm.sldy.gyfs"> |
| 181 | > | ||
| 182 | <el-radio label="0">单独所有</el-radio> | 174 | <el-radio label="0">单独所有</el-radio> |
| 183 | <el-radio label="1">共同共有</el-radio> | 175 | <el-radio label="1">共同共有</el-radio> |
| 184 | <el-radio label="2">按份所有</el-radio> | 176 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -191,8 +183,7 @@ | ... | @@ -191,8 +183,7 @@ |
| 191 | <el-radio-group | 183 | <el-radio-group |
| 192 | v-model="ruleForm.sldy.sqfbcz" | 184 | v-model="ruleForm.sldy.sqfbcz" |
| 193 | :disabled="!viewEdit" | 185 | :disabled="!viewEdit" |
| 194 | @input="updaterow()" | 186 | @input="updaterow()"> |
| 195 | > | ||
| 196 | <el-radio :label="1">是</el-radio> | 187 | <el-radio :label="1">是</el-radio> |
| 197 | <el-radio :label="0">否</el-radio> | 188 | <el-radio :label="0">否</el-radio> |
| 198 | </el-radio-group> | 189 | </el-radio-group> |
| ... | @@ -200,20 +191,17 @@ | ... | @@ -200,20 +191,17 @@ |
| 200 | </el-col> | 191 | </el-col> |
| 201 | <el-col | 192 | <el-col |
| 202 | :span="5" | 193 | :span="5" |
| 203 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 194 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 204 | > | ||
| 205 | <el-form-item label="持证人1:"> | 195 | <el-form-item label="持证人1:"> |
| 206 | <el-select | 196 | <el-select |
| 207 | v-model="czr" | 197 | v-model="czr" |
| 208 | placeholder="持证人" | 198 | placeholder="持证人" |
| 209 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit"> |
| 210 | > | ||
| 211 | <el-option | 200 | <el-option |
| 212 | v-for="item in czrOptions" | 201 | v-for="item in czrOptions" |
| 213 | :key="item.zjh" | 202 | :key="item.zjh" |
| 214 | :label="item.sqrmc" | 203 | :label="item.sqrmc" |
| 215 | :value="item.zjh" | 204 | :value="item.zjh"></el-option> |
| 216 | ></el-option> | ||
| 217 | </el-select> | 205 | </el-select> |
| 218 | </el-form-item> | 206 | </el-form-item> |
| 219 | </el-col> | 207 | </el-col> |
| ... | @@ -222,8 +210,7 @@ | ... | @@ -222,8 +210,7 @@ |
| 222 | @upDateQlrxxList="upDateQlrxxList" | 210 | @upDateQlrxxList="upDateQlrxxList" |
| 223 | :disabled="viewEdit" | 211 | :disabled="viewEdit" |
| 224 | :tableData="ruleForm.qlrList" | 212 | :tableData="ruleForm.qlrList" |
| 225 | :gyfs="ruleForm.sldy.gyfs" | 213 | :gyfs="ruleForm.sldy.gyfs" /> |
| 226 | /> | ||
| 227 | 214 | ||
| 228 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 215 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> |
| 229 | <div class="slxx_title title-block"> | 216 | <div class="slxx_title title-block"> |
| ... | @@ -235,8 +222,7 @@ | ... | @@ -235,8 +222,7 @@ |
| 235 | :disabled="viewEdit" | 222 | :disabled="viewEdit" |
| 236 | @upDateQlrxxList="upDateYwrxxList" | 223 | @upDateQlrxxList="upDateYwrxxList" |
| 237 | :tableData="ruleForm.ywrList" | 224 | :tableData="ruleForm.ywrList" |
| 238 | :gyfs="ruleForm.qlxx.gyfs" | 225 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 239 | /> | ||
| 240 | </div> | 226 | </div> |
| 241 | <div class="slxx_title title-block"> | 227 | <div class="slxx_title title-block"> |
| 242 | 登记原因 | 228 | 登记原因 |
| ... | @@ -251,8 +237,7 @@ | ... | @@ -251,8 +237,7 @@ |
| 251 | maxlength="500" | 237 | maxlength="500" |
| 252 | show-word-limit | 238 | show-word-limit |
| 253 | :disabled="!viewEdit" | 239 | :disabled="!viewEdit" |
| 254 | v-model="ruleForm.fdcq1.djyy" | 240 | v-model="ruleForm.fdcq1.djyy"></el-input> |
| 255 | ></el-input> | ||
| 256 | </el-form-item> | 241 | </el-form-item> |
| 257 | </el-col> | 242 | </el-col> |
| 258 | </el-row> | 243 | </el-row> |
| ... | @@ -267,15 +252,16 @@ | ... | @@ -267,15 +252,16 @@ |
| 267 | </div> | 252 | </div> |
| 268 | </template> | 253 | </template> |
| 269 | <script> | 254 | <script> |
| 270 | import ywmix from "@/views/ywbl/mixin/index"; | 255 | import ywmix from "@/views/ywbl/mixin/index"; |
| 271 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 256 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 272 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; | 257 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; |
| 273 | import tdytTable from "@/views/workflow/components/tdytTable"; | 258 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 274 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | 259 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; |
| 275 | import { mapGetters } from "vuex"; | 260 | import { mapGetters } from "vuex"; |
| 276 | export default { | 261 | export default { |
| 277 | mixins: [ywmix], | 262 | mixins: [ywmix], |
| 278 | mounted() { | 263 | mounted () { |
| 264 | this.loading = true | ||
| 279 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 265 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 280 | this.propsParam = this.$attrs; | 266 | this.propsParam = this.$attrs; |
| 281 | var formdata = new FormData(); | 267 | var formdata = new FormData(); |
| ... | @@ -293,6 +279,9 @@ export default { | ... | @@ -293,6 +279,9 @@ export default { |
| 293 | this.czr = item.sqrmc; | 279 | this.czr = item.sqrmc; |
| 294 | } | 280 | } |
| 295 | }); | 281 | }); |
| 282 | setTimeout(() => { | ||
| 283 | this.loading = false | ||
| 284 | }, 200) | ||
| 296 | //初始化发证方式,1:小证,2:大正 | 285 | //初始化发证方式,1:小证,2:大正 |
| 297 | this.ruleForm.slsq.fzfs == null | 286 | this.ruleForm.slsq.fzfs == null |
| 298 | ? (this.ruleForm.slsq.fzfs = "1") | 287 | ? (this.ruleForm.slsq.fzfs = "1") |
| ... | @@ -305,8 +294,9 @@ export default { | ... | @@ -305,8 +294,9 @@ export default { |
| 305 | computed: { | 294 | computed: { |
| 306 | ...mapGetters(["dictData", "flag"]), | 295 | ...mapGetters(["dictData", "flag"]), |
| 307 | }, | 296 | }, |
| 308 | data() { | 297 | data () { |
| 309 | return { | 298 | return { |
| 299 | loading: false, | ||
| 310 | disabled: true, | 300 | disabled: true, |
| 311 | tdytOption: [], | 301 | tdytOption: [], |
| 312 | czrOptions: [], | 302 | czrOptions: [], |
| ... | @@ -338,7 +328,7 @@ export default { | ... | @@ -338,7 +328,7 @@ export default { |
| 338 | }; | 328 | }; |
| 339 | }, | 329 | }, |
| 340 | methods: { | 330 | methods: { |
| 341 | updateFdcwxmList(val) { | 331 | updateFdcwxmList (val) { |
| 342 | this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); | 332 | this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); |
| 343 | this.key++; | 333 | this.key++; |
| 344 | }, | 334 | }, |
| ... | @@ -347,7 +337,7 @@ export default { | ... | @@ -347,7 +337,7 @@ export default { |
| 347 | * @param {*} val | 337 | * @param {*} val |
| 348 | * @author: renchao | 338 | * @author: renchao |
| 349 | */ | 339 | */ |
| 350 | upDateTdytxxList(val) { | 340 | upDateTdytxxList (val) { |
| 351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 341 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 352 | this.key++; | 342 | this.key++; |
| 353 | }, | 343 | }, |
| ... | @@ -356,7 +346,7 @@ export default { | ... | @@ -356,7 +346,7 @@ export default { |
| 356 | * @param {*} val | 346 | * @param {*} val |
| 357 | * @author: renchao | 347 | * @author: renchao |
| 358 | */ | 348 | */ |
| 359 | upDateQlrxxList(val) { | 349 | upDateQlrxxList (val) { |
| 360 | this.ruleForm.qlrList = _.cloneDeep(val); | 350 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 361 | this.czrOptions = this.ruleForm.qlrList; | 351 | this.czrOptions = this.ruleForm.qlrList; |
| 362 | this.key++; | 352 | this.key++; |
| ... | @@ -368,7 +358,7 @@ export default { | ... | @@ -368,7 +358,7 @@ export default { |
| 368 | * @param {*} val | 358 | * @param {*} val |
| 369 | * @author: renchao | 359 | * @author: renchao |
| 370 | */ | 360 | */ |
| 371 | updaterow() { | 361 | updaterow () { |
| 372 | this.czr = ""; | 362 | this.czr = ""; |
| 373 | }, | 363 | }, |
| 374 | // 更新权利人信息 | 364 | // 更新权利人信息 |
| ... | @@ -377,14 +367,14 @@ export default { | ... | @@ -377,14 +367,14 @@ export default { |
| 377 | * @param {*} val | 367 | * @param {*} val |
| 378 | * @author: renchao | 368 | * @author: renchao |
| 379 | */ | 369 | */ |
| 380 | upDateYwrxxList(val) { | 370 | upDateYwrxxList (val) { |
| 381 | this.ruleForm.ywrList = _.cloneDeep(val); | 371 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 382 | }, | 372 | }, |
| 383 | /** | 373 | /** |
| 384 | * @description: onSubmit | 374 | * @description: onSubmit |
| 385 | * @author: renchao | 375 | * @author: renchao |
| 386 | */ | 376 | */ |
| 387 | onSubmit() { | 377 | onSubmit () { |
| 388 | let that = this; | 378 | let that = this; |
| 389 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 379 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 390 | if (arr.length > 0) { | 380 | if (arr.length > 0) { |
| ... | @@ -466,55 +456,55 @@ export default { | ... | @@ -466,55 +456,55 @@ export default { |
| 466 | }); | 456 | }); |
| 467 | }, | 457 | }, |
| 468 | }, | 458 | }, |
| 469 | }; | 459 | }; |
| 470 | </script> | 460 | </script> |
| 471 | <style scoped lang="scss"> | 461 | <style scoped lang="scss"> |
| 472 | @import "~@/styles/public.scss"; | 462 | @import "~@/styles/public.scss"; |
| 473 | 463 | ||
| 474 | /deep/.el-form { | 464 | /deep/.el-form { |
| 475 | display: flex; | 465 | display: flex; |
| 476 | flex-direction: column; | 466 | flex-direction: column; |
| 477 | height: calc(100vh - 130px); | 467 | height: calc(100vh - 130px); |
| 478 | } | 468 | } |
| 479 | 469 | ||
| 480 | /deep/.el-form-item__label { | 470 | /deep/.el-form-item__label { |
| 481 | padding: 0; | 471 | padding: 0; |
| 482 | } | 472 | } |
| 483 | 473 | ||
| 484 | /deep/.el-radio { | 474 | /deep/.el-radio { |
| 485 | margin-right: 10px; | 475 | margin-right: 10px; |
| 486 | } | 476 | } |
| 487 | 477 | ||
| 488 | /deep/.el-select { | 478 | /deep/.el-select { |
| 489 | width: 100%; | 479 | width: 100%; |
| 490 | } | 480 | } |
| 491 | 481 | ||
| 492 | /deep/.el-form-item { | 482 | /deep/.el-form-item { |
| 493 | margin-bottom: 8px; | 483 | margin-bottom: 8px; |
| 494 | } | 484 | } |
| 495 | 485 | ||
| 496 | .marginBot0 { | 486 | .marginBot0 { |
| 497 | margin-bottom: 0 !important; | 487 | margin-bottom: 0 !important; |
| 498 | } | 488 | } |
| 499 | 489 | ||
| 500 | .slxx { | 490 | .slxx { |
| 501 | box-sizing: border-box; | 491 | box-sizing: border-box; |
| 502 | } | 492 | } |
| 503 | 493 | ||
| 504 | .slxx_con { | 494 | .slxx_con { |
| 505 | flex: 1; | 495 | flex: 1; |
| 506 | height: 100%; | 496 | height: 100%; |
| 507 | background-color: #ffffff; | 497 | background-color: #ffffff; |
| 508 | overflow-y: auto; | 498 | overflow-y: auto; |
| 509 | padding-right: 3px; | 499 | padding-right: 3px; |
| 510 | overflow-x: hidden; | 500 | overflow-x: hidden; |
| 511 | } | 501 | } |
| 512 | 502 | ||
| 513 | .submit_btn { | 503 | .submit_btn { |
| 514 | height: 50px; | 504 | height: 50px; |
| 515 | } | 505 | } |
| 516 | 506 | ||
| 517 | .slxx_title { | 507 | .slxx_title { |
| 518 | border-bottom: 1px solid $borderColor; | 508 | border-bottom: 1px solid $borderColor; |
| 519 | padding-left: 10px; | 509 | padding-left: 10px; |
| 520 | padding-bottom: 5px; | 510 | padding-bottom: 5px; |
| ... | @@ -523,23 +513,23 @@ export default { | ... | @@ -523,23 +513,23 @@ export default { |
| 523 | font-size: 16px; | 513 | font-size: 16px; |
| 524 | font-weight: 500; | 514 | font-weight: 500; |
| 525 | color: #4a4a4a; | 515 | color: #4a4a4a; |
| 526 | } | 516 | } |
| 527 | 517 | ||
| 528 | .btn { | 518 | .btn { |
| 529 | text-align: center; | 519 | text-align: center; |
| 530 | padding-top: 10px; | 520 | padding-top: 10px; |
| 531 | height: 36px; | 521 | height: 36px; |
| 532 | background-color: #ffffff; | 522 | background-color: #ffffff; |
| 533 | padding: 5px 0; | 523 | padding: 5px 0; |
| 534 | } | 524 | } |
| 535 | 525 | ||
| 536 | .textArea { | 526 | .textArea { |
| 537 | /deep/.el-textarea__inner { | 527 | /deep/.el-textarea__inner { |
| 538 | min-height: 90px !important; | 528 | min-height: 90px !important; |
| 539 | } | 529 | } |
| 540 | } | 530 | } |
| 541 | 531 | ||
| 542 | /deep/.el-form-item__label { | 532 | /deep/.el-form-item__label { |
| 543 | padding-bottom: 0px; | 533 | padding-bottom: 0px; |
| 544 | } | 534 | } |
| 545 | </style> | 535 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-30 14:57:39 | 4 | * @LastEditTime: 2023-08-30 15:53:18 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| 8 | <el-form | 8 | <el-form |
| 9 | :model="ruleForm" | 9 | :model="ruleForm" |
| 10 | :rules="rules" | 10 | :rules="rules" |
| 11 | v-Loading="loading" | ||
| 11 | ref="ruleForm" | 12 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 14 | :inline="flag" |
| ... | @@ -285,6 +286,7 @@ | ... | @@ -285,6 +286,7 @@ |
| 285 | export default { | 286 | export default { |
| 286 | mixins: [ywmix], | 287 | mixins: [ywmix], |
| 287 | mounted () { | 288 | mounted () { |
| 289 | this.loading = true | ||
| 288 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 289 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
| 290 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
| ... | @@ -307,15 +309,19 @@ | ... | @@ -307,15 +309,19 @@ |
| 307 | ? (this.ruleForm.slsq.fzfs = "1") | 309 | ? (this.ruleForm.slsq.fzfs = "1") |
| 308 | : this.ruleForm.slsq.fzfs; | 310 | : this.ruleForm.slsq.fzfs; |
| 309 | this.czrOptions = this.ruleForm.qlrList; | 311 | this.czrOptions = this.ruleForm.qlrList; |
| 312 | setTimeout(() => { | ||
| 313 | this.loading = false | ||
| 314 | }, 200) | ||
| 310 | } | 315 | } |
| 311 | }); | 316 | }) |
| 312 | }, | 317 | }, |
| 313 | components: { qlrCommonTable, tdytTable }, | 318 | components: { qlrCommonTable, tdytTable }, |
| 314 | computed: { | 319 | computed: { |
| 315 | ...mapGetters(["dictData", "flag"]), | 320 | ...mapGetters(["dictData", "flag"]) |
| 316 | }, | 321 | }, |
| 317 | data () { | 322 | data () { |
| 318 | return { | 323 | return { |
| 324 | loading: false, | ||
| 319 | disabled: true, | 325 | disabled: true, |
| 320 | tdytOption: [], | 326 | tdytOption: [], |
| 321 | czrOptions: [], | 327 | czrOptions: [], | ... | ... |
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | <el-form | 4 | <el-form |
| 5 | :model="ruleForm" | 5 | :model="ruleForm" |
| 6 | :rules="rules" | 6 | :rules="rules" |
| 7 | class="loadingtext" | 7 | v-Loading="loading" |
| 8 | ref="ruleForm" | 8 | ref="ruleForm" |
| 9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
| 10 | :inline="flag" | 10 | :inline="flag" |
| ... | @@ -284,7 +284,7 @@ | ... | @@ -284,7 +284,7 @@ |
| 284 | mounted () { | 284 | mounted () { |
| 285 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 285 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 286 | this.propsParam = this.$attrs; | 286 | this.propsParam = this.$attrs; |
| 287 | this.$startLoading(); | 287 | this.loading = true |
| 288 | var formdata = new FormData(); | 288 | var formdata = new FormData(); |
| 289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 290 | formdata.append("djlx", this.propsParam.djlx); | 290 | formdata.append("djlx", this.propsParam.djlx); |
| ... | @@ -293,12 +293,14 @@ | ... | @@ -293,12 +293,14 @@ |
| 293 | if (res.code === 200 && res.result) { | 293 | if (res.code === 200 && res.result) { |
| 294 | this.ruleForm = res.result; | 294 | this.ruleForm = res.result; |
| 295 | this.czrOptions = this.ruleForm.qlrList; | 295 | this.czrOptions = this.ruleForm.qlrList; |
| 296 | this.$endLoading(); | ||
| 297 | this.ruleForm.qlrList.forEach((item) => { | 296 | this.ruleForm.qlrList.forEach((item) => { |
| 298 | if (item.sfczr == 1) { | 297 | if (item.sfczr == 1) { |
| 299 | this.czr = item.sqrmc | 298 | this.czr = item.sqrmc |
| 300 | } | 299 | } |
| 301 | }) | 300 | }) |
| 301 | setTimeout(() => { | ||
| 302 | this.loading = false | ||
| 303 | }, 200) | ||
| 302 | } | 304 | } |
| 303 | }) | 305 | }) |
| 304 | }, | 306 | }, |
| ... | @@ -308,6 +310,7 @@ | ... | @@ -308,6 +310,7 @@ |
| 308 | }, | 310 | }, |
| 309 | data () { | 311 | data () { |
| 310 | return { | 312 | return { |
| 313 | loading: false, | ||
| 311 | mjdw: "1", | 314 | mjdw: "1", |
| 312 | //表单是否可操作 | 315 | //表单是否可操作 |
| 313 | viewEdit: true, | 316 | viewEdit: true, | ... | ... |
| ... | @@ -286,7 +286,7 @@ | ... | @@ -286,7 +286,7 @@ |
| 286 | import { mapGetters } from "vuex"; | 286 | import { mapGetters } from "vuex"; |
| 287 | export default { | 287 | export default { |
| 288 | mixins: [ywmix], | 288 | mixins: [ywmix], |
| 289 | created () { | 289 | mounted () { |
| 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 291 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
| 292 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
| ... | @@ -298,7 +298,6 @@ | ... | @@ -298,7 +298,6 @@ |
| 298 | formdata.append("isEdit", this.viewEdit); | 298 | formdata.append("isEdit", this.viewEdit); |
| 299 | Init(formdata).then((res) => { | 299 | Init(formdata).then((res) => { |
| 300 | if (res.code === 200 && res.result) { | 300 | if (res.code === 200 && res.result) { |
| 301 | console.log(res.result, 'res.result'); | ||
| 302 | that.ruleForm = res.result; | 301 | that.ruleForm = res.result; |
| 303 | this.czrOptions = this.ruleForm.qlrList; | 302 | this.czrOptions = this.ruleForm.qlrList; |
| 304 | this.ruleForm.qlrList.forEach((item) => { | 303 | this.ruleForm.qlrList.forEach((item) => { |
| ... | @@ -306,7 +305,9 @@ | ... | @@ -306,7 +305,9 @@ |
| 306 | this.czr = item.sqrmc; | 305 | this.czr = item.sqrmc; |
| 307 | } | 306 | } |
| 308 | }); | 307 | }); |
| 309 | that.loading = false | 308 | setTimeout(() => { |
| 309 | this.loading = false | ||
| 310 | }, 200) | ||
| 310 | } | 311 | } |
| 311 | }) | 312 | }) |
| 312 | }, | 313 | }, | ... | ... |
-
Please register or sign in to post a comment