--no commit message
Showing
6 changed files
with
386 additions
and
215 deletions
| ... | @@ -4,27 +4,60 @@ | ... | @@ -4,27 +4,60 @@ |
| 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="权利人类型1" prop="sqrlx"> | 25 | <el-form-item label="权利人类型" prop="qlrlx"> |
| 13 | <el-select clearable v-model="ruleForm.sqrlx" 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.qlrlx" | ||
| 29 | class="width100" | ||
| 30 | placeholder="请选择" | ||
| 31 | > | ||
| 32 | <el-option | ||
| 33 | v-for="item in dictData['A36']" | ||
| 34 | :key="item.dcode" | ||
| 35 | :label="item.dname" | ||
| 36 | :value="item.dcode" | ||
| 37 | > | ||
| 15 | </el-option> | 38 | </el-option> |
| 16 | </el-select> | 39 | </el-select> |
| 17 | </el-form-item> | 40 | </el-form-item> |
| 18 | </el-col> | 41 | </el-col> |
| 19 | <el-col :span="8"> | 42 | <el-col :span="8"> |
| 20 | <el-form-item label="姓名/名称" prop="sqrmc"> | 43 | <el-form-item label="姓名/名称" prop="qlrmc"> |
| 21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> | 44 | <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input> |
| 22 | </el-form-item> | 45 | </el-form-item> |
| 23 | </el-col> | 46 | </el-col> |
| 24 | <el-col :span="8"> | 47 | <el-col :span="8"> |
| 25 | <el-form-item label="证件种类" prop="zjzl"> | 48 | <el-form-item label="证件种类" prop="zjzl"> |
| 26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | 49 | <el-select |
| 27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 50 | clearable |
| 51 | v-model="ruleForm.zjzl" | ||
| 52 | class="width100" | ||
| 53 | placeholder="请选择" | ||
| 54 | > | ||
| 55 | <el-option | ||
| 56 | v-for="item in dictData['A30']" | ||
| 57 | :key="item.dcode" | ||
| 58 | :label="item.dname" | ||
| 59 | :value="item.dcode" | ||
| 60 | > | ||
| 28 | </el-option> | 61 | </el-option> |
| 29 | </el-select> | 62 | </el-select> |
| 30 | </el-form-item> | 63 | </el-form-item> |
| ... | @@ -33,18 +66,36 @@ | ... | @@ -33,18 +66,36 @@ |
| 33 | <el-row> | 66 | <el-row> |
| 34 | <el-col :span="8"> | 67 | <el-col :span="8"> |
| 35 | <el-form-item label="证件号" prop="zjh"> | 68 | <el-form-item label="证件号" prop="zjh"> |
| 36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | 69 | <el-input |
| 70 | v-model="ruleForm.zjh" | ||
| 71 | maxlength="15" | ||
| 72 | oninput="value=value.replace(/[^\X0-9]/g,'')" | ||
| 73 | ></el-input> | ||
| 37 | </el-form-item> | 74 | </el-form-item> |
| 38 | </el-col> | 75 | </el-col> |
| 39 | <el-col :span="8"> | 76 | <el-col :span="8"> |
| 40 | <el-form-item label="联系电话" prop="dh"> | 77 | <el-form-item label="联系电话" prop="dh"> |
| 41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 78 | <el-input |
| 79 | v-model="ruleForm.dh" | ||
| 80 | maxlength="11" | ||
| 81 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 82 | ></el-input> | ||
| 42 | </el-form-item> | 83 | </el-form-item> |
| 43 | </el-col> | 84 | </el-col> |
| 44 | <el-col :span="8"> | 85 | <el-col :span="8"> |
| 45 | <el-form-item label="性别"> | 86 | <el-form-item label="性别"> |
| 46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | 87 | <el-select |
| 47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 88 | clearable |
| 89 | v-model="ruleForm.xb" | ||
| 90 | class="width100" | ||
| 91 | placeholder="请选择" | ||
| 92 | > | ||
| 93 | <el-option | ||
| 94 | v-for="item in dictData['A43']" | ||
| 95 | :key="item.dcode" | ||
| 96 | :label="item.dname" | ||
| 97 | :value="item.dcode" | ||
| 98 | > | ||
| 48 | </el-option> | 99 | </el-option> |
| 49 | </el-select> | 100 | </el-select> |
| 50 | </el-form-item> | 101 | </el-form-item> |
| ... | @@ -115,7 +166,11 @@ | ... | @@ -115,7 +166,11 @@ |
| 115 | <el-row> | 166 | <el-row> |
| 116 | <el-col :span="8"> | 167 | <el-col :span="8"> |
| 117 | <el-form-item label="联系电话"> | 168 | <el-form-item label="联系电话"> |
| 118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 169 | <el-input |
| 170 | v-model="ruleForm.lxdh" | ||
| 171 | maxlength="11" | ||
| 172 | oninput="value=value.replace(/[^\d]/g,'')" | ||
| 173 | ></el-input> | ||
| 119 | </el-form-item> | 174 | </el-form-item> |
| 120 | </el-col> | 175 | </el-col> |
| 121 | <el-col :span="8"> | 176 | <el-col :span="8"> |
| ... | @@ -125,8 +180,18 @@ | ... | @@ -125,8 +180,18 @@ |
| 125 | </el-col> | 180 | </el-col> |
| 126 | <el-col :span="8"> | 181 | <el-col :span="8"> |
| 127 | <el-form-item label="代理人证件类型"> | 182 | <el-form-item label="代理人证件类型"> |
| 128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | 183 | <el-select |
| 129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 184 | clearable |
| 185 | v-model="ruleForm.dlrzjlx" | ||
| 186 | class="width100" | ||
| 187 | placeholder="请选择" | ||
| 188 | > | ||
| 189 | <el-option | ||
| 190 | v-for="item in dictData['A30']" | ||
| 191 | :key="item.dcode" | ||
| 192 | :label="item.dname" | ||
| 193 | :value="item.dcode" | ||
| 194 | > | ||
| 130 | </el-option> | 195 | </el-option> |
| 131 | </el-select> | 196 | </el-select> |
| 132 | </el-form-item> | 197 | </el-form-item> |
| ... | @@ -143,83 +208,115 @@ | ... | @@ -143,83 +208,115 @@ |
| 143 | </dialogBox> | 208 | </dialogBox> |
| 144 | </template> | 209 | </template> |
| 145 | <script> | 210 | <script> |
| 146 | import { mapGetters } from "vuex"; | 211 | import { mapGetters } from "vuex"; |
| 147 | export default { | 212 | export default { |
| 148 | props: { | 213 | props: { |
| 149 | value: { type: Boolean, default: false }, | 214 | value: { type: Boolean, default: false }, |
| 150 | details: { type: Object, default: {} }, | 215 | details: { type: Object, default: {} }, |
| 151 | showButton: { type: Boolean, default: false } | 216 | showButton: { type: Boolean, default: false }, |
| 152 | }, | 217 | }, |
| 153 | computed: { | 218 | computed: { |
| 154 | ...mapGetters(["dictData"]), | 219 | ...mapGetters(["dictData"]), |
| 155 | }, | 220 | }, |
| 156 | data () { | 221 | data() { |
| 157 | return { | 222 | return { |
| 158 | myValue: this.value, | 223 | myValue: this.value, |
| 159 | ruleForm: { | 224 | ruleForm: { |
| 160 | sqrlx: "", | 225 | sqrlx: "", |
| 161 | sqrmc: "", | 226 | sqrmc: "", |
| 162 | zjzl: "", | 227 | zjzl: "", |
| 163 | zjh: "", | 228 | zjh: "", |
| 164 | dh: "", | 229 | dh: "", |
| 165 | xb: "", | 230 | xb: "", |
| 166 | frmc: "", | 231 | frmc: "", |
| 167 | gjdq: "", | 232 | gjdq: "", |
| 168 | szss: "", | 233 | szss: "", |
| 169 | txdz: "", | 234 | txdz: "", |
| 170 | yb: "", | 235 | yb: "", |
| 171 | fzjg: "", | 236 | fzjg: "", |
| 172 | dzyj: "", | 237 | dzyj: "", |
| 173 | qlbl: "", | 238 | qlbl: "", |
| 174 | gzdw: "", | 239 | gzdw: "", |
| 175 | dljg: "", | 240 | dljg: "", |
| 176 | dlrxm: "", | 241 | dlrxm: "", |
| 177 | dlrzjlx: "", | 242 | dlrzjlx: "", |
| 178 | dlrzjh: "", | 243 | dlrzjh: "", |
| 179 | }, | ||
| 180 | rules: { | ||
| 181 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
| 182 | sqrmc: [{ 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 | }, | 244 | }, |
| 192 | details: { | 245 | ruleForm: { |
| 193 | handler: function (val, oldVal) { | 246 | bsmBdcqz: "", |
| 194 | this.ruleForm = val; | 247 | bsmQlr: "", |
| 195 | }, | 248 | bsmQlxx: "", |
| 196 | deep: true, | 249 | bz: "", |
| 250 | cbfbm: "", | ||
| 251 | dh: "", | ||
| 252 | dlrdhhm: "", | ||
| 253 | dlrjgmc: "", | ||
| 254 | dlrxm: "", | ||
| 255 | dlrzjh: "", | ||
| 256 | dlrzjlx: "", | ||
| 257 | dz: "", | ||
| 258 | dzyj: "", | ||
| 259 | fbfbm: "", | ||
| 260 | frdh: "", | ||
| 261 | frmc: "", | ||
| 262 | fzjg: "", | ||
| 263 | gj: "", | ||
| 264 | gzdw: "", | ||
| 265 | hjszss: "", | ||
| 266 | qlrlx: "", | ||
| 267 | qlrmc: "", | ||
| 268 | qlrtz: "", | ||
| 269 | sfczr: "", | ||
| 270 | sshy: "", | ||
| 271 | sxh: 0, | ||
| 272 | xb: "", | ||
| 273 | yb: "", | ||
| 274 | zjh: "", | ||
| 275 | zjzl: "", | ||
| 197 | }, | 276 | }, |
| 198 | }, | 277 | rules: { |
| 199 | methods: { | 278 | qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }], |
| 200 | closeDialog () { | 279 | qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
| 201 | this.$emit("input", false); | 280 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
| 202 | this.$refs["ruleForm"].resetFields(); | 281 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
| 203 | }, | 282 | }, |
| 204 | submitForm () { | 283 | }; |
| 205 | this.$refs.ruleForm.validate((valid) => { | 284 | }, |
| 206 | if (valid) { | 285 | watch: { |
| 207 | this.$emit("input", false); | 286 | value(val) { |
| 208 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 287 | this.myValue = _.cloneDeep(val); |
| 209 | } else { | 288 | }, |
| 210 | return false; | 289 | details: { |
| 211 | } | 290 | handler: function (val, oldVal) { |
| 212 | }); | 291 | this.ruleForm = val; |
| 213 | }, | 292 | }, |
| 293 | deep: true, | ||
| 294 | }, | ||
| 295 | }, | ||
| 296 | methods: { | ||
| 297 | closeDialog() { | ||
| 298 | this.$emit("input", false); | ||
| 299 | this.$refs["ruleForm"].resetFields(); | ||
| 300 | }, | ||
| 301 | submitForm() { | ||
| 302 | this.$refs.ruleForm.validate((valid) => { | ||
| 303 | if (valid) { | ||
| 304 | this.$emit("input", false); | ||
| 305 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 306 | } else { | ||
| 307 | return false; | ||
| 308 | } | ||
| 309 | }); | ||
| 214 | }, | 310 | }, |
| 215 | }; | 311 | }, |
| 312 | }; | ||
| 216 | </script> | 313 | </script> |
| 217 | <style scoped lang="scss"> | 314 | <style scoped lang="scss"> |
| 218 | @import "~@/styles/dialogBoxheader.scss"; | 315 | @import "~@/styles/dialogBoxheader.scss"; |
| 219 | .submit-button { | 316 | .submit-button { |
| 220 | text-align: center; | 317 | text-align: center; |
| 221 | height: 52px; | 318 | height: 52px; |
| 222 | padding-top: 10px; | 319 | padding-top: 10px; |
| 223 | background-color: #fff; | 320 | background-color: #fff; |
| 224 | } | 321 | } |
| 225 | </style> | 322 | </style> | ... | ... |
| ... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
| 42 | <div>请选择查封不动产信息,请选择上手权利信息</div> | 42 | <div>请选择查封不动产信息,请选择上手权利信息</div> |
| 43 | <div class="triangle"></div> | 43 | <div class="triangle"></div> |
| 44 | </div> | 44 | </div> |
| 45 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 45 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> |
| 46 | <el-col :span="8"> | 46 | <el-col :span="8"> |
| 47 | <el-form-item label="权利人:"> | 47 | <el-form-item label="权利人:"> |
| 48 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> | 48 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> |
| ... | @@ -59,7 +59,7 @@ | ... | @@ -59,7 +59,7 @@ |
| 59 | </el-form-item> | 59 | </el-form-item> |
| 60 | </el-col> | 60 | </el-col> |
| 61 | </el-row> | 61 | </el-row> |
| 62 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 62 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> |
| 63 | <el-col :span="8"> | 63 | <el-col :span="8"> |
| 64 | <el-form-item label="权利类型:"> | 64 | <el-form-item label="权利类型:"> |
| 65 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> | 65 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> |
| ... | @@ -76,7 +76,7 @@ | ... | @@ -76,7 +76,7 @@ |
| 76 | </el-form-item> | 76 | </el-form-item> |
| 77 | </el-col> | 77 | </el-col> |
| 78 | </el-row> | 78 | </el-row> |
| 79 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 79 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> |
| 80 | <el-col :span="8"> | 80 | <el-col :span="8"> |
| 81 | <el-form-item label="不动产单元号:"> | 81 | <el-form-item label="不动产单元号:"> |
| 82 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> | 82 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> |
| ... | @@ -115,7 +115,7 @@ | ... | @@ -115,7 +115,7 @@ |
| 115 | </el-col> | 115 | </el-col> |
| 116 | </el-row> | 116 | </el-row> |
| 117 | <el-row :gutter="10"> | 117 | <el-row :gutter="10"> |
| 118 | <el-col :span="8"> | 118 | <!-- <el-col :span="8"> |
| 119 | <el-form-item label="权利类型:"> | 119 | <el-form-item label="权利类型:"> |
| 120 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 120 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> |
| 121 | </el-form-item> | 121 | </el-form-item> |
| ... | @@ -141,6 +141,53 @@ | ... | @@ -141,6 +141,53 @@ |
| 141 | <el-form-item label="不动产权证号:"> | 141 | <el-form-item label="不动产权证号:"> |
| 142 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 142 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 143 | </el-form-item> | 143 | </el-form-item> |
| 144 | </el-col> --> | ||
| 145 | <el-col :span="8"> | ||
| 146 | <el-form-item label="登记机构:"> | ||
| 147 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="查封机关"> | ||
| 152 | <el-input v-model="ruleForm.cfdj.cfjg"></el-input> | ||
| 153 | </el-form-item> | ||
| 154 | </el-col> | ||
| 155 | <el-col :span="8"> | ||
| 156 | <el-form-item label="查封类型"> | ||
| 157 | <el-select v-model="ruleForm.cfdj.cflx"> | ||
| 158 | <el-option | ||
| 159 | v-for="item in dictData['A32']" | ||
| 160 | :key="item.dcode" | ||
| 161 | :label="item.dname" | ||
| 162 | :value="item.dcode" | ||
| 163 | ></el-option> | ||
| 164 | </el-select> | ||
| 165 | </el-form-item> | ||
| 166 | </el-col> | ||
| 167 | <el-col :span="8"> | ||
| 168 | <el-form-item label="查封文号"> | ||
| 169 | <el-input v-model="ruleForm.cfdj.cfwh"></el-input> | ||
| 170 | </el-form-item> | ||
| 171 | </el-col> | ||
| 172 | <el-col :span="8"> | ||
| 173 | <el-form-item label="查封起始时间"> | ||
| 174 | <el-input v-model="ruleForm.cfdj.cfqssj"></el-input> | ||
| 175 | </el-form-item> | ||
| 176 | </el-col> | ||
| 177 | <el-col :span="8"> | ||
| 178 | <el-form-item label="查封结束时间"> | ||
| 179 | <el-input v-model="ruleForm.cfdj.cfjssj"></el-input> | ||
| 180 | </el-form-item> | ||
| 181 | </el-col> | ||
| 182 | <el-col :span="8"> | ||
| 183 | <el-form-item label="查封期限"> | ||
| 184 | <el-input v-model="ruleForm.cfdj.cfqx"></el-input> | ||
| 185 | </el-form-item> | ||
| 186 | </el-col> | ||
| 187 | <el-col :span="8"> | ||
| 188 | <el-form-item label="查封范围"> | ||
| 189 | <el-input v-model="ruleForm.cfdj.cffw"></el-input> | ||
| 190 | </el-form-item> | ||
| 144 | </el-col> | 191 | </el-col> |
| 145 | <el-col :span="8"> | 192 | <el-col :span="8"> |
| 146 | <el-form-item label="区县代码:"> | 193 | <el-form-item label="区县代码:"> |
| ... | @@ -152,6 +199,36 @@ | ... | @@ -152,6 +199,36 @@ |
| 152 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 199 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 153 | </el-form-item> | 200 | </el-form-item> |
| 154 | </el-col> | 201 | </el-col> |
| 202 | <el-col :span="8"> | ||
| 203 | <el-form-item label="解封业务号"> | ||
| 204 | <el-input v-model="ruleForm.cfdj.jfywh"></el-input> | ||
| 205 | </el-form-item> | ||
| 206 | </el-col> | ||
| 207 | <el-col :span="8"> | ||
| 208 | <el-form-item label="解封机关"> | ||
| 209 | <el-input v-model="ruleForm.cfdj.jfjg"></el-input> | ||
| 210 | </el-form-item> | ||
| 211 | </el-col> | ||
| 212 | <el-col :span="8"> | ||
| 213 | <el-form-item label="解封文件"> | ||
| 214 | <el-input v-model="ruleForm.cfdj.jfwj"></el-input> | ||
| 215 | </el-form-item> | ||
| 216 | </el-col> | ||
| 217 | <el-col :span="8"> | ||
| 218 | <el-form-item label="解封文号"> | ||
| 219 | <el-input v-model="ruleForm.cfdj.jfwh"></el-input> | ||
| 220 | </el-form-item> | ||
| 221 | </el-col> | ||
| 222 | <el-col :span="8"> | ||
| 223 | <el-form-item label="解封登簿人"> | ||
| 224 | <el-input v-model="ruleForm.cfdj.jfdbr"></el-input> | ||
| 225 | </el-form-item> | ||
| 226 | </el-col> | ||
| 227 | <el-col :span="8"> | ||
| 228 | <el-form-item label="解封登记时间"> | ||
| 229 | <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> | ||
| 230 | </el-form-item> | ||
| 231 | </el-col> | ||
| 155 | <el-col :span="8"> | 232 | <el-col :span="8"> |
| 156 | <el-form-item label="登簿人:"> | 233 | <el-form-item label="登簿人:"> |
| 157 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 234 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -203,7 +203,7 @@ | ... | @@ -203,7 +203,7 @@ |
| 203 | /> | 203 | /> |
| 204 | </div> | 204 | </div> |
| 205 | </div> | 205 | </div> |
| 206 | <el-row class="btn"> | 206 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> |
| 207 | <el-form-item> | 207 | <el-form-item> |
| 208 | <el-button type="primary" @click="onSubmit">保存</el-button> | 208 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 209 | </el-form-item> | 209 | </el-form-item> | ... | ... |
| ... | @@ -5,15 +5,77 @@ | ... | @@ -5,15 +5,77 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| 8 | <lb-table | 8 | <el-table |
| 9 | :column="InformationTable" | 9 | :data="tableDataList" |
| 10 | border | ||
| 10 | :pagination="false" | 11 | :pagination="false" |
| 11 | :key="key" | 12 | :key="key" |
| 12 | :heightNumSetting="true" | 13 | :heightNumSetting="true" |
| 13 | :minHeight="150" | 14 | :minHeight="150" |
| 14 | :data="tableDataList" | 15 | height="150" |
| 16 | style="width: 100%" | ||
| 15 | > | 17 | > |
| 16 | </lb-table> | 18 | <el-table-column |
| 19 | prop="index" | ||
| 20 | width="50" | ||
| 21 | :render-header="renderHeader" | ||
| 22 | > | ||
| 23 | <template slot-scope="scope"> | ||
| 24 | <i | ||
| 25 | class="el-icon-minus pointer" | ||
| 26 | @click="deleClick(scope.$index, scope.row)" | ||
| 27 | ></i> | ||
| 28 | </template> | ||
| 29 | </el-table-column> | ||
| 30 | <el-table-column prop="yt" label="土地用途" min-width="100"> | ||
| 31 | <template slot-scope="scope"> | ||
| 32 | <treeselect | ||
| 33 | v-model="tdyt" | ||
| 34 | noOptionsText="暂无数据" | ||
| 35 | placeholder="" | ||
| 36 | :show-count="true" | ||
| 37 | :options="dictData['tdyt']" | ||
| 38 | :normalizer="normalizer" | ||
| 39 | :appendToBody="true" z-index="9999" | ||
| 40 | @input="addrow(scope.row)" | ||
| 41 | /> | ||
| 42 | </template> | ||
| 43 | </el-table-column> | ||
| 44 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | ||
| 45 | <template slot-scope="scope"> | ||
| 46 | <el-date-picker | ||
| 47 | v-model='scope.row.qssj' | ||
| 48 | type="date" | ||
| 49 | placeholder="选择日期" | ||
| 50 | value-format="yyyy/MM/dd HH:mm:ss" | ||
| 51 | format="yyyy/MM/dd" | ||
| 52 | @blur="addrow(scope.row)"> | ||
| 53 | </el-date-picker> | ||
| 54 | </template> | ||
| 55 | </el-table-column> | ||
| 56 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> | ||
| 57 | <template slot-scope="scope"> | ||
| 58 | <el-date-picker | ||
| 59 | v-model='scope.row.jssj' | ||
| 60 | type="date" | ||
| 61 | placeholder="选择日期" | ||
| 62 | value-format="yyyy/MM/dd HH:mm:ss" | ||
| 63 | format="yyyy/MM/dd" | ||
| 64 | @blur="addrow(scope.row)"> | ||
| 65 | </el-date-picker> | ||
| 66 | </template> | ||
| 67 | </el-table-column> | ||
| 68 | <el-table-column prop="syqx" label="土地使用期限" min-width="100"> | ||
| 69 | <template slot-scope="scope"> | ||
| 70 | <el-input | ||
| 71 | class="item" | ||
| 72 | v-model="scope.row.syqx" | ||
| 73 | placeholder="请输入内容" | ||
| 74 | @blur="addrow(scope.row)"> | ||
| 75 | ></el-input> | ||
| 76 | </template> | ||
| 77 | </el-table-column> | ||
| 78 | </el-table> | ||
| 17 | </div> | 79 | </div> |
| 18 | </template> | 80 | </template> |
| 19 | <script> | 81 | <script> |
| ... | @@ -32,6 +94,8 @@ export default { | ... | @@ -32,6 +94,8 @@ export default { |
| 32 | }, | 94 | }, |
| 33 | data() { | 95 | data() { |
| 34 | return { | 96 | return { |
| 97 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 98 | tdyt:null, | ||
| 35 | key: 0, | 99 | key: 0, |
| 36 | newdata: { | 100 | newdata: { |
| 37 | yt: "", | 101 | yt: "", |
| ... | @@ -40,118 +104,15 @@ export default { | ... | @@ -40,118 +104,15 @@ export default { |
| 40 | syqx: "", | 104 | syqx: "", |
| 41 | }, | 105 | }, |
| 42 | tableDataList: [], | 106 | tableDataList: [], |
| 43 | InformationTable: [ | 107 | normalizer(node) { |
| 44 | { | 108 | if (node.children == null || node.children == "null") { |
| 45 | width: "50", | 109 | delete node.children; |
| 46 | renderHeader: (h, scope) => { | 110 | } |
| 47 | return ( | 111 | return { |
| 48 | <div> | 112 | id: node.dcode, |
| 49 | {" "} | 113 | label: node.dname, |
| 50 | {this.$route.query.viewtype == 1 ? ( | 114 | }; |
| 51 | "序号" | 115 | }, |
| 52 | ) : ( | ||
| 53 | <i | ||
| 54 | class="el-icon-plus pointer" | ||
| 55 | onClick={() => { | ||
| 56 | this.addClick(); | ||
| 57 | }} | ||
| 58 | ></i> | ||
| 59 | )} | ||
| 60 | </div> | ||
| 61 | ); | ||
| 62 | }, | ||
| 63 | render: (h, scope) => { | ||
| 64 | return ( | ||
| 65 | <div> | ||
| 66 | {this.$route.query.viewtype == 1 ? ( | ||
| 67 | <span>{scope.$index + 1}</span> | ||
| 68 | ) : ( | ||
| 69 | <i | ||
| 70 | class="el-icon-minus pointer" | ||
| 71 | onClick={() => { | ||
| 72 | this.deleClick(scope.$index, scope.row); | ||
| 73 | }} | ||
| 74 | ></i> | ||
| 75 | )} | ||
| 76 | </div> | ||
| 77 | ); | ||
| 78 | }, | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | label: "土地用途", | ||
| 82 | align: "center", | ||
| 83 | render: (h, scope) => { | ||
| 84 | return ( | ||
| 85 | <el-select | ||
| 86 | value={scope.row.yt} | ||
| 87 | onChange={(val) => { | ||
| 88 | scope.row.yt = val; | ||
| 89 | }} | ||
| 90 | clearable | ||
| 91 | onblur={() => { | ||
| 92 | this.addrow(scope); | ||
| 93 | }} | ||
| 94 | > | ||
| 95 | {this.dictData["tdyt"].map((option) => { | ||
| 96 | return ( | ||
| 97 | <el-option | ||
| 98 | label={option.dname} | ||
| 99 | value={option.dcode} | ||
| 100 | ></el-option> | ||
| 101 | ); | ||
| 102 | })} | ||
| 103 | </el-select> | ||
| 104 | ); | ||
| 105 | }, | ||
| 106 | }, | ||
| 107 | { | ||
| 108 | label: "土地使用起始时间", | ||
| 109 | render: (h, scope) => { | ||
| 110 | return ( | ||
| 111 | <el-date-picker | ||
| 112 | v-model={scope.row.qssj} | ||
| 113 | type="date" | ||
| 114 | placeholder="选择日期" | ||
| 115 | value-format="yyyy/MM/dd HH:mm:ss" | ||
| 116 | format="yyyy/MM/dd HH:mm:ss" | ||
| 117 | onblur={() => { | ||
| 118 | this.addrow(scope.row); | ||
| 119 | }} | ||
| 120 | ></el-date-picker> | ||
| 121 | ); | ||
| 122 | }, | ||
| 123 | }, | ||
| 124 | { | ||
| 125 | label: "土地使用结束时间", | ||
| 126 | render: (h, scope) => { | ||
| 127 | return ( | ||
| 128 | <el-date-picker | ||
| 129 | v-model={scope.row.jssj} | ||
| 130 | type="date" | ||
| 131 | placeholder="选择日期" | ||
| 132 | value-format="yyyy/MM/dd HH:mm:ss" | ||
| 133 | format="yyyy/MM/dd HH:mm:ss" | ||
| 134 | onblur={() => { | ||
| 135 | this.addrow(scope.row); | ||
| 136 | }} | ||
| 137 | ></el-date-picker> | ||
| 138 | ); | ||
| 139 | }, | ||
| 140 | }, | ||
| 141 | { | ||
| 142 | label: "土地使用期限", | ||
| 143 | render: (h, scope) => { | ||
| 144 | return ( | ||
| 145 | <el-input | ||
| 146 | v-model={scope.row.syqx} | ||
| 147 | onblur={() => { | ||
| 148 | this.addrow(scope.row); | ||
| 149 | }} | ||
| 150 | ></el-input> | ||
| 151 | ); | ||
| 152 | }, | ||
| 153 | }, | ||
| 154 | ], | ||
| 155 | }; | 116 | }; |
| 156 | }, | 117 | }, |
| 157 | watch: { | 118 | watch: { |
| ... | @@ -160,6 +121,7 @@ export default { | ... | @@ -160,6 +121,7 @@ export default { |
| 160 | let that = this; | 121 | let that = this; |
| 161 | this.$nextTick(() => { | 122 | this.$nextTick(() => { |
| 162 | if (val.length == 0 || !val) { | 123 | if (val.length == 0 || !val) { |
| 124 | console.log("看见1"); | ||
| 163 | that.tableDataList = _.cloneDeep([ | 125 | that.tableDataList = _.cloneDeep([ |
| 164 | { | 126 | { |
| 165 | yt: "", | 127 | yt: "", |
| ... | @@ -168,8 +130,19 @@ export default { | ... | @@ -168,8 +130,19 @@ export default { |
| 168 | syqx: "", | 130 | syqx: "", |
| 169 | }, | 131 | }, |
| 170 | ]); | 132 | ]); |
| 133 | if( that.tableDataList.length>0){ | ||
| 134 | this.tdyt=that.tableDataList[0].yt | ||
| 135 | }else{ | ||
| 136 | this.tdyt=null | ||
| 137 | } | ||
| 171 | } else { | 138 | } else { |
| 139 | console.log("看见2"); | ||
| 172 | that.tableDataList = _.cloneDeep(val); | 140 | that.tableDataList = _.cloneDeep(val); |
| 141 | if( that.tableDataList.length>0){ | ||
| 142 | this.tdyt=that.tableDataList[0].yt | ||
| 143 | }else{ | ||
| 144 | this.tdyt=null | ||
| 145 | } | ||
| 173 | } | 146 | } |
| 174 | }); | 147 | }); |
| 175 | }, | 148 | }, |
| ... | @@ -178,15 +151,39 @@ export default { | ... | @@ -178,15 +151,39 @@ export default { |
| 178 | }, | 151 | }, |
| 179 | }, | 152 | }, |
| 180 | methods: { | 153 | methods: { |
| 154 | renderHeader() { | ||
| 155 | return ( | ||
| 156 | <div> | ||
| 157 | {" "} | ||
| 158 | {this.$route.query.viewtype == 1 ? ( | ||
| 159 | "序号" | ||
| 160 | ) : ( | ||
| 161 | <i | ||
| 162 | class="el-icon-plus pointer" | ||
| 163 | onClick={() => { | ||
| 164 | this.addClick(); | ||
| 165 | }} | ||
| 166 | ></i> | ||
| 167 | )} | ||
| 168 | </div> | ||
| 169 | ); | ||
| 170 | }, | ||
| 181 | // 修改事件 | 171 | // 修改事件 |
| 182 | addrow() { | 172 | addrow() { |
| 183 | console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx); | 173 | console.log("this.$parent.bsmqlxx", this.$parent.$parent.bsmqlxx); |
| 184 | 174 | this.tableDataList = this.tableDataList.map((item) => { | |
| 175 | return{ | ||
| 176 | ...item, | ||
| 177 | yt:this.tdyt | ||
| 178 | } | ||
| 179 | }) | ||
| 180 | console.log("this.tableDataList",this.tableDataList); | ||
| 185 | this.$emit("upDateTdytxxList", this.tableDataList); | 181 | this.$emit("upDateTdytxxList", this.tableDataList); |
| 186 | }, | 182 | }, |
| 187 | // 新增 | 183 | // 新增 |
| 188 | addClick() { | 184 | addClick() { |
| 189 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 185 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
| 186 | |||
| 190 | this.$emit("upDateTdytxxList", this.tableDataList); | 187 | this.$emit("upDateTdytxxList", this.tableDataList); |
| 191 | }, | 188 | }, |
| 192 | 189 | ... | ... |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | </div> | 15 | </div> |
| 16 | <el-row :gutter="10"> | 16 | <el-row :gutter="10"> |
| 17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
| 18 | <el-form-item label="业务号:"> | 18 | <el-form-item label="业务号111:"> |
| 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| ... | @@ -131,14 +131,14 @@ | ... | @@ -131,14 +131,14 @@ |
| 131 | </el-form-item> | 131 | </el-form-item> |
| 132 | </el-col> | 132 | </el-col> |
| 133 | 133 | ||
| 134 | <el-col :span="8"> | 134 | <!-- <el-col :span="8"> |
| 135 | <el-form-item label="下拉表格测试:"> | 135 | <el-form-item label="下拉表格测试:"> |
| 136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | 136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> |
| 137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> | 137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> |
| 138 | <el-table-column prop="user" label="姓名"></el-table-column> | 138 | <el-table-column prop="user" label="姓名"></el-table-column> |
| 139 | </select-table> | 139 | </select-table> |
| 140 | </el-form-item> | 140 | </el-form-item> |
| 141 | </el-col> | 141 | </el-col> --> |
| 142 | 142 | ||
| 143 | </el-row> | 143 | </el-row> |
| 144 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> | ... | ... |
-
Please register or sign in to post a comment