Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
33 changed files
with
1112 additions
and
613 deletions
| ... | @@ -27,6 +27,7 @@ | ... | @@ -27,6 +27,7 @@ |
| 27 | clearable | 27 | clearable |
| 28 | v-model="ruleForm.qlrlx" | 28 | v-model="ruleForm.qlrlx" |
| 29 | class="width100" | 29 | class="width100" |
| 30 | :disabled="!showButton" | ||
| 30 | placeholder="请选择" | 31 | placeholder="请选择" |
| 31 | > | 32 | > |
| 32 | <el-option | 33 | <el-option |
| ... | @@ -41,14 +42,19 @@ | ... | @@ -41,14 +42,19 @@ |
| 41 | </el-col> | 42 | </el-col> |
| 42 | <el-col :span="8"> | 43 | <el-col :span="8"> |
| 43 | <el-form-item label="姓名/名称" prop="qlrmc"> | 44 | <el-form-item label="姓名/名称" prop="qlrmc"> |
| 44 | <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input> | 45 | <el-input |
| 46 | v-model="ruleForm.qlrmc" | ||
| 47 | maxlegth="15" | ||
| 48 | :disabled="!showButton" | ||
| 49 | ></el-input> | ||
| 45 | </el-form-item> | 50 | </el-form-item> |
| 46 | </el-col> | 51 | </el-col> |
| 47 | <el-col :span="8"> | 52 | <el-col :span="8"> |
| 48 | <el-form-item label="证件种类" prop="zjzl"> | 53 | <el-form-item label="证件种类" prop="zjzl"> |
| 49 | <el-select | 54 | <el-select |
| 50 | clearable | 55 | clearable |
| 51 | v-model="ruleForm.zjzl" | 56 | v-model="ruleForm.zjzl" |
| 57 | :disabled="!showButton" | ||
| 52 | class="width100" | 58 | class="width100" |
| 53 | placeholder="请选择" | 59 | placeholder="请选择" |
| 54 | > | 60 | > |
| ... | @@ -64,12 +70,13 @@ | ... | @@ -64,12 +70,13 @@ |
| 64 | </el-col> | 70 | </el-col> |
| 65 | </el-row> | 71 | </el-row> |
| 66 | <el-row> | 72 | <el-row> |
| 67 | <el-col :span="8"> | 73 | <el-col :span="8"> |
| 68 | <el-form-item label="证件号" prop="zjh"> | 74 | <el-form-item label="证件号" prop="zjh"> |
| 69 | <el-input | 75 | <el-input |
| 70 | v-model="ruleForm.zjh" | 76 | v-model="ruleForm.zjh" |
| 71 | maxlength="15" | 77 | :disabled="!showButton" |
| 72 | oninput="value=value.replace(/[^\X0-9]/g,'')" | 78 | maxlength="18" |
| 79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
| 73 | ></el-input> | 80 | ></el-input> |
| 74 | </el-form-item> | 81 | </el-form-item> |
| 75 | </el-col> | 82 | </el-col> |
| ... | @@ -77,57 +84,61 @@ | ... | @@ -77,57 +84,61 @@ |
| 77 | <el-form-item label="联系电话" prop="dh"> | 84 | <el-form-item label="联系电话" prop="dh"> |
| 78 | <el-input | 85 | <el-input |
| 79 | v-model="ruleForm.dh" | 86 | v-model="ruleForm.dh" |
| 87 | :disabled="!showButton" | ||
| 80 | maxlength="11" | 88 | maxlength="11" |
| 81 | oninput="value=value.replace(/[^\d]/g,'')" | 89 | oninput="value=value.replace(/[^\d]/g,'')" |
| 82 | ></el-input> | 90 | ></el-input> |
| 83 | </el-form-item> | 91 | </el-form-item> |
| 84 | </el-col> | 92 | </el-col> |
| 93 | |||
| 85 | <el-col :span="8"> | 94 | <el-col :span="8"> |
| 86 | <el-form-item label="性别"> | 95 | <el-form-item label="权利比例"> |
| 87 | <el-select | 96 | <el-input |
| 88 | clearable | 97 | v-model="ruleForm.qlbl" |
| 89 | v-model="ruleForm.xb" | 98 | maxlength="32" |
| 90 | class="width100" | 99 | :disabled="!showButton || this.ruleForm.gyfs == 1" |
| 91 | placeholder="请选择" | 100 | ></el-input> |
| 92 | > | ||
| 93 | <el-option | ||
| 94 | v-for="item in dictData['A43']" | ||
| 95 | :key="item.dcode" | ||
| 96 | :label="item.dname" | ||
| 97 | :value="item.dcode" | ||
| 98 | > | ||
| 99 | </el-option> | ||
| 100 | </el-select> | ||
| 101 | </el-form-item> | 101 | </el-form-item> |
| 102 | </el-col> | 102 | </el-col> |
| 103 | </el-row> | 103 | </el-row> |
| 104 | <el-row> | 104 | <el-row> |
| 105 | <el-col :span="8"> | 105 | <el-col :span="8"> |
| 106 | <el-form-item label="法人名称"> | 106 | <el-form-item label="法人名称" prop="frmc"> |
| 107 | <el-input v-model="ruleForm.frmc"></el-input> | 107 | <el-input |
| 108 | v-model="ruleForm.frmc" | ||
| 109 | maxlength="32" | ||
| 110 | :disabled="!showButton" | ||
| 111 | ></el-input> | ||
| 108 | </el-form-item> | 112 | </el-form-item> |
| 109 | </el-col> | 113 | </el-col> |
| 110 | <el-col :span="8"> | 114 | <el-col :span="8"> |
| 111 | <el-form-item label="国家/地区"> | 115 | <el-form-item label="国家/地区" prop="gj"> |
| 112 | <el-input v-model="ruleForm.gj"></el-input> | 116 | <el-input |
| 117 | v-model="ruleForm.gj" | ||
| 118 | maxlength="3" | ||
| 119 | :disabled="!showButton" | ||
| 120 | ></el-input> | ||
| 113 | </el-form-item> | 121 | </el-form-item> |
| 114 | </el-col> | 122 | </el-col> |
| 115 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 116 | <el-form-item label="户籍所在省市"> | 124 | <el-form-item label="户籍所在省市"> |
| 117 | <el-input v-model="ruleForm.hjszss"></el-input> | 125 | <el-input |
| 126 | v-model="ruleForm.hjszss" | ||
| 127 | maxlength="3" | ||
| 128 | :disabled="!showButton" | ||
| 129 | ></el-input> | ||
| 118 | </el-form-item> | 130 | </el-form-item> |
| 119 | </el-col> | 131 | </el-col> |
| 120 | </el-row> | 132 | </el-row> |
| 121 | 133 | ||
| 122 | <el-row> | 134 | <el-row> |
| 123 | <el-col :span="16"> | 135 | <el-col :span="24"> |
| 124 | <el-form-item label="地址"> | 136 | <el-form-item label="地址"> |
| 125 | <el-input v-model="ruleForm.dz"></el-input> | 137 | <el-input |
| 126 | </el-form-item> | 138 | v-model="ruleForm.dz" |
| 127 | </el-col> | 139 | maxlength="100" |
| 128 | <el-col :span="8"> | 140 | :disabled="!showButton" |
| 129 | <el-form-item label="邮编"> | 141 | ></el-input> |
| 130 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 131 | </el-form-item> | 142 | </el-form-item> |
| 132 | </el-col> | 143 | </el-col> |
| 133 | </el-row> | 144 | </el-row> |
| ... | @@ -135,17 +146,30 @@ | ... | @@ -135,17 +146,30 @@ |
| 135 | <el-row> | 146 | <el-row> |
| 136 | <el-col :span="8"> | 147 | <el-col :span="8"> |
| 137 | <el-form-item label="发证机关"> | 148 | <el-form-item label="发证机关"> |
| 138 | <el-input v-model="ruleForm.fzjg"></el-input> | 149 | <el-input |
| 150 | v-model="ruleForm.fzjg" | ||
| 151 | maxlength="10" | ||
| 152 | :disabled="!showButton" | ||
| 153 | ></el-input> | ||
| 139 | </el-form-item> | 154 | </el-form-item> |
| 140 | </el-col> | 155 | </el-col> |
| 141 | <el-col :span="8"> | 156 | <el-col :span="8"> |
| 142 | <el-form-item label="电子邮件"> | 157 | <el-form-item label="电子邮件"> |
| 143 | <el-input v-model="ruleForm.dzyj"></el-input> | 158 | <el-input |
| 159 | v-model="ruleForm.dzyj" | ||
| 160 | :disabled="!showButton" | ||
| 161 | maxlength="25" | ||
| 162 | ></el-input> | ||
| 144 | </el-form-item> | 163 | </el-form-item> |
| 145 | </el-col> | 164 | </el-col> |
| 146 | <el-col :span="8"> | 165 | <el-col :span="8"> |
| 147 | <el-form-item label="权利比例"> | 166 | <el-form-item label="邮编" prop="yb"> |
| 148 | <el-input v-model="ruleForm.qlbl"></el-input> | 167 | <el-input |
| 168 | v-model.number="ruleForm.yb" | ||
| 169 | :disabled="!showButton" | ||
| 170 | maxlength="6" | ||
| 171 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 172 | ></el-input> | ||
| 149 | </el-form-item> | 173 | </el-form-item> |
| 150 | </el-col> | 174 | </el-col> |
| 151 | </el-row> | 175 | </el-row> |
| ... | @@ -153,21 +177,30 @@ | ... | @@ -153,21 +177,30 @@ |
| 153 | <el-row> | 177 | <el-row> |
| 154 | <el-col :span="8"> | 178 | <el-col :span="8"> |
| 155 | <el-form-item label="工作单位"> | 179 | <el-form-item label="工作单位"> |
| 156 | <el-input v-model="ruleForm.gzdw"></el-input> | 180 | <el-input |
| 181 | v-model="ruleForm.gzdw" | ||
| 182 | maxlength="32" | ||
| 183 | :disabled="!showButton" | ||
| 184 | ></el-input> | ||
| 157 | </el-form-item> | 185 | </el-form-item> |
| 158 | </el-col> | 186 | </el-col> |
| 159 | <el-col :span="16"> | 187 | <el-col :span="16"> |
| 160 | <el-form-item label="代理机构"> | 188 | <el-form-item label="代理机构"> |
| 161 | <el-input v-model="ruleForm.dlrjgmc"></el-input> | 189 | <el-input |
| 190 | v-model="ruleForm.dlrjgmc" | ||
| 191 | maxlength="32" | ||
| 192 | :disabled="!showButton" | ||
| 193 | ></el-input> | ||
| 162 | </el-form-item> | 194 | </el-form-item> |
| 163 | </el-col> | 195 | </el-col> |
| 164 | </el-row> | 196 | </el-row> |
| 165 | 197 | ||
| 166 | <el-row> | 198 | <el-row> |
| 167 | <el-col :span="8"> | 199 | <el-col :span="8"> |
| 168 | <el-form-item label="联系电话"> | 200 | <el-form-item label="代理人电话"> |
| 169 | <el-input | 201 | <el-input |
| 170 | v-model="ruleForm.dlrdhhm" | 202 | v-model="ruleForm.dlrdhhm" |
| 203 | :disabled="!showButton" | ||
| 171 | maxlength="11" | 204 | maxlength="11" |
| 172 | oninput="value=value.replace(/[^\d]/g,'')" | 205 | oninput="value=value.replace(/[^\d]/g,'')" |
| 173 | ></el-input> | 206 | ></el-input> |
| ... | @@ -175,7 +208,11 @@ | ... | @@ -175,7 +208,11 @@ |
| 175 | </el-col> | 208 | </el-col> |
| 176 | <el-col :span="8"> | 209 | <el-col :span="8"> |
| 177 | <el-form-item label="代理人姓名"> | 210 | <el-form-item label="代理人姓名"> |
| 178 | <el-input v-model="ruleForm.dlrxm"></el-input> | 211 | <el-input |
| 212 | v-model="ruleForm.dlrxm" | ||
| 213 | maxlength="15" | ||
| 214 | :disabled="!showButton" | ||
| 215 | ></el-input> | ||
| 179 | </el-form-item> | 216 | </el-form-item> |
| 180 | </el-col> | 217 | </el-col> |
| 181 | <el-col :span="8"> | 218 | <el-col :span="8"> |
| ... | @@ -183,6 +220,7 @@ | ... | @@ -183,6 +220,7 @@ |
| 183 | <el-select | 220 | <el-select |
| 184 | clearable | 221 | clearable |
| 185 | v-model="ruleForm.dlrzjlx" | 222 | v-model="ruleForm.dlrzjlx" |
| 223 | :disabled="!showButton" | ||
| 186 | class="width100" | 224 | class="width100" |
| 187 | placeholder="请选择" | 225 | placeholder="请选择" |
| 188 | > | 226 | > |
| ... | @@ -199,8 +237,31 @@ | ... | @@ -199,8 +237,31 @@ |
| 199 | </el-row> | 237 | </el-row> |
| 200 | <el-row> | 238 | <el-row> |
| 201 | <el-col :span="8"> | 239 | <el-col :span="8"> |
| 240 | <el-form-item label="性别"> | ||
| 241 | <el-select | ||
| 242 | clearable | ||
| 243 | v-model="ruleForm.xb" | ||
| 244 | :disabled="!showButton" | ||
| 245 | class="width100" | ||
| 246 | placeholder="请选择" | ||
| 247 | > | ||
| 248 | <el-option | ||
| 249 | v-for="item in dictData['A43']" | ||
| 250 | :key="item.dcode" | ||
| 251 | :label="item.dname" | ||
| 252 | :value="item.dcode" | ||
| 253 | > | ||
| 254 | </el-option> | ||
| 255 | </el-select> | ||
| 256 | </el-form-item> | ||
| 257 | </el-col> | ||
| 258 | <el-col :span="8"> | ||
| 202 | <el-form-item label="代理人证件号"> | 259 | <el-form-item label="代理人证件号"> |
| 203 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | 260 | <el-input |
| 261 | v-model="ruleForm.dlrzjh" | ||
| 262 | :disabled="!showButton" | ||
| 263 | maxlength="18" | ||
| 264 | ></el-input> | ||
| 204 | </el-form-item> | 265 | </el-form-item> |
| 205 | </el-col> | 266 | </el-col> |
| 206 | </el-row> | 267 | </el-row> |
| ... | @@ -273,7 +334,6 @@ export default { | ... | @@ -273,7 +334,6 @@ export default { |
| 273 | }, | 334 | }, |
| 274 | }, | 335 | }, |
| 275 | methods: { | 336 | methods: { |
| 276 | |||
| 277 | /** | 337 | /** |
| 278 | * @description: closeDialog | 338 | * @description: closeDialog |
| 279 | * @author: renchao | 339 | * @author: renchao | ... | ... |
| ... | @@ -4,27 +4,63 @@ | ... | @@ -4,27 +4,63 @@ |
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | 4 | * @LastEditTime: 2023-05-17 10:39:47 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 7 | <dialogBox |
| 8 | @closeDialog="closeDialog" :isButton="showButton"> | 8 | title="申请人信息" |
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | width="60%" |
| 10 | isMain | ||
| 11 | v-model="myValue" | ||
| 12 | :isFullscreen="false" | ||
| 13 | @submitForm="submitForm" | ||
| 14 | @closeDialog="closeDialog" | ||
| 15 | :isButton="showButton" | ||
| 16 | > | ||
| 17 | <el-form | ||
| 18 | :model="ruleForm" | ||
| 19 | :rules="rules" | ||
| 20 | ref="ruleForm" | ||
| 21 | label-width="120px" | ||
| 22 | > | ||
| 10 | <el-row> | 23 | <el-row> |
| 11 | <el-col :span="8"> | 24 | <el-col :span="8"> |
| 12 | <el-form-item label="义务人类型" prop="ywrlx"> | 25 | <el-form-item label="义务人类型" prop="ywrlx"> |
| 13 | <el-select clearable v-model="ruleForm.ywrlx" class="width100" placeholder="请选择"> | 26 | <el-select |
| 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 27 | clearable |
| 28 | v-model="ruleForm.ywrlx" | ||
| 29 | class="width100" | ||
| 30 | :disabled="!showButton" | ||
| 31 | placeholder="请选择" | ||
| 32 | > | ||
| 33 | <el-option | ||
| 34 | v-for="item in dictData['A36']" | ||
| 35 | :key="item.dcode" | ||
| 36 | :label="item.dname" | ||
| 37 | :value="item.dcode" | ||
| 38 | > | ||
| 15 | </el-option> | 39 | </el-option> |
| 16 | </el-select> | 40 | </el-select> |
| 17 | </el-form-item> | 41 | </el-form-item> |
| 18 | </el-col> | 42 | </el-col> |
| 19 | <el-col :span="8"> | 43 | <el-col :span="8"> |
| 20 | <el-form-item label="姓名/名称" prop="ywrmc"> | 44 | <el-form-item label="姓名/名称" prop="ywrmc"> |
| 21 | <el-input v-model="ruleForm.ywrmc" maxlegth="15"></el-input> | 45 | <el-input v-model="ruleForm.ywrmc" maxlegth="15" |
| 46 | :disabled="!showButton"></el-input> | ||
| 22 | </el-form-item> | 47 | </el-form-item> |
| 23 | </el-col> | 48 | </el-col> |
| 24 | <el-col :span="8"> | 49 | <el-col :span="8"> |
| 25 | <el-form-item label="证件种类" prop="zjzl"> | 50 | <el-form-item label="证件种类" prop="zjzl"> |
| 26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | 51 | <el-select |
| 27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 52 | clearable |
| 53 | v-model="ruleForm.zjzl" | ||
| 54 | :disabled="!showButton" | ||
| 55 | class="width100" | ||
| 56 | placeholder="请选择" | ||
| 57 | > | ||
| 58 | <el-option | ||
| 59 | v-for="item in dictData['A30']" | ||
| 60 | :key="item.dcode" | ||
| 61 | :label="item.dname" | ||
| 62 | :value="item.dcode" | ||
| 63 | > | ||
| 28 | </el-option> | 64 | </el-option> |
| 29 | </el-select> | 65 | </el-select> |
| 30 | </el-form-item> | 66 | </el-form-item> |
| ... | @@ -33,100 +69,163 @@ | ... | @@ -33,100 +69,163 @@ |
| 33 | <el-row> | 69 | <el-row> |
| 34 | <el-col :span="8"> | 70 | <el-col :span="8"> |
| 35 | <el-form-item label="证件号" prop="zjh"> | 71 | <el-form-item label="证件号" prop="zjh"> |
| 36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | 72 | <el-input |
| 73 | v-model="ruleForm.zjh" | ||
| 74 | :disabled="!showButton" | ||
| 75 | maxlength="18" | ||
| 76 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
| 77 | ></el-input> | ||
| 37 | </el-form-item> | 78 | </el-form-item> |
| 38 | </el-col> | 79 | </el-col> |
| 39 | <el-col :span="8"> | 80 | <el-col :span="8"> |
| 40 | <el-form-item label="联系电话" prop="dh"> | 81 | <el-form-item label="联系电话" prop="dh"> |
| 41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 82 | <el-input |
| 83 | v-model="ruleForm.dh" | ||
| 84 | :disabled="!showButton" | ||
| 85 | maxlength="11" | ||
| 86 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 87 | ></el-input> | ||
| 42 | </el-form-item> | 88 | </el-form-item> |
| 43 | </el-col> | 89 | </el-col> |
| 44 | <el-col :span="8"> | 90 | <el-col :span="8"> |
| 45 | <el-form-item label="性别"> | 91 | <el-form-item label="权利比例" prop="qlbl"> |
| 46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | 92 | <el-input |
| 47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 93 | v-model="ruleForm.qlbl" |
| 48 | </el-option> | 94 | maxlength="32" |
| 49 | </el-select> | 95 | :disabled="!showButton || this.ruleForm.gyfs == 1" |
| 96 | ></el-input> | ||
| 50 | </el-form-item> | 97 | </el-form-item> |
| 51 | </el-col> | 98 | </el-col> |
| 52 | </el-row> | 99 | </el-row> |
| 53 | <el-row> | 100 | <el-row> |
| 54 | <el-col :span="8"> | 101 | <el-col :span="8"> |
| 55 | <el-form-item label="法人名称"> | 102 | <el-form-item label="法人名称" prop="frmc"> |
| 56 | <el-input v-model="ruleForm.frmc"></el-input> | 103 | <el-input |
| 104 | v-model="ruleForm.frmc" | ||
| 105 | maxlength="32" | ||
| 106 | :disabled="!showButton" | ||
| 107 | ></el-input> | ||
| 57 | </el-form-item> | 108 | </el-form-item> |
| 58 | </el-col> | 109 | </el-col> |
| 59 | <el-col :span="8"> | 110 | <el-col :span="8"> |
| 60 | <el-form-item label="国家/地区"> | 111 | <el-form-item label="国家/地区" prop="gj"> |
| 61 | <el-input v-model="ruleForm.gjdq"></el-input> | 112 | <el-input |
| 113 | v-model="ruleForm.gj" | ||
| 114 | maxlength="3" | ||
| 115 | :disabled="!showButton" | ||
| 116 | ></el-input> | ||
| 62 | </el-form-item> | 117 | </el-form-item> |
| 63 | </el-col> | 118 | </el-col> |
| 64 | <el-col :span="8"> | 119 | <el-col :span="8"> |
| 65 | <el-form-item label="户籍所在省市"> | 120 | <el-form-item label="户籍所在省市" prop="hjszss"> |
| 66 | <el-input v-model="ruleForm.szss"></el-input> | 121 | <el-input |
| 122 | v-model="ruleForm.hjszss" | ||
| 123 | maxlength="3" | ||
| 124 | :disabled="!showButton" | ||
| 125 | ></el-input> | ||
| 67 | </el-form-item> | 126 | </el-form-item> |
| 68 | </el-col> | 127 | </el-col> |
| 69 | </el-row> | 128 | </el-row> |
| 70 | 129 | ||
| 71 | <el-row> | 130 | <el-row> |
| 72 | <el-col :span="16"> | 131 | <el-col :span="24"> |
| 73 | <el-form-item label="地址"> | 132 | <el-form-item label="地址" prop="txdz"> |
| 74 | <el-input v-model="ruleForm.txdz"></el-input> | 133 | <el-input |
| 75 | </el-form-item> | 134 | v-model="ruleForm.txdz" |
| 76 | </el-col> | 135 | maxlength="100" |
| 77 | <el-col :span="8"> | 136 | :disabled="!showButton" |
| 78 | <el-form-item label="邮编"> | 137 | ></el-input> |
| 79 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 80 | </el-form-item> | 138 | </el-form-item> |
| 81 | </el-col> | 139 | </el-col> |
| 82 | </el-row> | 140 | </el-row> |
| 83 | 141 | ||
| 84 | <el-row> | 142 | <el-row> |
| 85 | <el-col :span="8"> | 143 | <el-col :span="8"> |
| 86 | <el-form-item label="发证机关"> | 144 | <el-form-item label="发证机关" prop="fzjg"> |
| 87 | <el-input v-model="ruleForm.fzjg"></el-input> | 145 | <el-input |
| 146 | v-model="ruleForm.fzjg" | ||
| 147 | maxlength="10" | ||
| 148 | :disabled="!showButton" | ||
| 149 | ></el-input> | ||
| 88 | </el-form-item> | 150 | </el-form-item> |
| 89 | </el-col> | 151 | </el-col> |
| 90 | <el-col :span="8"> | 152 | <el-col :span="8"> |
| 91 | <el-form-item label="电子邮件"> | 153 | <el-form-item label="电子邮件" prop="dzyj"> |
| 92 | <el-input v-model="ruleForm.dzyj"></el-input> | 154 | <el-input |
| 155 | v-model="ruleForm.dzyj" | ||
| 156 | :disabled="!showButton" | ||
| 157 | maxlength="25" | ||
| 158 | ></el-input> | ||
| 93 | </el-form-item> | 159 | </el-form-item> |
| 94 | </el-col> | 160 | </el-col> |
| 95 | <el-col :span="8"> | 161 | <el-col :span="8"> |
| 96 | <el-form-item label="权利比例"> | 162 | <el-form-item label="邮编" prop="yb"> |
| 97 | <el-input v-model="ruleForm.qlbl"></el-input> | 163 | <el-input |
| 164 | v-model.number="ruleForm.yb" | ||
| 165 | :disabled="!showButton" | ||
| 166 | maxlength="6" | ||
| 167 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 168 | ></el-input> | ||
| 98 | </el-form-item> | 169 | </el-form-item> |
| 99 | </el-col> | 170 | </el-col> |
| 100 | </el-row> | 171 | </el-row> |
| 101 | 172 | ||
| 102 | <el-row> | 173 | <el-row> |
| 103 | <el-col :span="8"> | 174 | <el-col :span="8"> |
| 104 | <el-form-item label="工作单位"> | 175 | <el-form-item label="工作单位" prop="gzdw"> |
| 105 | <el-input v-model="ruleForm.gzdw"></el-input> | 176 | <el-input |
| 177 | v-model="ruleForm.gzdw" | ||
| 178 | maxlength="32" | ||
| 179 | :disabled="!showButton" | ||
| 180 | ></el-input> | ||
| 106 | </el-form-item> | 181 | </el-form-item> |
| 107 | </el-col> | 182 | </el-col> |
| 108 | <el-col :span="16"> | 183 | <el-col :span="16"> |
| 109 | <el-form-item label="代理机构"> | 184 | <el-form-item label="代理机构" prop="dlrjg"> |
| 110 | <el-input v-model="ruleForm.dljg"></el-input> | 185 | <el-input |
| 186 | v-model="ruleForm.dlrjg" | ||
| 187 | maxlength="32" | ||
| 188 | :disabled="!showButton" | ||
| 189 | ></el-input> | ||
| 111 | </el-form-item> | 190 | </el-form-item> |
| 112 | </el-col> | 191 | </el-col> |
| 113 | </el-row> | 192 | </el-row> |
| 114 | 193 | ||
| 115 | <el-row> | 194 | <el-row> |
| 116 | <el-col :span="8"> | 195 | <el-col :span="8"> |
| 117 | <el-form-item label="联系电话"> | 196 | <el-form-item label="代理人电话" prop="dlrdh"> |
| 118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 197 | <el-input |
| 198 | v-model="ruleForm.dlrdh" | ||
| 199 | :disabled="!showButton" | ||
| 200 | maxlength="11" | ||
| 201 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 202 | ></el-input> | ||
| 119 | </el-form-item> | 203 | </el-form-item> |
| 120 | </el-col> | 204 | </el-col> |
| 121 | <el-col :span="8"> | 205 | <el-col :span="8"> |
| 122 | <el-form-item label="代理人姓名"> | 206 | <el-form-item label="代理人姓名" prop="dlrmc"> |
| 123 | <el-input v-model="ruleForm.dlrxm"></el-input> | 207 | <el-input |
| 208 | v-model="ruleForm.dlrmc" | ||
| 209 | maxlength="15" | ||
| 210 | :disabled="!showButton" | ||
| 211 | ></el-input> | ||
| 124 | </el-form-item> | 212 | </el-form-item> |
| 125 | </el-col> | 213 | </el-col> |
| 126 | <el-col :span="8"> | 214 | <el-col :span="8"> |
| 127 | <el-form-item label="代理人证件类型"> | 215 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> |
| 128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | 216 | <el-select |
| 129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 217 | clearable |
| 218 | v-model="ruleForm.dlrzjlx" | ||
| 219 | :disabled="!showButton" | ||
| 220 | class="width100" | ||
| 221 | placeholder="请选择" | ||
| 222 | > | ||
| 223 | <el-option | ||
| 224 | v-for="item in dictData['A30']" | ||
| 225 | :key="item.dcode" | ||
| 226 | :label="item.dname" | ||
| 227 | :value="item.dcode" | ||
| 228 | > | ||
| 130 | </el-option> | 229 | </el-option> |
| 131 | </el-select> | 230 | </el-select> |
| 132 | </el-form-item> | 231 | </el-form-item> |
| ... | @@ -134,8 +233,32 @@ | ... | @@ -134,8 +233,32 @@ |
| 134 | </el-row> | 233 | </el-row> |
| 135 | <el-row> | 234 | <el-row> |
| 136 | <el-col :span="8"> | 235 | <el-col :span="8"> |
| 137 | <el-form-item label="代理人证件号"> | 236 | <el-form-item label="性别" prop="xb"> |
| 138 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | 237 | <el-select |
| 238 | clearable | ||
| 239 | v-model="ruleForm.xb" | ||
| 240 | :disabled="!showButton" | ||
| 241 | class="width100" | ||
| 242 | placeholder="请选择" | ||
| 243 | > | ||
| 244 | <el-option | ||
| 245 | v-for="item in dictData['A43']" | ||
| 246 | :key="item.dcode" | ||
| 247 | :label="item.dname" | ||
| 248 | :value="item.dcode" | ||
| 249 | > | ||
| 250 | </el-option> | ||
| 251 | </el-select> | ||
| 252 | </el-form-item> | ||
| 253 | </el-col> | ||
| 254 | <el-col :span="8"> | ||
| 255 | <el-form-item label="代理人证件号" prop="dlrzjh"> | ||
| 256 | <el-input | ||
| 257 | v-model="ruleForm.dlrzjh" | ||
| 258 | :disabled="!showButton" | ||
| 259 | maxlength="18" | ||
| 260 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
| 261 | ></el-input> | ||
| 139 | </el-form-item> | 262 | </el-form-item> |
| 140 | </el-col> | 263 | </el-col> |
| 141 | </el-row> | 264 | </el-row> |
| ... | @@ -143,91 +266,91 @@ | ... | @@ -143,91 +266,91 @@ |
| 143 | </dialogBox> | 266 | </dialogBox> |
| 144 | </template> | 267 | </template> |
| 145 | <script> | 268 | <script> |
| 146 | import { mapGetters } from "vuex"; | 269 | import { mapGetters } from "vuex"; |
| 147 | export default { | 270 | export default { |
| 148 | props: { | 271 | props: { |
| 149 | value: { type: Boolean, default: false }, | 272 | value: { type: Boolean, default: false }, |
| 150 | details: { type: Object, default: {} }, | 273 | details: { type: Object, default: {} }, |
| 151 | showButton: { type: Boolean, default: false } | 274 | showButton: { type: Boolean, default: false }, |
| 152 | }, | 275 | }, |
| 153 | computed: { | 276 | computed: { |
| 154 | ...mapGetters(["dictData"]), | 277 | ...mapGetters(["dictData"]), |
| 155 | }, | 278 | }, |
| 156 | data () { | 279 | data() { |
| 157 | return { | 280 | return { |
| 158 | myValue: this.value, | 281 | myValue: this.value, |
| 159 | ruleForm: { | 282 | ruleForm: { |
| 160 | ywrlx: "", | 283 | ywrlx: "", |
| 161 | ywrmc: "", | 284 | ywrmc: "", |
| 162 | zjzl: "", | 285 | zjzl: "", |
| 163 | zjh: "", | 286 | zjh: "", |
| 164 | dh: "", | 287 | dh: "", |
| 165 | xb: "", | 288 | xb: "", |
| 166 | frmc: "", | 289 | frmc: "", |
| 167 | gjdq: "", | 290 | gjdq: "", |
| 168 | szss: "", | 291 | szss: "", |
| 169 | txdz: "", | 292 | txdz: "", |
| 170 | yb: "", | 293 | yb: "", |
| 171 | fzjg: "", | 294 | fzjg: "", |
| 172 | dzyj: "", | 295 | dzyj: "", |
| 173 | qlbl: "", | 296 | qlbl: "", |
| 174 | gzdw: "", | 297 | gzdw: "", |
| 175 | dljg: "", | 298 | dljg: "", |
| 176 | dlrxm: "", | 299 | dlrxm: "", |
| 177 | dlrzjlx: "", | 300 | dlrzjlx: "", |
| 178 | dlrzjh: "", | 301 | dlrzjh: "", |
| 179 | }, | ||
| 180 | rules: { | ||
| 181 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
| 182 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 185 | }, | ||
| 186 | }; | ||
| 187 | }, | ||
| 188 | watch: { | ||
| 189 | value (val) { | ||
| 190 | this.myValue = _.cloneDeep(val); | ||
| 191 | }, | 302 | }, |
| 192 | details: { | 303 | rules: { |
| 193 | handler: function (val, oldVal) { | 304 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], |
| 194 | this.ruleForm = val; | 305 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
| 195 | }, | 306 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
| 196 | deep: true, | 307 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
| 197 | }, | 308 | }, |
| 309 | }; | ||
| 310 | }, | ||
| 311 | watch: { | ||
| 312 | value(val) { | ||
| 313 | this.myValue = _.cloneDeep(val); | ||
| 198 | }, | 314 | }, |
| 199 | methods: { | 315 | details: { |
| 200 | /** | 316 | handler: function (val, oldVal) { |
| 201 | * @description: closeDialog | 317 | this.ruleForm = val; |
| 202 | * @author: renchao | ||
| 203 | */ | ||
| 204 | closeDialog () { | ||
| 205 | this.$emit("input", false); | ||
| 206 | this.$refs["ruleForm"].resetFields(); | ||
| 207 | }, | ||
| 208 | /** | ||
| 209 | * @description: submitForm | ||
| 210 | * @author: renchao | ||
| 211 | */ | ||
| 212 | submitForm () { | ||
| 213 | this.$refs.ruleForm.validate((valid) => { | ||
| 214 | if (valid) { | ||
| 215 | this.$emit("input", false); | ||
| 216 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 217 | } else { | ||
| 218 | return false; | ||
| 219 | } | ||
| 220 | }); | ||
| 221 | }, | 318 | }, |
| 319 | deep: true, | ||
| 320 | }, | ||
| 321 | }, | ||
| 322 | methods: { | ||
| 323 | /** | ||
| 324 | * @description: closeDialog | ||
| 325 | * @author: renchao | ||
| 326 | */ | ||
| 327 | closeDialog() { | ||
| 328 | this.$emit("input", false); | ||
| 329 | this.$refs["ruleForm"].resetFields(); | ||
| 330 | }, | ||
| 331 | /** | ||
| 332 | * @description: submitForm | ||
| 333 | * @author: renchao | ||
| 334 | */ | ||
| 335 | submitForm() { | ||
| 336 | this.$refs.ruleForm.validate((valid) => { | ||
| 337 | if (valid) { | ||
| 338 | this.$emit("input", false); | ||
| 339 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 340 | } else { | ||
| 341 | return false; | ||
| 342 | } | ||
| 343 | }); | ||
| 222 | }, | 344 | }, |
| 223 | }; | 345 | }, |
| 346 | }; | ||
| 224 | </script> | 347 | </script> |
| 225 | <style scoped lang="scss"> | 348 | <style scoped lang="scss"> |
| 226 | @import "~@/styles/dialogBoxheader.scss"; | 349 | @import "~@/styles/dialogBoxheader.scss"; |
| 227 | .submit-button { | 350 | .submit-button { |
| 228 | text-align: center; | 351 | text-align: center; |
| 229 | height: 52px; | 352 | height: 52px; |
| 230 | padding-top: 10px; | 353 | padding-top: 10px; |
| 231 | background-color: #fff; | 354 | background-color: #fff; |
| 232 | } | 355 | } |
| 233 | </style> | 356 | </style> | ... | ... |
| ... | @@ -148,7 +148,6 @@ | ... | @@ -148,7 +148,6 @@ |
| 148 | onClick={() => { | 148 | onClick={() => { |
| 149 | this.queryViewClick(scope.$index, scope.row); | 149 | this.queryViewClick(scope.$index, scope.row); |
| 150 | }} | 150 | }} |
| 151 | disabled={!this.ableOperation} | ||
| 152 | > | 151 | > |
| 153 | {" "} | 152 | {" "} |
| 154 | 查看 | 153 | 查看 |
| ... | @@ -160,7 +159,6 @@ | ... | @@ -160,7 +159,6 @@ |
| 160 | onClick={() => { | 159 | onClick={() => { |
| 161 | this.editClick(scope.$index, scope.row); | 160 | this.editClick(scope.$index, scope.row); |
| 162 | }} | 161 | }} |
| 163 | disabled={!this.ableOperation} | ||
| 164 | > | 162 | > |
| 165 | 编辑 | 163 | 编辑 |
| 166 | </el-button> | 164 | </el-button> |
| ... | @@ -282,9 +280,10 @@ | ... | @@ -282,9 +280,10 @@ |
| 282 | * @author: renchao | 280 | * @author: renchao |
| 283 | */ | 281 | */ |
| 284 | editClick (index, row) { | 282 | editClick (index, row) { |
| 283 | this.details.gyfs=this.gyfs | ||
| 285 | this.dataIndex = index; | 284 | this.dataIndex = index; |
| 286 | this.dialog = true; | ||
| 287 | this.details = row; | 285 | this.details = row; |
| 286 | this.dialog = true; | ||
| 288 | this.isaddupdate = false; | 287 | this.isaddupdate = false; |
| 289 | }, | 288 | }, |
| 290 | /** | 289 | /** | ... | ... |
| ... | @@ -148,7 +148,6 @@ | ... | @@ -148,7 +148,6 @@ |
| 148 | onClick={() => { | 148 | onClick={() => { |
| 149 | this.queryViewClick(scope.$index, scope.row); | 149 | this.queryViewClick(scope.$index, scope.row); |
| 150 | }} | 150 | }} |
| 151 | disabled={!this.ableOperation} | ||
| 152 | > | 151 | > |
| 153 | {" "} | 152 | {" "} |
| 154 | 查看 | 153 | 查看 |
| ... | @@ -160,7 +159,6 @@ | ... | @@ -160,7 +159,6 @@ |
| 160 | onClick={() => { | 159 | onClick={() => { |
| 161 | this.editClick(scope.$index, scope.row); | 160 | this.editClick(scope.$index, scope.row); |
| 162 | }} | 161 | }} |
| 163 | disabled={!this.ableOperation} | ||
| 164 | > | 162 | > |
| 165 | 编辑 | 163 | 编辑 |
| 166 | </el-button> | 164 | </el-button> |
| ... | @@ -273,9 +271,11 @@ | ... | @@ -273,9 +271,11 @@ |
| 273 | * @author: renchao | 271 | * @author: renchao |
| 274 | */ | 272 | */ |
| 275 | editClick (index, row) { | 273 | editClick (index, row) { |
| 274 | this.details.gyfs=this.gyfs | ||
| 275 | this.details = row; | ||
| 276 | this.dataIndex = index; | 276 | this.dataIndex = index; |
| 277 | this.dialog = true; | 277 | this.dialog = true; |
| 278 | this.details = row; | 278 | |
| 279 | this.isaddupdate = false; | 279 | this.isaddupdate = false; |
| 280 | }, | 280 | }, |
| 281 | /** | 281 | /** | ... | ... |
| ... | @@ -555,7 +555,7 @@ | ... | @@ -555,7 +555,7 @@ |
| 555 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 555 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 556 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 556 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 557 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 557 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 558 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 558 | ywhrules: [{ required: true, message: "业务号", trigger: "change" }], |
| 559 | } | 559 | } |
| 560 | } | 560 | } |
| 561 | }, | 561 | }, | ... | ... |
| ... | @@ -124,6 +124,7 @@ | ... | @@ -124,6 +124,7 @@ |
| 124 | <el-form-item label="独用土地面积:"> | 124 | <el-form-item label="独用土地面积:"> |
| 125 | <div class="flex"> | 125 | <div class="flex"> |
| 126 | <el-input | 126 | <el-input |
| 127 | maxlength="12" | ||
| 127 | v-model="ruleForm.fdcq2.dytdmj" | 128 | v-model="ruleForm.fdcq2.dytdmj" |
| 128 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 129 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 129 | <el-select disabled v-model="mjdw" style="width: 68px"> | 130 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| ... | @@ -141,6 +142,7 @@ | ... | @@ -141,6 +142,7 @@ |
| 141 | <el-form-item label="分摊土地面积:"> | 142 | <el-form-item label="分摊土地面积:"> |
| 142 | <div class="flex"> | 143 | <div class="flex"> |
| 143 | <el-input | 144 | <el-input |
| 145 | maxlength="12" | ||
| 144 | v-model="ruleForm.fdcq2.fttdmj" | 146 | v-model="ruleForm.fdcq2.fttdmj" |
| 145 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 146 | <el-select disabled v-model="mjdw" style="width: 68px"> | 148 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| ... | @@ -171,6 +173,7 @@ | ... | @@ -171,6 +173,7 @@ |
| 171 | <el-form-item label="房地产交易价格:"> | 173 | <el-form-item label="房地产交易价格:"> |
| 172 | <div class="flex"> | 174 | <div class="flex"> |
| 173 | <el-input | 175 | <el-input |
| 176 | maxlength="11" | ||
| 174 | v-model="ruleForm.fdcq2.qjjg" | 177 | v-model="ruleForm.fdcq2.qjjg" |
| 175 | style="width: 500%" | 178 | style="width: 500%" |
| 176 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 179 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -248,18 +251,19 @@ | ... | @@ -248,18 +251,19 @@ |
| 248 | </el-col> | 251 | </el-col> |
| 249 | <el-col :span="8"> | 252 | <el-col :span="8"> |
| 250 | <el-form-item label="所在层:"> | 253 | <el-form-item label="所在层:"> |
| 251 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | 254 | <el-input maxlength="20" v-model="ruleForm.fdcq2.szc"></el-input> |
| 252 | </el-form-item> | 255 | </el-form-item> |
| 253 | </el-col> | 256 | </el-col> |
| 254 | <el-col :span="8"> | 257 | <el-col :span="8"> |
| 255 | <el-form-item label="总层数:"> | 258 | <el-form-item label="总层数:"> |
| 256 | <el-input v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 259 | <el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
| 257 | </el-form-item> | 260 | </el-form-item> |
| 258 | </el-col> | 261 | </el-col> |
| 259 | <el-col :span="8"> | 262 | <el-col :span="8"> |
| 260 | <el-form-item label="建筑面积:"> | 263 | <el-form-item label="建筑面积:"> |
| 261 | <div class="flex"> | 264 | <div class="flex"> |
| 262 | <el-input | 265 | <el-input |
| 266 | maxlength="12" | ||
| 263 | v-model="ruleForm.fdcq2.jzmj" | 267 | v-model="ruleForm.fdcq2.jzmj" |
| 264 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 265 | <el-select disabled v-model="mjdw" style="width: 68px"> | 269 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| ... | @@ -277,6 +281,7 @@ | ... | @@ -277,6 +281,7 @@ |
| 277 | <el-form-item label="专有建筑面积:"> | 281 | <el-form-item label="专有建筑面积:"> |
| 278 | <div class="flex"> | 282 | <div class="flex"> |
| 279 | <el-input | 283 | <el-input |
| 284 | maxlength="12" | ||
| 280 | v-model="ruleForm.fdcq2.zyjzmj" | 285 | v-model="ruleForm.fdcq2.zyjzmj" |
| 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 286 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 282 | <el-select disabled v-model="mjdw" style="width: 68px"> | 287 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| ... | @@ -294,6 +299,7 @@ | ... | @@ -294,6 +299,7 @@ |
| 294 | <el-form-item label="分摊建筑面积:"> | 299 | <el-form-item label="分摊建筑面积:"> |
| 295 | <div class="flex"> | 300 | <div class="flex"> |
| 296 | <el-input | 301 | <el-input |
| 302 | maxlength="12" | ||
| 297 | v-model="ruleForm.fdcq2.ftjzmj" | 303 | v-model="ruleForm.fdcq2.ftjzmj" |
| 298 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 304 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 299 | <el-select disabled v-model="mjdw" style="width: 68px"> | 305 | <el-select disabled v-model="mjdw" style="width: 68px"> | ... | ... |
| ... | @@ -167,6 +167,7 @@ | ... | @@ -167,6 +167,7 @@ |
| 167 | <el-form-item label="农用地面积:"> | 167 | <el-form-item label="农用地面积:"> |
| 168 | <div class="flex"> | 168 | <div class="flex"> |
| 169 | <el-input | 169 | <el-input |
| 170 | maxlength="12" | ||
| 170 | v-model="ruleForm.tdsyq.nydmj" | 171 | v-model="ruleForm.tdsyq.nydmj" |
| 171 | :disabled="!ableOperation" | 172 | :disabled="!ableOperation" |
| 172 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 173 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -188,6 +189,7 @@ | ... | @@ -188,6 +189,7 @@ |
| 188 | <el-form-item label="耕地面积:"> | 189 | <el-form-item label="耕地面积:"> |
| 189 | <div class="flex"> | 190 | <div class="flex"> |
| 190 | <el-input | 191 | <el-input |
| 192 | maxlength="12" | ||
| 191 | v-model="ruleForm.tdsyq.gdmj" | 193 | v-model="ruleForm.tdsyq.gdmj" |
| 192 | :disabled="!ableOperation" | 194 | :disabled="!ableOperation" |
| 193 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 195 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -209,6 +211,7 @@ | ... | @@ -209,6 +211,7 @@ |
| 209 | <el-form-item label="林地面积:"> | 211 | <el-form-item label="林地面积:"> |
| 210 | <div class="flex"> | 212 | <div class="flex"> |
| 211 | <el-input | 213 | <el-input |
| 214 | maxlength="12" | ||
| 212 | v-model="ruleForm.tdsyq.ldmj" | 215 | v-model="ruleForm.tdsyq.ldmj" |
| 213 | :disabled="!ableOperation" | 216 | :disabled="!ableOperation" |
| 214 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 217 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -232,6 +235,7 @@ | ... | @@ -232,6 +235,7 @@ |
| 232 | <el-form-item label="草地面积:"> | 235 | <el-form-item label="草地面积:"> |
| 233 | <div class="flex"> | 236 | <div class="flex"> |
| 234 | <el-input | 237 | <el-input |
| 238 | maxlength="12" | ||
| 235 | v-model="ruleForm.tdsyq.cdmj" | 239 | v-model="ruleForm.tdsyq.cdmj" |
| 236 | :disabled="!ableOperation" | 240 | :disabled="!ableOperation" |
| 237 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 241 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -253,6 +257,7 @@ | ... | @@ -253,6 +257,7 @@ |
| 253 | <el-form-item label="其他农用地面积:"> | 257 | <el-form-item label="其他农用地面积:"> |
| 254 | <div class="flex"> | 258 | <div class="flex"> |
| 255 | <el-input | 259 | <el-input |
| 260 | maxlength="12" | ||
| 256 | v-model="ruleForm.tdsyq.qtnydmj" | 261 | v-model="ruleForm.tdsyq.qtnydmj" |
| 257 | :disabled="!ableOperation" | 262 | :disabled="!ableOperation" |
| 258 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 263 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -274,6 +279,7 @@ | ... | @@ -274,6 +279,7 @@ |
| 274 | <el-form-item label="建筑使用面积:"> | 279 | <el-form-item label="建筑使用面积:"> |
| 275 | <div class="flex"> | 280 | <div class="flex"> |
| 276 | <el-input | 281 | <el-input |
| 282 | maxlength="12" | ||
| 277 | v-model="ruleForm.tdsyq.jsydmj" | 283 | v-model="ruleForm.tdsyq.jsydmj" |
| 278 | :disabled="!ableOperation" | 284 | :disabled="!ableOperation" |
| 279 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -297,6 +303,7 @@ | ... | @@ -297,6 +303,7 @@ |
| 297 | <el-form-item label="未利用地面积:"> | 303 | <el-form-item label="未利用地面积:"> |
| 298 | <div class="flex"> | 304 | <div class="flex"> |
| 299 | <el-input | 305 | <el-input |
| 306 | maxlength="12" | ||
| 300 | v-model="ruleForm.tdsyq.wlydmj" | 307 | v-model="ruleForm.tdsyq.wlydmj" |
| 301 | :disabled="!ableOperation" | 308 | :disabled="!ableOperation" |
| 302 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 309 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | ... | ... |
| ... | @@ -327,7 +327,7 @@ | ... | @@ -327,7 +327,7 @@ |
| 327 | </el-col> | 327 | </el-col> |
| 328 | <el-col :span="8"> | 328 | <el-col :span="8"> |
| 329 | <el-form-item label="所在层:"> | 329 | <el-form-item label="所在层:"> |
| 330 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 330 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
| 331 | </el-form-item> | 331 | </el-form-item> |
| 332 | </el-col> | 332 | </el-col> |
| 333 | <el-col :span="8"> | 333 | <el-col :span="8"> |
| ... | @@ -340,7 +340,7 @@ | ... | @@ -340,7 +340,7 @@ |
| 340 | <div class="flex"> | 340 | <div class="flex"> |
| 341 | <el-input | 341 | <el-input |
| 342 | v-model="ruleForm.ygdj.jzmj" | 342 | v-model="ruleForm.ygdj.jzmj" |
| 343 | maxlength="13" | 343 | maxlength="12" |
| 344 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 344 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 345 | <el-select | 345 | <el-select |
| 346 | v-model="ruleForm.ygdj.mjdw" | 346 | v-model="ruleForm.ygdj.mjdw" | ... | ... |
| ... | @@ -244,7 +244,7 @@ | ... | @@ -244,7 +244,7 @@ |
| 244 | </el-col> | 244 | </el-col> |
| 245 | <el-col :span="8"> | 245 | <el-col :span="8"> |
| 246 | <el-form-item label="所在层:"> | 246 | <el-form-item label="所在层:"> |
| 247 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 247 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
| 248 | </el-form-item> | 248 | </el-form-item> |
| 249 | </el-col> | 249 | </el-col> |
| 250 | <el-col :span="8"> | 250 | <el-col :span="8"> |
| ... | @@ -257,7 +257,7 @@ | ... | @@ -257,7 +257,7 @@ |
| 257 | <div class="flex"> | 257 | <div class="flex"> |
| 258 | <el-input | 258 | <el-input |
| 259 | v-model="ruleForm.ygdj.jzmj" | 259 | v-model="ruleForm.ygdj.jzmj" |
| 260 | maxlength="13" | 260 | maxlength="12" |
| 261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 262 | <el-select | 262 | <el-select |
| 263 | v-model="ruleForm.ygdj.mjdw" | 263 | v-model="ruleForm.ygdj.mjdw" | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> | 2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="75%" :isButton="false" v-model="myValue"> |
| 3 | <el-steps :active="activeStep" finish-status="success"> | 3 | <el-steps :active="activeStep" finish-status="success"> |
| 4 | <el-step title="条件录入"></el-step> | 4 | <el-step title="条件录入"></el-step> |
| 5 | <el-step title="结果查询"></el-step> | 5 | <el-step title="结果查询"></el-step> |
| 6 | <el-step title="结果展示"></el-step> | 6 | <el-step title="结果展示"></el-step> |
| 7 | </el-steps> | 7 | </el-steps> |
| 8 | <div v-if="isSearch"> | 8 | <div v-if="isSearch"> |
| 9 | <dydjbInfo ref="dydjbInfo"/> | 9 | <dydjbInfo ref="dydjbInfo" /> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="jtfccx-edit" v-else> | 11 | <div class="jtfccx-edit" v-else> |
| 12 | <div class="jtfccx-edit-con"> | 12 | <div class="jtfccx-edit-con"> |
| 13 | <b class="title"></b> | 13 | <b class="title"></b> |
| 14 | <el-form :model="form" label-width="120px"> | 14 | <el-form :model="form" label-width="110px"> |
| 15 | <el-row> | 15 | <el-row> |
| 16 | <el-col :span="6"> | 16 | <el-col :span="6"> |
| 17 | <el-form-item label="查询用途" label-width="90px"> | 17 | <el-form-item label="查询用途" label-width="90px"> |
| 18 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> | 18 | <el-input v-model="form.djSqcxDO.cxyt" class="width100"></el-input> |
| 19 | </el-form-item> | 19 | </el-form-item> |
| 20 | </el-col> | 20 | </el-col> |
| 21 | <el-col :span="6"> | 21 | <el-col :span="8"> |
| 22 | <el-form-item label="不动产权证号" label-width="120px"> | 22 | <el-form-item label="不动产权证号"> |
| 23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input> | 23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width100"></el-input> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | <el-col :span="12"> | 26 | <el-col :span="10"> |
| 27 | <el-form-item label="与产权人的关系"> | 27 | <el-form-item label="与产权人的关系"> |
| 28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> | 28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> |
| 29 | <el-radio label="1">房屋权利人</el-radio> | 29 | <el-radio label="1">房屋权利人</el-radio> |
| ... | @@ -43,9 +43,9 @@ | ... | @@ -43,9 +43,9 @@ |
| 43 | :pagination="false"> | 43 | :pagination="false"> |
| 44 | </lb-table> | 44 | </lb-table> |
| 45 | <div class="submit-button" style="padding-bottom:50px"> | 45 | <div class="submit-button" style="padding-bottom:50px"> |
| 46 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> | 46 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> |
| 47 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> | 47 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> |
| 48 | <el-button @click="closeDialog">关闭</el-button> | 48 | <el-button @click="closeDialog">关闭</el-button> |
| 49 | </div> | 49 | </div> |
| 50 | </div> | 50 | </div> |
| 51 | </div> | 51 | </div> |
| ... | @@ -53,205 +53,214 @@ | ... | @@ -53,205 +53,214 @@ |
| 53 | </template> | 53 | </template> |
| 54 | 54 | ||
| 55 | <script> | 55 | <script> |
| 56 | import { addFwmxCxjgXx, getFwmxInfo,printJtcfInfo } from "@/api/jtfc.js"; | 56 | import { addFwmxCxjgXx, getFwmxInfo, printJtcfInfo } from "@/api/jtfc.js"; |
| 57 | import { getPrintTemplateByCode } from "@/api/print"; | 57 | import { getPrintTemplateByCode } from "@/api/print"; |
| 58 | import { datas, sendThis } from "./dydjbdata"; | 58 | import { datas, sendThis } from "./dydjbdata"; |
| 59 | import { getLodop } from "@/utils/LodopFuncs" | 59 | import { getLodop } from "@/utils/LodopFuncs" |
| 60 | import dydjbInfo from "./dydjbInfo.vue"; | 60 | import dydjbInfo from "./dydjbInfo.vue"; |
| 61 | import { mapGetters } from "vuex"; | 61 | import { mapGetters } from "vuex"; |
| 62 | export default { | 62 | export default { |
| 63 | computed: { | 63 | computed: { |
| 64 | ...mapGetters(["dictData"]), | 64 | ...mapGetters(["dictData"]), |
| 65 | }, | 65 | }, |
| 66 | components: { dydjbInfo }, | 66 | components: { dydjbInfo }, |
| 67 | props: { | 67 | props: { |
| 68 | value: { type: Boolean, default: false }, | 68 | value: { type: Boolean, default: false }, |
| 69 | sqcxBsm: { type: String, default: "" }, | 69 | sqcxBsm: { type: String, default: "" }, |
| 70 | }, | 70 | }, |
| 71 | mounted () { | 71 | mounted () { |
| 72 | sendThis(this); | 72 | sendThis(this); |
| 73 | }, | 73 | }, |
| 74 | data () { | 74 | data () { |
| 75 | return { | 75 | return { |
| 76 | activeStep: 0, | 76 | activeStep: 0, |
| 77 | myValue: this.value, | 77 | myValue: this.value, |
| 78 | //是否查询 | 78 | //是否查询 |
| 79 | isSearch: false, | 79 | isSearch: false, |
| 80 | //查询结果列表字段 | 80 | //查询结果列表字段 |
| 81 | cxjgColumns: datas.columns(), | 81 | cxjgColumns: datas.columns(), |
| 82 | //申请人列表字段 | 82 | //申请人列表字段 |
| 83 | sqrColumns: datas.sqrCol(), | 83 | sqrColumns: datas.sqrCol(), |
| 84 | //权利人列表字段 | 84 | //权利人列表字段 |
| 85 | qlrColumns: datas.qlrCol(), | 85 | qlrColumns: datas.qlrCol(), |
| 86 | newData: { | 86 | newData: { |
| 87 | sqrxm: "", | 87 | sqrxm: "", |
| 88 | sqrzjlxbm: "", | 88 | sqrzjlxbm: "", |
| 89 | sqrzjhm: "", | 89 | sqrzjhm: "", |
| 90 | lxdh: "", | 90 | lxdh: "", |
| 91 | inputErr: false, | 91 | inputErr: false, |
| 92 | }, | 92 | }, |
| 93 | form: { | 93 | form: { |
| 94 | djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" }, | 94 | djSqcxDO: { ycqrgx: "1", cxyt: "", bdcqzh: "" }, |
| 95 | sqrList: [], | 95 | sqrList: [], |
| 96 | qlrList: [], | 96 | qlrList: [], |
| 97 | cxjgList: [], | 97 | cxjgList: [], |
| 98 | dyjlList: [], | 98 | dyjlList: [], |
| 99 | }, | ||
| 100 | }; | ||
| 101 | }, | ||
| 102 | watch: { | ||
| 103 | value (val) { | ||
| 104 | this.myValue = val; | ||
| 105 | let that = this | ||
| 106 | if (val) { | ||
| 107 | this.form.sqrList = [] | ||
| 108 | this.form.qlrList = [] | ||
| 109 | this.isSearch = false | ||
| 110 | if (this.sqcxBsm == "") { | ||
| 111 | that.add("sqr"); | ||
| 112 | that.add("qlr"); | ||
| 113 | } else { | ||
| 114 | that.loadData(); | ||
| 115 | } | ||
| 116 | } | ||
| 99 | }, | 117 | }, |
| 100 | }; | 118 | "form.djSqcxDO.ycqrgx" (val) { |
| 101 | }, | 119 | if (val == "1") { |
| 102 | watch: { | 120 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
| 103 | value (val) { | ||
| 104 | this.myValue = val; | ||
| 105 | let that = this | ||
| 106 | if (val) { | ||
| 107 | this.form.sqrList = [] | ||
| 108 | this.form.qlrList = [] | ||
| 109 | this.isSearch = false | ||
| 110 | if (this.sqcxBsm == "") { | ||
| 111 | that.add("sqr"); | ||
| 112 | that.add("qlr"); | ||
| 113 | } else { | 121 | } else { |
| 114 | that.loadData(); | 122 | this.form.qlrList = []; |
| 123 | this.add("qlr"); | ||
| 124 | } | ||
| 125 | }, | ||
| 126 | "form.sqrList" (val) { | ||
| 127 | if (this.form.djSqcxDO.ycqrgx == '1') { | ||
| 128 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | ||
| 115 | } | 129 | } |
| 116 | } | 130 | } |
| 117 | }, | 131 | }, |
| 118 | "form.djSqcxDO.ycqrgx" (val) { | 132 | methods: { |
| 119 | if (val == "1") { | 133 | /** |
| 120 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 134 | * @description: closeDialog |
| 121 | } else { | 135 | * @author: renchao |
| 122 | this.form.qlrList = []; | 136 | */ |
| 123 | this.add("qlr"); | 137 | closeDialog () { |
| 124 | } | 138 | this.$emit("input", false); |
| 125 | }, | 139 | this.activeStep = 0; |
| 126 | "form.sqrList" (val) { | 140 | this.form = { |
| 127 | if (this.form.djSqcxDO.ycqrgx == '1') { | 141 | djSqcxDO: { ycqrgx: "1", cxyt: "", bdcqzh: "" }, |
| 128 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | 142 | sqrList: [], |
| 129 | } | 143 | qlrList: [], |
| 130 | } | 144 | cxjgList: [], |
| 131 | }, | 145 | dyjlList: [], |
| 132 | methods: { | 146 | } |
| 133 | /** | 147 | }, |
| 134 | * @description: closeDialog | 148 | //加载详细信息 |
| 135 | * @author: renchao | 149 | /** |
| 136 | */ | 150 | * @description: 加载详细信息 |
| 137 | closeDialog () { | 151 | * @author: renchao |
| 138 | this.$emit("input", false); | 152 | */ |
| 139 | this.activeStep = 0; | 153 | loadData () { |
| 140 | this.form = { | 154 | this.$startLoading(); |
| 141 | djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""}, | 155 | getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
| 142 | sqrList: [], | 156 | this.$endLoading(); |
| 143 | qlrList: [], | 157 | if (res.code == 200) { |
| 144 | cxjgList: [], | 158 | this.activeStep = 2; |
| 145 | dyjlList: [], | 159 | this.isSearch = true; |
| 146 | } | 160 | this.$nextTick(() => { |
| 147 | }, | 161 | this.$refs.dydjbInfo.setResult(res.result) |
| 148 | //加载详细信息 | 162 | }) |
| 149 | /** | 163 | } |
| 150 | * @description: 加载详细信息 | 164 | }); |
| 151 | * @author: renchao | 165 | }, |
| 152 | */ | 166 | //查询结果 |
| 153 | loadData () { | 167 | /** |
| 154 | this.$startLoading(); | 168 | * @description: 查询结果 |
| 155 | getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 169 | * @author: renchao |
| 156 | this.$endLoading(); | 170 | */ |
| 157 | if (res.code == 200) { | 171 | queryChick () { |
| 158 | this.activeStep = 2; | 172 | this.$startLoading(); |
| 173 | this.activeStep = 1; | ||
| 174 | addFwmxCxjgXx(this.form).then((res) => { | ||
| 175 | this.$endLoading(); | ||
| 176 | if (res.code == 200) { | ||
| 177 | this.activeStep = 2; | ||
| 159 | this.isSearch = true; | 178 | this.isSearch = true; |
| 160 | this.$nextTick(() => { | 179 | this.$nextTick(() => { |
| 161 | this.$refs.dydjbInfo.setResult(res.result) | 180 | this.$refs.dydjbInfo.setResult(res.result) |
| 162 | }) | 181 | }) |
| 182 | this.$parent.queryClick(); | ||
| 183 | } | ||
| 184 | }); | ||
| 185 | }, | ||
| 186 | //重置 | ||
| 187 | /** | ||
| 188 | * @description: 重置 | ||
| 189 | * @author: renchao | ||
| 190 | */ | ||
| 191 | resetClick () { | ||
| 192 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "", bdcqzh: "" }; | ||
| 193 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
| 194 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
| 195 | this.form.cxjgList = []; | ||
| 196 | this.form.dyjlList = []; | ||
| 197 | this.isSearch = false; | ||
| 198 | }, | ||
| 199 | /** | ||
| 200 | * @description: handleRead | ||
| 201 | * @author: renchao | ||
| 202 | */ | ||
| 203 | handleRead (scope) { }, | ||
| 204 | //添加申请人或权利人 | ||
| 205 | /** | ||
| 206 | * @description: 添加申请人或权利人 | ||
| 207 | * @param {*} type | ||
| 208 | * @author: renchao | ||
| 209 | */ | ||
| 210 | add (type) { | ||
| 211 | if (type == "sqr") { | ||
| 212 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
| 213 | } else { | ||
| 214 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
| 163 | } | 215 | } |
| 164 | }); | 216 | }, |
| 165 | }, | 217 | //移除申请人或权利人 |
| 166 | //查询结果 | 218 | /** |
| 167 | /** | 219 | * @description: 移除申请人或权利人 |
| 168 | * @description: 查询结果 | 220 | * @param {*} index |
| 169 | * @author: renchao | 221 | * @param {*} row |
| 170 | */ | 222 | * @param {*} type |
| 171 | queryChick () { | 223 | * @author: renchao |
| 172 | this.$startLoading(); | 224 | */ |
| 173 | this.activeStep = 1; | 225 | remove (index, row, type) { |
| 174 | addFwmxCxjgXx(this.form).then((res) => { | 226 | if (type == "sqr") { |
| 175 | this.$endLoading(); | 227 | this.form.sqrList.splice(index, 1); |
| 176 | if (res.code == 200) { | 228 | } else { |
| 177 | this.activeStep = 2; | 229 | this.form.qlrList.splice(index, 1); |
| 178 | this.isSearch = true; | ||
| 179 | this.$nextTick(() => { | ||
| 180 | this.$refs.dydjbInfo.setResult(res.result) | ||
| 181 | }) | ||
| 182 | this.$parent.queryClick(); | ||
| 183 | } | 230 | } |
| 184 | }); | 231 | }, |
| 185 | }, | 232 | //电话号码校验 |
| 186 | //重置 | 233 | /** |
| 187 | /** | 234 | * @description: 电话号码校验 |
| 188 | * @description: 重置 | 235 | * @param {*} row |
| 189 | * @author: renchao | 236 | * @author: renchao |
| 190 | */ | 237 | */ |
| 191 | resetClick () { | 238 | teltest (row) { |
| 192 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" }; | 239 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
| 193 | this.form.sqrList = _.cloneDeep([this.newData]); | 240 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
| 194 | this.form.qlrList = _.cloneDeep([this.newData]); | 241 | row.inputErr = true; |
| 195 | this.form.cxjgList = []; | 242 | return false; |
| 196 | this.form.dyjlList = []; | 243 | } else { |
| 197 | this.isSearch = false; | 244 | row.inputErr = false; |
| 198 | }, | 245 | return true; |
| 199 | /** | 246 | } |
| 200 | * @description: handleRead | 247 | }, |
| 201 | * @author: renchao | ||
| 202 | */ | ||
| 203 | handleRead (scope) { }, | ||
| 204 | //添加申请人或权利人 | ||
| 205 | /** | ||
| 206 | * @description: 添加申请人或权利人 | ||
| 207 | * @param {*} type | ||
| 208 | * @author: renchao | ||
| 209 | */ | ||
| 210 | add (type) { | ||
| 211 | if (type == "sqr") { | ||
| 212 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
| 213 | } else { | ||
| 214 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
| 215 | } | ||
| 216 | }, | ||
| 217 | //移除申请人或权利人 | ||
| 218 | /** | ||
| 219 | * @description: 移除申请人或权利人 | ||
| 220 | * @param {*} index | ||
| 221 | * @param {*} row | ||
| 222 | * @param {*} type | ||
| 223 | * @author: renchao | ||
| 224 | */ | ||
| 225 | remove (index, row, type) { | ||
| 226 | if (type == "sqr") { | ||
| 227 | this.form.sqrList.splice(index, 1); | ||
| 228 | } else { | ||
| 229 | this.form.qlrList.splice(index, 1); | ||
| 230 | } | ||
| 231 | }, | ||
| 232 | //电话号码校验 | ||
| 233 | /** | ||
| 234 | * @description: 电话号码校验 | ||
| 235 | * @param {*} row | ||
| 236 | * @author: renchao | ||
| 237 | */ | ||
| 238 | teltest (row) { | ||
| 239 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | ||
| 240 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | ||
| 241 | row.inputErr = true; | ||
| 242 | return false; | ||
| 243 | } else { | ||
| 244 | row.inputErr = false; | ||
| 245 | return true; | ||
| 246 | } | ||
| 247 | }, | 248 | }, |
| 248 | }, | 249 | }; |
| 249 | }; | ||
| 250 | </script> | 250 | </script> |
| 251 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
| 252 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
| 253 | @import "~@/styles/public.scss"; | 253 | @import "~@/styles/public.scss"; |
| 254 | 254 | /deep/.dialog_title::before{ | |
| 255 | content: ""; | ||
| 256 | display: block; | ||
| 257 | width: 4px; | ||
| 258 | height: 18px; | ||
| 259 | background: none; | ||
| 260 | position: absolute; | ||
| 261 | top: -4px; | ||
| 262 | left: 0px; | ||
| 263 | } | ||
| 255 | .title { | 264 | .title { |
| 256 | padding-bottom: 10px; | 265 | padding-bottom: 10px; |
| 257 | margin-bottom: 10px; | 266 | margin-bottom: 10px; |
| ... | @@ -259,24 +268,48 @@ export default { | ... | @@ -259,24 +268,48 @@ export default { |
| 259 | border-bottom: 1px solid $borderColor; | 268 | border-bottom: 1px solid $borderColor; |
| 260 | } | 269 | } |
| 261 | 270 | ||
| 262 | .jtfccx-edit { | 271 | .jtfccx-edit { |
| 263 | @include flex; | 272 | @include flex; |
| 264 | flex-direction: column; | 273 | flex-direction: column; |
| 265 | overflow-y: hidden; | 274 | overflow-y: hidden; |
| 266 | max-height: 85vh; | 275 | max-height: 85vh; |
| 267 | padding: 0 2px; | 276 | padding: 0 2px; |
| 277 | |||
| 278 | .jtfccx-edit-con { | ||
| 279 | flex: 1; | ||
| 280 | height: 100%; | ||
| 281 | overflow-y: scroll; | ||
| 282 | } | ||
| 268 | 283 | ||
| 269 | .jtfccx-edit-con { | 284 | .submit-button { |
| 270 | flex: 1; | 285 | text-align: center; |
| 271 | height: 100%; | 286 | height: 52px; |
| 272 | overflow-y: scroll; | 287 | padding-top: 10px; |
| 288 | background-color: #fff; | ||
| 289 | } | ||
| 273 | } | 290 | } |
| 274 | 291 | ||
| 275 | .submit-button { | 292 | /deep/.el-dialog__headerbtn .el-dialog__close { |
| 276 | text-align: center; | 293 | color: #6B7A99 !important; |
| 277 | height: 52px; | 294 | position: relative; |
| 278 | padding-top: 10px; | 295 | top: -7px; |
| 279 | background-color: #fff; | 296 | } |
| 297 | /deep/.dialogBox .dialog_title{ | ||
| 298 | .el-icon-full-screen{ | ||
| 299 | color: #409eff!important; | ||
| 280 | } | 300 | } |
| 301 | b { | ||
| 302 | color: white; | ||
| 303 | flex: 0.1; | ||
| 304 | margin: auto; | ||
| 305 | text-align: center; | ||
| 306 | align-items: center; | ||
| 307 | } | ||
| 308 | } | ||
| 309 | /deep/.el-dialog__header { | ||
| 310 | background: linear-gradient(3deg, #409eff, #a7cbee); | ||
| 311 | } | ||
| 312 | /deep/.el-dialog__headerbtn .el-dialog__close{ | ||
| 313 | color: #409eff!important; | ||
| 281 | } | 314 | } |
| 282 | </style> | 315 | </style> | ... | ... |
| ... | @@ -51,7 +51,7 @@ | ... | @@ -51,7 +51,7 @@ |
| 51 | <el-col :span="12" class="btnColRight"> | 51 | <el-col :span="12" class="btnColRight"> |
| 52 | <el-form-item> | 52 | <el-form-item> |
| 53 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 53 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
| 54 | <el-button @click="moreQueryClick()">高级查询</el-button> | 54 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> |
| 55 | </el-form-item> | 55 | </el-form-item> |
| 56 | </el-col> | 56 | </el-col> |
| 57 | </el-row> | 57 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 09:50:32 | 4 | * @LastEditTime: 2023-08-30 08:40:36 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
| ... | @@ -160,7 +160,6 @@ | ... | @@ -160,7 +160,6 @@ |
| 160 | this.ruleForm = item; | 160 | this.ruleForm = item; |
| 161 | this.editFlag = true; | 161 | this.editFlag = true; |
| 162 | }, | 162 | }, |
| 163 | //设计打印模板 | ||
| 164 | /** | 163 | /** |
| 165 | * @description: 设计打印模板 | 164 | * @description: 设计打印模板 |
| 166 | * @author: renchao | 165 | * @author: renchao |
| ... | @@ -169,6 +168,10 @@ | ... | @@ -169,6 +168,10 @@ |
| 169 | let that = this; | 168 | let that = this; |
| 170 | that.loadStatus = '1'; | 169 | that.loadStatus = '1'; |
| 171 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 170 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
| 171 | if (['zsdy', 'zmdy'].includes(that.ruleForm.tmpno)) { | ||
| 172 | LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "B4"); // 设置纸张大小为 B4 | ||
| 173 | LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 手动设置方向 | ||
| 174 | } | ||
| 172 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 | 175 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 |
| 173 | //窗口关闭后,回调函数中保存的设计代码 | 176 | //窗口关闭后,回调函数中保存的设计代码 |
| 174 | if (LODOP.CVERSION) | 177 | if (LODOP.CVERSION) |
| ... | @@ -192,9 +195,6 @@ | ... | @@ -192,9 +195,6 @@ |
| 192 | that.loadStatus = '2'; | 195 | that.loadStatus = '2'; |
| 193 | }, 1000); | 196 | }, 1000); |
| 194 | }; | 197 | }; |
| 195 | if (['zsdy', 'zmdy'].includes(that.ruleForm.tmpno)) { | ||
| 196 | LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 设置为横向打印 | ||
| 197 | } | ||
| 198 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | 198 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 |
| 199 | } | 199 | } |
| 200 | } | 200 | } | ... | ... |
| ... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
| 5 | <el-row> | 5 | <el-row> |
| 6 | <el-col :span="24" class="btnColRight"> | 6 | <el-col :span="24" class="btnColRight"> |
| 7 | <el-form-item> | 7 | <el-form-item> |
| 8 | <el-button type="primary" @click="fetchData">查询</el-button> | 8 | <!-- <el-button type="primary" @click="fetchData">查询</el-button> --> |
| 9 | <el-button type="primary" @click="openAddDialog">新增</el-button> | 9 | <el-button type="primary" @click="openAddDialog">新增</el-button> |
| 10 | </el-form-item> | 10 | </el-form-item> |
| 11 | </el-col> | 11 | </el-col> | ... | ... |
| ... | @@ -4,27 +4,66 @@ | ... | @@ -4,27 +4,66 @@ |
| 4 | * @LastEditTime: 2023-08-16 16:45:42 | 4 | * @LastEditTime: 2023-08-16 16:45:42 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 7 | <dialogBox |
| 8 | @closeDialog="closeDialog" :isButton="showButton"> | 8 | title="申请人信息" |
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | width="60%" |
| 10 | isMain | ||
| 11 | v-model="myValue" | ||
| 12 | :isFullscreen="false" | ||
| 13 | @submitForm="submitForm" | ||
| 14 | @closeDialog="closeDialog" | ||
| 15 | :isButton="showButton" | ||
| 16 | > | ||
| 17 | <el-form | ||
| 18 | :model="ruleForm" | ||
| 19 | :rules="rules" | ||
| 20 | ref="ruleForm" | ||
| 21 | label-width="120px" | ||
| 22 | > | ||
| 10 | <el-row> | 23 | <el-row> |
| 11 | <el-col :span="8"> | 24 | <el-col :span="8"> |
| 12 | <el-form-item label="权利人类型" prop="sqrlx"> | 25 | <el-form-item label="权利人类型" prop="sqrlx"> |
| 13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" :disabled="!showButton" placeholder="请选择"> | 26 | <el-select |
| 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 27 | clearable |
| 28 | v-model="ruleForm.sqrlx" | ||
| 29 | class="width100" | ||
| 30 | :disabled="!showButton" | ||
| 31 | placeholder="请选择" | ||
| 32 | > | ||
| 33 | <el-option | ||
| 34 | v-for="item in dictData['A36']" | ||
| 35 | :key="item.dcode" | ||
| 36 | :label="item.dname" | ||
| 37 | :value="item.dcode" | ||
| 38 | > | ||
| 15 | </el-option> | 39 | </el-option> |
| 16 | </el-select> | 40 | </el-select> |
| 17 | </el-form-item> | 41 | </el-form-item> |
| 18 | </el-col> | 42 | </el-col> |
| 19 | <el-col :span="8"> | 43 | <el-col :span="8"> |
| 20 | <el-form-item label="姓名/名称" prop="sqrmc"> | 44 | <el-form-item label="姓名/名称" prop="sqrmc"> |
| 21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15" :disabled="!showButton"></el-input> | 45 | <el-input |
| 46 | v-model="ruleForm.sqrmc" | ||
| 47 | maxlegth="15" | ||
| 48 | :disabled="!showButton" | ||
| 49 | ></el-input> | ||
| 22 | </el-form-item> | 50 | </el-form-item> |
| 23 | </el-col> | 51 | </el-col> |
| 24 | <el-col :span="8"> | 52 | <el-col :span="8"> |
| 25 | <el-form-item label="证件种类" prop="zjzl"> | 53 | <el-form-item label="证件种类" prop="zjzl"> |
| 26 | <el-select clearable v-model="ruleForm.zjzl" :disabled="!showButton" class="width100" placeholder="请选择"> | 54 | <el-select |
| 27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 55 | clearable |
| 56 | v-model="ruleForm.zjzl" | ||
| 57 | :disabled="!showButton" | ||
| 58 | class="width100" | ||
| 59 | placeholder="请选择" | ||
| 60 | > | ||
| 61 | <el-option | ||
| 62 | v-for="item in dictData['A30']" | ||
| 63 | :key="item.dcode" | ||
| 64 | :label="item.dname" | ||
| 65 | :value="item.dcode" | ||
| 66 | > | ||
| 28 | </el-option> | 67 | </el-option> |
| 29 | </el-select> | 68 | </el-select> |
| 30 | </el-form-item> | 69 | </el-form-item> |
| ... | @@ -33,35 +72,60 @@ | ... | @@ -33,35 +72,60 @@ |
| 33 | <el-row> | 72 | <el-row> |
| 34 | <el-col :span="8"> | 73 | <el-col :span="8"> |
| 35 | <el-form-item label="证件号" prop="zjh"> | 74 | <el-form-item label="证件号" prop="zjh"> |
| 36 | <el-input v-model="ruleForm.zjh" :disabled="!showButton" maxlength="15" oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | 75 | <el-input |
| 76 | v-model="ruleForm.zjh" | ||
| 77 | :disabled="!showButton" | ||
| 78 | maxlength="18" | ||
| 79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
| 80 | ></el-input> | ||
| 37 | </el-form-item> | 81 | </el-form-item> |
| 38 | </el-col> | 82 | </el-col> |
| 39 | <el-col :span="8"> | 83 | <el-col :span="8"> |
| 40 | <el-form-item label="联系电话" prop="dh"> | 84 | <el-form-item label="联系电话" prop="dh"> |
| 41 | <el-input v-model="ruleForm.dh" :disabled="!showButton" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 85 | <el-input |
| 86 | v-model="ruleForm.dh" | ||
| 87 | :disabled="!showButton" | ||
| 88 | maxlength="11" | ||
| 89 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 90 | ></el-input> | ||
| 42 | </el-form-item> | 91 | </el-form-item> |
| 43 | </el-col> | 92 | </el-col> |
| 44 | <el-col :span="8"> | 93 | <el-col :span="8"> |
| 45 | <el-form-item label="权利比例" prop="qlbl"> | 94 | <el-form-item label="权利比例" prop="qlbl"> |
| 46 | <el-input v-model="ruleForm.qlbl" :disabled="!showButton||this.ruleForm.gyfs==1"></el-input> | 95 | <el-input |
| 96 | v-model="ruleForm.qlbl" | ||
| 97 | maxlength="32" | ||
| 98 | :disabled="!showButton || this.ruleForm.gyfs == 1" | ||
| 99 | ></el-input> | ||
| 47 | </el-form-item> | 100 | </el-form-item> |
| 48 | </el-col> | 101 | </el-col> |
| 49 | |||
| 50 | </el-row> | 102 | </el-row> |
| 51 | <el-row> | 103 | <el-row> |
| 52 | <el-col :span="8"> | 104 | <el-col :span="8"> |
| 53 | <el-form-item label="法人名称" prop="frmc"> | 105 | <el-form-item label="法人名称" prop="frmc"> |
| 54 | <el-input v-model="ruleForm.frmc" :disabled="!showButton"></el-input> | 106 | <el-input |
| 107 | v-model="ruleForm.frmc" | ||
| 108 | maxlength="32" | ||
| 109 | :disabled="!showButton" | ||
| 110 | ></el-input> | ||
| 55 | </el-form-item> | 111 | </el-form-item> |
| 56 | </el-col> | 112 | </el-col> |
| 57 | <el-col :span="8"> | 113 | <el-col :span="8"> |
| 58 | <el-form-item label="国家/地区" prop="gj"> | 114 | <el-form-item label="国家/地区" prop="gj"> |
| 59 | <el-input v-model="ruleForm.gj" :disabled="!showButton"></el-input> | 115 | <el-input |
| 116 | v-model="ruleForm.gj" | ||
| 117 | maxlength="3" | ||
| 118 | :disabled="!showButton" | ||
| 119 | ></el-input> | ||
| 60 | </el-form-item> | 120 | </el-form-item> |
| 61 | </el-col> | 121 | </el-col> |
| 62 | <el-col :span="8"> | 122 | <el-col :span="8"> |
| 63 | <el-form-item label="户籍所在省市" prop="hjszss"> | 123 | <el-form-item label="户籍所在省市" prop="hjszss"> |
| 64 | <el-input v-model="ruleForm.hjszss" :disabled="!showButton"></el-input> | 124 | <el-input |
| 125 | v-model="ruleForm.hjszss" | ||
| 126 | maxlength="3" | ||
| 127 | :disabled="!showButton" | ||
| 128 | ></el-input> | ||
| 65 | </el-form-item> | 129 | </el-form-item> |
| 66 | </el-col> | 130 | </el-col> |
| 67 | </el-row> | 131 | </el-row> |
| ... | @@ -69,59 +133,102 @@ | ... | @@ -69,59 +133,102 @@ |
| 69 | <el-row> | 133 | <el-row> |
| 70 | <el-col :span="24"> | 134 | <el-col :span="24"> |
| 71 | <el-form-item label="地址" prop="txdz"> | 135 | <el-form-item label="地址" prop="txdz"> |
| 72 | <el-input v-model="ruleForm.txdz" :disabled="!showButton"></el-input> | 136 | <el-input |
| 137 | v-model="ruleForm.txdz" | ||
| 138 | maxlength="100" | ||
| 139 | :disabled="!showButton" | ||
| 140 | ></el-input> | ||
| 73 | </el-form-item> | 141 | </el-form-item> |
| 74 | </el-col> | 142 | </el-col> |
| 75 | |||
| 76 | </el-row> | 143 | </el-row> |
| 77 | 144 | ||
| 78 | <el-row> | 145 | <el-row> |
| 79 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 80 | <el-form-item label="发证机关" prop="fzjg"> | 147 | <el-form-item label="发证机关" prop="fzjg"> |
| 81 | <el-input v-model="ruleForm.fzjg" :disabled="!showButton"></el-input> | 148 | <el-input |
| 149 | v-model="ruleForm.fzjg" | ||
| 150 | maxlength="10" | ||
| 151 | :disabled="!showButton" | ||
| 152 | ></el-input> | ||
| 82 | </el-form-item> | 153 | </el-form-item> |
| 83 | </el-col> | 154 | </el-col> |
| 84 | <el-col :span="8"> | 155 | <el-col :span="8"> |
| 85 | <el-form-item label="电子邮件" prop="dzyj"> | 156 | <el-form-item label="电子邮件" prop="dzyj"> |
| 86 | <el-input v-model="ruleForm.dzyj" :disabled="!showButton"></el-input> | 157 | <el-input |
| 158 | v-model="ruleForm.dzyj" | ||
| 159 | :disabled="!showButton" | ||
| 160 | maxlength="25" | ||
| 161 | ></el-input> | ||
| 87 | </el-form-item> | 162 | </el-form-item> |
| 88 | </el-col> | 163 | </el-col> |
| 89 | <el-col :span="8"> | 164 | <el-col :span="8"> |
| 90 | <el-form-item label="邮编" prop="yb"> | 165 | <el-form-item label="邮编" prop="yb"> |
| 91 | <el-input v-model="ruleForm.yb" :disabled="!showButton"></el-input> | 166 | <el-input |
| 167 | v-model.number="ruleForm.yb" | ||
| 168 | :disabled="!showButton" | ||
| 169 | maxlength="6" | ||
| 170 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 171 | ></el-input> | ||
| 92 | </el-form-item> | 172 | </el-form-item> |
| 93 | </el-col> | 173 | </el-col> |
| 94 | |||
| 95 | </el-row> | 174 | </el-row> |
| 96 | 175 | ||
| 97 | <el-row> | 176 | <el-row> |
| 98 | <el-col :span="8"> | 177 | <el-col :span="8"> |
| 99 | <el-form-item label="工作单位" prop="gzdw"> | 178 | <el-form-item label="工作单位" prop="gzdw"> |
| 100 | <el-input v-model="ruleForm.gzdw" :disabled="!showButton"></el-input> | 179 | <el-input |
| 180 | v-model="ruleForm.gzdw" | ||
| 181 | maxlength="32" | ||
| 182 | :disabled="!showButton" | ||
| 183 | ></el-input> | ||
| 101 | </el-form-item> | 184 | </el-form-item> |
| 102 | </el-col> | 185 | </el-col> |
| 103 | <el-col :span="16"> | 186 | <el-col :span="16"> |
| 104 | <el-form-item label="代理机构" prop="dlrjg"> | 187 | <el-form-item label="代理机构" prop="dlrjg"> |
| 105 | <el-input v-model="ruleForm.dlrjg" :disabled="!showButton"></el-input> | 188 | <el-input |
| 189 | v-model="ruleForm.dlrjg" | ||
| 190 | maxlength="32" | ||
| 191 | :disabled="!showButton" | ||
| 192 | ></el-input> | ||
| 106 | </el-form-item> | 193 | </el-form-item> |
| 107 | </el-col> | 194 | </el-col> |
| 108 | </el-row> | 195 | </el-row> |
| 109 | 196 | ||
| 110 | <el-row> | 197 | <el-row> |
| 111 | <el-col :span="8"> | 198 | <el-col :span="8"> |
| 112 | <el-form-item label="联系电话" prop="dlrdh"> | 199 | <el-form-item label="代理人电话" prop="dlrdh"> |
| 113 | <el-input v-model="ruleForm.dlrdh" :disabled="!showButton" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 200 | <el-input |
| 201 | v-model="ruleForm.dlrdh" | ||
| 202 | :disabled="!showButton" | ||
| 203 | maxlength="11" | ||
| 204 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 205 | ></el-input> | ||
| 114 | </el-form-item> | 206 | </el-form-item> |
| 115 | </el-col> | 207 | </el-col> |
| 116 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| 117 | <el-form-item label="代理人姓名" prop="dlrmc"> | 209 | <el-form-item label="代理人姓名" prop="dlrmc"> |
| 118 | <el-input v-model="ruleForm.dlrmc" :disabled="!showButton"></el-input> | 210 | <el-input |
| 211 | v-model="ruleForm.dlrmc" | ||
| 212 | maxlength="15" | ||
| 213 | :disabled="!showButton" | ||
| 214 | ></el-input> | ||
| 119 | </el-form-item> | 215 | </el-form-item> |
| 120 | </el-col> | 216 | </el-col> |
| 121 | <el-col :span="8"> | 217 | <el-col :span="8"> |
| 122 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> | 218 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> |
| 123 | <el-select clearable v-model="ruleForm.dlrzjlx" :disabled="!showButton" class="width100" placeholder="请选择"> | 219 | <el-select |
| 124 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 220 | clearable |
| 221 | v-model="ruleForm.dlrzjlx" | ||
| 222 | :disabled="!showButton" | ||
| 223 | class="width100" | ||
| 224 | placeholder="请选择" | ||
| 225 | > | ||
| 226 | <el-option | ||
| 227 | v-for="item in dictData['A30']" | ||
| 228 | :key="item.dcode" | ||
| 229 | :label="item.dname" | ||
| 230 | :value="item.dcode" | ||
| 231 | > | ||
| 125 | </el-option> | 232 | </el-option> |
| 126 | </el-select> | 233 | </el-select> |
| 127 | </el-form-item> | 234 | </el-form-item> |
| ... | @@ -130,15 +237,31 @@ | ... | @@ -130,15 +237,31 @@ |
| 130 | <el-row> | 237 | <el-row> |
| 131 | <el-col :span="8"> | 238 | <el-col :span="8"> |
| 132 | <el-form-item label="性别" prop="xb"> | 239 | <el-form-item label="性别" prop="xb"> |
| 133 | <el-select clearable v-model="ruleForm.xb" :disabled="!showButton" class="width100" placeholder="请选择"> | 240 | <el-select |
| 134 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 241 | clearable |
| 242 | v-model="ruleForm.xb" | ||
| 243 | :disabled="!showButton" | ||
| 244 | class="width100" | ||
| 245 | placeholder="请选择" | ||
| 246 | > | ||
| 247 | <el-option | ||
| 248 | v-for="item in dictData['A43']" | ||
| 249 | :key="item.dcode" | ||
| 250 | :label="item.dname" | ||
| 251 | :value="item.dcode" | ||
| 252 | > | ||
| 135 | </el-option> | 253 | </el-option> |
| 136 | </el-select> | 254 | </el-select> |
| 137 | </el-form-item> | 255 | </el-form-item> |
| 138 | </el-col> | 256 | </el-col> |
| 139 | <el-col :span="8"> | 257 | <el-col :span="8"> |
| 140 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 258 | <el-form-item label="代理人证件号" prop="dlrzjh"> |
| 141 | <el-input v-model="ruleForm.dlrzjh" :disabled="!showButton" maxlength="20"></el-input> | 259 | <el-input |
| 260 | v-model="ruleForm.dlrzjh" | ||
| 261 | :disabled="!showButton" | ||
| 262 | maxlength="18" | ||
| 263 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
| 264 | ></el-input> | ||
| 142 | </el-form-item> | 265 | </el-form-item> |
| 143 | </el-col> | 266 | </el-col> |
| 144 | </el-row> | 267 | </el-row> |
| ... | @@ -146,94 +269,94 @@ | ... | @@ -146,94 +269,94 @@ |
| 146 | </dialogBox> | 269 | </dialogBox> |
| 147 | </template> | 270 | </template> |
| 148 | <script> | 271 | <script> |
| 149 | import { mapGetters } from "vuex"; | 272 | import { mapGetters } from "vuex"; |
| 150 | export default { | 273 | export default { |
| 151 | props: { | 274 | props: { |
| 152 | value: { type: Boolean, default: false }, | 275 | value: { type: Boolean, default: false }, |
| 153 | details: { type: Object, default: {} }, | 276 | details: { type: Object, default: {} }, |
| 154 | showButton: { type: Boolean, default: false } | 277 | showButton: { type: Boolean, default: false }, |
| 155 | }, | 278 | }, |
| 156 | computed: { | 279 | computed: { |
| 157 | ...mapGetters(["dictData"]), | 280 | ...mapGetters(["dictData"]), |
| 158 | }, | 281 | }, |
| 159 | data () { | 282 | data() { |
| 160 | return { | 283 | return { |
| 161 | myValue: this.value, | 284 | myValue: this.value, |
| 162 | ruleForm: { | 285 | ruleForm: { |
| 163 | sqrlx: "", | 286 | sqrlx: "", |
| 164 | sqrmc: "", | 287 | sqrmc: "", |
| 165 | zjzl: "", | 288 | zjzl: "", |
| 166 | zjh: "", | 289 | zjh: "", |
| 167 | dh: "", | 290 | dh: "", |
| 168 | xb: "", | 291 | xb: "", |
| 169 | fs: "", | 292 | fs: "", |
| 170 | frmc: "", | 293 | frmc: "", |
| 171 | gj: "", | 294 | gj: "", |
| 172 | hjszss: "", | 295 | hjszss: "", |
| 173 | txdz: "", | 296 | txdz: "", |
| 174 | yb: "", | 297 | yb: "", |
| 175 | fzjg: "", | 298 | fzjg: "", |
| 176 | dzyj: "", | 299 | dzyj: "", |
| 177 | qlbl: "", | 300 | qlbl: "", |
| 178 | gzdw: "", | 301 | gzdw: "", |
| 179 | dlrjg: "", | 302 | dlrjg: "", |
| 180 | dlrmc: "", | 303 | dlrmc: "", |
| 181 | dlrzjlx: "", | 304 | dlrzjlx: "", |
| 182 | dlrzjh: "", | 305 | dlrzjh: "", |
| 183 | dlrdh: "", | 306 | dlrdh: "", |
| 184 | }, | ||
| 185 | rules: { | ||
| 186 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
| 187 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 188 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 189 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 190 | } | ||
| 191 | } | ||
| 192 | }, | ||
| 193 | watch: { | ||
| 194 | value (val) { | ||
| 195 | this.myValue = _.cloneDeep(val); | ||
| 196 | }, | 307 | }, |
| 197 | details: { | 308 | rules: { |
| 198 | handler: function (val, oldVal) { | 309 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], |
| 199 | this.ruleForm = val; | 310 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
| 200 | }, | 311 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
| 201 | deep: true, | 312 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
| 202 | }, | 313 | }, |
| 314 | }; | ||
| 315 | }, | ||
| 316 | watch: { | ||
| 317 | value(val) { | ||
| 318 | this.myValue = _.cloneDeep(val); | ||
| 203 | }, | 319 | }, |
| 204 | methods: { | 320 | details: { |
| 205 | /** | 321 | handler: function (val, oldVal) { |
| 206 | * @description: closeDialog | 322 | this.ruleForm = val; |
| 207 | * @author: renchao | ||
| 208 | */ | ||
| 209 | closeDialog () { | ||
| 210 | this.$emit("input", false); | ||
| 211 | this.$refs["ruleForm"].resetFields(); | ||
| 212 | }, | ||
| 213 | /** | ||
| 214 | * @description: submitForm | ||
| 215 | * @author: renchao | ||
| 216 | */ | ||
| 217 | submitForm () { | ||
| 218 | this.$refs.ruleForm.validate((valid) => { | ||
| 219 | if (valid) { | ||
| 220 | this.$emit("input", false); | ||
| 221 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 222 | this.$refs['ruleForm'].resetFields(); | ||
| 223 | } else { | ||
| 224 | return false; | ||
| 225 | } | ||
| 226 | }); | ||
| 227 | }, | 323 | }, |
| 324 | deep: true, | ||
| 325 | }, | ||
| 326 | }, | ||
| 327 | methods: { | ||
| 328 | /** | ||
| 329 | * @description: closeDialog | ||
| 330 | * @author: renchao | ||
| 331 | */ | ||
| 332 | closeDialog() { | ||
| 333 | this.$emit("input", false); | ||
| 334 | this.$refs["ruleForm"].resetFields(); | ||
| 335 | }, | ||
| 336 | /** | ||
| 337 | * @description: submitForm | ||
| 338 | * @author: renchao | ||
| 339 | */ | ||
| 340 | submitForm() { | ||
| 341 | this.$refs.ruleForm.validate((valid) => { | ||
| 342 | if (valid) { | ||
| 343 | this.$emit("input", false); | ||
| 344 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 345 | this.$refs["ruleForm"].resetFields(); | ||
| 346 | } else { | ||
| 347 | return false; | ||
| 348 | } | ||
| 349 | }); | ||
| 228 | }, | 350 | }, |
| 229 | }; | 351 | }, |
| 352 | }; | ||
| 230 | </script> | 353 | </script> |
| 231 | <style scoped lang="scss"> | 354 | <style scoped lang="scss"> |
| 232 | @import "~@/styles/dialogBoxheader.scss"; | 355 | @import "~@/styles/dialogBoxheader.scss"; |
| 233 | .submit-button { | 356 | .submit-button { |
| 234 | text-align: center; | 357 | text-align: center; |
| 235 | height: 52px; | 358 | height: 52px; |
| 236 | padding-top: 10px; | 359 | padding-top: 10px; |
| 237 | background-color: #fff; | 360 | background-color: #fff; |
| 238 | } | 361 | } |
| 239 | </style> | 362 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-28 17:22:23 | 4 | * @LastEditTime: 2023-08-30 10:36:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -154,6 +154,7 @@ | ... | @@ -154,6 +154,7 @@ |
| 154 | drawTextOnImage () { | 154 | drawTextOnImage () { |
| 155 | function getByteLen (val) { | 155 | function getByteLen (val) { |
| 156 | var len = 0; | 156 | var len = 0; |
| 157 | if (!val) return len; | ||
| 157 | for (var i = 0; i < val.length; i++) { | 158 | for (var i = 0; i < val.length; i++) { |
| 158 | var length = val.charCodeAt(i); | 159 | var length = val.charCodeAt(i); |
| 159 | if (length >= 0 && length <= 128) { | 160 | if (length >= 0 && length <= 128) { |
| ... | @@ -251,18 +252,18 @@ | ... | @@ -251,18 +252,18 @@ |
| 251 | arr.push(currentLine); | 252 | arr.push(currentLine); |
| 252 | if (i > 0) { | 253 | if (i > 0) { |
| 253 | arr.forEach((line, index) => { | 254 | arr.forEach((line, index) => { |
| 254 | context.fillText(line, 129, 490 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 255 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 |
| 255 | }) | 256 | }) |
| 256 | } else { | 257 | } else { |
| 257 | arr.forEach((line, index) => { | 258 | arr.forEach((line, index) => { |
| 258 | context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 259 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
| 259 | }) | 260 | }) |
| 260 | } | 261 | } |
| 261 | } else { | 262 | } else { |
| 262 | if (i > 0) { | 263 | if (i > 0) { |
| 263 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (30 * (i - 1))); | 264 | context.fillText(lines[i] ? lines[i] : '', 129, 490 + 4 * num + (24 * (i - 1))); |
| 264 | } else { | 265 | } else { |
| 265 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); | 266 | context.fillText(lines[i] ? lines[i] : '', 129, 490 + (24 * (i - 1))); |
| 266 | } | 267 | } |
| 267 | } | 268 | } |
| 268 | } | 269 | } |
| ... | @@ -382,6 +383,7 @@ | ... | @@ -382,6 +383,7 @@ |
| 382 | drawTextzmImage () { | 383 | drawTextzmImage () { |
| 383 | function getByteLen (val) { | 384 | function getByteLen (val) { |
| 384 | var len = 0; | 385 | var len = 0; |
| 386 | if (!val) return len; | ||
| 385 | for (var i = 0; i < val.length; i++) { | 387 | for (var i = 0; i < val.length; i++) { |
| 386 | var length = val.charCodeAt(i); | 388 | var length = val.charCodeAt(i); |
| 387 | if (length >= 0 && length <= 128) { | 389 | if (length >= 0 && length <= 128) { |
| ... | @@ -494,9 +496,9 @@ | ... | @@ -494,9 +496,9 @@ |
| 494 | } | 496 | } |
| 495 | } else { | 497 | } else { |
| 496 | if (i > 0) { | 498 | if (i > 0) { |
| 497 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); | 499 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (23 * (i - 1))); |
| 498 | } else { | 500 | } else { |
| 499 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | 501 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + (23 * (i - 1))); |
| 500 | } | 502 | } |
| 501 | } | 503 | } |
| 502 | } | 504 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 09:56:47 | 4 | * @LastEditTime: 2023-08-30 10:33:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -223,18 +223,18 @@ | ... | @@ -223,18 +223,18 @@ |
| 223 | arr.push(currentLine); | 223 | arr.push(currentLine); |
| 224 | if (i > 0) { | 224 | if (i > 0) { |
| 225 | arr.forEach((line, index) => { | 225 | arr.forEach((line, index) => { |
| 226 | context.fillText(line, 129, 485 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 226 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 |
| 227 | }) | 227 | }) |
| 228 | } else { | 228 | } else { |
| 229 | arr.forEach((line, index) => { | 229 | arr.forEach((line, index) => { |
| 230 | context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 230 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
| 231 | }) | 231 | }) |
| 232 | } | 232 | } |
| 233 | } else { | 233 | } else { |
| 234 | if (i > 0) { | 234 | if (i > 0) { |
| 235 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (25 * (i - 1))); | 235 | context.fillText(lines[i] ? lines[i] : '', 129, 490 + 4 * num + (24 * (i - 1))); |
| 236 | } else { | 236 | } else { |
| 237 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); | 237 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (24 * (i - 1))); |
| 238 | } | 238 | } |
| 239 | } | 239 | } |
| 240 | } | 240 | } |
| ... | @@ -354,6 +354,7 @@ | ... | @@ -354,6 +354,7 @@ |
| 354 | drawTextzmImage () { | 354 | drawTextzmImage () { |
| 355 | function getByteLen (val) { | 355 | function getByteLen (val) { |
| 356 | var len = 0; | 356 | var len = 0; |
| 357 | if (!val) return len; | ||
| 357 | for (var i = 0; i < val.length; i++) { | 358 | for (var i = 0; i < val.length; i++) { |
| 358 | var length = val.charCodeAt(i); | 359 | var length = val.charCodeAt(i); |
| 359 | if (length >= 0 && length <= 128) { | 360 | if (length >= 0 && length <= 128) { |
| ... | @@ -460,11 +461,11 @@ | ... | @@ -460,11 +461,11 @@ |
| 460 | arr.push(currentLine); | 461 | arr.push(currentLine); |
| 461 | if (i > 0) { | 462 | if (i > 0) { |
| 462 | arr.forEach((line, index) => { | 463 | arr.forEach((line, index) => { |
| 463 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高 | 464 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高 |
| 464 | }) | 465 | }) |
| 465 | } else { | 466 | } else { |
| 466 | arr.forEach((line, index) => { | 467 | arr.forEach((line, index) => { |
| 467 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高 | 468 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高 |
| 468 | }) | 469 | }) |
| 469 | } | 470 | } |
| 470 | } else { | 471 | } else { | ... | ... |
| ... | @@ -89,6 +89,7 @@ | ... | @@ -89,6 +89,7 @@ |
| 89 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> | 89 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> |
| 90 | <template slot-scope="scope"> | 90 | <template slot-scope="scope"> |
| 91 | <el-input | 91 | <el-input |
| 92 | maxlength="12" | ||
| 92 | class="item" | 93 | class="item" |
| 93 | :disabled="!ableOperation" | 94 | :disabled="!ableOperation" |
| 94 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 95 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 09:31:15 | 4 | * @LastEditTime: 2023-08-29 10:03:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -136,9 +136,9 @@ | ... | @@ -136,9 +136,9 @@ |
| 136 | store.dispatch('user/reWorkFresh', false) | 136 | store.dispatch('user/reWorkFresh', false) |
| 137 | if (type == 1) { | 137 | if (type == 1) { |
| 138 | //证书预览 | 138 | //证书预览 |
| 139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true); | 139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
| 140 | } else { | 140 | } else { |
| 141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "75%", true); | 141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
| 142 | } | 142 | } |
| 143 | }, | 143 | }, |
| 144 | //再次打印 | 144 | //再次打印 |
| ... | @@ -294,19 +294,19 @@ | ... | @@ -294,19 +294,19 @@ |
| 294 | justify-content: flex-end; | 294 | justify-content: flex-end; |
| 295 | } | 295 | } |
| 296 | } | 296 | } |
| 297 | .box-card{ | 297 | .box-card { |
| 298 | .szxx_header{ | 298 | .szxx_header { |
| 299 | color: #303133; | 299 | color: #303133; |
| 300 | } | 300 | } |
| 301 | // 证书背景色 | 301 | // 证书背景色 |
| 302 | /deep/.el-card__header { | 302 | /deep/.el-card__header { |
| 303 | background-color: #e2dfe0; | 303 | background-color: #e2dfe0; |
| 304 | } | 304 | } |
| 305 | } | 305 | } |
| 306 | .bg-red{ | 306 | .bg-red { |
| 307 | .szxx_header{ | 307 | .szxx_header { |
| 308 | color: #FFF; | 308 | color: #fff; |
| 309 | } | 309 | } |
| 310 | /deep/.el-card__header { | 310 | /deep/.el-card__header { |
| 311 | background-color: rgb(198, 67, 83); | 311 | background-color: rgb(198, 67, 83); |
| 312 | } | 312 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 10:00:18 | 4 | * @LastEditTime: 2023-08-29 12:55:07 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -40,10 +40,15 @@ class data extends filter { | ... | @@ -40,10 +40,15 @@ class data extends filter { |
| 40 | } | 40 | } |
| 41 | }, | 41 | }, |
| 42 | { | 42 | { |
| 43 | prop: "qllx", | 43 | label: "权利类型", |
| 44 | label: "权利类型", | ||
| 45 | width: '100', | 44 | width: '100', |
| 46 | showOverflowTooltip: true | 45 | render: (h, scope) => { |
| 46 | return ( | ||
| 47 | <el-tooltip effect="dark" content={scope.row.qllx} placement="top" popper-class="tooltip-width "> | ||
| 48 | <span class="ellipsis-table"> {scope.row.qllx}</span> | ||
| 49 | </el-tooltip> | ||
| 50 | ) | ||
| 51 | } | ||
| 47 | }, | 52 | }, |
| 48 | { | 53 | { |
| 49 | prop: "ysxlh", | 54 | prop: "ysxlh", |
| ... | @@ -64,16 +69,26 @@ class data extends filter { | ... | @@ -64,16 +69,26 @@ class data extends filter { |
| 64 | label: "义务人" | 69 | label: "义务人" |
| 65 | }, | 70 | }, |
| 66 | { | 71 | { |
| 67 | prop: "mj", | ||
| 68 | label: "面积(㎡)", | 72 | label: "面积(㎡)", |
| 69 | width: '100', | 73 | width: '100', |
| 70 | showOverflowTooltip: true | 74 | render: (h, scope) => { |
| 75 | return ( | ||
| 76 | <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width "> | ||
| 77 | <span class="ellipsis-table"> {scope.row.mj}</span> | ||
| 78 | </el-tooltip> | ||
| 79 | ) | ||
| 80 | } | ||
| 71 | }, | 81 | }, |
| 72 | { | 82 | { |
| 73 | prop: "zl", | ||
| 74 | label: "坐落", | 83 | label: "坐落", |
| 75 | width: '100', | 84 | minWidth: '150', |
| 76 | showOverflowTooltip: true | 85 | render: (h, scope) => { |
| 86 | return ( | ||
| 87 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 88 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 89 | </el-tooltip> | ||
| 90 | ) | ||
| 91 | } | ||
| 77 | }, | 92 | }, |
| 78 | { | 93 | { |
| 79 | prop: "fzsj", | 94 | prop: "fzsj", |
| ... | @@ -130,10 +145,15 @@ class data extends filter { | ... | @@ -130,10 +145,15 @@ class data extends filter { |
| 130 | label: "义务人" | 145 | label: "义务人" |
| 131 | }, | 146 | }, |
| 132 | { | 147 | { |
| 133 | prop: "mj", | ||
| 134 | label: "面积(㎡)", | 148 | label: "面积(㎡)", |
| 135 | width: '100', | 149 | width: '100', |
| 136 | showOverflowTooltip: true | 150 | render: (h, scope) => { |
| 151 | return ( | ||
| 152 | <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width "> | ||
| 153 | <span class="ellipsis-table"> {scope.row.mj}</span> | ||
| 154 | </el-tooltip> | ||
| 155 | ) | ||
| 156 | } | ||
| 137 | }, | 157 | }, |
| 138 | { | 158 | { |
| 139 | prop: "zl", | 159 | prop: "zl", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 09:06:19 | 4 | * @LastEditTime: 2023-08-29 13:04:29 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -57,10 +57,15 @@ class data extends filter { | ... | @@ -57,10 +57,15 @@ class data extends filter { |
| 57 | width: '112' | 57 | width: '112' |
| 58 | }, | 58 | }, |
| 59 | { | 59 | { |
| 60 | prop: "cznr", | ||
| 61 | label: "操作内容", | 60 | label: "操作内容", |
| 62 | width: '500', | 61 | width: '500', |
| 63 | showOverflowTooltip: true | 62 | render: (h, scope) => { |
| 63 | return ( | ||
| 64 | <el-tooltip effect="dark" content={scope.row.cznr} placement="top" popper-class="tooltip-width "> | ||
| 65 | <span class="ellipsis-table"> {scope.row.cznr}</span> | ||
| 66 | </el-tooltip> | ||
| 67 | ) | ||
| 68 | } | ||
| 64 | }, | 69 | }, |
| 65 | { | 70 | { |
| 66 | label: '操作', | 71 | label: '操作', | ... | ... |
| ... | @@ -107,12 +107,12 @@ | ... | @@ -107,12 +107,12 @@ |
| 107 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | 107 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> |
| 108 | <el-col :span="8"> | 108 | <el-col :span="8"> |
| 109 | <el-form-item label="独用土地面积:"> | 109 | <el-form-item label="独用土地面积:"> |
| 110 | <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq1.dytdmj"></el-input> | 110 | <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input> |
| 111 | </el-form-item> | 111 | </el-form-item> |
| 112 | </el-col> | 112 | </el-col>1 |
| 113 | <el-col :span="8"> | 113 | <el-col :span="8"> |
| 114 | <el-form-item label="分摊土地面积:"> | 114 | <el-form-item label="分摊土地面积:"> |
| 115 | <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq1.fttdmj"></el-input> | 115 | <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input> |
| 116 | </el-form-item> | 116 | </el-form-item> |
| 117 | </el-col> | 117 | </el-col> |
| 118 | 118 | ||
| ... | @@ -120,6 +120,7 @@ | ... | @@ -120,6 +120,7 @@ |
| 120 | <el-form-item label="房地产交易价格:"> | 120 | <el-form-item label="房地产交易价格:"> |
| 121 | <div class="flex"> | 121 | <div class="flex"> |
| 122 | <el-input | 122 | <el-input |
| 123 | maxlength="11" | ||
| 123 | :disabled="!viewEdit" | 124 | :disabled="!viewEdit" |
| 124 | v-model="ruleForm.fdcq1.fdcjyjg" | 125 | v-model="ruleForm.fdcq1.fdcjyjg" |
| 125 | style="width: 500%" | 126 | style="width: 500%" | ... | ... |
| ... | @@ -115,6 +115,7 @@ | ... | @@ -115,6 +115,7 @@ |
| 115 | <el-form-item label="独用土地面积:"> | 115 | <el-form-item label="独用土地面积:"> |
| 116 | <div class="flex"> | 116 | <div class="flex"> |
| 117 | <el-input | 117 | <el-input |
| 118 | maxlength="12" | ||
| 118 | v-model="ruleForm.fdcq2.dytdmj" | 119 | v-model="ruleForm.fdcq2.dytdmj" |
| 119 | :disabled="!viewEdit" | 120 | :disabled="!viewEdit" |
| 120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 121 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -133,6 +134,7 @@ | ... | @@ -133,6 +134,7 @@ |
| 133 | <el-form-item label="分摊土地面积:"> | 134 | <el-form-item label="分摊土地面积:"> |
| 134 | <div class="flex"> | 135 | <div class="flex"> |
| 135 | <el-input | 136 | <el-input |
| 137 | maxlength="12" | ||
| 136 | v-model="ruleForm.fdcq2.fttdmj" | 138 | v-model="ruleForm.fdcq2.fttdmj" |
| 137 | :disabled="!viewEdit" | 139 | :disabled="!viewEdit" |
| 138 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 140 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -201,6 +203,7 @@ | ... | @@ -201,6 +203,7 @@ |
| 201 | <el-col :span="8"> | 203 | <el-col :span="8"> |
| 202 | <el-form-item label="所在层:"> | 204 | <el-form-item label="所在层:"> |
| 203 | <el-input | 205 | <el-input |
| 206 | maxlength="20" | ||
| 204 | v-model="ruleForm.fdcq2.szc" | 207 | v-model="ruleForm.fdcq2.szc" |
| 205 | :disabled="!viewEdit"></el-input> | 208 | :disabled="!viewEdit"></el-input> |
| 206 | </el-form-item> | 209 | </el-form-item> |
| ... | @@ -208,6 +211,7 @@ | ... | @@ -208,6 +211,7 @@ |
| 208 | <el-col :span="8"> | 211 | <el-col :span="8"> |
| 209 | <el-form-item label="总层数:"> | 212 | <el-form-item label="总层数:"> |
| 210 | <el-input | 213 | <el-input |
| 214 | maxlength="4" | ||
| 211 | :disabled="!viewEdit" | 215 | :disabled="!viewEdit" |
| 212 | v-model.number="ruleForm.fdcq2.zcs" | 216 | v-model.number="ruleForm.fdcq2.zcs" |
| 213 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 217 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
| ... | @@ -217,6 +221,7 @@ | ... | @@ -217,6 +221,7 @@ |
| 217 | <el-form-item label="房地产交易价格:"> | 221 | <el-form-item label="房地产交易价格:"> |
| 218 | <div class="flex"> | 222 | <div class="flex"> |
| 219 | <el-input | 223 | <el-input |
| 224 | maxlength="11" | ||
| 220 | v-model="ruleForm.fdcq2.fdcjyjg" | 225 | v-model="ruleForm.fdcq2.fdcjyjg" |
| 221 | style="width: 500%" | 226 | style="width: 500%" |
| 222 | :disabled="!viewEdit" | 227 | :disabled="!viewEdit" |
| ... | @@ -238,6 +243,7 @@ | ... | @@ -238,6 +243,7 @@ |
| 238 | <el-form-item label="建筑面积:"> | 243 | <el-form-item label="建筑面积:"> |
| 239 | <div class="flex"> | 244 | <div class="flex"> |
| 240 | <el-input | 245 | <el-input |
| 246 | maxlength="12" | ||
| 241 | v-model="ruleForm.fdcq2.jzmj" | 247 | v-model="ruleForm.fdcq2.jzmj" |
| 242 | :disabled="!viewEdit" | 248 | :disabled="!viewEdit" |
| 243 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 249 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -256,6 +262,7 @@ | ... | @@ -256,6 +262,7 @@ |
| 256 | <el-form-item label="专有建筑面积:"> | 262 | <el-form-item label="专有建筑面积:"> |
| 257 | <div class="flex"> | 263 | <div class="flex"> |
| 258 | <el-input | 264 | <el-input |
| 265 | maxlength="12" | ||
| 259 | v-model="ruleForm.fdcq2.zyjzmj" | 266 | v-model="ruleForm.fdcq2.zyjzmj" |
| 260 | :disabled="!viewEdit" | 267 | :disabled="!viewEdit" |
| 261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -274,6 +281,7 @@ | ... | @@ -274,6 +281,7 @@ |
| 274 | <el-form-item label="分摊建筑面积:"> | 281 | <el-form-item label="分摊建筑面积:"> |
| 275 | <div class="flex"> | 282 | <div class="flex"> |
| 276 | <el-input | 283 | <el-input |
| 284 | maxlength="12" | ||
| 277 | v-model="ruleForm.fdcq2.ftjzmj" | 285 | v-model="ruleForm.fdcq2.ftjzmj" |
| 278 | :disabled="!viewEdit" | 286 | :disabled="!viewEdit" |
| 279 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 287 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | ... | ... |
| ... | @@ -80,7 +80,7 @@ | ... | @@ -80,7 +80,7 @@ |
| 80 | </el-col> | 80 | </el-col> |
| 81 | <el-col :span="8"> | 81 | <el-col :span="8"> |
| 82 | <el-form-item label="使用权(承包)面积:"> | 82 | <el-form-item label="使用权(承包)面积:"> |
| 83 | <el-input v-model="ruleForm.lq.syqmj"></el-input> | 83 | <el-input maxlength="12" v-model="ruleForm.lq.syqmj"></el-input> |
| 84 | </el-form-item> | 84 | </el-form-item> |
| 85 | </el-col> | 85 | </el-col> |
| 86 | </el-row> | 86 | </el-row> | ... | ... |
| ... | @@ -92,6 +92,7 @@ | ... | @@ -92,6 +92,7 @@ |
| 92 | <el-form-item label="农用地面积:"> | 92 | <el-form-item label="农用地面积:"> |
| 93 | <div class="flex"> | 93 | <div class="flex"> |
| 94 | <el-input | 94 | <el-input |
| 95 | maxlength="12" | ||
| 95 | v-model="ruleForm.tdsyq.nydmj" | 96 | v-model="ruleForm.tdsyq.nydmj" |
| 96 | :disabled="!viewEdit" | 97 | :disabled="!viewEdit" |
| 97 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 98 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| ... | @@ -116,6 +117,7 @@ | ... | @@ -116,6 +117,7 @@ |
| 116 | <el-form-item label="耕地面积:"> | 117 | <el-form-item label="耕地面积:"> |
| 117 | <div class="flex"> | 118 | <div class="flex"> |
| 118 | <el-input | 119 | <el-input |
| 120 | maxlength="12" | ||
| 119 | v-model="ruleForm.tdsyq.gdmj" | 121 | v-model="ruleForm.tdsyq.gdmj" |
| 120 | :disabled="!viewEdit" | 122 | :disabled="!viewEdit" |
| 121 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 123 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| ... | @@ -140,6 +142,7 @@ | ... | @@ -140,6 +142,7 @@ |
| 140 | <el-form-item label="林地面积:"> | 142 | <el-form-item label="林地面积:"> |
| 141 | <div class="flex"> | 143 | <div class="flex"> |
| 142 | <el-input | 144 | <el-input |
| 145 | maxlength="12" | ||
| 143 | v-model="ruleForm.tdsyq.ldmj" | 146 | v-model="ruleForm.tdsyq.ldmj" |
| 144 | :disabled="!viewEdit" | 147 | :disabled="!viewEdit" |
| 145 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 148 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| ... | @@ -166,6 +169,7 @@ | ... | @@ -166,6 +169,7 @@ |
| 166 | <el-form-item label="草地面积:"> | 169 | <el-form-item label="草地面积:"> |
| 167 | <div class="flex"> | 170 | <div class="flex"> |
| 168 | <el-input | 171 | <el-input |
| 172 | maxlength="12" | ||
| 169 | v-model="ruleForm.tdsyq.cdmj" | 173 | v-model="ruleForm.tdsyq.cdmj" |
| 170 | :disabled="!viewEdit" | 174 | :disabled="!viewEdit" |
| 171 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 175 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| ... | @@ -190,6 +194,7 @@ | ... | @@ -190,6 +194,7 @@ |
| 190 | <el-form-item label="其他农用地面积:"> | 194 | <el-form-item label="其他农用地面积:"> |
| 191 | <div class="flex"> | 195 | <div class="flex"> |
| 192 | <el-input | 196 | <el-input |
| 197 | maxlength="12" | ||
| 193 | v-model="ruleForm.tdsyq.qtnydmj" | 198 | v-model="ruleForm.tdsyq.qtnydmj" |
| 194 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit" |
| 195 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 200 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| ... | @@ -214,6 +219,7 @@ | ... | @@ -214,6 +219,7 @@ |
| 214 | <el-form-item label="建筑使用面积:"> | 219 | <el-form-item label="建筑使用面积:"> |
| 215 | <div class="flex"> | 220 | <div class="flex"> |
| 216 | <el-input | 221 | <el-input |
| 222 | maxlength="12" | ||
| 217 | v-model="ruleForm.tdsyq.jsydmj" | 223 | v-model="ruleForm.tdsyq.jsydmj" |
| 218 | :disabled="!viewEdit" | 224 | :disabled="!viewEdit" |
| 219 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 225 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| ... | @@ -240,6 +246,7 @@ | ... | @@ -240,6 +246,7 @@ |
| 240 | <el-form-item label="未利用地面积:"> | 246 | <el-form-item label="未利用地面积:"> |
| 241 | <div class="flex"> | 247 | <div class="flex"> |
| 242 | <el-input | 248 | <el-input |
| 249 | maxlength="12" | ||
| 243 | v-model="ruleForm.tdsyq.wlydmj" | 250 | v-model="ruleForm.tdsyq.wlydmj" |
| 244 | :disabled="!viewEdit" | 251 | :disabled="!viewEdit" |
| 245 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 252 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ... | ... |
| ... | @@ -111,12 +111,13 @@ | ... | @@ -111,12 +111,13 @@ |
| 111 | </el-col> | 111 | </el-col> |
| 112 | <el-col :span="8"> | 112 | <el-col :span="8"> |
| 113 | <el-form-item label="所在层:"> | 113 | <el-form-item label="所在层:"> |
| 114 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 114 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
| 115 | </el-form-item> | 115 | </el-form-item> |
| 116 | </el-col> | 116 | </el-col> |
| 117 | <el-col :span="8"> | 117 | <el-col :span="8"> |
| 118 | <el-form-item label="总层数:"> | 118 | <el-form-item label="总层数:"> |
| 119 | <el-input | 119 | <el-input |
| 120 | maxlength="4" | ||
| 120 | v-model.number="ruleForm.ygdj.zcs" | 121 | v-model.number="ruleForm.ygdj.zcs" |
| 121 | oninput="value=value.replace(/[^0-9]/g,'')" | 122 | oninput="value=value.replace(/[^0-9]/g,'')" |
| 122 | ></el-input> | 123 | ></el-input> |
| ... | @@ -142,6 +143,7 @@ | ... | @@ -142,6 +143,7 @@ |
| 142 | <el-form-item label="建筑面积:"> | 143 | <el-form-item label="建筑面积:"> |
| 143 | <div class="flex"> | 144 | <div class="flex"> |
| 144 | <el-input | 145 | <el-input |
| 146 | maxlength="12" | ||
| 145 | v-model="ruleForm.ygdj.jzmj" | 147 | v-model="ruleForm.ygdj.jzmj" |
| 146 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
| 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 149 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-23 14:51:40 | 4 | * @LastEditTime: 2023-08-29 13:04:44 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -46,10 +46,15 @@ class data extends filter { | ... | @@ -46,10 +46,15 @@ class data extends filter { |
| 46 | } | 46 | } |
| 47 | }, | 47 | }, |
| 48 | { | 48 | { |
| 49 | prop: "bdcqzh", | ||
| 50 | label: "不动产证明号", | 49 | label: "不动产证明号", |
| 51 | width: '150', | 50 | width: '150', |
| 52 | showOverflowTooltip: true | 51 | render: (h, scope) => { |
| 52 | return ( | ||
| 53 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width"> | ||
| 54 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 55 | </el-tooltip> | ||
| 56 | ) | ||
| 57 | } | ||
| 53 | }, | 58 | }, |
| 54 | { | 59 | { |
| 55 | prop: "bdcdyh", | 60 | prop: "bdcdyh", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-14 11:21:48 | 4 | * @LastEditTime: 2023-08-29 13:05:13 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -50,20 +50,30 @@ class data extends filter { | ... | @@ -50,20 +50,30 @@ class data extends filter { |
| 50 | label: "土地证号", | 50 | label: "土地证号", |
| 51 | }, | 51 | }, |
| 52 | { | 52 | { |
| 53 | prop: "qllxmc", | ||
| 54 | showOverflowTooltip: true, | ||
| 55 | width: '100', | 53 | width: '100', |
| 56 | label: "权利类型", | 54 | label: "权利类型", |
| 55 | render: (h, scope) => { | ||
| 56 | return ( | ||
| 57 | <el-tooltip effect="dark" content={scope.row.qllxmc} placement="top" popper-class="tooltip-width"> | ||
| 58 | <span class="ellipsis-table"> {scope.row.qllxmc}</span> | ||
| 59 | </el-tooltip> | ||
| 60 | ) | ||
| 61 | } | ||
| 57 | }, | 62 | }, |
| 58 | { | 63 | { |
| 59 | prop: "xmmc", | 64 | prop: "xmmc", |
| 60 | label: "项目名称", | 65 | label: "项目名称", |
| 61 | }, | 66 | }, |
| 62 | { | 67 | { |
| 63 | prop: "zrzh", | ||
| 64 | label: "自然幢号", | 68 | label: "自然幢号", |
| 65 | width: '90', | 69 | width: '90', |
| 66 | showOverflowTooltip: true, | 70 | render: (h, scope) => { |
| 71 | return ( | ||
| 72 | <el-tooltip effect="dark" content={scope.row.zrzh} placement="top" popper-class="tooltip-width"> | ||
| 73 | <span class="ellipsis-table"> {scope.row.zrzh}</span> | ||
| 74 | </el-tooltip> | ||
| 75 | ) | ||
| 76 | } | ||
| 67 | }, | 77 | }, |
| 68 | { | 78 | { |
| 69 | prop: "jzwmc", | 79 | prop: "jzwmc", |
| ... | @@ -112,10 +122,16 @@ class data extends filter { | ... | @@ -112,10 +122,16 @@ class data extends filter { |
| 112 | width: '70', | 122 | width: '70', |
| 113 | }, | 123 | }, |
| 114 | { | 124 | { |
| 115 | prop: "zl", | ||
| 116 | label: "自然幢坐落", | 125 | label: "自然幢坐落", |
| 117 | minWidth: '120', | 126 | minWidth: '120', |
| 118 | showOverflowTooltip: true | 127 | render: (h, scope) => { |
| 128 | return ( | ||
| 129 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 130 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 131 | </el-tooltip> | ||
| 132 | ) | ||
| 133 | } | ||
| 134 | |||
| 119 | }, | 135 | }, |
| 120 | { | 136 | { |
| 121 | label: '操作', | 137 | label: '操作', | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-23 14:56:57 | 4 | * @LastEditTime: 2023-08-29 13:06:12 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -45,22 +45,37 @@ class data extends filter { | ... | @@ -45,22 +45,37 @@ class data extends filter { |
| 45 | } | 45 | } |
| 46 | }, | 46 | }, |
| 47 | { | 47 | { |
| 48 | prop: "qllxmc", | ||
| 49 | label: "权利类型", | 48 | label: "权利类型", |
| 50 | width: '120', | 49 | width: '120', |
| 51 | showOverflowTooltip: true | 50 | render: (h, scope) => { |
| 51 | return ( | ||
| 52 | <el-tooltip effect="dark" content={scope.row.qllxmc} placement="top" popper-class="tooltip-width"> | ||
| 53 | <span class="ellipsis-table"> {scope.row.qllxmc}</span> | ||
| 54 | </el-tooltip> | ||
| 55 | ) | ||
| 56 | } | ||
| 52 | }, | 57 | }, |
| 53 | { | 58 | { |
| 54 | prop: "bdcdyh", | ||
| 55 | label: "不动产单元号", | 59 | label: "不动产单元号", |
| 56 | width: '150', | 60 | width: '150', |
| 57 | showOverflowTooltip: true | 61 | render: (h, scope) => { |
| 62 | return ( | ||
| 63 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width"> | ||
| 64 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
| 65 | </el-tooltip> | ||
| 66 | ) | ||
| 67 | } | ||
| 58 | }, | 68 | }, |
| 59 | { | 69 | { |
| 60 | prop: "bdcqzh", | ||
| 61 | label: "不动产权证号", | 70 | label: "不动产权证号", |
| 62 | width: '150', | 71 | width: '150', |
| 63 | showOverflowTooltip: true | 72 | render: (h, scope) => { |
| 73 | return ( | ||
| 74 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width"> | ||
| 75 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 76 | </el-tooltip> | ||
| 77 | ) | ||
| 78 | } | ||
| 64 | }, | 79 | }, |
| 65 | { | 80 | { |
| 66 | prop: "gyqk", | 81 | prop: "gyqk", |
| ... | @@ -97,10 +112,15 @@ class data extends filter { | ... | @@ -97,10 +112,15 @@ class data extends filter { |
| 97 | label: "用途", | 112 | label: "用途", |
| 98 | }, | 113 | }, |
| 99 | { | 114 | { |
| 100 | prop: "zl", | ||
| 101 | label: "坐落", | 115 | label: "坐落", |
| 102 | width: '130', | 116 | minWidth: '150', |
| 103 | showOverflowTooltip: true | 117 | render: (h, scope) => { |
| 118 | return ( | ||
| 119 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 120 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 121 | </el-tooltip> | ||
| 122 | ) | ||
| 123 | } | ||
| 104 | }, | 124 | }, |
| 105 | { | 125 | { |
| 106 | label: '操作', | 126 | label: '操作', | ... | ... |
| ... | @@ -78,16 +78,26 @@ class data extends filter { | ... | @@ -78,16 +78,26 @@ class data extends filter { |
| 78 | width: '90', | 78 | width: '90', |
| 79 | }, | 79 | }, |
| 80 | { | 80 | { |
| 81 | prop: "bdcdyh", | ||
| 82 | label: "不动产单元号", | 81 | label: "不动产单元号", |
| 83 | width: '150', | 82 | width: '150', |
| 84 | showOverflowTooltip: true | 83 | render: (h, scope) => { |
| 84 | return ( | ||
| 85 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
| 86 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
| 87 | </el-tooltip> | ||
| 88 | ) | ||
| 89 | } | ||
| 85 | }, | 90 | }, |
| 86 | { | 91 | { |
| 87 | prop: "bdcqzh", | ||
| 88 | label: "不动产权证号", | 92 | label: "不动产权证号", |
| 89 | width: '150', | 93 | width: '150', |
| 90 | showOverflowTooltip: true | 94 | render: (h, scope) => { |
| 95 | return ( | ||
| 96 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
| 97 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 98 | </el-tooltip> | ||
| 99 | ) | ||
| 100 | } | ||
| 91 | }, | 101 | }, |
| 92 | { | 102 | { |
| 93 | prop: "qlrmc", | 103 | prop: "qlrmc", |
| ... | @@ -108,10 +118,15 @@ class data extends filter { | ... | @@ -108,10 +118,15 @@ class data extends filter { |
| 108 | minWidth: '130' | 118 | minWidth: '130' |
| 109 | }, | 119 | }, |
| 110 | { | 120 | { |
| 111 | prop: "zl", | ||
| 112 | label: "坐落", | 121 | label: "坐落", |
| 113 | width: '150', | 122 | minWidth: '150', |
| 114 | showOverflowTooltip: true | 123 | render: (h, scope) => { |
| 124 | return ( | ||
| 125 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 126 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 127 | </el-tooltip> | ||
| 128 | ) | ||
| 129 | } | ||
| 115 | }, | 130 | }, |
| 116 | { | 131 | { |
| 117 | label: '操作', | 132 | label: '操作', | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-24 11:00:16 | 4 | * @LastEditTime: 2023-08-29 13:08:08 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -54,20 +54,30 @@ class data extends filter { | ... | @@ -54,20 +54,30 @@ class data extends filter { |
| 54 | minWidth: '130' | 54 | minWidth: '130' |
| 55 | }, | 55 | }, |
| 56 | { | 56 | { |
| 57 | prop: "bdcqzh", | ||
| 58 | label: "不动产权证号", | 57 | label: "不动产权证号", |
| 59 | width: '150', | 58 | width: '150', |
| 60 | showOverflowTooltip: true | 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 | } | ||
| 61 | }, | 66 | }, |
| 62 | { | 67 | { |
| 63 | prop: "gyqk", | 68 | prop: "gyqk", |
| 64 | label: "共有情况", | 69 | label: "共有情况", |
| 65 | }, | 70 | }, |
| 66 | { | 71 | { |
| 67 | prop: "qlrmc", | ||
| 68 | label: "权利人", | 72 | label: "权利人", |
| 69 | width: '120', | 73 | width: '120', |
| 70 | showOverflowTooltip: true | 74 | render: (h, scope) => { |
| 75 | return ( | ||
| 76 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width "> | ||
| 77 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | ||
| 78 | </el-tooltip> | ||
| 79 | ) | ||
| 80 | } | ||
| 71 | }, | 81 | }, |
| 72 | { | 82 | { |
| 73 | prop: "qlrzjhm", | 83 | prop: "qlrzjhm", |
| ... | @@ -78,20 +88,30 @@ class data extends filter { | ... | @@ -78,20 +88,30 @@ class data extends filter { |
| 78 | label: "权利性质", | 88 | label: "权利性质", |
| 79 | }, | 89 | }, |
| 80 | { | 90 | { |
| 81 | prop: "qlytmc", | ||
| 82 | label: "用途", | 91 | label: "用途", |
| 83 | width: '120', | 92 | width: '120', |
| 84 | showOverflowTooltip: true | 93 | render: (h, scope) => { |
| 94 | return ( | ||
| 95 | <el-tooltip effect="dark" content={scope.row.qlytmc} placement="top" popper-class="tooltip-width "> | ||
| 96 | <span class="ellipsis-table"> {scope.row.qlytmc}</span> | ||
| 97 | </el-tooltip> | ||
| 98 | ) | ||
| 99 | } | ||
| 85 | }, | 100 | }, |
| 86 | { | 101 | { |
| 87 | prop: "qlmjmc", | 102 | prop: "qlmjmc", |
| 88 | label: "面积", | 103 | label: "面积", |
| 89 | }, | 104 | }, |
| 90 | { | 105 | { |
| 91 | prop: "zl", | ||
| 92 | label: "坐落", | 106 | label: "坐落", |
| 93 | width: '130', | 107 | minWidth: '150', |
| 94 | showOverflowTooltip: true | 108 | render: (h, scope) => { |
| 109 | return ( | ||
| 110 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 111 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 112 | </el-tooltip> | ||
| 113 | ) | ||
| 114 | } | ||
| 95 | }, | 115 | }, |
| 96 | { | 116 | { |
| 97 | label: '操作', | 117 | label: '操作', | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-10 15:35:50 | 4 | * @LastEditTime: 2023-08-29 13:09:15 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -54,10 +54,15 @@ class data extends filter { | ... | @@ -54,10 +54,15 @@ class data extends filter { |
| 54 | minWidth: '150' | 54 | minWidth: '150' |
| 55 | }, | 55 | }, |
| 56 | { | 56 | { |
| 57 | prop: "bdcqzh", | ||
| 58 | label: "不动产权证号", | 57 | label: "不动产权证号", |
| 59 | showOverflowTooltip: true, | 58 | width: '150', |
| 60 | width: '150' | 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 | } | ||
| 61 | }, | 66 | }, |
| 62 | { | 67 | { |
| 63 | prop: "gyqk", | 68 | prop: "gyqk", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-23 14:49:24 | 4 | * @LastEditTime: 2023-08-29 13:09:45 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -44,16 +44,26 @@ class data extends filter { | ... | @@ -44,16 +44,26 @@ class data extends filter { |
| 44 | label: "权利类型", | 44 | label: "权利类型", |
| 45 | }, | 45 | }, |
| 46 | { | 46 | { |
| 47 | prop: "bdcdyh", | ||
| 48 | label: "不动产单元号", | 47 | label: "不动产单元号", |
| 49 | width: '150', | 48 | width: '150', |
| 50 | showOverflowTooltip: true | 49 | render: (h, scope) => { |
| 50 | return ( | ||
| 51 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
| 52 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
| 53 | </el-tooltip> | ||
| 54 | ) | ||
| 55 | } | ||
| 51 | }, | 56 | }, |
| 52 | { | 57 | { |
| 53 | prop: "bdcqzh", | ||
| 54 | label: "不动产权证号", | 58 | label: "不动产权证号", |
| 55 | width: '150', | 59 | width: '150', |
| 56 | showOverflowTooltip: true | 60 | render: (h, scope) => { |
| 61 | return ( | ||
| 62 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
| 63 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 64 | </el-tooltip> | ||
| 65 | ) | ||
| 66 | } | ||
| 57 | }, | 67 | }, |
| 58 | { | 68 | { |
| 59 | prop: "qlrmc", | 69 | prop: "qlrmc", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: 土地所有权对象处理 | 2 | * @Description: 土地所有权对象处理 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-07-14 17:00:11 | 4 | * @LastEditTime: 2023-08-29 13:10:12 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -49,16 +49,26 @@ class data extends filter { | ... | @@ -49,16 +49,26 @@ class data extends filter { |
| 49 | label: "权利类型", | 49 | label: "权利类型", |
| 50 | }, | 50 | }, |
| 51 | { | 51 | { |
| 52 | prop: "bdcdyh", | ||
| 53 | label: "不动产单元号", | 52 | label: "不动产单元号", |
| 54 | width: '150', | 53 | width: '150', |
| 55 | showOverflowTooltip: true | 54 | render: (h, scope) => { |
| 55 | return ( | ||
| 56 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
| 57 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
| 58 | </el-tooltip> | ||
| 59 | ) | ||
| 60 | } | ||
| 56 | }, | 61 | }, |
| 57 | { | 62 | { |
| 58 | prop: "bdcqzh", | ||
| 59 | label: "不动产权证号", | 63 | label: "不动产权证号", |
| 60 | width: '150', | 64 | width: '150', |
| 61 | showOverflowTooltip: true | 65 | render: (h, scope) => { |
| 66 | return ( | ||
| 67 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
| 68 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 69 | </el-tooltip> | ||
| 70 | ) | ||
| 71 | } | ||
| 62 | }, | 72 | }, |
| 63 | { | 73 | { |
| 64 | prop: "gyqk", | 74 | prop: "gyqk", | ... | ... |
-
Please register or sign in to post a comment