Merge remote-tracking branch 'origin/dev' into dev
Showing
21 changed files
with
1396 additions
and
756 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 | ... | ... |
| ... | @@ -9,11 +9,14 @@ | ... | @@ -9,11 +9,14 @@ |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | v-Loading="loading" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | ||
| 13 | ref="ruleForm" | 14 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :show-message="false" | ||
| 15 | :inline="flag" | 17 | :inline="flag" |
| 16 | label-width="190px"> | 18 | label-width="190px" |
| 19 | > | ||
| 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 18 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 19 | 申请业务信息 | 22 | 申请业务信息 |
| ... | @@ -42,21 +45,25 @@ | ... | @@ -42,21 +45,25 @@ |
| 42 | <el-form-item | 45 | <el-form-item |
| 43 | label="上手权利信息:" | 46 | label="上手权利信息:" |
| 44 | prop="ssQlxx.bdcqzh" | 47 | prop="ssQlxx.bdcqzh" |
| 45 | :rules="rules.ssQlxxrules"> | 48 | :rules="rules.ssQlxxrules" |
| 49 | > | ||
| 46 | <select-table | 50 | <select-table |
| 47 | v-model="ruleForm.ssQlxx" | 51 | v-model="ruleForm.ssQlxx" |
| 48 | :table-width="730" | 52 | :table-width="730" |
| 49 | :tableData="ssQlxxList" | 53 | :tableData="ssQlxxList" |
| 50 | :props="props" | 54 | :props="props" |
| 51 | @change="ssQlxxchange"> | 55 | @change="ssQlxxchange" |
| 56 | > | ||
| 52 | <el-table-column | 57 | <el-table-column |
| 53 | prop="qllxmc" | 58 | prop="qllxmc" |
| 54 | width="130" | 59 | width="130" |
| 55 | label="权利类型"></el-table-column> | 60 | label="权利类型" |
| 61 | ></el-table-column> | ||
| 56 | <el-table-column | 62 | <el-table-column |
| 57 | prop="bdcqzh" | 63 | prop="bdcqzh" |
| 58 | width="160" | 64 | width="160" |
| 59 | label="不动产权证书"></el-table-column> | 65 | label="不动产权证书" |
| 66 | ></el-table-column> | ||
| 60 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 61 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 62 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -76,8 +83,13 @@ | ... | @@ -76,8 +83,13 @@ |
| 76 | <el-form-item | 83 | <el-form-item |
| 77 | label="业务号:" | 84 | label="业务号:" |
| 78 | prop="qlxx.ywh" | 85 | prop="qlxx.ywh" |
| 79 | :rules="rules.ywhrules"> | 86 | :rules="rules.ywhrules" |
| 80 | <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.ywh"></el-input> | 87 | > |
| 88 | <el-input | ||
| 89 | maxlength="20" | ||
| 90 | onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" | ||
| 91 | v-model="ruleForm.qlxx.ywh" | ||
| 92 | ></el-input> | ||
| 81 | </el-form-item> | 93 | </el-form-item> |
| 82 | </el-col> | 94 | </el-col> |
| 83 | <el-col :span="8"> | 95 | <el-col :span="8"> |
| ... | @@ -96,13 +108,15 @@ | ... | @@ -96,13 +108,15 @@ |
| 96 | <el-form-item | 108 | <el-form-item |
| 97 | label="登记类型:" | 109 | label="登记类型:" |
| 98 | prop="qlxx.djlx" | 110 | prop="qlxx.djlx" |
| 99 | :rules="rules.djlxrules"> | 111 | :rules="rules.djlxrules" |
| 112 | > | ||
| 100 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 113 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 101 | <el-option | 114 | <el-option |
| 102 | v-for="item in djlxlist" | 115 | v-for="item in djlxlist" |
| 103 | :key="item.dcode" | 116 | :key="item.dcode" |
| 104 | :label="item.dname" | 117 | :label="item.dname" |
| 105 | :value="item.dcode"> | 118 | :value="item.dcode" |
| 119 | > | ||
| 106 | </el-option> | 120 | </el-option> |
| 107 | </el-select> | 121 | </el-select> |
| 108 | </el-form-item> | 122 | </el-form-item> |
| ... | @@ -114,35 +128,119 @@ | ... | @@ -114,35 +128,119 @@ |
| 114 | v-for="item in qsztlist" | 128 | v-for="item in qsztlist" |
| 115 | :key="item.dcode" | 129 | :key="item.dcode" |
| 116 | :label="item.dname" | 130 | :label="item.dname" |
| 117 | :value="item.dcode"> | 131 | :value="item.dcode" |
| 132 | > | ||
| 118 | </el-option> | 133 | </el-option> |
| 119 | </el-select> | 134 | </el-select> |
| 120 | </el-form-item> | 135 | </el-form-item> |
| 121 | </el-col> | 136 | </el-col> |
| 122 | 137 | ||
| 123 | <el-col :span="8"> | 138 | <el-col :span="8"> |
| 124 | <el-form-item label="登记原因:"> | 139 | <el-form-item label="发包方"> |
| 125 | <el-input v-model="ruleForm.jsydsyq.djyy"></el-input> | 140 | <el-input v-model="ruleForm.lq.fbf"></el-input> |
| 141 | </el-form-item> | ||
| 142 | </el-col> | ||
| 143 | <el-col :span="8"> | ||
| 144 | <el-form-item label="发包方代码"> | ||
| 145 | <el-input v-model="ruleForm.lq.fbfdm"></el-input> | ||
| 146 | </el-form-item> | ||
| 147 | </el-col> | ||
| 148 | <el-col :span="8"> | ||
| 149 | <el-form-item label="林地使用(承包)起始时间"> | ||
| 150 | <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> | ||
| 151 | </el-form-item> | ||
| 152 | </el-col> | ||
| 153 | <el-col :span="8"> | ||
| 154 | <el-form-item label="林地使用(承包)结束时间"> | ||
| 155 | <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="林地使用(承包)期限"> | ||
| 160 | <el-input v-model="ruleForm.lq.ldsyqx"></el-input> | ||
| 161 | </el-form-item> | ||
| 162 | </el-col> | ||
| 163 | <el-col :span="8"> | ||
| 164 | <el-form-item label="林地所有权性质"> | ||
| 165 | <el-input v-model="ruleForm.lq.ldsyqxz"></el-input> | ||
| 166 | </el-form-item> | ||
| 167 | </el-col> | ||
| 168 | <el-col :span="8"> | ||
| 169 | <el-form-item label="森林类别"> | ||
| 170 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="森林林木所有权人"> | ||
| 175 | <el-input v-model="ruleForm.lq.sllmsyqr1"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="森林林木使用权人"> | ||
| 180 | <el-input v-model="ruleForm.lq.sllmsyqr2"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="主要树种"> | ||
| 185 | <el-input v-model="ruleForm.lq.zysz"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item label="株数"> | ||
| 190 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
| 191 | </el-form-item> | ||
| 192 | </el-col> | ||
| 193 | <el-col :span="8"> | ||
| 194 | <el-form-item label="林种"> | ||
| 195 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
| 196 | </el-form-item> | ||
| 197 | </el-col> | ||
| 198 | <el-col :span="8"> | ||
| 199 | <el-form-item label="起源"> | ||
| 200 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
| 201 | </el-form-item> | ||
| 202 | </el-col> | ||
| 203 | <el-col :span="8"> | ||
| 204 | <el-form-item label="造林年度"> | ||
| 205 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
| 206 | </el-form-item> | ||
| 207 | </el-col> | ||
| 208 | <el-col :span="8"> | ||
| 209 | <el-form-item label="林班"> | ||
| 210 | <el-input v-model="ruleForm.lq.lb"></el-input> | ||
| 211 | </el-form-item> | ||
| 212 | </el-col> | ||
| 213 | <el-col :span="8"> | ||
| 214 | <el-form-item label="小班"> | ||
| 215 | <el-input v-model="ruleForm.lq.xb"></el-input> | ||
| 126 | </el-form-item> | 216 | </el-form-item> |
| 127 | </el-col> | 217 | </el-col> |
| 218 | <el-col :span="8"> | ||
| 219 | <el-form-item label="小地名"> | ||
| 220 | <el-input v-model="ruleForm.lq.xdm"></el-input> | ||
| 221 | </el-form-item> | ||
| 222 | </el-col> | ||
| 223 | |||
| 128 | <!-- <el-col :span="8"> | 224 | <!-- <el-col :span="8"> |
| 129 | <el-form-item label="房地坐落:"> | 225 | <el-form-item label="房地坐落:"> |
| 130 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 226 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 131 | </el-form-item> | 227 | </el-form-item> |
| 132 | </el-col> --> | 228 | </el-col> --> |
| 133 | <el-col :span="8"> | 229 | <el-col :span="8"> |
| 134 | <el-form-item label="使用权面积:"> | 230 | <el-form-item label="使用(承包)面积"> |
| 135 | <div class="flex"> | 231 | <div class="flex"> |
| 136 | <el-input | 232 | <el-input |
| 137 | maxlength="12" | 233 | maxlength="12" |
| 138 | v-model="ruleForm.jsydsyq.syqmj" | 234 | v-model="ruleForm.lq.syqmj" |
| 139 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 235 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 236 | ></el-input> | ||
| 140 | <el-select disabled v-model="mjdw" style="width: 68px"> | 237 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 141 | <el-option | 238 | <el-option |
| 142 | v-for="item in dictData['A7']" | 239 | v-for="item in dictData['A7']" |
| 143 | :key="item.dcode" | 240 | :key="item.dcode" |
| 144 | :label="item.dname" | 241 | :label="item.dname" |
| 145 | :value="item.dcode"> | 242 | :value="item.dcode" |
| 243 | > | ||
| 146 | </el-option> | 244 | </el-option> |
| 147 | </el-select> | 245 | </el-select> |
| 148 | </div> | 246 | </div> |
| ... | @@ -150,12 +248,12 @@ | ... | @@ -150,12 +248,12 @@ |
| 150 | </el-col> | 248 | </el-col> |
| 151 | <el-col :span="8"> | 249 | <el-col :span="8"> |
| 152 | <el-form-item label="使用权起止时间:"> | 250 | <el-form-item label="使用权起止时间:"> |
| 153 | <el-input maxlength="20" v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | 251 | <el-input maxlength="20" v-model="ruleForm.lq.syqqzsj"></el-input> |
| 154 | </el-form-item> | 252 | </el-form-item> |
| 155 | </el-col> | 253 | </el-col> |
| 156 | <el-col :span="8"> | 254 | <el-col :span="8"> |
| 157 | <el-form-item label="土地使用期限:"> | 255 | <el-form-item label="土地使用期限:"> |
| 158 | <el-input maxlength="10" v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | 256 | <el-input maxlength="10" v-model="ruleForm.lq.tdsyqx"></el-input> |
| 159 | </el-form-item> | 257 | </el-form-item> |
| 160 | </el-col> | 258 | </el-col> |
| 161 | <el-col :span="8"> | 259 | <el-col :span="8"> |
| ... | @@ -163,14 +261,16 @@ | ... | @@ -163,14 +261,16 @@ |
| 163 | <div style="display: flex"> | 261 | <div style="display: flex"> |
| 164 | <el-input | 262 | <el-input |
| 165 | maxlength="11" | 263 | maxlength="11" |
| 166 | v-model="ruleForm.jsydsyq.qdjg" | 264 | v-model="ruleForm.lq.qdjg" |
| 167 | style="width: 500%"></el-input> | 265 | style="width: 500%" |
| 168 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 266 | ></el-input> |
| 267 | <el-select v-model="ruleForm.lq.jedw"> | ||
| 169 | <el-option | 268 | <el-option |
| 170 | v-for="item in dictData['A57']" | 269 | v-for="item in dictData['A57']" |
| 171 | :key="item.dcode" | 270 | :key="item.dcode" |
| 172 | :label="item.dname" | 271 | :label="item.dname" |
| 173 | :value="item.dcode"> | 272 | :value="item.dcode" |
| 273 | > | ||
| 174 | </el-option> | 274 | </el-option> |
| 175 | </el-select> | 275 | </el-select> |
| 176 | </div> | 276 | </div> |
| ... | @@ -181,7 +281,8 @@ | ... | @@ -181,7 +281,8 @@ |
| 181 | <el-form-item | 281 | <el-form-item |
| 182 | label="不动产权证号:" | 282 | label="不动产权证号:" |
| 183 | prop="qlxx.bdcqzh" | 283 | prop="qlxx.bdcqzh" |
| 184 | :rules="rules.bdcqzhrules"> | 284 | :rules="rules.bdcqzhrules" |
| 285 | > | ||
| 185 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 286 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 186 | </el-form-item> | 287 | </el-form-item> |
| 187 | </el-col> | 288 | </el-col> |
| ... | @@ -198,7 +299,8 @@ | ... | @@ -198,7 +299,8 @@ |
| 198 | <el-form-item | 299 | <el-form-item |
| 199 | label="登记机构:" | 300 | label="登记机构:" |
| 200 | prop="qlxx.djjg" | 301 | prop="qlxx.djjg" |
| 201 | :rules="rules.djjgrules"> | 302 | :rules="rules.djjgrules" |
| 303 | > | ||
| 202 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 304 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 203 | </el-form-item> | 305 | </el-form-item> |
| 204 | </el-col> | 306 | </el-col> |
| ... | @@ -206,7 +308,8 @@ | ... | @@ -206,7 +308,8 @@ |
| 206 | <el-form-item | 308 | <el-form-item |
| 207 | label="登簿人:" | 309 | label="登簿人:" |
| 208 | prop="qlxx.dbr" | 310 | prop="qlxx.dbr" |
| 209 | :rules="rules.dbrrules"> | 311 | :rules="rules.dbrrules" |
| 312 | > | ||
| 210 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 313 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 211 | </el-form-item> | 314 | </el-form-item> |
| 212 | </el-col> | 315 | </el-col> |
| ... | @@ -214,14 +317,16 @@ | ... | @@ -214,14 +317,16 @@ |
| 214 | <el-form-item | 317 | <el-form-item |
| 215 | label="登记时间:" | 318 | label="登记时间:" |
| 216 | prop="qlxx.djsj" | 319 | prop="qlxx.djsj" |
| 217 | :rules="rules.djsjrules"> | 320 | :rules="rules.djsjrules" |
| 321 | > | ||
| 218 | <el-date-picker | 322 | <el-date-picker |
| 219 | v-model="ruleForm.qlxx.djsj" | 323 | v-model="ruleForm.qlxx.djsj" |
| 220 | type="date" | 324 | type="date" |
| 221 | class="width100" | 325 | class="width100" |
| 222 | placeholder="选择日期" | 326 | placeholder="选择日期" |
| 223 | value-format="yyyy-MM-dd HH:mm:ss" | 327 | value-format="yyyy-MM-dd HH:mm:ss" |
| 224 | format="yyyy-MM-dd"> | 328 | format="yyyy-MM-dd" |
| 329 | > | ||
| 225 | </el-date-picker> | 330 | </el-date-picker> |
| 226 | </el-form-item> | 331 | </el-form-item> |
| 227 | </el-col> | 332 | </el-col> |
| ... | @@ -229,7 +334,12 @@ | ... | @@ -229,7 +334,12 @@ |
| 229 | <el-row> | 334 | <el-row> |
| 230 | <el-col :span="24"> | 335 | <el-col :span="24"> |
| 231 | <el-form-item label="附记:"> | 336 | <el-form-item label="附记:"> |
| 232 | <el-input v-model="ruleForm.jsydsyq.fj" type="textarea" maxlength="500" show-word-limit></el-input> | 337 | <el-input |
| 338 | v-model="ruleForm.lq.fj" | ||
| 339 | type="textarea" | ||
| 340 | maxlength="500" | ||
| 341 | show-word-limit | ||
| 342 | ></el-input> | ||
| 233 | </el-form-item> | 343 | </el-form-item> |
| 234 | </el-col> | 344 | </el-col> |
| 235 | </el-row> | 345 | </el-row> |
| ... | @@ -240,7 +350,8 @@ | ... | @@ -240,7 +350,8 @@ |
| 240 | <tdytTable | 350 | <tdytTable |
| 241 | :tableData="ruleForm.tdytqxList" | 351 | :tableData="ruleForm.tdytqxList" |
| 242 | @upDateTdytxxList="upDateTdytxxList" | 352 | @upDateTdytxxList="upDateTdytxxList" |
| 243 | :ableOperation="ableOperation" /> | 353 | :ableOperation="ableOperation" |
| 354 | /> | ||
| 244 | <div class="slxx_title title-block"> | 355 | <div class="slxx_title title-block"> |
| 245 | 权利人信息 | 356 | 权利人信息 |
| 246 | <div class="triangle"></div> | 357 | <div class="triangle"></div> |
| ... | @@ -250,7 +361,8 @@ | ... | @@ -250,7 +361,8 @@ |
| 250 | <el-form-item label="共有方式:"> | 361 | <el-form-item label="共有方式:"> |
| 251 | <el-radio-group | 362 | <el-radio-group |
| 252 | :disabled="!ableOperation" | 363 | :disabled="!ableOperation" |
| 253 | v-model="ruleForm.qlxx.gyfs"> | 364 | v-model="ruleForm.qlxx.gyfs" |
| 365 | > | ||
| 254 | <el-radio label="0">单独所有</el-radio> | 366 | <el-radio label="0">单独所有</el-radio> |
| 255 | <el-radio label="1">共同共有</el-radio> | 367 | <el-radio label="1">共同共有</el-radio> |
| 256 | <el-radio label="2">按份所有</el-radio> | 368 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -264,7 +376,8 @@ | ... | @@ -264,7 +376,8 @@ |
| 264 | @upDateQlrxxList="upDateQlrxxList" | 376 | @upDateQlrxxList="upDateQlrxxList" |
| 265 | :key="key" | 377 | :key="key" |
| 266 | :ableOperation="ableOperation" | 378 | :ableOperation="ableOperation" |
| 267 | :gyfs="ruleForm.qlxx.gyfs" /> | 379 | :gyfs="ruleForm.qlxx.gyfs" |
| 380 | /> | ||
| 268 | </div> | 381 | </div> |
| 269 | <el-row class="btn" v-if="ableOperation"> | 382 | <el-row class="btn" v-if="ableOperation"> |
| 270 | <el-form-item> | 383 | <el-form-item> |
| ... | @@ -275,161 +388,162 @@ | ... | @@ -275,161 +388,162 @@ |
| 275 | </div> | 388 | </div> |
| 276 | </template> | 389 | </template> |
| 277 | <script> | 390 | <script> |
| 278 | import { mapGetters } from "vuex"; | 391 | import { mapGetters } from "vuex"; |
| 279 | import store from "@/store/index.js"; | 392 | import store from "@/store/index.js"; |
| 280 | import ywmix from "@/views/ywbl/mixin/index"; | 393 | import ywmix from "@/views/ywbl/mixin/index"; |
| 281 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 394 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 282 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 395 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 283 | import tdytTable from "@/views/workflow/components/tdytTable"; | 396 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 284 | import selectTable from "@/components/selectTable/index.vue"; | 397 | import selectTable from "@/components/selectTable/index.vue"; |
| 285 | export default { | 398 | export default { |
| 286 | mixins: [ywmix], | 399 | mixins: [ywmix], |
| 287 | components: { qlrCommonTable, tdytTable, selectTable }, | 400 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 288 | computed: { | 401 | computed: { |
| 289 | ...mapGetters(["dictData", "flag"]), | 402 | ...mapGetters(["dictData", "flag"]), |
| 290 | // 根据流程判断表单是否为只读 | 403 | // 根据流程判断表单是否为只读 |
| 291 | editDisabled () { | 404 | editDisabled() { |
| 292 | if (!this.ableOperation) { | 405 | if (!this.ableOperation) { |
| 293 | //只读状态 | 406 | //只读状态 |
| 294 | return true; | 407 | return true; |
| 408 | } | ||
| 409 | return false; | ||
| 410 | }, | ||
| 411 | }, | ||
| 412 | data() { | ||
| 413 | return { | ||
| 414 | mjdw: "1", | ||
| 415 | ssqlxxshow: true, | ||
| 416 | props: { | ||
| 417 | label: "bdcqzh", | ||
| 418 | value: "bdcdyid", | ||
| 419 | }, | ||
| 420 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 421 | normalizer(node) { | ||
| 422 | //方法 | ||
| 423 | if (node.children == null || node.children == "null") { | ||
| 424 | delete node.children; | ||
| 295 | } | 425 | } |
| 296 | return false; | 426 | return { |
| 427 | id: node.dcode, | ||
| 428 | label: node.dname, | ||
| 429 | }; | ||
| 297 | }, | 430 | }, |
| 298 | }, | 431 | //表单是否可操作 |
| 299 | data () { | 432 | propsParam: this.$attrs, |
| 300 | return { | 433 | ableOperation: false, |
| 301 | mjdw: "1", | 434 | key: 0, |
| 302 | ssqlxxshow: true, | 435 | ssQlxxList: [], |
| 303 | props: { | 436 | // 登记类型 |
| 304 | label: "bdcqzh", | 437 | djlxlist: [ |
| 305 | value: "bdcdyid", | 438 | { |
| 439 | dcode: "100", | ||
| 440 | dname: "首次登记", | ||
| 306 | }, | 441 | }, |
| 307 | // 键名转换,方法默认是label和children进行树状渲染 | 442 | { |
| 308 | normalizer (node) { | 443 | dcode: "200", |
| 309 | //方法 | 444 | dname: "转移登记", |
| 310 | if (node.children == null || node.children == "null") { | 445 | }, |
| 311 | delete node.children; | 446 | { |
| 312 | } | 447 | dcode: "300", |
| 313 | return { | 448 | dname: "变更登记", |
| 314 | id: node.dcode, | 449 | }, |
| 315 | label: node.dname, | 450 | { |
| 316 | }; | 451 | dcode: "500", |
| 452 | dname: "更正登记", | ||
| 317 | }, | 453 | }, |
| 318 | //表单是否可操作 | ||
| 319 | propsParam: this.$attrs, | ||
| 320 | ableOperation: false, | ||
| 321 | key: 0, | ||
| 322 | ssQlxxList: [], | ||
| 323 | // 登记类型 | ||
| 324 | djlxlist: [ | ||
| 325 | { | ||
| 326 | dcode: "100", | ||
| 327 | dname: "首次登记", | ||
| 328 | }, | ||
| 329 | { | ||
| 330 | dcode: "200", | ||
| 331 | dname: "转移登记", | ||
| 332 | }, | ||
| 333 | { | ||
| 334 | dcode: "300", | ||
| 335 | dname: "变更登记", | ||
| 336 | }, | ||
| 337 | { | ||
| 338 | dcode: "500", | ||
| 339 | dname: "更正登记", | ||
| 340 | }, | ||
| 341 | 454 | ||
| 342 | { | 455 | { |
| 343 | dcode: "901", | 456 | dcode: "901", |
| 344 | dname: "补证", | 457 | dname: "补证", |
| 345 | }, | 458 | }, |
| 346 | { | 459 | { |
| 347 | dcode: "902", | 460 | dcode: "902", |
| 348 | dname: "换证", | 461 | dname: "换证", |
| 349 | }, | 462 | }, |
| 463 | ], | ||
| 464 | // 权属状态 | ||
| 465 | qsztlist: [ | ||
| 466 | { | ||
| 467 | dcode: "1", | ||
| 468 | dname: "现势", | ||
| 469 | }, | ||
| 470 | { | ||
| 471 | dcode: "2", | ||
| 472 | dname: "历史", | ||
| 473 | }, | ||
| 474 | ], | ||
| 475 | tdxz: null, | ||
| 476 | isShow: false, | ||
| 477 | disabled: true, | ||
| 478 | czrOptions: [], | ||
| 479 | ruleForm: {}, | ||
| 480 | //传递参数\ | ||
| 481 | rules: { | ||
| 482 | ssQlxxrules: [ | ||
| 483 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 350 | ], | 484 | ], |
| 351 | // 权属状态 | 485 | bdcqzhrules: [ |
| 352 | qsztlist: [ | 486 | { required: true, message: "不动产权证号:", trigger: "blur" }, |
| 353 | { | ||
| 354 | dcode: "1", | ||
| 355 | dname: "现势", | ||
| 356 | }, | ||
| 357 | { | ||
| 358 | dcode: "2", | ||
| 359 | dname: "历史", | ||
| 360 | }, | ||
| 361 | ], | 487 | ], |
| 362 | tdxz: null, | 488 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 363 | isShow: false, | 489 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 364 | disabled: true, | 490 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 365 | czrOptions: [], | 491 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 366 | ruleForm: {}, | 492 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 367 | //传递参数\ | 493 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 368 | rules: { | ||
| 369 | ssQlxxrules: [ | ||
| 370 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 371 | ], | ||
| 372 | bdcqzhrules: [ | ||
| 373 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
| 374 | ], | ||
| 375 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 376 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 377 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 378 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 379 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
| 380 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | ||
| 381 | }, | ||
| 382 | }; | ||
| 383 | }, | ||
| 384 | created () { | ||
| 385 | this.loadData(); | ||
| 386 | }, | ||
| 387 | mounted () { | ||
| 388 | this.ableOperation = this.$parent.ableOperation; | ||
| 389 | }, | ||
| 390 | methods: { | ||
| 391 | /** | ||
| 392 | * @description: ssQlxxchange | ||
| 393 | * @param {*} val | ||
| 394 | * @author: renchao | ||
| 395 | */ | ||
| 396 | ssQlxxchange (val) { | ||
| 397 | this.ruleForm.ssQlxx = val; | ||
| 398 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 399 | this.ssQlxxchangediolog(val); | ||
| 400 | }, | 494 | }, |
| 401 | // 弹框事件 | 495 | }; |
| 402 | ssQlxxchangediolog (val) { | 496 | }, |
| 403 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 497 | created() { |
| 404 | iconClass: "el-icon-question", //自定义图标样式 | 498 | this.loadData(); |
| 405 | confirmButtonText: "确认", //确认按钮文字更换 | 499 | }, |
| 406 | cancelButtonText: "取消", //取消按钮文字更换 | 500 | mounted() { |
| 407 | showClose: true, //是否显示右上角关闭按钮 | 501 | this.ableOperation = this.$parent.ableOperation; |
| 408 | type: "warning", | 502 | }, |
| 409 | }).then(() => { | 503 | methods: { |
| 504 | /** | ||
| 505 | * @description: ssQlxxchange | ||
| 506 | * @param {*} val | ||
| 507 | * @author: renchao | ||
| 508 | */ | ||
| 509 | ssQlxxchange(val) { | ||
| 510 | this.ruleForm.ssQlxx = val; | ||
| 511 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 512 | this.ssQlxxchangediolog(val); | ||
| 513 | }, | ||
| 514 | // 弹框事件 | ||
| 515 | ssQlxxchangediolog(val) { | ||
| 516 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 517 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 518 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 519 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 520 | showClose: true, //是否显示右上角关闭按钮 | ||
| 521 | type: "warning", | ||
| 522 | }) | ||
| 523 | .then(() => { | ||
| 410 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 524 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 411 | if (res.code == 200) { | 525 | if (res.code == 200) { |
| 412 | this.nowlist = res.result; | 526 | this.nowlist = res.result; |
| 413 | for (var key in this.ruleForm.jsydsyq) { | 527 | for (var key in this.ruleForm.lq) { |
| 414 | if ( | 528 | if ( |
| 415 | this.ruleForm.jsydsyq[key] == "" || | 529 | this.ruleForm.lq[key] == "" || |
| 416 | this.ruleForm.jsydsyq[key] == null | 530 | this.ruleForm.lq[key] == null |
| 417 | ) { | 531 | ) { |
| 418 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | 532 | this.ruleForm.lq[key] = this.nowlist.lq[key]; |
| 419 | } | 533 | } |
| 420 | } | 534 | } |
| 421 | for (var key in this.ruleForm.qlxx) { | 535 | for (var key in this.ruleForm.qlxx) { |
| 422 | if ( | 536 | if ( |
| 423 | this.ruleForm.qlxx[key] == "" || | 537 | this.ruleForm.qlxx[key] == "" || |
| 424 | this.ruleForm.qlxx[key] == null && | 538 | (this.ruleForm.qlxx[key] == null && |
| 425 | key != "ywh" && | 539 | key != "ywh" && |
| 426 | key != "dbr" && | 540 | key != "dbr" && |
| 427 | key != "djsj" && | 541 | key != "djsj" && |
| 428 | key != "ssywh" && | 542 | key != "ssywh" && |
| 429 | key != "ssywh" && | 543 | key != "ssywh" && |
| 430 | key != "bdcqzh") { | 544 | key != "bdcqzh") |
| 545 | ) { | ||
| 431 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 546 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 432 | |||
| 433 | } | 547 | } |
| 434 | } | 548 | } |
| 435 | if (!this.ruleForm.tdytqxList.length) { | 549 | if (!this.ruleForm.tdytqxList.length) { |
| ... | @@ -447,158 +561,160 @@ | ... | @@ -447,158 +561,160 @@ |
| 447 | }); | 561 | }); |
| 448 | } | 562 | } |
| 449 | }); | 563 | }); |
| 450 | }).catch(() => { | 564 | }) |
| 565 | .catch(() => { | ||
| 451 | this.$message({ | 566 | this.$message({ |
| 452 | type: "info", | 567 | type: "info", |
| 453 | message: "已取消同步", | 568 | message: "已取消同步", |
| 454 | }); | 569 | }); |
| 455 | }); | 570 | }); |
| 456 | }, | 571 | }, |
| 457 | /** | 572 | /** |
| 458 | * @description: djlxchange | 573 | * @description: djlxchange |
| 459 | * @param {*} val | 574 | * @param {*} val |
| 460 | * @author: renchao | 575 | * @author: renchao |
| 461 | */ | 576 | */ |
| 462 | djlxchange (val) { | 577 | djlxchange(val) { |
| 463 | if (val == null || val == 100) { | 578 | if (val == null || val == 100) { |
| 464 | this.ssqlxxshow = false; | 579 | this.ssqlxxshow = false; |
| 465 | } else { | 580 | } else { |
| 466 | this.ssqlxxshow = true; | 581 | this.ssqlxxshow = true; |
| 467 | } | 582 | } |
| 468 | }, | 583 | }, |
| 469 | // 字典 | 584 | // 字典 |
| 470 | /** | 585 | /** |
| 471 | * @description: 字典 | 586 | * @description: 字典 |
| 472 | * @param {*} val | 587 | * @param {*} val |
| 473 | * @author: renchao | 588 | * @author: renchao |
| 474 | */ | 589 | */ |
| 475 | getDictData (val) { | 590 | getDictData(val) { |
| 476 | return store.getters.dictData[val]; | 591 | return store.getters.dictData[val]; |
| 477 | }, | 592 | }, |
| 478 | /** | 593 | /** |
| 479 | * @description: loadData | 594 | * @description: loadData |
| 480 | * @author: renchao | 595 | * @author: renchao |
| 481 | */ | 596 | */ |
| 482 | loadData () { | 597 | loadData() { |
| 483 | this.$startLoading(); | 598 | this.$startLoading(); |
| 484 | this.propsParam.isEdit = this.$parent.isEdit; | 599 | this.propsParam.isEdit = this.$parent.isEdit; |
| 485 | init(this.propsParam).then((res) => { | 600 | init(this.propsParam).then((res) => { |
| 486 | if (res.code == 200) { | 601 | if (res.code == 200) { |
| 487 | this.ruleForm = res.result; | 602 | this.ruleForm = res.result; |
| 488 | let djlx = this.ruleForm.qlxx.djlx; | 603 | let djlx = this.ruleForm.qlxx.djlx; |
| 489 | if (djlx == null || djlx == 100) { | 604 | if (djlx == null || djlx == 100) { |
| 490 | this.ssqlxxshow = false; | 605 | this.ssqlxxshow = false; |
| 491 | } | 606 | } |
| 492 | this.$endLoading(); | 607 | this.$endLoading(); |
| 493 | if (this.ruleForm.tdytqxList.length > 0) { | 608 | if (this.ruleForm.tdytqxList.length > 0) { |
| 494 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 609 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 495 | } else { | 610 | } else { |
| 496 | this.tdxz = null; | 611 | this.tdxz = null; |
| 612 | } | ||
| 613 | this.isShow = true; | ||
| 614 | //获取主体信息 | ||
| 615 | getSsQlxx({ | ||
| 616 | bdcdyid: this.propsParam.bdcdyid, | ||
| 617 | qllx: this.propsParam.qllx, | ||
| 618 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 619 | }).then((res) => { | ||
| 620 | if (res.code == 200) { | ||
| 621 | this.ssQlxxList = res.result; | ||
| 497 | } | 622 | } |
| 498 | this.isShow = true; | 623 | }); |
| 499 | //获取主体信息 | 624 | } |
| 500 | getSsQlxx({ | 625 | }); |
| 501 | bdcdyid: this.propsParam.bdcdyid, | 626 | }, |
| 502 | qllx: this.propsParam.qllx, | 627 | /** |
| 503 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 628 | * @description: 更新土地用途信息 |
| 504 | }).then((res) => { | 629 | * @param {*} val |
| 505 | if (res.code == 200) { | 630 | * @author: renchao |
| 506 | this.ssQlxxList = res.result; | 631 | */ |
| 507 | } | 632 | upDateTdytxxList(val) { |
| 633 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 634 | this.key++; | ||
| 635 | }, | ||
| 636 | // 更新权利人信息 | ||
| 637 | /** | ||
| 638 | * @description: 更新权利人信息 | ||
| 639 | * @param {*} val | ||
| 640 | * @author: renchao | ||
| 641 | */ | ||
| 642 | upDateQlrxxList(val) { | ||
| 643 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 644 | this.czrOptions = this.ruleForm.qlrData; | ||
| 645 | this.key++; | ||
| 646 | }, | ||
| 647 | // 保存 | ||
| 648 | /** | ||
| 649 | * @description: onSubmit | ||
| 650 | * @author: renchao | ||
| 651 | */ | ||
| 652 | onSubmit() { | ||
| 653 | this.$refs.ruleForm.validate((valid) => { | ||
| 654 | if (valid) { | ||
| 655 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 656 | if (arr.length > 0) { | ||
| 657 | this.$message({ | ||
| 658 | showClose: true, | ||
| 659 | message: "土地用途不能为空", | ||
| 660 | type: "error", | ||
| 508 | }); | 661 | }); |
| 662 | return false; | ||
| 509 | } | 663 | } |
| 510 | }); | 664 | if (this.ruleForm.qlrData.length == 0) { |
| 511 | }, | 665 | this.$message({ |
| 512 | /** | 666 | showClose: true, |
| 513 | * @description: 更新土地用途信息 | 667 | message: "请确认权利人信息", |
| 514 | * @param {*} val | 668 | type: "error", |
| 515 | * @author: renchao | 669 | }); |
| 516 | */ | 670 | return false; |
| 517 | upDateTdytxxList (val) { | 671 | } |
| 518 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 672 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 519 | this.key++; | 673 | if (this.ruleForm.qlrData.length > 1) { |
| 520 | }, | ||
| 521 | // 更新权利人信息 | ||
| 522 | /** | ||
| 523 | * @description: 更新权利人信息 | ||
| 524 | * @param {*} val | ||
| 525 | * @author: renchao | ||
| 526 | */ | ||
| 527 | upDateQlrxxList (val) { | ||
| 528 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 529 | this.czrOptions = this.ruleForm.qlrData; | ||
| 530 | this.key++; | ||
| 531 | }, | ||
| 532 | // 保存 | ||
| 533 | /** | ||
| 534 | * @description: onSubmit | ||
| 535 | * @author: renchao | ||
| 536 | */ | ||
| 537 | onSubmit () { | ||
| 538 | this.$refs.ruleForm.validate((valid) => { | ||
| 539 | if (valid) { | ||
| 540 | let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) | ||
| 541 | if (arr.length > 0) { | ||
| 542 | this.$message({ | 674 | this.$message({ |
| 543 | showClose: true, | 675 | showClose: true, |
| 544 | message: "土地用途不能为空", | 676 | message: "共有方式:单独所有,权利人只能是一个人", |
| 545 | type: "error", | 677 | type: "error", |
| 546 | }); | 678 | }); |
| 547 | return false; | 679 | return false; |
| 548 | } | 680 | } |
| 549 | if (this.ruleForm.qlrData.length == 0) { | 681 | } else { |
| 682 | if (this.ruleForm.qlrData.length <= 1) { | ||
| 550 | this.$message({ | 683 | this.$message({ |
| 551 | showClose: true, | 684 | showClose: true, |
| 552 | message: "请确认权利人信息", | 685 | message: |
| 686 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 553 | type: "error", | 687 | type: "error", |
| 554 | }); | 688 | }); |
| 555 | return false; | 689 | return false; |
| 556 | } | 690 | } |
| 557 | if (this.ruleForm.qlxx.gyfs == "0") { | 691 | } |
| 558 | if (this.ruleForm.qlrData.length > 1) { | 692 | save(this.ruleForm).then((res) => { |
| 559 | this.$message({ | 693 | if (res.code === 200) { |
| 560 | showClose: true, | 694 | this.$message({ |
| 561 | message: "共有方式:单独所有,权利人只能是一个人", | 695 | showClose: true, |
| 562 | type: "error", | 696 | message: "保存成功!", |
| 563 | }); | 697 | type: "success", |
| 564 | return false; | 698 | }); |
| 565 | } | 699 | this.$parent.changeywh(); |
| 700 | this.$store.dispatch("user/refreshPage", true); | ||
| 566 | } else { | 701 | } else { |
| 567 | if (this.ruleForm.qlrData.length <= 1) { | 702 | this.$message({ |
| 568 | this.$message({ | 703 | showClose: true, |
| 569 | showClose: true, | 704 | message: res.message, |
| 570 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 705 | type: "error", |
| 571 | type: "error", | 706 | }); |
| 572 | }); | ||
| 573 | return false; | ||
| 574 | } | ||
| 575 | } | 707 | } |
| 576 | save(this.ruleForm).then((res) => { | 708 | }); |
| 577 | if (res.code === 200) { | 709 | } else { |
| 578 | this.$message({ | 710 | return false; |
| 579 | showClose: true, | 711 | } |
| 580 | message: "保存成功!", | 712 | }); |
| 581 | type: "success", | 713 | }, |
| 582 | }); | 714 | }, |
| 583 | this.$parent.changeywh(); | 715 | }; |
| 584 | this.$store.dispatch("user/refreshPage", true); | ||
| 585 | } else { | ||
| 586 | this.$message({ | ||
| 587 | showClose: true, | ||
| 588 | message: res.message, | ||
| 589 | type: "error", | ||
| 590 | }); | ||
| 591 | } | ||
| 592 | }); | ||
| 593 | } else { | ||
| 594 | return false; | ||
| 595 | } | ||
| 596 | }); | ||
| 597 | } | ||
| 598 | } | ||
| 599 | } | ||
| 600 | </script> | 716 | </script> |
| 601 | <style scoped lang="scss"> | 717 | <style scoped lang="scss"> |
| 602 | @import "~@/styles/public.scss"; | 718 | @import "~@/styles/public.scss"; |
| 603 | @import "~@/styles/slxx/slxx.scss"; | 719 | @import "~@/styles/slxx/slxx.scss"; |
| 604 | </style> | 720 | </style> | ... | ... |
| ... | @@ -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-05 16:40:43 |
| 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> |
| 16 | <el-option | 15 | <el-col :span="22"> |
| 17 | v-for="item in ysxlh" | 16 | <el-select v-model="ruleForm.ysxlh" @change="handleSelect" :disabled="disabled" placeholder="请选择"> |
| 18 | :key="item.ysxlh" | 17 | <el-option |
| 19 | :label="item.ysxlh" | 18 | v-for="item in ysxlh" |
| 20 | :value="item.ysxlh"> | 19 | :key="item.ysxlh" |
| 21 | </el-option> | 20 | :label="item.ysxlh" |
| 22 | </el-select> | 21 | :value="item.ysxlh"> |
| 22 | </el-option> | ||
| 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> | ||
| 37 | </div> | 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> | ||
| 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 | // 获取详细信息 |
| 89 | this.drawTextOnImage() | 111 | this.getDetail() |
| 112 | if (this.formData.ysxlh) { | ||
| 113 | this.disabled = true | ||
| 90 | } else { | 114 | } else { |
| 91 | this.drawTextzmImage() | 115 | this.disabled = false |
| 92 | } | 116 | } |
| 93 | }, | 117 | }, |
| 94 | methods: { | 118 | methods: { |
| 95 | /** | 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) { | ||
| 130 | this.drawTextOnImage() | ||
| 131 | } else { | ||
| 132 | this.drawTextzmImage() | ||
| 133 | } | ||
| 134 | }) | ||
| 135 | }, | ||
| 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 |
| ... | @@ -128,25 +213,24 @@ | ... | @@ -128,25 +213,24 @@ |
| 128 | context.drawImage(image, 0, 0); | 213 | context.drawImage(image, 0, 0); |
| 129 | context.font = '16px 楷体'; | 214 | context.font = '16px 楷体'; |
| 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 = ''; |
| ... | @@ -359,25 +443,24 @@ | ... | @@ -359,25 +443,24 @@ |
| 359 | context.font = '16px 楷体'; | 443 | context.font = '16px 楷体'; |
| 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 | } |
| 588 | store.dispatch('user/reWorkFresh', false) | ||
| 589 | let that = this | ||
| 590 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 591 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(resInfo => { | ||
| 592 | if (resInfo.code == 200) { | ||
| 593 | //打开模板设计 | ||
| 594 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 595 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 | ||
| 596 | |||
| 597 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 598 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
| 599 | //todo 调取后端接口获取数据 循环set | ||
| 600 | for (let key in this.bdcqz) { | ||
| 601 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | ||
| 602 | } | ||
| 603 | LODOP.PREVIEW(); | ||
| 604 | } else { | ||
| 605 | this.$message.error(resInfo.message) | ||
| 606 | } | ||
| 607 | that.$popupCacel() | ||
| 608 | //刷新列表 | ||
| 609 | store.dispatch('user/reWorkFresh', true) | ||
| 610 | }) | ||
| 611 | } else { | ||
| 612 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(resInfo => { | ||
| 613 | if (resInfo.code == 200) { | ||
| 614 | //打开模板设计 | ||
| 615 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 616 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 | ||
| 617 | |||
| 618 | // 年月日 | ||
| 619 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] | ||
| 620 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 621 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 622 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 623 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
| 624 | //todo 调取后端接口获取数据 循环set | ||
| 625 | for (let key in this.bdcqz) { | ||
| 626 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | ||
| 627 | } | ||
| 628 | LODOP.PREVIEW(); | ||
| 629 | } else { | ||
| 630 | this.$message.error(resInfo.message) | ||
| 631 | } | ||
| 632 | that.$popupCacel() | ||
| 633 | //刷新列表 | ||
| 634 | store.dispatch('user/reWorkFresh', true) | ||
| 635 | }) | ||
| 636 | } | ||
| 506 | }, | 637 | }, |
| 507 | /** | 638 | /** |
| 508 | * @description: 保存打印记录 | 639 | * @description: 保存打印记录 |
| 509 | * @author: renchao | 640 | * @author: renchao |
| 510 | */ | 641 | */ |
| 511 | savePrintRecord () { | 642 | handleSubmit () { |
| 512 | let that = this | 643 | let that = this |
| 513 | this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz; | 644 | if (this.ruleForm.ysxlh == '') { |
| 514 | this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx; | 645 | this.$message.error('请选择印刷序列号'); |
| 515 | this.ruleForm.szzh = this.formData.bdcqz.bdcqzh; | 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 | ||
| 516 | certificate(this.ruleForm).then((res) => { | 653 | certificate(this.ruleForm).then((res) => { |
| 517 | if (res.code === 200) { | 654 | if (res.code === 200) { |
| 518 | that.$popupCacel() | 655 | that.$popupCacel() |
| 519 | if (this.formData.bdcqz.bdcqzlx == 1) { | 656 | this.handlePrint() |
| 520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | ||
| 521 | if (res.code == 200) { | ||
| 522 | //打开模板设计 | ||
| 523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
| 525 | |||
| 526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | ||
| 528 | //todo 调取后端接口获取数据 循环set | ||
| 529 | for (let key in this.formData.bdcqz) { | ||
| 530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | ||
| 531 | } | ||
| 532 | LODOP.PREVIEW(); | ||
| 533 | that.$popupCacel() | ||
| 534 | } else { | ||
| 535 | this.$message.error(res.message) | ||
| 536 | } | ||
| 537 | }) | ||
| 538 | } else { | ||
| 539 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => { | ||
| 540 | if (res.code == 200) { | ||
| 541 | //打开模板设计 | ||
| 542 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
| 544 | |||
| 545 | // 年月日 | ||
| 546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] | ||
| 547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 548 | this.formData.bdcqz.ri = this.formData.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) + ' ' + | ||
| 550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | ||
| 551 | //todo 调取后端接口获取数据 循环set | ||
| 552 | for (let key in this.formData.bdcqz) { | ||
| 553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | ||
| 554 | } | ||
| 555 | LODOP.PREVIEW(); | ||
| 556 | that.$popupCacel() | ||
| 557 | } else { | ||
| 558 | this.$message.error(res.message) | ||
| 559 | } | ||
| 560 | }) | ||
| 561 | } | ||
| 562 | |||
| 563 | //刷新列表 | ||
| 564 | store.dispatch('user/reWorkFresh', true) | ||
| 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> | ... | ... |
src/views/workflow/components/sdqxx.vue
0 → 100644
src/views/workflow/components/sfxx.vue
0 → 100644
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) { | ... | ... |
| ... | @@ -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> |
| ... | @@ -148,17 +147,15 @@ | ... | @@ -148,17 +147,15 @@ |
| 148 | </div> | 147 | </div> |
| 149 | </el-form-item> | 148 | </el-form-item> |
| 150 | </el-col> | 149 | </el-col> |
| 151 | </el-row> | 150 | </el-row> |
| 152 | <el-row :gutter="10"> | 151 | <el-row :gutter="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,20 +163,18 @@ | ... | @@ -166,20 +163,18 @@ |
| 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> |
| 174 | </el-radio-group> | 170 | </el-radio-group> |
| 175 | </el-form-item> | 171 | </el-form-item> |
| 176 | </el-col> | 172 | </el-col> |
| 177 | <el-col :span="8"> | 173 | <el-col :span="8"> |
| 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,169 +360,169 @@ | ... | @@ -384,169 +360,169 @@ |
| 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(); |
| 395 | if (this.propsParam.djlx == "400") { | 371 | if (this.propsParam.djlx == "400") { |
| 396 | this.isJfOperation = true; | 372 | this.isJfOperation = true; |
| 397 | } | ||
| 398 | this.$startLoading(); | ||
| 399 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 400 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 401 | formdata.append("djlx", this.propsParam.djlx); | ||
| 402 | formdata.append("isEdit", this.viewEdit); | ||
| 403 | Init(formdata).then((res) => { | ||
| 404 | if (res.code === 200 && res.result) { | ||
| 405 | this.ruleForm = res.result; | ||
| 406 | this.czrOptions = this.ruleForm.qlrList; | ||
| 407 | } | 373 | } |
| 408 | this.ruleForm.qlrList.forEach((item) => { | 374 | this.$startLoading(); |
| 409 | if (item.sfczr == 1) { | 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 410 | this.czr = item.sqrmc; | 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 377 | formdata.append("djlx", this.propsParam.djlx); | ||
| 378 | formdata.append("isEdit", this.viewEdit); | ||
| 379 | Init(formdata).then((res) => { | ||
| 380 | if (res.code === 200 && res.result) { | ||
| 381 | this.ruleForm = res.result; | ||
| 382 | this.czrOptions = this.ruleForm.qlrList; | ||
| 411 | } | 383 | } |
| 412 | }); | 384 | this.ruleForm.qlrList.forEach((item) => { |
| 413 | this.$endLoading(); | 385 | if (item.sfczr == 1) { |
| 414 | }); | 386 | this.czr = item.sqrmc; |
| 415 | }, | 387 | } |
| 416 | components: { qlrCommonTable }, | ||
| 417 | computed: { | ||
| 418 | ...mapGetters(["dictData", "flag"]), | ||
| 419 | }, | ||
| 420 | data() { | ||
| 421 | return { | ||
| 422 | //表单是否可操作 | ||
| 423 | viewEdit: true, | ||
| 424 | disabled: true, | ||
| 425 | czrOptions: [], | ||
| 426 | czr: "", | ||
| 427 | ruleForm: { | ||
| 428 | slsq: {}, | ||
| 429 | ssQlxx: {}, | ||
| 430 | diyaq: {}, | ||
| 431 | gyfs: "", | ||
| 432 | }, | ||
| 433 | isJfOperation: false, | ||
| 434 | //传递参数 | ||
| 435 | propsParam: {}, | ||
| 436 | rules: {}, | ||
| 437 | }; | ||
| 438 | }, | ||
| 439 | methods: { | ||
| 440 | /** | ||
| 441 | * @description: onSubmitClick | ||
| 442 | * @author: renchao | ||
| 443 | */ | ||
| 444 | onSubmitClick() { | ||
| 445 | let that = this; | ||
| 446 | if (this.ruleForm.qlrList.length == 0) { | ||
| 447 | this.$message({ | ||
| 448 | showClose: true, | ||
| 449 | message: "请确认抵押权人信息", | ||
| 450 | type: "error", | ||
| 451 | }); | 388 | }); |
| 452 | return false; | 389 | this.$endLoading(); |
| 453 | } | 390 | }); |
| 454 | if (this.ruleForm.sldy.gyfs == "0") { | 391 | }, |
| 455 | if (this.ruleForm.qlrList.length > 1) { | 392 | components: { qlrCommonTable }, |
| 456 | this.$message({ | 393 | computed: { |
| 457 | showClose: true, | 394 | ...mapGetters(["dictData", "flag"]), |
| 458 | message: "共有方式:单独所有,权利人只能是一个人", | 395 | }, |
| 459 | type: "error", | 396 | data () { |
| 460 | }); | 397 | return { |
| 461 | return false; | 398 | //表单是否可操作 |
| 462 | } | 399 | viewEdit: true, |
| 463 | this.ruleForm.qlrList[0].sfczr = "1"; | 400 | disabled: true, |
| 464 | } else { | 401 | czrOptions: [], |
| 465 | if (this.ruleForm.qlrList.length <= 1) { | 402 | czr: "", |
| 403 | ruleForm: { | ||
| 404 | slsq: {}, | ||
| 405 | ssQlxx: {}, | ||
| 406 | diyaq: {}, | ||
| 407 | gyfs: "", | ||
| 408 | }, | ||
| 409 | isJfOperation: false, | ||
| 410 | //传递参数 | ||
| 411 | propsParam: {}, | ||
| 412 | rules: {}, | ||
| 413 | }; | ||
| 414 | }, | ||
| 415 | methods: { | ||
| 416 | /** | ||
| 417 | * @description: onSubmitClick | ||
| 418 | * @author: renchao | ||
| 419 | */ | ||
| 420 | onSubmitClick () { | ||
| 421 | let that = this; | ||
| 422 | if (this.ruleForm.qlrList.length == 0) { | ||
| 466 | this.$message({ | 423 | this.$message({ |
| 467 | showClose: true, | 424 | showClose: true, |
| 468 | message: | 425 | message: "请确认抵押权人信息", |
| 469 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 470 | type: "error", | 426 | type: "error", |
| 471 | }); | 427 | }); |
| 472 | return false; | 428 | return false; |
| 473 | } | 429 | } |
| 474 | //是否分别持证 | 430 | if (this.ruleForm.sldy.gyfs == "0") { |
| 475 | if (this.ruleForm.sldy.sqfbcz == "1") { | 431 | if (this.ruleForm.qlrList.length > 1) { |
| 476 | //是 | 432 | this.$message({ |
| 477 | this.ruleForm.qlrList.forEach((item, index) => { | 433 | showClose: true, |
| 478 | item.sfczr = "1"; | 434 | message: "共有方式:单独所有,权利人只能是一个人", |
| 479 | }); | 435 | type: "error", |
| 436 | }); | ||
| 437 | return false; | ||
| 438 | } | ||
| 439 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 480 | } else { | 440 | } else { |
| 481 | if (!that.czr) { | 441 | if (this.ruleForm.qlrList.length <= 1) { |
| 482 | that.$message({ | 442 | this.$message({ |
| 483 | showClose: true, | 443 | showClose: true, |
| 484 | message: "请选择持证人", | 444 | message: |
| 445 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 485 | type: "error", | 446 | type: "error", |
| 486 | }); | 447 | }); |
| 487 | return false; | 448 | return false; |
| 488 | } | 449 | } |
| 489 | this.ruleForm.qlrList.forEach((item, index) => { | 450 | //是否分别持证 |
| 490 | if (item.zjh == this.czr) { | 451 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 452 | //是 | ||
| 453 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 491 | item.sfczr = "1"; | 454 | item.sfczr = "1"; |
| 492 | } else { | 455 | }); |
| 493 | item.sfczr = "0"; | 456 | } else { |
| 457 | if (!that.czr) { | ||
| 458 | that.$message({ | ||
| 459 | showClose: true, | ||
| 460 | message: "请选择持证人", | ||
| 461 | type: "error", | ||
| 462 | }); | ||
| 463 | return false; | ||
| 494 | } | 464 | } |
| 495 | }); | 465 | this.ruleForm.qlrList.forEach((item, index) => { |
| 466 | if (item.zjh == this.czr) { | ||
| 467 | item.sfczr = "1"; | ||
| 468 | } else { | ||
| 469 | item.sfczr = "0"; | ||
| 470 | } | ||
| 471 | }); | ||
| 472 | } | ||
| 496 | } | 473 | } |
| 497 | } | ||
| 498 | 474 | ||
| 499 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | 475 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 500 | if (res.code === 200) { | 476 | if (res.code === 200) { |
| 501 | this.$message({ | 477 | this.$message({ |
| 502 | showClose: true, | 478 | showClose: true, |
| 503 | message: "保存成功!", | 479 | message: "保存成功!", |
| 504 | type: "success", | 480 | type: "success", |
| 505 | }); | 481 | }); |
| 506 | this.$store.dispatch("user/refreshPage", true); | 482 | this.$store.dispatch("user/refreshPage", true); |
| 507 | } else { | 483 | } else { |
| 508 | this.$message({ | 484 | this.$message({ |
| 509 | showClose: true, | 485 | showClose: true, |
| 510 | message: res.message, | 486 | message: res.message, |
| 511 | type: "error", | 487 | type: "error", |
| 512 | }); | 488 | }); |
| 489 | } | ||
| 490 | }); | ||
| 491 | }, | ||
| 492 | /** | ||
| 493 | * @description: 更新权利人信息 | ||
| 494 | * @param {*} val | ||
| 495 | * @author: renchao | ||
| 496 | */ | ||
| 497 | upDateQlrxxList (val) { | ||
| 498 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 499 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 500 | this.czrOptions = this.ruleForm.qlrList; | ||
| 513 | } | 501 | } |
| 514 | }); | 502 | }, |
| 515 | }, | 503 | // 是否持证人变化 |
| 516 | /** | 504 | /** |
| 517 | * @description: 更新权利人信息 | 505 | * @description: 是否持证人变化 |
| 518 | * @param {*} val | 506 | * @param {*} val |
| 519 | * @author: renchao | 507 | * @author: renchao |
| 520 | */ | 508 | */ |
| 521 | upDateQlrxxList(val) { | 509 | updaterow () { |
| 522 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 510 | this.czr = ""; |
| 523 | this.ruleForm.qlrList = _.cloneDeep(val); | 511 | }, |
| 524 | this.czrOptions = this.ruleForm.qlrList; | 512 | /** |
| 525 | } | 513 | * @description: 更新义务人信息 |
| 526 | }, | 514 | * @param {*} val |
| 527 | // 是否持证人变化 | 515 | * @author: renchao |
| 528 | /** | 516 | */ |
| 529 | * @description: 是否持证人变化 | 517 | upDateYwrxxList (val) { |
| 530 | * @param {*} val | 518 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 531 | * @author: renchao | 519 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 532 | */ | 520 | } |
| 533 | updaterow() { | 521 | }, |
| 534 | this.czr = ""; | ||
| 535 | }, | ||
| 536 | /** | ||
| 537 | * @description: 更新义务人信息 | ||
| 538 | * @param {*} val | ||
| 539 | * @author: renchao | ||
| 540 | */ | ||
| 541 | upDateYwrxxList(val) { | ||
| 542 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
| 543 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 544 | } | ||
| 545 | }, | 522 | }, |
| 546 | }, | 523 | }; |
| 547 | }; | ||
| 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> | ... | ... |
| 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], |
| ... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
| 75 | columns: datas.columns(), | 75 | columns: datas.columns(), |
| 76 | data: [], | 76 | data: [], |
| 77 | }, | 77 | }, |
| 78 | bdcdysz: [], | 78 | bdcdysz: [], |
| 79 | }; | 79 | }; |
| 80 | }, | 80 | }, |
| 81 | mounted () { | 81 | mounted () { | ... | ... |
| 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,41 +55,34 @@ class data extends filter { | ... | @@ -55,41 +55,34 @@ 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) { | 61 | }, |
| 62 | case '1': | ||
| 63 | return <span>一般抵押</span> | ||
| 64 | case '2': | ||
| 65 | return <span>最高额抵押</span> | ||
| 66 | } | ||
| 67 | } | ||
| 68 | }, | ||
| 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", |
| 95 | label: "债务履行期限", | 88 | label: "债务履行期限", | ... | ... |
-
Please register or sign in to post a comment