component修改
Showing
83 changed files
with
17112 additions
and
0 deletions
src/components/Breadcrumb.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="breadcrumb"> | ||
| 3 | <el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right"> | ||
| 4 | <transition-group name="breadcrumb"> | ||
| 5 | <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path"> | ||
| 6 | <span | ||
| 7 | v-if=" | ||
| 8 | item.redirect === 'noRedirect' || index == levelList.length - 1 | ||
| 9 | " | ||
| 10 | class="no-redirect" | ||
| 11 | >{{ item.meta.title }}</span | ||
| 12 | > | ||
| 13 | <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a> | ||
| 14 | </el-breadcrumb-item> | ||
| 15 | </transition-group> | ||
| 16 | </el-breadcrumb> | ||
| 17 | </div> | ||
| 18 | </template> | ||
| 19 | |||
| 20 | <script> | ||
| 21 | import pathToRegexp from "path-to-regexp"; | ||
| 22 | |||
| 23 | export default { | ||
| 24 | data() { | ||
| 25 | return { | ||
| 26 | levelList: null, | ||
| 27 | }; | ||
| 28 | }, | ||
| 29 | watch: { | ||
| 30 | $route() { | ||
| 31 | this.getBreadcrumb(); | ||
| 32 | }, | ||
| 33 | }, | ||
| 34 | created() { | ||
| 35 | this.getBreadcrumb(); | ||
| 36 | }, | ||
| 37 | methods: { | ||
| 38 | getBreadcrumb() { | ||
| 39 | // only show routes with meta.title | ||
| 40 | let matched = this.$route.matched.filter( | ||
| 41 | (item) => item.meta && item.meta.title | ||
| 42 | ); | ||
| 43 | this.levelList = matched.filter( | ||
| 44 | (item) => item.meta && item.meta.title | ||
| 45 | ); | ||
| 46 | }, | ||
| 47 | isDashboard(route) { | ||
| 48 | const name = route && route.name; | ||
| 49 | if (!name) { | ||
| 50 | return false; | ||
| 51 | } | ||
| 52 | return ( | ||
| 53 | name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() | ||
| 54 | ); | ||
| 55 | }, | ||
| 56 | pathCompile(path) { | ||
| 57 | const { params } = this.$route; | ||
| 58 | var toPath = pathToRegexp.compile(path); | ||
| 59 | return toPath(params); | ||
| 60 | }, | ||
| 61 | handleLink(item) { | ||
| 62 | // const { redirect, path } = item; | ||
| 63 | // if (redirect) { | ||
| 64 | // this.$router.push(redirect); | ||
| 65 | // return; | ||
| 66 | // } | ||
| 67 | // this.$router.push(path); | ||
| 68 | }, | ||
| 69 | }, | ||
| 70 | }; | ||
| 71 | </script> | ||
| 72 | |||
| 73 | <style lang="scss" scoped> | ||
| 74 | .breadcrumb { | ||
| 75 | margin: 15px auto 0; | ||
| 76 | box-sizing: border-box; | ||
| 77 | text-indent: 16px; | ||
| 78 | } | ||
| 79 | .breadcrumb1366 { | ||
| 80 | padding: 10px 0 !important; | ||
| 81 | } | ||
| 82 | .isFullScreen{ | ||
| 83 | width: calc(100% - 20px); | ||
| 84 | margin: 0 auto; | ||
| 85 | padding: 10px!important; | ||
| 86 | } | ||
| 87 | .cur-location { | ||
| 88 | font-size: 16px; | ||
| 89 | color: white; | ||
| 90 | line-height: 40px; | ||
| 91 | float: left; | ||
| 92 | img { | ||
| 93 | position: relative; | ||
| 94 | top: 3px; | ||
| 95 | margin-right: 4px; | ||
| 96 | } | ||
| 97 | } | ||
| 98 | .app-breadcrumb.el-breadcrumb { | ||
| 99 | display: inline-block; | ||
| 100 | font-size: 14px; | ||
| 101 | // line-height: 40px; | ||
| 102 | .no-redirect { | ||
| 103 | color: white; | ||
| 104 | cursor: text; | ||
| 105 | } | ||
| 106 | } | ||
| 107 | .el-breadcrumb__inner a, | ||
| 108 | .el-breadcrumb__inner.is-link { | ||
| 109 | color: white; | ||
| 110 | cursor: text; | ||
| 111 | font-weight: normal; | ||
| 112 | } | ||
| 113 | // .el-breadcrumb__inner a:hover, | ||
| 114 | // .el-breadcrumb__inner.is-link:hover { | ||
| 115 | // text-decoration: underline; | ||
| 116 | // } | ||
| 117 | </style> |
src/components/Business/css/itemForm.scss
0 → 100644
| 1 | .itemForm { | ||
| 2 | position: relative; | ||
| 3 | padding: 10px; | ||
| 4 | |||
| 5 | /deep/.el-select { | ||
| 6 | width: 100%; | ||
| 7 | } | ||
| 8 | /deep/.el-form-item__error { | ||
| 9 | right: 25px; | ||
| 10 | top: 15px; | ||
| 11 | text-align: right; | ||
| 12 | pointer-events: none; | ||
| 13 | } | ||
| 14 | |||
| 15 | /deep/.el-date-editor { | ||
| 16 | width: 100%; | ||
| 17 | } | ||
| 18 | |||
| 19 | /deep/.el-date-editor--date { | ||
| 20 | width: 100%; | ||
| 21 | } | ||
| 22 | |||
| 23 | /deep/.el-cascader { | ||
| 24 | width: 100%; | ||
| 25 | } | ||
| 26 | |||
| 27 | // table 样式 | ||
| 28 | /deep/.el-form-item__label { | ||
| 29 | border-right: none; | ||
| 30 | text-align: center; | ||
| 31 | padding: 0; | ||
| 32 | line-height: 16px; | ||
| 33 | font-size: 12px; | ||
| 34 | color: #CEF8FF; | ||
| 35 | margin-top: 8px !important; | ||
| 36 | } | ||
| 37 | |||
| 38 | /deep/.el-form-item__content { | ||
| 39 | display: flex; | ||
| 40 | margin-right: -1px; | ||
| 41 | } | ||
| 42 | |||
| 43 | |||
| 44 | /deep/.el-textarea__inner { | ||
| 45 | margin: 5px; | ||
| 46 | width: 96%; | ||
| 47 | background: #05275B; | ||
| 48 | color: #FFFFFF; | ||
| 49 | border-radius: 2px; | ||
| 50 | border: 1px solid #6BC1FC; | ||
| 51 | } | ||
| 52 | /deep/.el-input-number{ | ||
| 53 | width: 100%; | ||
| 54 | } | ||
| 55 | /deep/.el-input-number__increase{ | ||
| 56 | background: #05275B; | ||
| 57 | color: #FFFFFF; | ||
| 58 | border:none; | ||
| 59 | right: 12px; | ||
| 60 | top: 6px; | ||
| 61 | } | ||
| 62 | /deep/.el-input-number__decrease{ | ||
| 63 | background: #05275B; | ||
| 64 | color: #FFFFFF; | ||
| 65 | border:none; | ||
| 66 | right: 12px; | ||
| 67 | bottom:6px; | ||
| 68 | } | ||
| 69 | /deep/.el-input__inner { | ||
| 70 | margin: 5px; | ||
| 71 | width: 96%; | ||
| 72 | background: #05275B; | ||
| 73 | border-radius: 2px; | ||
| 74 | border: 1px solid #6BC1FC; | ||
| 75 | text-align: left; | ||
| 76 | |||
| 77 | } | ||
| 78 | |||
| 79 | /deep/.el-form-item { | ||
| 80 | margin-bottom: 0; | ||
| 81 | margin-top: -1px; | ||
| 82 | } | ||
| 83 | |||
| 84 | .item-label { | ||
| 85 | display: flex; | ||
| 86 | align-items: flex-end; | ||
| 87 | flex-direction: column; | ||
| 88 | font-size: 12px; | ||
| 89 | flex: 0 0 90px; | ||
| 90 | margin-right: 3px; | ||
| 91 | |||
| 92 | p { | ||
| 93 | line-height: 16px; | ||
| 94 | white-space: nowrap; | ||
| 95 | text-align: right; | ||
| 96 | } | ||
| 97 | |||
| 98 | p:nth-child(1) { | ||
| 99 | position: relative; | ||
| 100 | right: 5px; | ||
| 101 | } | ||
| 102 | } | ||
| 103 | } |
src/components/Business/djfDjDb.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="applicantInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码：<br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="QXDM" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 区县代码： <br /> | ||
| 29 | <p class="label-detail">（QXDM）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | <el-row> | ||
| 36 | <el-col :span="24"> | ||
| 37 | <el-form-item prop="DBYJ"> | ||
| 38 | <span slot="label"> | ||
| 39 | 登簿意见： <br /> | ||
| 40 | <p class="label-detail">（DBYJ）</p> | ||
| 41 | </span> | ||
| 42 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbyj" maxlength="11" placeholder="登簿意见"> | ||
| 43 | </el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | </el-row> | ||
| 47 | <el-row> | ||
| 48 | <el-col :span="8"> | ||
| 49 | <el-form-item prop="DBRYXM"> | ||
| 50 | <span slot="label"> | ||
| 51 | 登簿人员姓名： <br /> | ||
| 52 | <p class="label-detail">（DBRYXM）</p> | ||
| 53 | </span> | ||
| 54 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbryxm" maxlength="11" | ||
| 55 | placeholder="登簿意见"></el-input> | ||
| 56 | </el-form-item> | ||
| 57 | </el-col> | ||
| 58 | |||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item prop="DBSJ"> | ||
| 61 | <span slot="label"> | ||
| 62 | 登簿时间： <br /> | ||
| 63 | <p class="label-detail">（DBSJ）</p> | ||
| 64 | </span> | ||
| 65 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbsj" placeholder="登簿时间"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | |||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item prop="CZJG"> | ||
| 71 | <span slot="label"> | ||
| 72 | 操作结果： <br /> | ||
| 73 | <p class="label-detail">（CZJG）</p> | ||
| 74 | </span> | ||
| 75 | <!-- <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="权利人通讯地址"> | ||
| 76 | </el-input> --> | ||
| 77 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="请选择"> | ||
| 78 | <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 79 | </el-option> | ||
| 80 | </el-select> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | </el-row> | ||
| 84 | </el-form> | ||
| 85 | <message-tips ref="msg" /> | ||
| 86 | </div> | ||
| 87 | </template> | ||
| 88 | <script> | ||
| 89 | // 申请人属性信息 | ||
| 90 | import djfDjSqr from "@/api/djfDjSqr"; | ||
| 91 | import djfDjDb from "@/api/djfDjDb" | ||
| 92 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 93 | import treeSelect from '@/components/TreeSelect.vue' | ||
| 94 | export default { | ||
| 95 | mixins: [ruleMixin], | ||
| 96 | props: { | ||
| 97 | bsmSjsb: { | ||
| 98 | type: String, | ||
| 99 | default: "", | ||
| 100 | }, | ||
| 101 | bsmYwsjb: { | ||
| 102 | type: String, | ||
| 103 | default: "", | ||
| 104 | }, | ||
| 105 | }, | ||
| 106 | components: { | ||
| 107 | treeSelect, | ||
| 108 | }, | ||
| 109 | data() { | ||
| 110 | return { | ||
| 111 | ruleForm: { | ||
| 112 | YSDM: "", | ||
| 113 | YWH: "", | ||
| 114 | QLRMC: "", | ||
| 115 | QLRZJZL: "", | ||
| 116 | QLRZJH: "", | ||
| 117 | QLRTXDZ: "", | ||
| 118 | QLRYB: "", | ||
| 119 | QLRFRMC: "", | ||
| 120 | QLRFRDH: "", | ||
| 121 | QLRDLRMC: "", | ||
| 122 | QLRDLRDH: "", | ||
| 123 | QLRDLJG: "", | ||
| 124 | HJSZSS: "", | ||
| 125 | XB: "", | ||
| 126 | DH: "", | ||
| 127 | YWRMC: "", | ||
| 128 | YWRZJZL: "", | ||
| 129 | YWRZJH: "", | ||
| 130 | YWRTXDZ: "", | ||
| 131 | YWRYB: "", | ||
| 132 | YWRFRMC: "", | ||
| 133 | YWRFRDH: "", | ||
| 134 | YWRDLRMC: "", | ||
| 135 | YWRDLJG: "", | ||
| 136 | BZ: "", | ||
| 137 | QXDM: "", | ||
| 138 | }, | ||
| 139 | }; | ||
| 140 | }, | ||
| 141 | methods: { | ||
| 142 | async featchData() { | ||
| 143 | try { | ||
| 144 | let { result: res } = await djfDjDb.getDjfDjDbById(this.bsmSjsb); | ||
| 145 | this.ruleForm = res; | ||
| 146 | //this.featchRule() | ||
| 147 | } catch (error) { | ||
| 148 | this.$refs.msg.messageShow(); | ||
| 149 | } | ||
| 150 | }, | ||
| 151 | handleUpdateForm() { | ||
| 152 | return new Promise(async (resolve, reject) => { | ||
| 153 | try { | ||
| 154 | let data = _.cloneDeep(this.ruleForm); | ||
| 155 | let res = await djfDjSqr.updateDjfDjSqr(data); | ||
| 156 | resolve(res.code); | ||
| 157 | } catch (error) { | ||
| 158 | this.$refs.msg.messageShow(); | ||
| 159 | } | ||
| 160 | }); | ||
| 161 | }, | ||
| 162 | }, | ||
| 163 | }; | ||
| 164 | </script> | ||
| 165 | <style scoped lang="scss"> | ||
| 166 | @import "./css/itemForm.scss"; | ||
| 167 | </style> | ||
| 168 | |||
| 169 |
src/components/Business/djfDjFz.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="issuingInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="108px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="FZRY" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 发证人员： <br /> | ||
| 29 | <p class="label-detail">（FZRY）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FZRY" placeholder="发证人员"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="FZSJ"> | ||
| 39 | <span slot="label"> | ||
| 40 | 发证时间： <br /> | ||
| 41 | <p class="label-detail">（FZSJ）</p> | ||
| 42 | </span> | ||
| 43 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="发证时间" type="datetime" clearable | ||
| 44 | v-model="ruleForm.FZSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 45 | </el-date-picker> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="FZMC"> | ||
| 51 | <span slot="label"> | ||
| 52 | 发证名称： <br /> | ||
| 53 | <p class="label-detail">（FZMC）</p> | ||
| 54 | </span> | ||
| 55 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FZMC" placeholder="发证名称"></el-input> | ||
| 56 | </el-form-item> | ||
| 57 | </el-col> | ||
| 58 | |||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item prop="FZSL" :rules="{ type: 'number' }"> | ||
| 61 | <span slot="label"> | ||
| 62 | 发证数量： <br /> | ||
| 63 | <p class="label-detail">（FZSL）</p> | ||
| 64 | </span> | ||
| 65 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }" type="number" | ||
| 66 | v-model.number="ruleForm.FZSL" placeholder="发证数量"></el-input-number> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | </el-row> | ||
| 70 | |||
| 71 | <el-row> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item prop="HFZSH"> | ||
| 74 | <span slot="label"> | ||
| 75 | 核发证书号： <br /> | ||
| 76 | <p class="label-detail">（HFZSH）</p> | ||
| 77 | </span> | ||
| 78 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HFZSH" placeholder="核发证书号"></el-input> | ||
| 79 | </el-form-item> | ||
| 80 | </el-col> | ||
| 81 | |||
| 82 | <el-col :span="8"> | ||
| 83 | <el-form-item prop="LZRXM"> | ||
| 84 | <span slot="label"> | ||
| 85 | 领证人姓名： <br /> | ||
| 86 | <p class="label-detail">（LZRXM）</p> | ||
| 87 | </span> | ||
| 88 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRXM" placeholder="领证人姓名"></el-input> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | |||
| 92 | <el-col :span="8"> | ||
| 93 | <el-form-item prop="LZRZJLB"> | ||
| 94 | <span slot="label"> | ||
| 95 | 领证人证件类别： <br /> | ||
| 96 | <p class="label-detail">（LZRZJLB）</p> | ||
| 97 | </span> | ||
| 98 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJLB" placeholder="请选择"> | ||
| 99 | <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 100 | </el-option> | ||
| 101 | </el-select> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | </el-row> | ||
| 105 | |||
| 106 | <el-row> | ||
| 107 | <el-col :span="8"> | ||
| 108 | <el-form-item prop="LZRZJHM"> | ||
| 109 | <span slot="label"> | ||
| 110 | 领证人证件号码： <br /> | ||
| 111 | <p class="label-detail">（LZRZJHM）</p> | ||
| 112 | </span> | ||
| 113 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJHM" | ||
| 114 | placeholder="领证人证件号码"></el-input> | ||
| 115 | </el-form-item> | ||
| 116 | </el-col> | ||
| 117 | |||
| 118 | <el-col :span="8"> | ||
| 119 | <el-form-item prop="LZRDH"> | ||
| 120 | <span slot="label"> | ||
| 121 | 领证人电话： <br /> | ||
| 122 | <p class="label-detail">（LZRDH）</p> | ||
| 123 | </span> | ||
| 124 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRDH" | ||
| 125 | onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="领证人电话"></el-input> | ||
| 126 | </el-form-item> | ||
| 127 | </el-col> | ||
| 128 | |||
| 129 | <el-col :span="8"> | ||
| 130 | <el-form-item prop="LZRDZ"> | ||
| 131 | <span slot="label"> | ||
| 132 | 领证人地址： <br /> | ||
| 133 | <p class="label-detail">（LZRDZ）</p> | ||
| 134 | </span> | ||
| 135 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRDZ" placeholder="领证人地址"></el-input> | ||
| 136 | </el-form-item> | ||
| 137 | </el-col> | ||
| 138 | </el-row> | ||
| 139 | |||
| 140 | <el-row> | ||
| 141 | <el-col :span="8"> | ||
| 142 | <el-form-item prop="LZRYB"> | ||
| 143 | <span slot="label"> | ||
| 144 | 领证人邮编： <br /> | ||
| 145 | <p class="label-detail">（LZRYB）</p> | ||
| 146 | </span> | ||
| 147 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRYB" placeholder="领证人邮编"></el-input> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | |||
| 151 | <el-col :span="8"> | ||
| 152 | <el-form-item prop="BZ"> | ||
| 153 | <span slot="label"> | ||
| 154 | 备注： <br /> | ||
| 155 | <p class="label-detail">（BZ）</p> | ||
| 156 | </span> | ||
| 157 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input> | ||
| 158 | </el-form-item> | ||
| 159 | </el-col> | ||
| 160 | |||
| 161 | <el-col :span="8"> | ||
| 162 | <el-form-item prop="QXDM"> | ||
| 163 | <span slot="label"> | ||
| 164 | 区县代码： <br /> | ||
| 165 | <p class="label-detail">（QXDM）</p> | ||
| 166 | </span> | ||
| 167 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | |||
| 171 | <el-col :span="8"> | ||
| 172 | <el-form-item prop="YSXLH"> | ||
| 173 | <span slot="label"> | ||
| 174 | 印刷序列号： <br /> | ||
| 175 | <p class="label-detail">（YSXLH）</p> | ||
| 176 | </span> | ||
| 177 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSXLH" placeholder="印刷序列号"></el-input> | ||
| 178 | </el-form-item> | ||
| 179 | </el-col> | ||
| 180 | </el-row> | ||
| 181 | </el-form> | ||
| 182 | <message-tips ref="msg" /> | ||
| 183 | </div> | ||
| 184 | </template> | ||
| 185 | <script> | ||
| 186 | // 发证信息 | ||
| 187 | import djfDjFz from '@/api/djfDjFz' | ||
| 188 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 189 | import treeSelect from '@/components/TreeSelect.vue' | ||
| 190 | export default { | ||
| 191 | mixins: [ruleMixin], | ||
| 192 | props: { | ||
| 193 | bsmSjsb: { | ||
| 194 | type: String, | ||
| 195 | default: '' | ||
| 196 | }, | ||
| 197 | bsmYwsjb: { | ||
| 198 | type: String, | ||
| 199 | default: '' | ||
| 200 | } | ||
| 201 | }, | ||
| 202 | components: { | ||
| 203 | treeSelect | ||
| 204 | }, | ||
| 205 | data () { | ||
| 206 | return { | ||
| 207 | ruleForm: { | ||
| 208 | YSDM: '', | ||
| 209 | YWH: '', | ||
| 210 | FZRY: '', | ||
| 211 | FZSJ: '', | ||
| 212 | FZMC: '', | ||
| 213 | FZSL: '', | ||
| 214 | HFZSH: '', | ||
| 215 | LZRXM: '', | ||
| 216 | LZRZJHM: '', | ||
| 217 | LZRDH: '', | ||
| 218 | LZRDZ: '', | ||
| 219 | LZRYB: '', | ||
| 220 | BZ: '', | ||
| 221 | QXDM: '', | ||
| 222 | YSXLH: '' | ||
| 223 | } | ||
| 224 | } | ||
| 225 | }, | ||
| 226 | methods: { | ||
| 227 | async featchData () { | ||
| 228 | try { | ||
| 229 | let { result: res } = await djfDjFz.getDjfDjFzDetailById(this.bsmSjsb) | ||
| 230 | this.ruleForm = res | ||
| 231 | //this.featchRule() | ||
| 232 | } catch (error) { | ||
| 233 | this.$refs.msg.messageShow() | ||
| 234 | } | ||
| 235 | }, | ||
| 236 | handleUpdateForm () { | ||
| 237 | return new Promise(async (resolve, reject) => { | ||
| 238 | try { | ||
| 239 | let res = await djfDjFz.updateDjfDjFz(this.ruleForm) | ||
| 240 | // this.$refs['formList'].resetFields(); | ||
| 241 | resolve(res.code) | ||
| 242 | } catch (error) { | ||
| 243 | this.$refs.msg.messageShow() | ||
| 244 | } | ||
| 245 | }) | ||
| 246 | } | ||
| 247 | } | ||
| 248 | } | ||
| 249 | </script> | ||
| 250 | <style scoped lang="scss"> | ||
| 251 | @import "./css/itemForm.scss"; | ||
| 252 | </style> | ||
| 253 | |||
| 254 |
src/components/Business/djfDjGd.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="registrationFiling itemForm" :key="key"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YWH" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 业务号： <br /> | ||
| 9 | <p class="label-detail">（YWH）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="宗海代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 要素代码：<br /> | ||
| 19 | <p class="label-detail">（YSDM）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="DJDL" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 登记大类： <br /> | ||
| 29 | <p class="label-detail">（DJDL）</p> | ||
| 30 | </span> | ||
| 31 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJDL" placeholder="登记大类"> | ||
| 32 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 33 | </el-option> | ||
| 34 | </el-select> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="DJXL" :rules="{ type: 'number' }"> | ||
| 42 | <span slot="label"> | ||
| 43 | 登记小类： <br /> | ||
| 44 | <p class="label-detail">（DJXL）</p> | ||
| 45 | </span> | ||
| 46 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.DJXL" type="number" | ||
| 47 | v-only-number="{ max: 999999, min: 0, precision: 0 }" placeholder="登记小类"></el-input-number> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | |||
| 51 | <el-col :span="8"> | ||
| 52 | <el-form-item prop="ZL"> | ||
| 53 | <span slot="label"> | ||
| 54 | 坐落： <br /> | ||
| 55 | <p class="label-detail">（ZL）</p> | ||
| 56 | </span> | ||
| 57 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | |||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item prop="QZHM"> | ||
| 63 | <span slot="label"> | ||
| 64 | 权证号码： <br /> | ||
| 65 | <p class="label-detail">（QZHM）</p> | ||
| 66 | </span> | ||
| 67 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QZHM" placeholder="权证号码"></el-input> | ||
| 68 | </el-form-item> | ||
| 69 | </el-col> | ||
| 70 | </el-row> | ||
| 71 | |||
| 72 | <el-row> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item prop="WJJS" :rules="{ type: 'number' }"> | ||
| 75 | <span slot="label"> | ||
| 76 | 文件件数： <br /> | ||
| 77 | <p class="label-detail">（WJJS）</p> | ||
| 78 | </span> | ||
| 79 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.WJJS" type="number" | ||
| 80 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="文件件数"></el-input-number> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | |||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item prop="ZYS" :rules="{ type: 'number' }"> | ||
| 86 | <span slot="label"> | ||
| 87 | 总页数： <br /> | ||
| 88 | <p class="label-detail">（ZYS）</p> | ||
| 89 | </span> | ||
| 90 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZYS" type="number" | ||
| 91 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总页数"></el-input-number> | ||
| 92 | <!-- <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZYS" type="number" | ||
| 93 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总页数"></el-input> --> | ||
| 94 | </el-form-item> | ||
| 95 | </el-col> | ||
| 96 | |||
| 97 | <el-col :span="8"> | ||
| 98 | <el-form-item prop="GDRY"> | ||
| 99 | <span slot="label"> | ||
| 100 | 归档人员： <br /> | ||
| 101 | <p class="label-detail">（GDRY）</p> | ||
| 102 | </span> | ||
| 103 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GDRY" placeholder="归档人员"></el-input> | ||
| 104 | </el-form-item> | ||
| 105 | </el-col> | ||
| 106 | </el-row> | ||
| 107 | |||
| 108 | <el-row> | ||
| 109 | <el-col :span="8"> | ||
| 110 | <el-form-item prop="GDSJ"> | ||
| 111 | <span slot="label"> | ||
| 112 | 归档时间： <br /> | ||
| 113 | <p class="label-detail">（GDSJ）</p> | ||
| 114 | </span> | ||
| 115 | <el-date-picker :disabled="$store.state.business.Edit" v-model="ruleForm.GDSJ" type="datetime" | ||
| 116 | format="yyyy-MM-dd HH:mm:ss" placeholder="归档时间"> | ||
| 117 | </el-date-picker> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="BZ"> | ||
| 123 | <span slot="label"> | ||
| 124 | 备注： <br /> | ||
| 125 | <p class="label-detail">（BZ）</p> | ||
| 126 | </span> | ||
| 127 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | |||
| 131 | <el-col :span="8"> | ||
| 132 | <el-form-item prop="QXDM"> | ||
| 133 | <span slot="label"> | ||
| 134 | 区县代码： <br /> | ||
| 135 | <p class="label-detail">（QXDM）</p> | ||
| 136 | </span> | ||
| 137 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 138 | </el-form-item> | ||
| 139 | </el-col> | ||
| 140 | </el-row> | ||
| 141 | |||
| 142 | </el-form> | ||
| 143 | <message-tips ref="msg" /> | ||
| 144 | </div> | ||
| 145 | </template> | ||
| 146 | <script> | ||
| 147 | import djfDjGd from '@/api/djfDjGd' | ||
| 148 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 149 | // 登记归档信息 | ||
| 150 | export default { | ||
| 151 | mixins: [ruleMixin], | ||
| 152 | props: { | ||
| 153 | bsmSjsb: { | ||
| 154 | type: String, | ||
| 155 | default: '' | ||
| 156 | }, | ||
| 157 | bsmYwsjb: { | ||
| 158 | type: String, | ||
| 159 | default: '' | ||
| 160 | } | ||
| 161 | }, | ||
| 162 | data () { | ||
| 163 | return { | ||
| 164 | ruleForm: { | ||
| 165 | YWH: '', | ||
| 166 | YSDM: '', | ||
| 167 | DJDL: '', | ||
| 168 | DJXL: '', | ||
| 169 | ZL: '', | ||
| 170 | QZHM: '', | ||
| 171 | WJJS: '', | ||
| 172 | ZYS: '', | ||
| 173 | GDRY: '', | ||
| 174 | GDSJ: '', | ||
| 175 | BZ: '', | ||
| 176 | QXDM: '' | ||
| 177 | } | ||
| 178 | } | ||
| 179 | }, | ||
| 180 | methods: { | ||
| 181 | async featchData () { | ||
| 182 | try { | ||
| 183 | let { result: res } = await djfDjGd.getDjfDjGdById(this.bsmSjsb) | ||
| 184 | this.ruleForm = res | ||
| 185 | //this.featchRule() | ||
| 186 | } catch (error) { | ||
| 187 | this.$refs.msg.messageShow() | ||
| 188 | } | ||
| 189 | }, | ||
| 190 | handleUpdateForm () { | ||
| 191 | return new Promise(async (resolve) => { | ||
| 192 | try { | ||
| 193 | let res = await djfDjGd.updateDjfDjGd(this.ruleForm) | ||
| 194 | // this.$refs['formList'].resetFields(); | ||
| 195 | resolve(res.code) | ||
| 196 | } catch (error) { | ||
| 197 | this.$refs.msg.messageShow() | ||
| 198 | } | ||
| 199 | }) | ||
| 200 | } | ||
| 201 | } | ||
| 202 | } | ||
| 203 | </script> | ||
| 204 | <style scoped lang="scss"> | ||
| 205 | @import "./css/itemForm.scss"; | ||
| 206 | </style> | ||
| 207 | |||
| 208 |
src/components/Business/djfDjSf.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="registrationChargeInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="JFRY" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 计费人员： <br /> | ||
| 29 | <p class="label-detail">（JFRY）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFRY" placeholder="计费人员"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="JFRQ"> | ||
| 39 | <span slot="label"> | ||
| 40 | 计费日期： <br /> | ||
| 41 | <p class="label-detail">（JFRQ）</p> | ||
| 42 | </span> | ||
| 43 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="计费日期" clearable | ||
| 44 | v-model="ruleForm.JFRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | |||
| 48 | <el-col :span="8"> | ||
| 49 | <el-form-item prop="SFKMMC"> | ||
| 50 | <span slot="label"> | ||
| 51 | 收费科目名称： <br /> | ||
| 52 | <p class="label-detail">（SFKMMC）</p> | ||
| 53 | </span> | ||
| 54 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFKMMC" placeholder="收费科目名称"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | |||
| 58 | <el-col :span="8"> | ||
| 59 | <el-form-item prop="SFEWSF"> | ||
| 60 | <span slot="label"> | ||
| 61 | 是否额外收费： <br /> | ||
| 62 | <p class="label-detail">（SFEWSF）</p> | ||
| 63 | </span> | ||
| 64 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFEWSF" placeholder="是否额外收费"> | ||
| 65 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 66 | </el-option> | ||
| 67 | </el-select> | ||
| 68 | </el-form-item> | ||
| 69 | </el-col> | ||
| 70 | </el-row> | ||
| 71 | |||
| 72 | <el-row> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item prop="SFJS" :rules="{ type: 'number' }"> | ||
| 75 | <span slot="label"> | ||
| 76 | 收费基数： <br /> | ||
| 77 | <p class="label-detail">（SFJS）</p> | ||
| 78 | </span> | ||
| 79 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 80 | v-model.number="ruleForm.SFJS" type="number" | ||
| 81 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="收费基数"></el-input-number> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="SFLX"> | ||
| 87 | <span slot="label"> | ||
| 88 | 收费类型： <br /> | ||
| 89 | <p class="label-detail">（SFLX）</p> | ||
| 90 | </span> | ||
| 91 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFLX" placeholder="收费类型"> | ||
| 92 | <el-option v-for="item in dicData['A39']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 93 | </el-option> | ||
| 94 | </el-select> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item prop="YSJE" :rules="{ type: 'number' }"> | ||
| 100 | <span slot="label"> | ||
| 101 | 应收金额： <br /> | ||
| 102 | <p class="label-detail">（YSJE）</p> | ||
| 103 | </span> | ||
| 104 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 105 | v-model.number="ruleForm.YSJE" type="number" | ||
| 106 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="应收金额"></el-input-number> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | </el-row> | ||
| 110 | |||
| 111 | <el-row> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item prop="ZKHYSJE" :rules="{ type: 'number' }"> | ||
| 114 | <span slot="label"> | ||
| 115 | 折扣后应收金额： <br /> | ||
| 116 | <p class="label-detail">（ZKHYSJE）</p> | ||
| 117 | </span> | ||
| 118 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 119 | v-model.number="ruleForm.ZKHYSJE" type="number" | ||
| 120 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="折扣后应收金额"></el-input-number> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | |||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item prop="SFRY"> | ||
| 126 | <span slot="label"> | ||
| 127 | 收费人员： <br /> | ||
| 128 | <p class="label-detail">（SFRY）</p> | ||
| 129 | </span> | ||
| 130 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFRY" placeholder="收费人员"></el-input> | ||
| 131 | </el-form-item> | ||
| 132 | </el-col> | ||
| 133 | |||
| 134 | <el-col :span="8"> | ||
| 135 | <el-form-item prop="SFRQ"> | ||
| 136 | <span slot="label"> | ||
| 137 | 收费日期： <br /> | ||
| 138 | <p class="label-detail">（SFRQ）</p> | ||
| 139 | </span> | ||
| 140 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 141 | v-model="ruleForm.SFRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | </el-row> | ||
| 145 | |||
| 146 | <el-row> | ||
| 147 | <el-col :span="8"> | ||
| 148 | <el-form-item prop="FFF"> | ||
| 149 | <span slot="label"> | ||
| 150 | 付费方： <br /> | ||
| 151 | <p class="label-detail">（FFF）</p> | ||
| 152 | </span> | ||
| 153 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FFF" placeholder="付费方"> | ||
| 154 | <el-option v-for="item in dicData['A33']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 155 | </el-option> | ||
| 156 | </el-select> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | |||
| 160 | <el-col :span="8"> | ||
| 161 | <el-form-item prop="SJFFR"> | ||
| 162 | <span slot="label"> | ||
| 163 | 实际付费人： <br /> | ||
| 164 | <p class="label-detail">（SJFFR）</p> | ||
| 165 | </span> | ||
| 166 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SJFFR" placeholder="实际付费人"></el-input> | ||
| 167 | </el-form-item> | ||
| 168 | </el-col> | ||
| 169 | |||
| 170 | <el-col :span="8"> | ||
| 171 | <el-form-item prop="SSJE" :rules="{ type: 'number' }"> | ||
| 172 | <span slot="label"> | ||
| 173 | 实收金额： <br /> | ||
| 174 | <p class="label-detail">（SSJE）</p> | ||
| 175 | </span> | ||
| 176 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 177 | v-model.number="ruleForm.SSJE" type="number" | ||
| 178 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="实收金额"></el-input-number> | ||
| 179 | </el-form-item> | ||
| 180 | </el-col> | ||
| 181 | </el-row> | ||
| 182 | |||
| 183 | <el-row> | ||
| 184 | <el-col :span="8"> | ||
| 185 | <el-form-item prop="SFDW"> | ||
| 186 | <span slot="label"> | ||
| 187 | 收费单位： <br /> | ||
| 188 | <p class="label-detail">（SFDW）</p> | ||
| 189 | </span> | ||
| 190 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFDW" placeholder="收费单位"></el-input> | ||
| 191 | </el-form-item> | ||
| 192 | </el-col> | ||
| 193 | |||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item prop="QXDM"> | ||
| 196 | <span slot="label"> | ||
| 197 | 区县代码： <br /> | ||
| 198 | <p class="label-detail">（QXDM）</p> | ||
| 199 | </span> | ||
| 200 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 201 | </el-form-item> | ||
| 202 | </el-col> | ||
| 203 | |||
| 204 | </el-row> | ||
| 205 | </el-form> | ||
| 206 | <message-tips ref="msg" /> | ||
| 207 | </div> | ||
| 208 | </template> | ||
| 209 | <script> | ||
| 210 | // 登记收费信息 | ||
| 211 | import djfDjSf from '@/api/djfDjSf' | ||
| 212 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 213 | export default { | ||
| 214 | mixins: [ruleMixin], | ||
| 215 | props: { | ||
| 216 | bsmSjsb: { | ||
| 217 | type: String, | ||
| 218 | default: '' | ||
| 219 | }, | ||
| 220 | bsmYwsjb: { | ||
| 221 | type: String, | ||
| 222 | default: '' | ||
| 223 | } | ||
| 224 | }, | ||
| 225 | data () { | ||
| 226 | return { | ||
| 227 | ruleForm: { | ||
| 228 | YSDM: '', | ||
| 229 | YWH: '', | ||
| 230 | JFRY: '', | ||
| 231 | JFRQ: '', | ||
| 232 | SFKMMC: '', | ||
| 233 | SFEWSF: '', | ||
| 234 | SFJS: '', | ||
| 235 | SFLX: '', | ||
| 236 | YSJE: '', | ||
| 237 | ZKHYSJE: '', | ||
| 238 | SFRY: '', | ||
| 239 | SFRQ: '', | ||
| 240 | FFF: '', | ||
| 241 | SJFFR: '', | ||
| 242 | SSJE: '', | ||
| 243 | SFDW: '', | ||
| 244 | QXDM: '', | ||
| 245 | } | ||
| 246 | } | ||
| 247 | }, | ||
| 248 | methods: { | ||
| 249 | async featchData () { | ||
| 250 | try { | ||
| 251 | let { result: res } = await djfDjSf.getDjfDjSfById(this.bsmSjsb) | ||
| 252 | this.ruleForm = res | ||
| 253 | //this.featchRule() | ||
| 254 | } catch (error) { | ||
| 255 | this.$refs.msg.messageShow() | ||
| 256 | } | ||
| 257 | }, | ||
| 258 | handleUpdateForm () { | ||
| 259 | return new Promise(async (resolve) => { | ||
| 260 | try { | ||
| 261 | let res = await djfDjSf.updateDjfDjSf(this.ruleForm) | ||
| 262 | // this.$refs['formList'].resetFields(); | ||
| 263 | resolve(res.code) | ||
| 264 | } catch (error) { | ||
| 265 | this.$refs.msg.messageShow() | ||
| 266 | } | ||
| 267 | }) | ||
| 268 | } | ||
| 269 | } | ||
| 270 | } | ||
| 271 | </script> | ||
| 272 | <style scoped lang="scss"> | ||
| 273 | @import "./css/itemForm.scss"; | ||
| 274 | </style> | ||
| 275 | |||
| 276 |
src/components/Business/djfDjSh.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="auditInfo itemForm"> | ||
| 3 | <el-form :model="form" ref="formList" label-width="110px" :key="key"> | ||
| 4 | <div v-for="(item, index) in form.auditInfo" :key="index" class="auditInfo-item"> | ||
| 5 | <p class="auditInfo-item-name">审核信息{{ index + 1 }}</p> | ||
| 6 | |||
| 7 | <div class="auditInfo-item-list"> | ||
| 8 | <el-row class="auditInfo-item-input"> | ||
| 9 | <el-col :span="8"> | ||
| 10 | <el-form-item :prop="'auditInfo.' + index + '.YSDM'" :rules="rules.YSDM"> | ||
| 11 | <span slot="label"> | ||
| 12 | 要素代码： <br /> | ||
| 13 | <p class="label-detail">（YSDM）</p> | ||
| 14 | </span> | ||
| 15 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].YSDM" | ||
| 16 | placeholder="要素代码"></el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | |||
| 20 | <el-col :span="8"> | ||
| 21 | <el-form-item :prop="'auditInfo.' + index + '.YWH'" :rules="rules.YWH"> | ||
| 22 | <span slot="label"> | ||
| 23 | 业务号： <br /> | ||
| 24 | <p class="label-detail">（YWH）</p> | ||
| 25 | </span> | ||
| 26 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].YWH" | ||
| 27 | placeholder="业务号"></el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | |||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item :prop="'auditInfo.' + index + '.JDMC'" :rules="rules.JDMC"> | ||
| 33 | <span slot="label"> | ||
| 34 | 节点名称： <br /> | ||
| 35 | <p class="label-detail">（JDMC）</p> | ||
| 36 | </span> | ||
| 37 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].JDMC" | ||
| 38 | placeholder="节点名称"></el-input> | ||
| 39 | </el-form-item> | ||
| 40 | </el-col> | ||
| 41 | </el-row> | ||
| 42 | |||
| 43 | <el-row class="auditInfo-item-input"> | ||
| 44 | <el-col :span="24"> | ||
| 45 | <el-form-item :prop="'auditInfo.' + index + '.SHYJ'" :rules="rules.SHYJ"> | ||
| 46 | <span slot="label"> | ||
| 47 | 审核意见： <br /> | ||
| 48 | <p class="label-detail">（SHYJ）</p> | ||
| 49 | </span> | ||
| 50 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].SHYJ" type="textarea" | ||
| 51 | :rows="2" placeholder="审核意见"></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | |||
| 55 | </el-row> | ||
| 56 | |||
| 57 | <el-row class="auditInfo-item-input"> | ||
| 58 | <el-col :span="8"> | ||
| 59 | <el-form-item :prop="'auditInfo.' + index + '.SHRYXM'" :rules="rules.SHRYXM"> | ||
| 60 | <span slot="label"> | ||
| 61 | 审核人员姓名： <br /> | ||
| 62 | <p class="label-detail">（SHRYXM）</p> | ||
| 63 | </span> | ||
| 64 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].SHRYXM" | ||
| 65 | placeholder="审核人员姓名"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | |||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item :prop="'auditInfo.' + index + '.SHKSSJ'" :rules="rules.SHKSSJ"> | ||
| 71 | <span slot="label"> | ||
| 72 | 审核开始时间： <br /> | ||
| 73 | <p class="label-detail">（SHKSSJ）</p> | ||
| 74 | </span> | ||
| 75 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="审核开始时间" clearable | ||
| 76 | v-model="form.auditInfo[index].SHKSSJ" value-format="yyyy-MM-dd HH:mm:ss" | ||
| 77 | :picker-options="item.traceStart" @change="changeTraceStart(item)"></el-date-picker> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | |||
| 81 | <el-col :span="8"> | ||
| 82 | <el-form-item :prop="'auditInfo.' + index + '.SHJSSJ'" :rules="rules.SHJSSJ"> | ||
| 83 | <span slot="label"> | ||
| 84 | 审核结束时间： <br /> | ||
| 85 | <p class="label-detail">（SHJSSJ）</p> | ||
| 86 | </span> | ||
| 87 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="审核结束时间" clearable | ||
| 88 | v-model="form.auditInfo[index].SHJSSJ" :picker-options="item.traceEnd" @change="changeTraceEnd(item)" | ||
| 89 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 90 | </el-form-item> | ||
| 91 | </el-col> | ||
| 92 | </el-row> | ||
| 93 | |||
| 94 | <el-row class="auditInfo-item-input"> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item :prop="'auditInfo.' + index + '.SXH'" :rules="{ ...rules.SXH, ...typeNum }"> | ||
| 97 | <span slot="label"> | ||
| 98 | 顺序号： <br /> | ||
| 99 | <p class="label-detail">（SXH）</p> | ||
| 100 | </span> | ||
| 101 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="form.auditInfo[index].SXH" | ||
| 102 | type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="顺序号"></el-input-number> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | |||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item :prop="'auditInfo.' + index + '.CZJG'" :rules="rules.SHKSSJ"> | ||
| 108 | <span slot="label"> | ||
| 109 | 操作结果： <br /> | ||
| 110 | <p class="label-detail">（CZJG）</p> | ||
| 111 | </span> | ||
| 112 | <el-select :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].CZJG" | ||
| 113 | placeholder="请选择操作结果"> | ||
| 114 | <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 115 | </el-option> | ||
| 116 | </el-select> | ||
| 117 | </el-form-item> | ||
| 118 | </el-col> | ||
| 119 | |||
| 120 | <el-col :span="8"> | ||
| 121 | <el-form-item :prop="'auditInfo.' + index + '.QXDM'" :rules="rules.QXDM"> | ||
| 122 | <span slot="label"> | ||
| 123 | 区县代码： <br /> | ||
| 124 | <p class="label-detail">（QXDM）</p> | ||
| 125 | </span> | ||
| 126 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].QXDM" | ||
| 127 | placeholder="区县代码"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | <el-col :span="8"> | ||
| 131 | <el-form-item :prop="'auditInfo.' + index + '.BZ'" :rules="rules.BZ"> | ||
| 132 | <span slot="label"> | ||
| 133 | 区县代码： <br /> | ||
| 134 | <p class="label-detail">（BZ）</p> | ||
| 135 | </span> | ||
| 136 | <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].BZ" | ||
| 137 | placeholder="备注"></el-input> | ||
| 138 | </el-form-item> | ||
| 139 | </el-col> | ||
| 140 | </el-row> | ||
| 141 | </div> | ||
| 142 | </div> | ||
| 143 | </el-form> | ||
| 144 | <message-tips ref="msg" /> | ||
| 145 | </div> | ||
| 146 | </template> | ||
| 147 | <script> | ||
| 148 | import djfDjSh from '@/api/djfDjSh' | ||
| 149 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 150 | // 审核信息 | ||
| 151 | export default { | ||
| 152 | mixins: [ruleMixin], | ||
| 153 | props: { | ||
| 154 | bsmSjsb: { | ||
| 155 | type: String, | ||
| 156 | default: '' | ||
| 157 | }, | ||
| 158 | bsmYwsjb: { | ||
| 159 | type: String, | ||
| 160 | default: '' | ||
| 161 | } | ||
| 162 | }, | ||
| 163 | data () { | ||
| 164 | return { | ||
| 165 | form: { | ||
| 166 | auditInfo: [ | ||
| 167 | { | ||
| 168 | YSDM: '', | ||
| 169 | YWH: '', | ||
| 170 | JDMC: '', | ||
| 171 | SHYJ: '', | ||
| 172 | SHRYXM: '', | ||
| 173 | SHKSSJ: '', | ||
| 174 | traceStart: {}, | ||
| 175 | SHJSSJ: '', | ||
| 176 | traceEnd: {}, | ||
| 177 | SXH: '', | ||
| 178 | CZJG: '', | ||
| 179 | QXDM: '', | ||
| 180 | BZ: '' | ||
| 181 | } | ||
| 182 | ] | ||
| 183 | } | ||
| 184 | } | ||
| 185 | }, | ||
| 186 | methods: { | ||
| 187 | changeTraceEnd (item) { | ||
| 188 | if (item.SHJSSJ !== null) { //当前值为空 也会进行判断 所以条件最好不要非空验证 | ||
| 189 | item.traceStart = { | ||
| 190 | disabledDate: (time) => { | ||
| 191 | return time.getTime() > new Date(item.SHJSSJ).getTime() //大于结束时间的不选 | ||
| 192 | } | ||
| 193 | } | ||
| 194 | } else { | ||
| 195 | item.traceStart = {} | ||
| 196 | } | ||
| 197 | }, | ||
| 198 | //跟踪API结束时间限制开始时间 | ||
| 199 | changeTraceStart (item) { | ||
| 200 | if (item.SHKSSJ !== null) { //当前值为空 也会进行判断 所以条件最好不要非空验证 | ||
| 201 | item.traceEnd = { | ||
| 202 | disabledDate: (time) => { | ||
| 203 | return time.getTime() < new Date(item.SHKSSJ).getTime() //小于开始时间的不选 | ||
| 204 | } | ||
| 205 | } | ||
| 206 | } else { | ||
| 207 | item.traceEnd = {} | ||
| 208 | } | ||
| 209 | }, | ||
| 210 | async featchData () { | ||
| 211 | try { | ||
| 212 | let { result: res } = await djfDjSh.getDjfDjShById(this.bsmSjsb) | ||
| 213 | this.form.auditInfo = res | ||
| 214 | //this.featchRule() | ||
| 215 | } catch (error) { | ||
| 216 | this.$refs.msg.messageShow() | ||
| 217 | } | ||
| 218 | }, | ||
| 219 | handleUpdateForm () { | ||
| 220 | return new Promise(async (resolve) => { | ||
| 221 | try { | ||
| 222 | let res = await djfDjSh.updateDjfDjSh(this.form.auditInfo) | ||
| 223 | // this.$refs['formList'].resetFields(); | ||
| 224 | resolve(res.code) | ||
| 225 | } catch (error) { | ||
| 226 | this.$refs.msg.messageShow() | ||
| 227 | } | ||
| 228 | }) | ||
| 229 | } | ||
| 230 | } | ||
| 231 | } | ||
| 232 | </script> | ||
| 233 | <style scoped lang="scss"> | ||
| 234 | @import "./css/itemForm.scss"; | ||
| 235 | |||
| 236 | .auditInfo-item { | ||
| 237 | display: flex; | ||
| 238 | height: 100%; | ||
| 239 | margin-bottom: 15px; | ||
| 240 | margin-right: 5px; | ||
| 241 | |||
| 242 | &-name { | ||
| 243 | display: flex; | ||
| 244 | align-items: center; | ||
| 245 | justify-content: center; | ||
| 246 | width: 20px; | ||
| 247 | padding: 10px 20px; | ||
| 248 | line-height: 28px; | ||
| 249 | border: 1px solid #ccc; | ||
| 250 | margin-right: 15px; | ||
| 251 | border-radius: 3px; | ||
| 252 | } | ||
| 253 | |||
| 254 | &-list { | ||
| 255 | width: 100%; | ||
| 256 | flex: 1; | ||
| 257 | display: flex; | ||
| 258 | justify-content: center; | ||
| 259 | flex-direction: column; | ||
| 260 | } | ||
| 261 | } | ||
| 262 | </style> | ||
| 263 | |||
| 264 |
src/components/Business/djfDjSj.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="receivingInfo itemForm"> | ||
| 3 | <el-form :model="form" :rules="rules" ref="formList" label-width="112px" :key="key"> | ||
| 4 | <div v-for="(item, index) in form.receivingInfo" :key="index" class="receivingInfo-item"> | ||
| 5 | <p class="receivingInfo-item-name">收件信息{{ index + 1 }}</p> | ||
| 6 | |||
| 7 | <div class="receivingInfo-item-list"> | ||
| 8 | <el-row class="receivingInfo-item-input"> | ||
| 9 | <el-col :span="8"> | ||
| 10 | <el-form-item :prop="'receivingInfo.' + index + '.YSDM'" :rules="rules.YSDM"> | ||
| 11 | <span slot="label"> | ||
| 12 | 要素代码： <br /> | ||
| 13 | <p class="label-detail">（YSDM）</p> | ||
| 14 | </span> | ||
| 15 | <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].YSDM" | ||
| 16 | placeholder="要素代码"></el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | |||
| 20 | <el-col :span="8"> | ||
| 21 | <el-form-item :prop="'receivingInfo.' + index + '.YWH'" :rules="rules.YWH"> | ||
| 22 | <span slot="label"> | ||
| 23 | 业务号： <br /> | ||
| 24 | <p class="label-detail">（YWH）</p> | ||
| 25 | </span> | ||
| 26 | <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].YWH" | ||
| 27 | placeholder="业务号"></el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | |||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item :prop="'receivingInfo.' + index + '.SJSJ'" :rules="rules.SJSJ"> | ||
| 33 | <span slot="label"> | ||
| 34 | 收件时间： <br /> | ||
| 35 | <p class="label-detail">（SJSJ）</p> | ||
| 36 | </span> | ||
| 37 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="收件时间" type="datetime" clearable | ||
| 38 | v-model="form.receivingInfo[index].SJSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 39 | </el-date-picker> | ||
| 40 | </el-form-item> | ||
| 41 | </el-col> | ||
| 42 | </el-row> | ||
| 43 | |||
| 44 | <el-row class="receivingInfo-item-input"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJLX'" :rules="rules.SJLX"> | ||
| 47 | <span slot="label"> | ||
| 48 | 收件类型： <br /> | ||
| 49 | <p class="label-detail">（SJLX）</p> | ||
| 50 | </span> | ||
| 51 | <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJLX" | ||
| 52 | placeholder="请选择"> | ||
| 53 | <el-option v-for="item in dicData['A40']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 54 | </el-option> | ||
| 55 | </el-select> | ||
| 56 | </el-form-item> | ||
| 57 | </el-col> | ||
| 58 | |||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJMC'" :rules="rules.SJMC"> | ||
| 61 | <span slot="label"> | ||
| 62 | 收件名称： <br /> | ||
| 63 | <p class="label-detail">（SJMC）</p> | ||
| 64 | </span> | ||
| 65 | <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJMC" | ||
| 66 | placeholder="收件名称"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | |||
| 70 | <el-col :span="8"> | ||
| 71 | <el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJSL'" | ||
| 72 | :rules="{ ...rules.SJSL, ...typeNum }"> | ||
| 73 | <span slot="label"> | ||
| 74 | 收件数量： <br /> | ||
| 75 | <p class="label-detail">（SJSL）</p> | ||
| 76 | </span> | ||
| 77 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }" | ||
| 78 | type="number" v-model.number="form.receivingInfo[index].SJSL" placeholder="收件数量"></el-input-number> | ||
| 79 | </el-form-item> | ||
| 80 | </el-col> | ||
| 81 | </el-row> | ||
| 82 | |||
| 83 | <el-row class="receivingInfo-item-input"> | ||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item :prop="'receivingInfo.' + index + '.SFSJSY'" :rules="rules.SFSJSY"> | ||
| 86 | <span slot="label"> | ||
| 87 | 是否收缴收验： <br /> | ||
| 88 | <p class="label-detail">（SFSJSY）</p> | ||
| 89 | </span> | ||
| 90 | <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFSJSY" | ||
| 91 | placeholder="请选择"> | ||
| 92 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 93 | </el-option> | ||
| 94 | </el-select> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item :prop="'receivingInfo.' + index + '.SFEWSJ'" :rules="rules.SFEWSJ"> | ||
| 100 | <span slot="label"> | ||
| 101 | 是否额外收件： <br /> | ||
| 102 | <p class="label-detail">（SFEWSJ）</p> | ||
| 103 | </span> | ||
| 104 | <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFEWSJ" | ||
| 105 | placeholder="请选择"> | ||
| 106 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 107 | </el-option> | ||
| 108 | </el-select> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | |||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item :prop="'receivingInfo.' + index + '.SFBCSJ'" :rules="rules.SFBCSJ"> | ||
| 114 | <span slot="label"> | ||
| 115 | 是否补充收件： <br /> | ||
| 116 | <p class="label-detail">（SFBCSJ）</p> | ||
| 117 | </span> | ||
| 118 | <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFBCSJ" | ||
| 119 | placeholder="请选择"> | ||
| 120 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 121 | </el-option> | ||
| 122 | </el-select> | ||
| 123 | </el-form-item> | ||
| 124 | </el-col> | ||
| 125 | </el-row> | ||
| 126 | |||
| 127 | <el-row class="receivingInfo-item-input"> | ||
| 128 | <el-col :span="8"> | ||
| 129 | <el-form-item :prop="'receivingInfo.' + index + '.YS'" :rules="{ ...rules.YS, ...typeNum }"> | ||
| 130 | <span slot="label"> | ||
| 131 | 页数： <br /> | ||
| 132 | <p class="label-detail">（YS）</p> | ||
| 133 | </span> | ||
| 134 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }" | ||
| 135 | type="number" v-model.number="form.receivingInfo[index].YS" placeholder="页数"></el-input-number> | ||
| 136 | </el-form-item> | ||
| 137 | </el-col> | ||
| 138 | |||
| 139 | <el-col :span="8"> | ||
| 140 | <el-form-item :prop="'receivingInfo.' + index + '.BZ'" :rules="rules.BZ"> | ||
| 141 | <span slot="label"> | ||
| 142 | 备注： <br /> | ||
| 143 | <p class="label-detail">（BZ）</p> | ||
| 144 | </span> | ||
| 145 | <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].BZ" | ||
| 146 | placeholder="备注"></el-input> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | |||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item :prop="'receivingInfo.' + index + '.QXDM'" :rules="rules.QXDM"> | ||
| 152 | <span slot="label"> | ||
| 153 | 区县代码： <br /> | ||
| 154 | <p class="label-detail">（QXDM）</p> | ||
| 155 | </span> | ||
| 156 | <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].QXDM" | ||
| 157 | placeholder="区县代码"></el-input> | ||
| 158 | </el-form-item> | ||
| 159 | </el-col> | ||
| 160 | </el-row> | ||
| 161 | </div> | ||
| 162 | </div> | ||
| 163 | </el-form> | ||
| 164 | <message-tips ref="msg" /> | ||
| 165 | </div> | ||
| 166 | </template> | ||
| 167 | <script> | ||
| 168 | import djfDjSj from '@/api/djfDjSj' | ||
| 169 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 170 | // 登记收件信息 | ||
| 171 | export default { | ||
| 172 | mixins: [ruleMixin], | ||
| 173 | props: { | ||
| 174 | bsmSjsb: { | ||
| 175 | type: String, | ||
| 176 | default: '' | ||
| 177 | }, | ||
| 178 | bsmYwsjb: { | ||
| 179 | type: String, | ||
| 180 | default: '' | ||
| 181 | } | ||
| 182 | }, | ||
| 183 | data () { | ||
| 184 | return { | ||
| 185 | form: { | ||
| 186 | receivingInfo: [ | ||
| 187 | { | ||
| 188 | YSDM: '', | ||
| 189 | YWH: '', | ||
| 190 | SJSJ: '', | ||
| 191 | SJLX: '', | ||
| 192 | SJMC: '', | ||
| 193 | SJSL: '', | ||
| 194 | SFSJSY: '', | ||
| 195 | SFEWSJ: '', | ||
| 196 | SFBCSJ: '', | ||
| 197 | YS: '', | ||
| 198 | BZ: '', | ||
| 199 | QXDM: '' | ||
| 200 | } | ||
| 201 | ] | ||
| 202 | } | ||
| 203 | } | ||
| 204 | }, | ||
| 205 | methods: { | ||
| 206 | async featchData () { | ||
| 207 | try { | ||
| 208 | let { result: res } = await djfDjSj.getDjfDjSjById(this.bsmSjsb) | ||
| 209 | this.form.receivingInfo = res | ||
| 210 | //this.featchRule() | ||
| 211 | } catch (error) { | ||
| 212 | this.$refs.msg.messageShow() | ||
| 213 | } | ||
| 214 | }, | ||
| 215 | handleUpdateForm () { | ||
| 216 | return new Promise(async (resolve) => { | ||
| 217 | try { | ||
| 218 | let res = await djfDjSj.updateDjfDjSj(this.form.receivingInfo) | ||
| 219 | // this.$refs['formList'].resetFields(); | ||
| 220 | resolve(res.code) | ||
| 221 | } catch (error) { | ||
| 222 | this.$refs.msg.messageShow() | ||
| 223 | } | ||
| 224 | }) | ||
| 225 | } | ||
| 226 | } | ||
| 227 | } | ||
| 228 | </script> | ||
| 229 | <style scoped lang="scss"> | ||
| 230 | @import "./css/itemForm.scss"; | ||
| 231 | |||
| 232 | .receivingInfo-item { | ||
| 233 | display: flex; | ||
| 234 | height: 100%; | ||
| 235 | margin-bottom: 15px; | ||
| 236 | margin-right: 5px; | ||
| 237 | |||
| 238 | &-name { | ||
| 239 | display: flex; | ||
| 240 | align-items: center; | ||
| 241 | justify-content: center; | ||
| 242 | width: 20px; | ||
| 243 | padding: 10px 20px; | ||
| 244 | line-height: 28px; | ||
| 245 | border: 1px solid #ccc; | ||
| 246 | margin-right: 15px; | ||
| 247 | border-radius: 3px; | ||
| 248 | } | ||
| 249 | |||
| 250 | &-list { | ||
| 251 | width: 100%; | ||
| 252 | flex: 1; | ||
| 253 | display: flex; | ||
| 254 | justify-content: center; | ||
| 255 | flex-direction: column; | ||
| 256 | } | ||
| 257 | } | ||
| 258 | </style> | ||
| 259 | |||
| 260 |
src/components/Business/djfDjSqr.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="applicantInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码：<br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="QLRMC" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 权利人名称： <br /> | ||
| 29 | <p class="label-detail">（QLRMC）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRMC" placeholder="权利人名称"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="QLRZJZL"> | ||
| 39 | <span slot="label"> | ||
| 40 | 权利人证件种类： <br /> | ||
| 41 | <p class="label-detail">（QLRZJZL）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJZL" placeholder="权利人证件种类"> | ||
| 44 | </el-input> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | |||
| 48 | <el-col :span="8"> | ||
| 49 | <el-form-item prop="QLRZJH"> | ||
| 50 | <span slot="label"> | ||
| 51 | 权利人证件号： <br /> | ||
| 52 | <p class="label-detail">（QLRZJH）</p> | ||
| 53 | </span> | ||
| 54 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJH" placeholder="权利人证件号"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | |||
| 58 | <el-col :span="8"> | ||
| 59 | <el-form-item prop="QLRTXDZ"> | ||
| 60 | <span slot="label"> | ||
| 61 | 权利人通讯地址： <br /> | ||
| 62 | <p class="label-detail">（QLRTXDZ）</p> | ||
| 63 | </span> | ||
| 64 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRTXDZ" placeholder="权利人通讯地址"> | ||
| 65 | </el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | </el-row> | ||
| 69 | |||
| 70 | <el-row> | ||
| 71 | <el-col :span="8"> | ||
| 72 | <el-form-item prop="QLRYB"> | ||
| 73 | <span slot="label"> | ||
| 74 | 权利人邮编： <br /> | ||
| 75 | <p class="label-detail">（QLRYB）</p> | ||
| 76 | </span> | ||
| 77 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRYB" placeholder="权利人邮编"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | |||
| 81 | <el-col :span="8"> | ||
| 82 | <el-form-item prop="QLRFRMC"> | ||
| 83 | <span slot="label"> | ||
| 84 | 权利人法人名称： <br /> | ||
| 85 | <p class="label-detail">（QLRFRMC）</p> | ||
| 86 | </span> | ||
| 87 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRMC" placeholder="权利人法人名称"> | ||
| 88 | </el-input> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | |||
| 92 | <el-col :span="8"> | ||
| 93 | <el-form-item prop="QLRFRDH"> | ||
| 94 | <span slot="label"> | ||
| 95 | 权利人法人电话： <br /> | ||
| 96 | <p class="label-detail">（QLRFRDH）</p> | ||
| 97 | </span> | ||
| 98 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRDH" | ||
| 99 | onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人法人电话"></el-input> | ||
| 100 | </el-form-item> | ||
| 101 | </el-col> | ||
| 102 | </el-row> | ||
| 103 | |||
| 104 | <el-row> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item prop="QLRDLRMC"> | ||
| 107 | <span slot="label"> | ||
| 108 | 权利人代理人名称： <br /> | ||
| 109 | <p class="label-detail">（QLRDLRMC）</p> | ||
| 110 | </span> | ||
| 111 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRMC" placeholder="权利人代理人名称"> | ||
| 112 | </el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | |||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item prop="QLRDLRDH"> | ||
| 118 | <span slot="label"> | ||
| 119 | 权利人代理人电话： <br /> | ||
| 120 | <p class="label-detail">（QLRDLRDH）</p> | ||
| 121 | </span> | ||
| 122 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRDH" | ||
| 123 | onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人代理人电话"></el-input> | ||
| 124 | </el-form-item> | ||
| 125 | </el-col> | ||
| 126 | |||
| 127 | <el-col :span="8"> | ||
| 128 | <el-form-item prop="QLRDLJG"> | ||
| 129 | <span slot="label"> | ||
| 130 | 权利人代理机构： <br /> | ||
| 131 | <p class="label-detail">（QLRDLJG）</p> | ||
| 132 | </span> | ||
| 133 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLJG" placeholder="权利人代理机构"> | ||
| 134 | </el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | </el-row> | ||
| 138 | |||
| 139 | <el-row> | ||
| 140 | <el-col :span="8"> | ||
| 141 | <el-form-item prop="HJSZSS"> | ||
| 142 | <span slot="label"> | ||
| 143 | 户籍所在省市： <br /> | ||
| 144 | <p class="label-detail">（HJSZSS）</p> | ||
| 145 | </span> | ||
| 146 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HJSZSS" placeholder="户籍所在省市"></el-input> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | |||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item prop="XB"> | ||
| 152 | <span slot="label"> | ||
| 153 | 性别： <br /> | ||
| 154 | <p class="label-detail">（XB）</p> | ||
| 155 | </span> | ||
| 156 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="性别"></el-input> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | |||
| 160 | <el-col :span="8"> | ||
| 161 | <el-form-item prop="DH"> | ||
| 162 | <span slot="label"> | ||
| 163 | 电话： <br /> | ||
| 164 | <p class="label-detail">（DH）</p> | ||
| 165 | </span> | ||
| 166 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DH" | ||
| 167 | onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="电话"></el-input> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | </el-row> | ||
| 171 | |||
| 172 | <el-row> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item prop="YWRMC"> | ||
| 175 | <span slot="label"> | ||
| 176 | 义务人名称： <br /> | ||
| 177 | <p class="label-detail">（YWRMC）</p> | ||
| 178 | </span> | ||
| 179 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRMC" placeholder="义务人名称"></el-input> | ||
| 180 | </el-form-item> | ||
| 181 | </el-col> | ||
| 182 | |||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item prop="YWRZJZL"> | ||
| 185 | <span slot="label"> | ||
| 186 | 义务人证件种类： <br /> | ||
| 187 | <p class="label-detail">（YWRZJZL）</p> | ||
| 188 | </span> | ||
| 189 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="义务人证件种类"></el-input> | ||
| 190 | </el-form-item> | ||
| 191 | </el-col> | ||
| 192 | |||
| 193 | <el-col :span="8"> | ||
| 194 | <el-form-item prop="YWRZJH"> | ||
| 195 | <span slot="label"> | ||
| 196 | 义务人证件号： <br /> | ||
| 197 | <p class="label-detail">（YWRZJH）</p> | ||
| 198 | </span> | ||
| 199 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input> | ||
| 200 | </el-form-item> | ||
| 201 | </el-col> | ||
| 202 | </el-row> | ||
| 203 | |||
| 204 | <el-row> | ||
| 205 | <el-col :span="8"> | ||
| 206 | <el-form-item prop="YWRTXDZ"> | ||
| 207 | <span slot="label"> | ||
| 208 | 义务人通讯地址： <br /> | ||
| 209 | <p class="label-detail">（YWRTXDZ）</p> | ||
| 210 | </span> | ||
| 211 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRTXDZ" placeholder="义务人通讯地址"> | ||
| 212 | </el-input> | ||
| 213 | </el-form-item> | ||
| 214 | </el-col> | ||
| 215 | |||
| 216 | <el-col :span="8"> | ||
| 217 | <el-form-item prop="YWRYB"> | ||
| 218 | <span slot="label"> | ||
| 219 | 义务人邮编： <br /> | ||
| 220 | <p class="label-detail">（YWRYB）</p> | ||
| 221 | </span> | ||
| 222 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRYB" placeholder="义务人邮编"></el-input> | ||
| 223 | </el-form-item> | ||
| 224 | </el-col> | ||
| 225 | |||
| 226 | <el-col :span="8"> | ||
| 227 | <el-form-item prop="YWRFRMC"> | ||
| 228 | <span slot="label"> | ||
| 229 | 义务人法人名称： <br /> | ||
| 230 | <p class="label-detail">（YWRFRMC）</p> | ||
| 231 | </span> | ||
| 232 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRMC" placeholder="义务人法人名称"> | ||
| 233 | </el-input> | ||
| 234 | </el-form-item> | ||
| 235 | </el-col> | ||
| 236 | </el-row> | ||
| 237 | |||
| 238 | <el-row> | ||
| 239 | <el-col :span="8"> | ||
| 240 | <el-form-item prop="YWRFRDH"> | ||
| 241 | <span slot="label"> | ||
| 242 | 义务人法人电话： <br /> | ||
| 243 | <p class="label-detail">（YWRFRDH）</p> | ||
| 244 | </span> | ||
| 245 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRDH" placeholder="义务人法人电话"> | ||
| 246 | </el-input> | ||
| 247 | </el-form-item> | ||
| 248 | </el-col> | ||
| 249 | |||
| 250 | <el-col :span="8"> | ||
| 251 | <el-form-item prop="YWRDLRMC"> | ||
| 252 | <span slot="label"> | ||
| 253 | 义务人代理人名称： <br /> | ||
| 254 | <p class="label-detail">（YWRDLRMC）</p> | ||
| 255 | </span> | ||
| 256 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRMC" placeholder="义务人代理人名称"> | ||
| 257 | </el-input> | ||
| 258 | </el-form-item> | ||
| 259 | </el-col> | ||
| 260 | |||
| 261 | <el-col :span="8"> | ||
| 262 | <el-form-item prop="YWRDLRDH"> | ||
| 263 | <span slot="label"> | ||
| 264 | 义务人代理人电话： <br /> | ||
| 265 | <p class="label-detail">（YWRDLRDH）</p> | ||
| 266 | </span> | ||
| 267 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRDH" placeholder="义务人代理人电话"> | ||
| 268 | </el-input> | ||
| 269 | </el-form-item> | ||
| 270 | </el-col> | ||
| 271 | </el-row> | ||
| 272 | |||
| 273 | <el-row> | ||
| 274 | <el-col :span="8"> | ||
| 275 | <el-form-item prop="YWRDLJG"> | ||
| 276 | <span slot="label"> | ||
| 277 | 义务人代理机构： <br /> | ||
| 278 | <p class="label-detail">（YWRDLJG）</p> | ||
| 279 | </span> | ||
| 280 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLJG" placeholder="义务人代理机构"> | ||
| 281 | </el-input> | ||
| 282 | </el-form-item> | ||
| 283 | </el-col> | ||
| 284 | |||
| 285 | <el-col :span="8"> | ||
| 286 | <el-form-item prop="BZ"> | ||
| 287 | <span slot="label"> | ||
| 288 | 备注： <br /> | ||
| 289 | <p class="label-detail">（BZ）</p> | ||
| 290 | </span> | ||
| 291 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input> | ||
| 292 | </el-form-item> | ||
| 293 | </el-col> | ||
| 294 | |||
| 295 | <el-col :span="8"> | ||
| 296 | <el-form-item prop="QXDM"> | ||
| 297 | <span slot="label"> | ||
| 298 | 区县代码： <br /> | ||
| 299 | <p class="label-detail">（QXDM）</p> | ||
| 300 | </span> | ||
| 301 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 302 | </el-form-item> | ||
| 303 | </el-col> | ||
| 304 | |||
| 305 | </el-row> | ||
| 306 | </el-form> | ||
| 307 | <message-tips ref="msg" /> | ||
| 308 | </div> | ||
| 309 | </template> | ||
| 310 | <script> | ||
| 311 | // 申请人属性信息 | ||
| 312 | import djfDjSqr from "@/api/djfDjSqr"; | ||
| 313 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 314 | import treeSelect from '@/components/TreeSelect.vue' | ||
| 315 | export default { | ||
| 316 | mixins: [ruleMixin], | ||
| 317 | props: { | ||
| 318 | bsmSjsb: { | ||
| 319 | type: String, | ||
| 320 | default: "", | ||
| 321 | }, | ||
| 322 | bsmYwsjb: { | ||
| 323 | type: String, | ||
| 324 | default: "", | ||
| 325 | }, | ||
| 326 | }, | ||
| 327 | components: { | ||
| 328 | treeSelect, | ||
| 329 | }, | ||
| 330 | data() { | ||
| 331 | return { | ||
| 332 | ruleForm: { | ||
| 333 | YSDM: "", | ||
| 334 | YWH: "", | ||
| 335 | QLRMC: "", | ||
| 336 | QLRZJZL: "", | ||
| 337 | QLRZJH: "", | ||
| 338 | QLRTXDZ: "", | ||
| 339 | QLRYB: "", | ||
| 340 | QLRFRMC: "", | ||
| 341 | QLRFRDH: "", | ||
| 342 | QLRDLRMC: "", | ||
| 343 | QLRDLRDH: "", | ||
| 344 | QLRDLJG: "", | ||
| 345 | HJSZSS: "", | ||
| 346 | XB: "", | ||
| 347 | DH: "", | ||
| 348 | YWRMC: "", | ||
| 349 | YWRZJZL: "", | ||
| 350 | YWRZJH: "", | ||
| 351 | YWRTXDZ: "", | ||
| 352 | YWRYB: "", | ||
| 353 | YWRFRMC: "", | ||
| 354 | YWRFRDH: "", | ||
| 355 | YWRDLRMC: "", | ||
| 356 | YWRDLJG: "", | ||
| 357 | BZ: "", | ||
| 358 | QXDM: "", | ||
| 359 | }, | ||
| 360 | }; | ||
| 361 | }, | ||
| 362 | methods: { | ||
| 363 | async featchData() { | ||
| 364 | try { | ||
| 365 | let { result: res } = await djfDjSqr.getDjfDjSqrById(this.bsmSjsb); | ||
| 366 | this.ruleForm = res; | ||
| 367 | //this.featchRule() | ||
| 368 | } catch (error) { | ||
| 369 | this.$refs.msg.messageShow(); | ||
| 370 | } | ||
| 371 | }, | ||
| 372 | handleUpdateForm() { | ||
| 373 | return new Promise(async (resolve, reject) => { | ||
| 374 | try { | ||
| 375 | let data = _.cloneDeep(this.ruleForm); | ||
| 376 | let res = await djfDjSqr.updateDjfDjSqr(data); | ||
| 377 | resolve(res.code); | ||
| 378 | } catch (error) { | ||
| 379 | this.$refs.msg.messageShow(); | ||
| 380 | } | ||
| 381 | }); | ||
| 382 | }, | ||
| 383 | }, | ||
| 384 | }; | ||
| 385 | </script> | ||
| 386 | <style scoped lang="scss"> | ||
| 387 | @import "./css/itemForm.scss"; | ||
| 388 | </style> | ||
| 389 | |||
| 390 |
src/components/Business/djfDjSz.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="certificateInfo itemForm"> | ||
| 3 | <el-form :model="certificateInfo" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <div v-for="(item, index) in certificateInfo.ruleForm" :key="index" class="obligee-item"> | ||
| 5 | <p class="obligee-item-name">善证信息{{ index + 1 }}</p> | ||
| 6 | <div class="obligee-item-list"> | ||
| 7 | <el-row> | ||
| 8 | <el-col :span="8"> | ||
| 9 | <el-form-item :prop="'ruleForm.' + index + '.YSDM'"> | ||
| 10 | <span slot="label"> | ||
| 11 | 要素代码： <br /> | ||
| 12 | <p class="label-detail">（YSDM）</p> | ||
| 13 | </span> | ||
| 14 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YSDM" | ||
| 15 | placeholder="要素代码"></el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | |||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item :prop="'ruleForm.' + index + '.YWH'"> | ||
| 21 | <span slot="label"> | ||
| 22 | 业务号： <br /> | ||
| 23 | <p class="label-detail">（YWH）</p> | ||
| 24 | </span> | ||
| 25 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YWH" | ||
| 26 | placeholder="业务号"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | |||
| 30 | <el-col :span="8"> | ||
| 31 | <el-form-item :prop="'ruleForm.' + index + '.SZMC'"> | ||
| 32 | <span slot="label"> | ||
| 33 | 缮证名称： <br /> | ||
| 34 | <p class="label-detail">（SZMC）</p> | ||
| 35 | </span> | ||
| 36 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZMC" | ||
| 37 | placeholder="缮证名称"></el-input> | ||
| 38 | </el-form-item> | ||
| 39 | </el-col> | ||
| 40 | </el-row> | ||
| 41 | |||
| 42 | <el-row> | ||
| 43 | <el-col :span="8"> | ||
| 44 | <el-form-item :prop="'ruleForm.' + index + '.SZZH'"> | ||
| 45 | <span slot="label"> | ||
| 46 | 缮证证号： <br /> | ||
| 47 | <p class="label-detail">（SZZH）</p> | ||
| 48 | </span> | ||
| 49 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZZH" | ||
| 50 | placeholder="缮证证号"></el-input> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> | ||
| 53 | |||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item :prop="'ruleForm.' + index + '.YSXLH'"> | ||
| 56 | <span slot="label"> | ||
| 57 | 印刷序列号： <br /> | ||
| 58 | <p class="label-detail">（YSXLH）</p> | ||
| 59 | </span> | ||
| 60 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YSXLH" | ||
| 61 | placeholder="印刷序列号"></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | |||
| 65 | <el-col :span="8"> | ||
| 66 | <el-form-item :prop="'ruleForm.' + index + '.SZRY'"> | ||
| 67 | <span slot="label"> | ||
| 68 | 缮证人员： <br /> | ||
| 69 | <p class="label-detail">（SZRY）</p> | ||
| 70 | </span> | ||
| 71 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZRY" | ||
| 72 | placeholder="缮证人员"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :prop="'ruleForm.' + index + '.SZSJ'"> | ||
| 80 | <span slot="label"> | ||
| 81 | 缮证时间： <br /> | ||
| 82 | <p class="label-detail">（SZSJ）</p> | ||
| 83 | </span> | ||
| 84 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="缮证时间" type="datetime" clearable | ||
| 85 | v-model="certificateInfo.ruleForm[index].SZSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 86 | </el-date-picker> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | |||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item :prop="'ruleForm.' + index + '.BZ'"> | ||
| 92 | <span slot="label"> | ||
| 93 | 备注： <br /> | ||
| 94 | <p class="label-detail">（BZ）</p> | ||
| 95 | </span> | ||
| 96 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].BZ" | ||
| 97 | placeholder="备注"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | |||
| 101 | <el-col :span="8"> | ||
| 102 | <el-form-item :prop="'ruleForm.' + index + '.QXDM'"> | ||
| 103 | <span slot="label"> | ||
| 104 | 区县代码： <br /> | ||
| 105 | <p class="label-detail">（QXDM）</p> | ||
| 106 | </span> | ||
| 107 | <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].QXDM" | ||
| 108 | placeholder="区县代码"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | </el-row> | ||
| 112 | </div> | ||
| 113 | </div> | ||
| 114 | </el-form> | ||
| 115 | <message-tips ref="msg" /> | ||
| 116 | </div> | ||
| 117 | </template> | ||
| 118 | <script> | ||
| 119 | import djfDjSz from '@/api/djfDjSz' | ||
| 120 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 121 | // 缮证信息 | ||
| 122 | export default { | ||
| 123 | mixins: [ruleMixin], | ||
| 124 | props: { | ||
| 125 | bsmSjsb: { | ||
| 126 | type: String, | ||
| 127 | default: '' | ||
| 128 | }, | ||
| 129 | bsmYwsjb: { | ||
| 130 | type: String, | ||
| 131 | default: '' | ||
| 132 | } | ||
| 133 | }, | ||
| 134 | data () { | ||
| 135 | return { | ||
| 136 | certificateInfo: { | ||
| 137 | ruleForm: [{ | ||
| 138 | YSDM: '', | ||
| 139 | YWH: '', | ||
| 140 | SZMC: '', | ||
| 141 | SZZH: '', | ||
| 142 | YSXLH: '', | ||
| 143 | SZRY: '', | ||
| 144 | SZSJ: '', | ||
| 145 | BZ: '', | ||
| 146 | QXDM: '' | ||
| 147 | }] | ||
| 148 | } | ||
| 149 | } | ||
| 150 | }, | ||
| 151 | methods: { | ||
| 152 | async featchData () { | ||
| 153 | try { | ||
| 154 | let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb) | ||
| 155 | this.certificateInfo.ruleForm = res; | ||
| 156 | //this.featchRule() | ||
| 157 | } catch (error) { | ||
| 158 | this.$refs.msg.messageShow() | ||
| 159 | } | ||
| 160 | }, | ||
| 161 | handleUpdateForm () { | ||
| 162 | return new Promise(async (resolve) => { | ||
| 163 | try { | ||
| 164 | let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm) | ||
| 165 | // this.$refs['formList'].resetFields(); | ||
| 166 | resolve(res.code) | ||
| 167 | } catch (error) { | ||
| 168 | this.$refs.msg.messageShow() | ||
| 169 | } | ||
| 170 | }) | ||
| 171 | } | ||
| 172 | } | ||
| 173 | } | ||
| 174 | </script> | ||
| 175 | <style scoped lang="scss"> | ||
| 176 | @import "./css/itemForm.scss"; | ||
| 177 | |||
| 178 | .obligee-item { | ||
| 179 | display: flex; | ||
| 180 | height: 100%; | ||
| 181 | margin-bottom: 15px; | ||
| 182 | margin-right: 5px; | ||
| 183 | |||
| 184 | &-name { | ||
| 185 | display: flex; | ||
| 186 | align-items: center; | ||
| 187 | justify-content: center; | ||
| 188 | width: 20px; | ||
| 189 | padding: 10px 20px; | ||
| 190 | line-height: 28px; | ||
| 191 | border: 1px solid #ccc; | ||
| 192 | margin-right: 15px; | ||
| 193 | border-radius: 3px; | ||
| 194 | } | ||
| 195 | |||
| 196 | &-list { | ||
| 197 | width: 100%; | ||
| 198 | flex: 1; | ||
| 199 | display: flex; | ||
| 200 | justify-content: center; | ||
| 201 | flex-direction: column; | ||
| 202 | } | ||
| 203 | } | ||
| 204 | </style> | ||
| 205 | |||
| 206 |
src/components/Business/djtDjSlsq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="acceptanceInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" | ||
| 12 | :placeholder="$store.state.business.Edit ? '' : '要素代码'"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="YWH" class="borderTopNone"> | ||
| 18 | <span slot="label"> | ||
| 19 | 业务号： <br /> | ||
| 20 | <p class="label-detail">（YWH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" | ||
| 23 | :placeholder="$store.state.business.Edit ? '' : '业务号'"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="DJLX" class="borderTopNone"> | ||
| 29 | <span slot="label"> | ||
| 30 | 登记类型： <br /> | ||
| 31 | <p class="label-detail">（DJLX）</p> | ||
| 32 | </span> | ||
| 33 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" | ||
| 34 | :placeholder="$store.state.business.Edit ? '' : '登记类型'"> | ||
| 35 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 36 | </el-option> | ||
| 37 | </el-select> | ||
| 38 | </el-form-item> | ||
| 39 | </el-col> | ||
| 40 | </el-row> | ||
| 41 | |||
| 42 | <el-row> | ||
| 43 | <!-- <el-col :span="8"> | ||
| 44 | <el-form-item prop="DJXL"> | ||
| 45 | <span slot="label"> | ||
| 46 | 登记小类： <br /> | ||
| 47 | <p class="label-detail">（DJXL）</p> | ||
| 48 | </span> | ||
| 49 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJXL" | ||
| 50 | :placeholder="$store.state.business.Edit ? '' : '登记小类'"></el-input> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> --> | ||
| 53 | |||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item prop="QXDM"> | ||
| 56 | <span slot="label"> | ||
| 57 | 区县代码： <br /> | ||
| 58 | <p class="label-detail">（QXDM）</p> | ||
| 59 | </span> | ||
| 60 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" | ||
| 61 | :placeholder="$store.state.business.Edit ? '' : '区县代码'"></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | |||
| 65 | <el-col :span="8"> | ||
| 66 | <el-form-item prop="SQZSBS" :rules="{ type: 'number' }"> | ||
| 67 | <span slot="label"> | ||
| 68 | 申请证书版式： <br /> | ||
| 69 | <p class="label-detail">（SQZSBS）</p> | ||
| 70 | </span> | ||
| 71 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SQZSBS" placeholder="申请证书版式"> | ||
| 72 | <el-option v-for="item in dicData['A41']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE-0"> | ||
| 73 | </el-option> | ||
| 74 | </el-select> | ||
| 75 | </el-form-item> | ||
| 76 | </el-col> | ||
| 77 | <el-col :span="8"> | ||
| 78 | <el-form-item prop="SQFBCZ" :rules="{ type: 'number' }"> | ||
| 79 | <span slot="label"> | ||
| 80 | 申请分别持证： <br /> | ||
| 81 | <p class="label-detail">（SQFBCZ）</p> | ||
| 82 | </span> | ||
| 83 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SQFBCZ" placeholder="申请分别持证"> | ||
| 84 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE-0"> | ||
| 85 | </el-option> | ||
| 86 | </el-select> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | </el-row> | ||
| 90 | <el-row> | ||
| 91 | <el-col :span="8"> | ||
| 92 | <el-form-item prop="SLRY"> | ||
| 93 | <span slot="label"> | ||
| 94 | 受理人员： <br /> | ||
| 95 | <p class="label-detail">（SLRY）</p> | ||
| 96 | </span> | ||
| 97 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLRY" | ||
| 98 | :placeholder="$store.state.business.Edit ? '' : '受理人员'"></el-input> | ||
| 99 | </el-form-item> | ||
| 100 | </el-col> | ||
| 101 | |||
| 102 | <el-col :span="8"> | ||
| 103 | <el-form-item prop="SLSJ"> | ||
| 104 | <span slot="label"> | ||
| 105 | 受理时间： <br /> | ||
| 106 | <p class="label-detail">（SLSJ）</p> | ||
| 107 | </span> | ||
| 108 | <el-date-picker :disabled="$store.state.business.Edit" | ||
| 109 | :placeholder="$store.state.business.Edit ? '' : '受理时间'" clearable type="datetime" v-model="ruleForm.SLSJ" | ||
| 110 | value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 111 | </el-date-picker> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item prop="ZL"> | ||
| 116 | <span slot="label"> | ||
| 117 | 坐落： <br /> | ||
| 118 | <p class="label-detail">（ZL）</p> | ||
| 119 | </span> | ||
| 120 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" | ||
| 121 | :placeholder="$store.state.business.Edit ? '' : '坐落'"></el-input> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | </el-row> | ||
| 125 | <el-row> | ||
| 126 | <el-col :span="8"> | ||
| 127 | <el-form-item prop="TZRXM"> | ||
| 128 | <span slot="label"> | ||
| 129 | 通知人姓名： <br /> | ||
| 130 | <p class="label-detail">（TZRXM）</p> | ||
| 131 | </span> | ||
| 132 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRXM" | ||
| 133 | :placeholder="$store.state.business.Edit ? '' : '通知人姓名'"></el-input> | ||
| 134 | </el-form-item> | ||
| 135 | </el-col> | ||
| 136 | |||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item prop="TZFS"> | ||
| 139 | <span slot="label"> | ||
| 140 | 通知方式： <br /> | ||
| 141 | <p class="label-detail">（TZFS）</p> | ||
| 142 | </span> | ||
| 143 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.TZFS" placeholder="通知方式"> | ||
| 144 | <el-option v-for="item in dicData['A42']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 145 | </el-option> | ||
| 146 | </el-select> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | <el-col :span="8"> | ||
| 150 | <el-form-item prop="TZRDH"> | ||
| 151 | <span slot="label"> | ||
| 152 | 通知人电话： <br /> | ||
| 153 | <p class="label-detail">（TZRDH）</p> | ||
| 154 | </span> | ||
| 155 | <el-input :disabled="$store.state.business.Edit" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" | ||
| 156 | maxlength="11" placeholder="通知人电话" v-model="ruleForm.TZRDH"></el-input> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | </el-row> | ||
| 160 | <el-row> | ||
| 161 | <el-col :span="8"> | ||
| 162 | <el-form-item prop="TZRYDDH"> | ||
| 163 | <span slot="label"> | ||
| 164 | 通知人移动电话： <br /> | ||
| 165 | <p class="label-detail">（TZRYDDH）</p> | ||
| 166 | </span> | ||
| 167 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRYDDH" placeholder="通知人移动电话" | ||
| 168 | onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11"></el-input> | ||
| 169 | </el-form-item> | ||
| 170 | </el-col> | ||
| 171 | <el-col :span="8"> | ||
| 172 | <el-form-item prop="TZRDZYJ"> | ||
| 173 | <span slot="label"> | ||
| 174 | 通知人电子邮件： <br /> | ||
| 175 | <p class="label-detail">（TZRDZYJ）</p> | ||
| 176 | </span> | ||
| 177 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRDZYJ" placeholder="通知人电子邮件"> | ||
| 178 | </el-input> | ||
| 179 | </el-form-item> | ||
| 180 | </el-col> | ||
| 181 | <el-col :span="8"> | ||
| 182 | <el-form-item prop="SFWTAJ"> | ||
| 183 | <span slot="label"> | ||
| 184 | 是否问题案件： <br /> | ||
| 185 | <p class="label-detail">（SFWTAJ）</p> | ||
| 186 | </span> | ||
| 187 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFWTAJ" placeholder="是否问题案件"> | ||
| 188 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 189 | </el-option> | ||
| 190 | </el-select> | ||
| 191 | </el-form-item> | ||
| 192 | </el-col> | ||
| 193 | </el-row> | ||
| 194 | <el-row> | ||
| 195 | <el-col :span="8"> | ||
| 196 | <el-form-item prop="JSSJ"> | ||
| 197 | <span slot="label"> | ||
| 198 | 结束时间： <br /> | ||
| 199 | <p class="label-detail">（JSSJ）</p> | ||
| 200 | </span> | ||
| 201 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="结束时间" clearable type="datetime" | ||
| 202 | v-model="ruleForm.JSSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 203 | </el-date-picker> | ||
| 204 | </el-form-item> | ||
| 205 | </el-col> | ||
| 206 | <el-col :span="8"> | ||
| 207 | <el-form-item prop="AJZT"> | ||
| 208 | <span slot="label"> | ||
| 209 | 案件状态： <br /> | ||
| 210 | <p class="label-detail">（AJZT）</p> | ||
| 211 | </span> | ||
| 212 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.AJZT" placeholder="案件状态"> | ||
| 213 | <el-option v-for="item in dicData['A31']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 214 | </el-option> | ||
| 215 | </el-select> | ||
| 216 | </el-form-item> | ||
| 217 | </el-col> | ||
| 218 | <el-col :span="8"> | ||
| 219 | <el-form-item prop="BZ"> | ||
| 220 | <span slot="label"> | ||
| 221 | 备注： <br /> | ||
| 222 | <p class="label-detail">（BZ）</p> | ||
| 223 | </span> | ||
| 224 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input> | ||
| 225 | </el-form-item> | ||
| 226 | </el-col> | ||
| 227 | </el-row> | ||
| 228 | </el-form> | ||
| 229 | <message-tips ref="msg" /> | ||
| 230 | </div> | ||
| 231 | </template> | ||
| 232 | <script> | ||
| 233 | // 登记受理申请信息 | ||
| 234 | import djtDjSlsq from "@/api/djtDjSlsq"; | ||
| 235 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 236 | export default { | ||
| 237 | mixins: [ruleMixin], | ||
| 238 | props: { | ||
| 239 | bsmSjsb: { | ||
| 240 | type: String, | ||
| 241 | default: "", | ||
| 242 | }, | ||
| 243 | bsmYwsjb: { | ||
| 244 | type: String, | ||
| 245 | default: "", | ||
| 246 | }, | ||
| 247 | }, | ||
| 248 | data () { | ||
| 249 | return { | ||
| 250 | ruleForm: { | ||
| 251 | YSDM: "", | ||
| 252 | YWH: "", | ||
| 253 | DJDL: "", | ||
| 254 | DJXL: "", | ||
| 255 | QXDM: "", | ||
| 256 | SQZSBS: null, | ||
| 257 | SQFBCZ: null, | ||
| 258 | SLRY: "", | ||
| 259 | SLSJ: "", | ||
| 260 | ZL: "", | ||
| 261 | TZRXM: "", | ||
| 262 | TZFS: "", | ||
| 263 | TZRDH: "", | ||
| 264 | TZRYDDH: "", | ||
| 265 | TZRDZYJ: "", | ||
| 266 | SFWTAJ: "", | ||
| 267 | JSSJ: "", | ||
| 268 | AJZT: "", | ||
| 269 | BZ: "", | ||
| 270 | }, | ||
| 271 | }; | ||
| 272 | }, | ||
| 273 | methods: { | ||
| 274 | async featchData () { | ||
| 275 | try { | ||
| 276 | let { result: res } = await djtDjSlsq.getDjtDjSlsqById(this.bsmSjsb); | ||
| 277 | this.ruleForm = res; | ||
| 278 | //this.featchRule() | ||
| 279 | } catch (error) { | ||
| 280 | this.$refs.msg.messageShow(); | ||
| 281 | } | ||
| 282 | }, | ||
| 283 | handleUpdateForm () { | ||
| 284 | return new Promise(async (resolve) => { | ||
| 285 | try { | ||
| 286 | let res = await djtDjSlsq.updateDjtDjSlsq(this.ruleForm); | ||
| 287 | resolve(res.code); | ||
| 288 | } catch (error) { | ||
| 289 | this.$refs.msg.messageShow(); | ||
| 290 | } | ||
| 291 | }); | ||
| 292 | }, | ||
| 293 | }, | ||
| 294 | }; | ||
| 295 | </script> | ||
| 296 | <style scoped lang="scss"> | ||
| 297 | @import "./css/itemForm.scss"; | ||
| 298 | </style> | ||
| 299 | |||
| 300 |
src/components/Business/fjF100.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="unstructuredDoc itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="FJMC"> | ||
| 7 | <span slot="label"> | ||
| 8 | 附件名称： <br /> | ||
| 9 | <p class="label-detail">（FJMC）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJMC" placeholder="附件名称"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="FJLX"> | ||
| 17 | <span slot="label"> | ||
| 18 | 附件类型： <br /> | ||
| 19 | <p class="label-detail">（FJLX）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJLX" placeholder="附件类型"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="FJNR"> | ||
| 27 | <span slot="label"> | ||
| 28 | 附件内容： <br /> | ||
| 29 | <p class="label-detail">（FJNR）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJNR" placeholder="附件内容"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | </el-form> | ||
| 36 | <message-tips ref="msg" /> | ||
| 37 | </div> | ||
| 38 | </template> | ||
| 39 | <script> | ||
| 40 | // 非结构化文档 | ||
| 41 | import business from '@/api/business' | ||
| 42 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 43 | export default { | ||
| 44 | mixins: [ruleMixin], | ||
| 45 | props: { | ||
| 46 | bsmSjsb: { | ||
| 47 | type: String, | ||
| 48 | default: '' | ||
| 49 | }, | ||
| 50 | bsmYwsjb: { | ||
| 51 | type: String, | ||
| 52 | default: '' | ||
| 53 | } | ||
| 54 | }, | ||
| 55 | data () { | ||
| 56 | return { | ||
| 57 | ruleForm: { | ||
| 58 | FJMC: '', | ||
| 59 | FJLX: '', | ||
| 60 | FJNR: '' | ||
| 61 | } | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | methods: { | ||
| 65 | async featchData () { | ||
| 66 | try { | ||
| 67 | let { result: res } = await business.getFjF100ById(this.bsmSjsb) | ||
| 68 | this.ruleForm = res | ||
| 69 | //this.featchRule() | ||
| 70 | } catch (error) { | ||
| 71 | this.$refs.msg.messageShow() | ||
| 72 | } | ||
| 73 | }, | ||
| 74 | handleUpdateForm () { | ||
| 75 | return new Promise(async (resolve) => { | ||
| 76 | try { | ||
| 77 | let res = await business.updateFjF100(this.ruleForm) | ||
| 78 | // this.$refs['formList'].resetFields(); | ||
| 79 | resolve(res.code) | ||
| 80 | } catch (error) { | ||
| 81 | this.$refs.msg.messageShow() | ||
| 82 | } | ||
| 83 | }) | ||
| 84 | }, | ||
| 85 | } | ||
| 86 | } | ||
| 87 | </script> | ||
| 88 | <style scoped lang="scss"> | ||
| 89 | @import "./css/itemForm.scss"; | ||
| 90 | </style> | ||
| 91 | |||
| 92 |
src/components/Business/ktfQtDzdzw.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="punctateFixator itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item> | ||
| 7 | <span slot="label"> | ||
| 8 | 标识码： <br /> | ||
| 9 | <p class="label-detail">（BSM）</p> | ||
| 10 | </span> | ||
| 11 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 12 | {{ ruleForm.bsm || '暂无' }} | ||
| 13 | </p> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | |||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item prop="YSDM"> | ||
| 19 | <span slot="label"> | ||
| 20 | 要素代码： <br /> | ||
| 21 | <p class="label-detail">（YSDM）</p> | ||
| 22 | </span> | ||
| 23 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item prop="ZDZHDM"> | ||
| 41 | <span slot="label"> | ||
| 42 | 宗地/宗海代码： <br /> | ||
| 43 | <p class="label-detail">（ZDZHDM）</p> | ||
| 44 | </span> | ||
| 45 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="DZDZWLX"> | ||
| 51 | <span slot="label"> | ||
| 52 | 点状定着物类型： <br /> | ||
| 53 | <p class="label-detail">（DZDZWLX）</p> | ||
| 54 | </span> | ||
| 55 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZDZWLX" | ||
| 56 | placeholder="点状定着物类型"></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DZWMC"> | ||
| 62 | <span slot="label"> | ||
| 63 | 定着物名称： <br /> | ||
| 64 | <p class="label-detail">（DZWMC）</p> | ||
| 65 | </span> | ||
| 66 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | </el-row> | ||
| 70 | |||
| 71 | <el-row> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item prop="MJDW"> | ||
| 74 | <span slot="label"> | ||
| 75 | 面积单位： <br /> | ||
| 76 | <p class="label-detail">（MJDW）</p> | ||
| 77 | </span> | ||
| 78 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位"> | ||
| 79 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 80 | </el-option> | ||
| 81 | </el-select> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="MJ"> | ||
| 87 | <span slot="label"> | ||
| 88 | 面积： <br /> | ||
| 89 | <p class="label-detail">（MJ）</p> | ||
| 90 | </span> | ||
| 91 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.MJ" | ||
| 92 | v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="面积"></el-input-number> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | |||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item prop="DAH"> | ||
| 98 | <span slot="label"> | ||
| 99 | 档案号： <br /> | ||
| 100 | <p class="label-detail">（DAH）</p> | ||
| 101 | </span> | ||
| 102 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | </el-row> | ||
| 106 | |||
| 107 | <el-row> | ||
| 108 | <el-col :span="8"> | ||
| 109 | <el-form-item prop="ZT"> | ||
| 110 | <span slot="label"> | ||
| 111 | 状态： <br /> | ||
| 112 | <p class="label-detail">（ZT）</p> | ||
| 113 | </span> | ||
| 114 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态"> | ||
| 115 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 116 | </el-option> | ||
| 117 | </el-select> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="QXDM"> | ||
| 123 | <span slot="label"> | ||
| 124 | 区县代码： <br /> | ||
| 125 | <p class="label-detail">（QXDM）</p> | ||
| 126 | </span> | ||
| 127 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | </el-row> | ||
| 131 | </el-form> | ||
| 132 | <message-tips ref="msg" /> | ||
| 133 | </div> | ||
| 134 | </template> | ||
| 135 | <script> | ||
| 136 | // 点状定着物信息 | ||
| 137 | import ktfQtDzdzw from '@/api/ktfQtDzdzw' | ||
| 138 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 139 | export default { | ||
| 140 | mixins: [ruleMixin], | ||
| 141 | props: { | ||
| 142 | bsmSjsb: { | ||
| 143 | type: String, | ||
| 144 | default: '' | ||
| 145 | }, | ||
| 146 | bsmYwsjb: { | ||
| 147 | type: String, | ||
| 148 | default: '' | ||
| 149 | } | ||
| 150 | }, | ||
| 151 | data () { | ||
| 152 | return { | ||
| 153 | ruleForm: { | ||
| 154 | YSDM: '', | ||
| 155 | BDCDYH: '', | ||
| 156 | ZDZHDM: '', | ||
| 157 | DZDZWLX: '', | ||
| 158 | DZWMC: '', | ||
| 159 | MJ: '', | ||
| 160 | DAH: '', | ||
| 161 | ZT: '', | ||
| 162 | QXDM: '' | ||
| 163 | } | ||
| 164 | } | ||
| 165 | }, | ||
| 166 | methods: { | ||
| 167 | async featchData () { | ||
| 168 | try { | ||
| 169 | let { result: res } = await ktfQtDzdzw.getKtfQtDzdzwById(this.bsmSjsb) | ||
| 170 | this.ruleForm = res | ||
| 171 | } catch (error) { | ||
| 172 | this.$refs.msg.messageShow() | ||
| 173 | } | ||
| 174 | }, | ||
| 175 | handleUpdateForm () { | ||
| 176 | return new Promise(async (resolve) => { | ||
| 177 | try { | ||
| 178 | let res = await ktfQtDzdzw.updateKtfQtDzdzw(this.ruleForm) | ||
| 179 | resolve(res.code) | ||
| 180 | } catch (error) { | ||
| 181 | this.$refs.msg.messageShow() | ||
| 182 | } | ||
| 183 | }) | ||
| 184 | } | ||
| 185 | } | ||
| 186 | } | ||
| 187 | </script> | ||
| 188 | <style scoped lang="scss"> | ||
| 189 | @import "./css/itemForm.scss"; | ||
| 190 | </style> | ||
| 191 | |||
| 192 |
src/components/Business/ktfQtMzdzw.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="planarFixture itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item> | ||
| 7 | <span slot="label"> | ||
| 8 | 标识码： <br /> | ||
| 9 | <p class="label-detail">（BSM）</p> | ||
| 10 | </span> | ||
| 11 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 12 | {{ ruleForm.bsm || '暂无' }} | ||
| 13 | </p> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | |||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item prop="YSDM"> | ||
| 19 | <span slot="label"> | ||
| 20 | 要素代码： <br /> | ||
| 21 | <p class="label-detail">（YSDM）</p> | ||
| 22 | </span> | ||
| 23 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item prop="ZDZHDM"> | ||
| 41 | <span slot="label"> | ||
| 42 | 宗地/宗海代码： <br /> | ||
| 43 | <p class="label-detail">（ZDZHDM）</p> | ||
| 44 | </span> | ||
| 45 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="MZDZWLX"> | ||
| 51 | <span slot="label"> | ||
| 52 | 面状定着物类型： <br /> | ||
| 53 | <p class="label-detail">（MZDZWLX）</p> | ||
| 54 | </span> | ||
| 55 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MZDZWLX" | ||
| 56 | placeholder="面状定着物类型"></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DZWMC"> | ||
| 62 | <span slot="label"> | ||
| 63 | 定着物名称： <br /> | ||
| 64 | <p class="label-detail">（DZWMC）</p> | ||
| 65 | </span> | ||
| 66 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | </el-row> | ||
| 70 | |||
| 71 | <el-row> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item prop="MJDW"> | ||
| 74 | <span slot="label"> | ||
| 75 | 面积单位： <br /> | ||
| 76 | <p class="label-detail">（MJDW）</p> | ||
| 77 | </span> | ||
| 78 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位"> | ||
| 79 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 80 | </el-option> | ||
| 81 | </el-select> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="MJ"> | ||
| 87 | <span slot="label"> | ||
| 88 | 面积： <br /> | ||
| 89 | <p class="label-detail">（MJ）</p> | ||
| 90 | </span> | ||
| 91 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.MJ" | ||
| 92 | v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="面积"></el-input-number> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | |||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item prop="DAH"> | ||
| 98 | <span slot="label"> | ||
| 99 | 档案号： <br /> | ||
| 100 | <p class="label-detail">（DAH）</p> | ||
| 101 | </span> | ||
| 102 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | </el-row> | ||
| 106 | |||
| 107 | <el-row> | ||
| 108 | <el-col :span="8"> | ||
| 109 | <el-form-item prop="ZT"> | ||
| 110 | <span slot="label"> | ||
| 111 | 状态： <br /> | ||
| 112 | <p class="label-detail">（ZT）</p> | ||
| 113 | </span> | ||
| 114 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态"> | ||
| 115 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 116 | </el-option> | ||
| 117 | </el-select> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="QXDM"> | ||
| 123 | <span slot="label"> | ||
| 124 | 区县代码： <br /> | ||
| 125 | <p class="label-detail">（QXDM）</p> | ||
| 126 | </span> | ||
| 127 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | </el-row> | ||
| 131 | </el-form> | ||
| 132 | <message-tips ref="msg" /> | ||
| 133 | </div> | ||
| 134 | </template> | ||
| 135 | <script> | ||
| 136 | // 面状定着物 | ||
| 137 | import ktfQtMzdzw from '@/api/ktfQtMzdzw' | ||
| 138 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 139 | export default { | ||
| 140 | mixins: [ruleMixin], | ||
| 141 | props: { | ||
| 142 | bsmSjsb: { | ||
| 143 | type: String, | ||
| 144 | default: '' | ||
| 145 | }, | ||
| 146 | bsmYwsjb: { | ||
| 147 | type: String, | ||
| 148 | default: '' | ||
| 149 | } | ||
| 150 | }, | ||
| 151 | data () { | ||
| 152 | return { | ||
| 153 | ruleForm: { | ||
| 154 | YSDM: '', | ||
| 155 | BDCDYH: '', | ||
| 156 | ZDZHDM: '', | ||
| 157 | MZDZWLX: '', | ||
| 158 | DZWMC: '', | ||
| 159 | MJ: '', | ||
| 160 | DAH: '', | ||
| 161 | ZT: '', | ||
| 162 | QXDM: '' | ||
| 163 | } | ||
| 164 | } | ||
| 165 | }, | ||
| 166 | methods: { | ||
| 167 | async featchData () { | ||
| 168 | try { | ||
| 169 | let { result: res } = await ktfQtMzdzw.getKtfQtMzdzwById(this.bsmSjsb) | ||
| 170 | this.ruleForm = res | ||
| 171 | //this.featchRule() | ||
| 172 | } catch (error) { | ||
| 173 | this.$refs.msg.messageShow() | ||
| 174 | } | ||
| 175 | }, | ||
| 176 | handleUpdateForm () { | ||
| 177 | return new Promise(async (resolve) => { | ||
| 178 | try { | ||
| 179 | let res = await ktfQtMzdzw.updateKtfQtMzdzw(this.ruleForm) | ||
| 180 | // this.$refs['formList'].resetFields(); | ||
| 181 | resolve(res.code) | ||
| 182 | } catch (error) { | ||
| 183 | this.$refs.msg.messageShow() | ||
| 184 | } | ||
| 185 | }) | ||
| 186 | } | ||
| 187 | } | ||
| 188 | } | ||
| 189 | </script> | ||
| 190 | <style scoped lang="scss"> | ||
| 191 | @import "./css/itemForm.scss"; | ||
| 192 | </style> | ||
| 193 | |||
| 194 |
src/components/Business/ktfQtXzdzw.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="linearFixture itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item> | ||
| 7 | <span slot="label"> | ||
| 8 | 标识码： <br /> | ||
| 9 | <p class="label-detail">（BSM）</p> | ||
| 10 | </span> | ||
| 11 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 12 | {{ ruleForm.bsm }} | ||
| 13 | </p> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | |||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item prop="YSDM"> | ||
| 19 | <span slot="label"> | ||
| 20 | 要素代码： <br /> | ||
| 21 | <p class="label-detail">（YSDM）</p> | ||
| 22 | </span> | ||
| 23 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item prop="ZDZHDM"> | ||
| 41 | <span slot="label"> | ||
| 42 | 宗地/宗海代码： <br /> | ||
| 43 | <p class="label-detail">（ZDZHDM）</p> | ||
| 44 | </span> | ||
| 45 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="XZDZWLX"> | ||
| 51 | <span slot="label"> | ||
| 52 | 线状定着物类型： <br /> | ||
| 53 | <p class="label-detail">（XZDZWLX）</p> | ||
| 54 | </span> | ||
| 55 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XZDZWLX" | ||
| 56 | placeholder="线状定着物类型"></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DZWMC"> | ||
| 62 | <span slot="label"> | ||
| 63 | 定着物名称： <br /> | ||
| 64 | <p class="label-detail">（DZWMC）</p> | ||
| 65 | </span> | ||
| 66 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | </el-row> | ||
| 70 | |||
| 71 | <el-row> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item prop="MJDW"> | ||
| 74 | <span slot="label"> | ||
| 75 | 面积单位：<br /> | ||
| 76 | <p class="label-detail">（MJDW）</p> | ||
| 77 | </span> | ||
| 78 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位"> | ||
| 79 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 80 | </el-option> | ||
| 81 | </el-select> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="MJ"> | ||
| 87 | <span slot="label"> | ||
| 88 | 面积： <br /> | ||
| 89 | <p class="label-detail">（MJ）</p> | ||
| 90 | </span> | ||
| 91 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.MJ" | ||
| 92 | v-only-number="{ max: 99999, min: 1, precision: 2 }" placeholder="面积"></el-input-number> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | |||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item prop="DAH"> | ||
| 98 | <span slot="label"> | ||
| 99 | 档案号： <br /> | ||
| 100 | <p class="label-detail">（DAH）</p> | ||
| 101 | </span> | ||
| 102 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | </el-row> | ||
| 106 | |||
| 107 | <el-row> | ||
| 108 | <el-col :span="8"> | ||
| 109 | <el-form-item prop="ZT"> | ||
| 110 | <span slot="label"> | ||
| 111 | 状态： <br /> | ||
| 112 | <p class="label-detail">（ZT）</p> | ||
| 113 | </span> | ||
| 114 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态"> | ||
| 115 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 116 | </el-option> | ||
| 117 | </el-select> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="QXDM"> | ||
| 123 | <span slot="label"> | ||
| 124 | 区县代码： <br /> | ||
| 125 | <p class="label-detail">（QXDM）</p> | ||
| 126 | </span> | ||
| 127 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | </el-row> | ||
| 131 | </el-form> | ||
| 132 | <message-tips ref="msg" /> | ||
| 133 | </div> | ||
| 134 | </template> | ||
| 135 | <script> | ||
| 136 | // 线状定着物 | ||
| 137 | import ktfQtXzdzw from '@/api/ktfQtXzdzw' | ||
| 138 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 139 | export default { | ||
| 140 | mixins: [ruleMixin], | ||
| 141 | props: { | ||
| 142 | bsmSjsb: { | ||
| 143 | type: String, | ||
| 144 | default: '' | ||
| 145 | }, | ||
| 146 | bsmYwsjb: { | ||
| 147 | type: String, | ||
| 148 | default: '' | ||
| 149 | } | ||
| 150 | }, | ||
| 151 | data () { | ||
| 152 | return { | ||
| 153 | ruleForm: { | ||
| 154 | BSM: '', | ||
| 155 | YSDM: '', | ||
| 156 | BDCDYH: '', | ||
| 157 | ZDZHDM: '', | ||
| 158 | mzdzwlx: '', | ||
| 159 | DZWMC: '', | ||
| 160 | MJ: '', | ||
| 161 | DAH: '', | ||
| 162 | ZT: '', | ||
| 163 | QXDM: '' | ||
| 164 | } | ||
| 165 | } | ||
| 166 | }, | ||
| 167 | methods: { | ||
| 168 | async featchData () { | ||
| 169 | try { | ||
| 170 | let { result: res } = await ktfQtXzdzw.getKtfQtXzdzwById(this.bsmSjsb) | ||
| 171 | this.ruleForm = res | ||
| 172 | //this.featchRule() | ||
| 173 | } catch (error) { | ||
| 174 | this.$refs.msg.messageShow() | ||
| 175 | } | ||
| 176 | }, | ||
| 177 | handleUpdateForm () { | ||
| 178 | return new Promise(async (resolve, reject) => { | ||
| 179 | try { | ||
| 180 | let res = await ktfQtXzdzw.updateKtfQtXzdzw(this.ruleForm) | ||
| 181 | // this.$refs['formList'].resetFields(); | ||
| 182 | resolve(res.code) | ||
| 183 | } catch (error) { | ||
| 184 | this.$refs.msg.messageShow() | ||
| 185 | } | ||
| 186 | }) | ||
| 187 | } | ||
| 188 | } | ||
| 189 | } | ||
| 190 | </script> | ||
| 191 | <style scoped lang="scss"> | ||
| 192 | @import "./css/itemForm.scss"; | ||
| 193 | </style> | ||
| 194 | |||
| 195 |
src/components/Business/ktfZdbhqk.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="parcelChange itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="ZDDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 宗地代码： <br /> | ||
| 9 | <p class="label-detail">（ZDDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zddm" placeholder="宗地代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="BHYY"> | ||
| 17 | <span slot="label"> | ||
| 18 | 变化原因： <br /> | ||
| 19 | <p class="label-detail">（BHYY）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bhyy" placeholder="变化原因"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="BHNR"> | ||
| 27 | <span slot="label"> | ||
| 28 | 变化内容： <br /> | ||
| 29 | <p class="label-detail">（BHNR）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bhnr" placeholder="变化内容"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="DJSJ"> | ||
| 39 | <span slot="label"> | ||
| 40 | 登记时间： <br /> | ||
| 41 | <p class="label-detail">（DJSJ）</p> | ||
| 42 | </span> | ||
| 43 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 44 | v-model="ruleForm.djsj" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | |||
| 48 | <el-col :span="8"> | ||
| 49 | <el-form-item prop="DBR"> | ||
| 50 | <span slot="label"> | ||
| 51 | 登簿人： <br /> | ||
| 52 | <p class="label-detail">（DBR）</p> | ||
| 53 | </span> | ||
| 54 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | |||
| 58 | <el-col :span="8"> | ||
| 59 | <el-form-item prop="FJ"> | ||
| 60 | <span slot="label"> | ||
| 61 | 附记： <br /> | ||
| 62 | <p class="label-detail">（FJ）</p> | ||
| 63 | </span> | ||
| 64 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | </el-row> | ||
| 68 | <el-row> | ||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item prop="QXDM"> | ||
| 71 | <span slot="label"> | ||
| 72 | 区县代码： <br /> | ||
| 73 | <p class="label-detail">（QXDM）</p> | ||
| 74 | </span> | ||
| 75 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | </el-row> | ||
| 79 | </el-form> | ||
| 80 | <message-tips ref="msg" /> | ||
| 81 | </div> | ||
| 82 | </template> | ||
| 83 | <script> | ||
| 84 | // 宗地变化情况 | ||
| 85 | import ktfZdbhqk from '@/api/ktfZdbhqk' | ||
| 86 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 87 | export default { | ||
| 88 | mixins: [ruleMixin], | ||
| 89 | props: { | ||
| 90 | bsmSjsb: { | ||
| 91 | type: String, | ||
| 92 | default: '' | ||
| 93 | }, | ||
| 94 | bsmYwsjb: { | ||
| 95 | type: String, | ||
| 96 | default: '' | ||
| 97 | } | ||
| 98 | }, | ||
| 99 | data () { | ||
| 100 | return { | ||
| 101 | ruleForm: { | ||
| 102 | ZDDM: '', | ||
| 103 | BHYY: '', | ||
| 104 | BHNR: '', | ||
| 105 | DJSJ: '', | ||
| 106 | DBR: '', | ||
| 107 | FJ: '', | ||
| 108 | QXDM: '' | ||
| 109 | } | ||
| 110 | } | ||
| 111 | }, | ||
| 112 | methods: { | ||
| 113 | async featchData () { | ||
| 114 | try { | ||
| 115 | let { result: res } = await ktfZdbhqk.getKtfZdbhqkById(this.bsmSjsb) | ||
| 116 | this.ruleForm = res | ||
| 117 | //this.featchRule() | ||
| 118 | } catch (error) { | ||
| 119 | this.$refs.msg.messageShow() | ||
| 120 | } | ||
| 121 | }, | ||
| 122 | handleUpdateForm () { | ||
| 123 | return new Promise(async (resolve) => { | ||
| 124 | try { | ||
| 125 | let res = await ktfZdbhqk.updateKtfZdbhqk(this.ruleForm) | ||
| 126 | // this.$refs['formList'].resetFields(); | ||
| 127 | resolve(res.code) | ||
| 128 | } catch (error) { | ||
| 129 | this.$refs.msg.messageShow() | ||
| 130 | } | ||
| 131 | }) | ||
| 132 | } | ||
| 133 | } | ||
| 134 | } | ||
| 135 | </script> | ||
| 136 | <style scoped lang="scss"> | ||
| 137 | @import "./css/itemForm.scss"; | ||
| 138 | </style> | ||
| 139 | |||
| 140 |
src/components/Business/ktfZhYhydzb.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="islandCoordinates itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="ZHHDDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 宗海/海岛代码： <br /> | ||
| 9 | <p class="label-detail">（ZHHDDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19" | ||
| 12 | placeholder="宗海/海岛代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="XH" :rules="{ type: 'number' }"> | ||
| 18 | <span slot="label"> | ||
| 19 | 序号： <br /> | ||
| 20 | <p class="label-detail">（XH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 23 | v-model.number="ruleForm.XH" type="number" v-only-number="{ max: 999999, min: 0, precision: 0 }" | ||
| 24 | placeholder="序号"></el-input-number> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | |||
| 28 | <el-col :span="8"> | ||
| 29 | <el-form-item prop="BW" :rules="{ type: 'number' }"> | ||
| 30 | <span slot="label"> | ||
| 31 | 北纬： <br /> | ||
| 32 | <p class="label-detail">（BW）</p> | ||
| 33 | </span> | ||
| 34 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 35 | v-model.number="ruleForm.BW" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" | ||
| 36 | placeholder="北纬"></el-input-number> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | |||
| 41 | <el-row> | ||
| 42 | <el-col :span="8"> | ||
| 43 | <el-form-item prop="DJ" :rules="{ type: 'number' }"> | ||
| 44 | <span slot="label"> | ||
| 45 | 东经： <br /> | ||
| 46 | <p class="label-detail">（DJ）</p> | ||
| 47 | </span> | ||
| 48 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 49 | v-model.number="ruleForm.DJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" | ||
| 50 | placeholder="东经"></el-input-number> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> | ||
| 53 | |||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item prop="QXDM"> | ||
| 56 | <span slot="label"> | ||
| 57 | 区县代码： <br /> | ||
| 58 | <p class="label-detail">（QXDM）</p> | ||
| 59 | </span> | ||
| 60 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 61 | </el-form-item> | ||
| 62 | </el-col> | ||
| 63 | </el-row> | ||
| 64 | </el-form> | ||
| 65 | <message-tips ref="msg" /> | ||
| 66 | </div> | ||
| 67 | </template> | ||
| 68 | <script> | ||
| 69 | // 用海、用岛坐标 | ||
| 70 | import ktfZhYhydzb from '@/api/ktfZhYhydzb' | ||
| 71 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 72 | export default { | ||
| 73 | mixins: [ruleMixin], | ||
| 74 | props: { | ||
| 75 | bsmSjsb: { | ||
| 76 | type: String, | ||
| 77 | default: '' | ||
| 78 | }, | ||
| 79 | bsmYwsjb: { | ||
| 80 | type: String, | ||
| 81 | default: '' | ||
| 82 | } | ||
| 83 | }, | ||
| 84 | data () { | ||
| 85 | return { | ||
| 86 | ruleForm: { | ||
| 87 | ZHHDDM: '', | ||
| 88 | XH: '', | ||
| 89 | BW: '', | ||
| 90 | DJ: '', | ||
| 91 | QXDM: '' | ||
| 92 | } | ||
| 93 | } | ||
| 94 | }, | ||
| 95 | methods: { | ||
| 96 | async featchData () { | ||
| 97 | try { | ||
| 98 | let { result: res } = await ktfZhYhydzb.getKtfZhYhydzbById(this.bsmSjsb) | ||
| 99 | this.ruleForm = res | ||
| 100 | //this.featchRule() | ||
| 101 | } catch (error) { | ||
| 102 | this.$refs.msg.messageShow() | ||
| 103 | } | ||
| 104 | }, | ||
| 105 | handleUpdateForm () { | ||
| 106 | return new Promise(async (resolve, reject) => { | ||
| 107 | try { | ||
| 108 | let res = await ktfZhYhydzb.updateKtfZhYhydzb(this.ruleForm) | ||
| 109 | // this.$refs['formList'].resetFields(); | ||
| 110 | resolve(res.code) | ||
| 111 | } catch (error) { | ||
| 112 | this.$refs.msg.messageShow() | ||
| 113 | } | ||
| 114 | }) | ||
| 115 | } | ||
| 116 | } | ||
| 117 | } | ||
| 118 | </script> | ||
| 119 | <style scoped lang="scss"> | ||
| 120 | @import "./css/itemForm.scss"; | ||
| 121 | </style> | ||
| 122 | |||
| 123 |
src/components/Business/ktfZhYhzk.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="seaUse itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="ZHDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 宗海代码： <br /> | ||
| 9 | <p class="label-detail">（ZHDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YHFS"> | ||
| 17 | <span slot="label"> | ||
| 18 | 用海方式： <br /> | ||
| 19 | <p class="label-detail">（YHFS）</p> | ||
| 20 | </span> | ||
| 21 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHFS" placeholder="用海方式"> | ||
| 22 | <el-option v-for="item in dicData['A51']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 23 | </el-option> | ||
| 24 | </el-select> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | |||
| 28 | <el-col :span="8"> | ||
| 29 | <el-form-item prop="YHMJ" :rules="{ type: 'number' }"> | ||
| 30 | <span slot="label"> | ||
| 31 | 用海面积： <br /> | ||
| 32 | <p class="label-detail">（YHMJ）</p> | ||
| 33 | </span> | ||
| 34 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHMJ" type="number" | ||
| 35 | v-only-number="{ max: 999999, min: 1, precision: 2 }" placeholder="用海面积"></el-input-number> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | </el-row> | ||
| 39 | |||
| 40 | <el-row> | ||
| 41 | <el-col :span="8"> | ||
| 42 | <el-form-item prop="JTYT"> | ||
| 43 | <span slot="label"> | ||
| 44 | 具体用途： <br /> | ||
| 45 | <p class="label-detail">（JTYT）</p> | ||
| 46 | </span> | ||
| 47 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JTYT" placeholder="具体用途"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | |||
| 51 | <el-col :span="8"> | ||
| 52 | <el-form-item prop="SYJES" :rules="{ type: 'number' }"> | ||
| 53 | <span slot="label"> | ||
| 54 | 使用金额数： <br /> | ||
| 55 | <p class="label-detail">（SYJES）</p> | ||
| 56 | </span> | ||
| 57 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYJES" type="number" | ||
| 58 | v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="使用金额数"></el-input-number> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | |||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item prop="QXDM"> | ||
| 64 | <span slot="label"> | ||
| 65 | 区县代码： <br /> | ||
| 66 | <p class="label-detail">（QXDM）</p> | ||
| 67 | </span> | ||
| 68 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | </el-form> | ||
| 73 | <message-tips ref="msg" /> | ||
| 74 | </div> | ||
| 75 | </template> | ||
| 76 | <script> | ||
| 77 | // 用海状况 | ||
| 78 | import business from '@/api/business' | ||
| 79 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 80 | export default { | ||
| 81 | mixins: [ruleMixin], | ||
| 82 | props: { | ||
| 83 | bsmSjsb: { | ||
| 84 | type: String, | ||
| 85 | default: '' | ||
| 86 | }, | ||
| 87 | bsmYwsjb: { | ||
| 88 | type: String, | ||
| 89 | default: '' | ||
| 90 | } | ||
| 91 | }, | ||
| 92 | data () { | ||
| 93 | return { | ||
| 94 | ruleForm: { | ||
| 95 | ZHDM: '', | ||
| 96 | YHFS: '', | ||
| 97 | YHMJ: '', | ||
| 98 | JTYT: '', | ||
| 99 | SYJES: '', | ||
| 100 | QXDM: '' | ||
| 101 | } | ||
| 102 | } | ||
| 103 | }, | ||
| 104 | methods: { | ||
| 105 | async featchData () { | ||
| 106 | try { | ||
| 107 | let { result: res } = await business.getKtfZhYhzkById(this.bsmSjsb) | ||
| 108 | this.ruleForm = res | ||
| 109 | //this.featchRule() | ||
| 110 | } catch (error) { | ||
| 111 | this.$refs.msg.messageShow() | ||
| 112 | } | ||
| 113 | }, | ||
| 114 | handleUpdateForm () { | ||
| 115 | return new Promise(async (resolve) => { | ||
| 116 | try { | ||
| 117 | let res = await business.updateKtfZhYhzk(this.ruleForm) | ||
| 118 | // this.$refs['formList'].resetFields(); | ||
| 119 | resolve(res.code) | ||
| 120 | } catch (error) { | ||
| 121 | this.$refs.msg.messageShow() | ||
| 122 | } | ||
| 123 | }) | ||
| 124 | } | ||
| 125 | } | ||
| 126 | } | ||
| 127 | </script> | ||
| 128 | <style scoped lang="scss"> | ||
| 129 | @import "./css/itemForm.scss"; | ||
| 130 | </style> | ||
| 131 | |||
| 132 |
src/components/Business/ktfZhbhqk.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="parcelChange itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="ZHDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 宗海代码: <br /> | ||
| 9 | <p class="label-detail">（ZHDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" maxlength="19" | ||
| 12 | placeholder="宗海代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="BHYY"> | ||
| 18 | <span slot="label"> | ||
| 19 | 变化原因: <br /> | ||
| 20 | <p class="label-detail">（BHYY）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHYY" placeholder="变化原因"></el-input> | ||
| 23 | </el-form-item> | ||
| 24 | </el-col> | ||
| 25 | |||
| 26 | <el-col :span="8"> | ||
| 27 | <el-form-item prop="BHNR"> | ||
| 28 | <span slot="label"> | ||
| 29 | 变化内容: <br /> | ||
| 30 | <p class="label-detail">（BHNR）</p> | ||
| 31 | </span> | ||
| 32 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHNR" placeholder="变化内容"></el-input> | ||
| 33 | </el-form-item> | ||
| 34 | </el-col> | ||
| 35 | </el-row> | ||
| 36 | |||
| 37 | <el-row> | ||
| 38 | <el-col :span="8"> | ||
| 39 | <el-form-item prop="DJSJ"> | ||
| 40 | <span slot="label"> | ||
| 41 | 登记时间: <br /> | ||
| 42 | <p class="label-detail">（DJSJ）</p> | ||
| 43 | </span> | ||
| 44 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 45 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="DBR"> | ||
| 51 | <span slot="label"> | ||
| 52 | 登簿人: <br /> | ||
| 53 | <p class="label-detail">（DBR）</p> | ||
| 54 | </span> | ||
| 55 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 56 | </el-form-item> | ||
| 57 | </el-col> | ||
| 58 | |||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item prop="QXDM"> | ||
| 61 | <span slot="label"> | ||
| 62 | 区县代码: <br /> | ||
| 63 | <p class="label-detail">（QXDM）</p> | ||
| 64 | </span> | ||
| 65 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | </el-row> | ||
| 69 | </el-form> | ||
| 70 | <message-tips ref="msg" /> | ||
| 71 | </div> | ||
| 72 | </template> | ||
| 73 | <script> | ||
| 74 | import business from '@/api/business' | ||
| 75 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 76 | // 宗海变化情况 | ||
| 77 | export default { | ||
| 78 | mixins: [ruleMixin], | ||
| 79 | props: { | ||
| 80 | bsmSjsb: { | ||
| 81 | type: String, | ||
| 82 | default: '' | ||
| 83 | }, | ||
| 84 | bsmYwsjb: { | ||
| 85 | type: String, | ||
| 86 | default: '' | ||
| 87 | } | ||
| 88 | }, | ||
| 89 | data () { | ||
| 90 | return { | ||
| 91 | ruleForm: { | ||
| 92 | ZHDM: '', | ||
| 93 | BHYY: '', | ||
| 94 | BHNR: '', | ||
| 95 | DJSJ: '', | ||
| 96 | DBR: '', | ||
| 97 | QXDM: '' | ||
| 98 | } | ||
| 99 | } | ||
| 100 | }, | ||
| 101 | methods: { | ||
| 102 | async featchData () { | ||
| 103 | try { | ||
| 104 | let { result: res } = await business.getZhK105ById(this.bsmSjsb) | ||
| 105 | this.ruleForm = res | ||
| 106 | //this.featchRule() | ||
| 107 | } catch (error) { | ||
| 108 | this.$refs.msg.messageShow() | ||
| 109 | } | ||
| 110 | }, | ||
| 111 | handleUpdateForm () { | ||
| 112 | return new Promise(async (resolve) => { | ||
| 113 | try { | ||
| 114 | let res = await business.updateZhK105(this.ruleForm) | ||
| 115 | // this.$refs['formList'].resetFields(); | ||
| 116 | resolve(res.code) | ||
| 117 | } catch (error) { | ||
| 118 | this.$refs.msg.messageShow() | ||
| 119 | } | ||
| 120 | }) | ||
| 121 | } | ||
| 122 | } | ||
| 123 | } | ||
| 124 | </script> | ||
| 125 | <style scoped lang="scss"> | ||
| 126 | @import "./css/itemForm.scss"; | ||
| 127 | </style> | ||
| 128 | |||
| 129 |
src/components/Business/kttFwC.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="houseFloor itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="CH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 层号： <br /> | ||
| 19 | <p class="label-detail">（CH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch" placeholder="层号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="ZRZH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 自然幢号： <br /> | ||
| 29 | <p class="label-detail">（ZRZH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh" placeholder="自然幢号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="SJC"> | ||
| 39 | <span slot="label"> | ||
| 40 | 实际层： <br /> | ||
| 41 | <p class="label-detail">（SJC）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.sjc" placeholder="实际层"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="MYC"> | ||
| 49 | <span slot="label"> | ||
| 50 | 名义层： <br /> | ||
| 51 | <p class="label-detail">（MYC）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.myc" placeholder="名义层"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | |||
| 57 | <el-col :span="8"> | ||
| 58 | <el-form-item prop="CJZMJ" :rules="{ type: 'number' }"> | ||
| 59 | <span slot="label"> | ||
| 60 | 层建筑面积： <br /> | ||
| 61 | <p class="label-detail">（CJZMJ）</p> | ||
| 62 | </span> | ||
| 63 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 64 | placeholder="层建筑面积" type="number" v-model.number="ruleForm.cjzmj"></el-input-number> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | </el-row> | ||
| 68 | |||
| 69 | <el-row> | ||
| 70 | <el-col :span="8"> | ||
| 71 | <el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }"> | ||
| 72 | <span slot="label"> | ||
| 73 | 层套内建筑面积： <br /> | ||
| 74 | <p class="label-detail">（CTNJZMJ）</p> | ||
| 75 | </span> | ||
| 76 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 77 | placeholder="层套内建筑面积" type="number" v-model.number="ruleForm.ctnjzmj"></el-input-number> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | |||
| 81 | <el-col :span="8"> | ||
| 82 | <el-form-item prop="CYTMJ" :rules="{ type: 'number' }"> | ||
| 83 | <span slot="label"> | ||
| 84 | 层阳台面积： <br /> | ||
| 85 | <p class="label-detail">（CYTMJ）</p> | ||
| 86 | </span> | ||
| 87 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 88 | placeholder="层阳台面积" type="number" v-model.number="ruleForm.cytmj"></el-input-number> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | |||
| 92 | <el-col :span="8"> | ||
| 93 | <el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }"> | ||
| 94 | <span slot="label"> | ||
| 95 | 层共有建筑面积： <br /> | ||
| 96 | <p class="label-detail">（CGYJZMJ）</p> | ||
| 97 | </span> | ||
| 98 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 99 | placeholder="层共有建筑面积" type="number" v-model.number="ruleForm.cgyjzmj"></el-input-number> | ||
| 100 | </el-form-item> | ||
| 101 | </el-col> | ||
| 102 | </el-row> | ||
| 103 | |||
| 104 | <el-row> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }"> | ||
| 107 | <span slot="label"> | ||
| 108 | 层分摊建筑面积： <br /> | ||
| 109 | <p class="label-detail">（CFTJZMJ）</p> | ||
| 110 | </span> | ||
| 111 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 112 | placeholder="层分摊建筑面积" type="number" v-model.number="ruleForm.cftjzmj"></el-input-number> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | |||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item prop="CBQMJ" :rules="{ type: 'number' }"> | ||
| 118 | <span slot="label"> | ||
| 119 | 层半墙面积： <br /> | ||
| 120 | <p class="label-detail">（CBQMJ）</p> | ||
| 121 | </span> | ||
| 122 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 123 | type="number" placeholder="层半墙面积" v-model.number="ruleForm.cbqmj"></el-input-number> | ||
| 124 | </el-form-item> | ||
| 125 | </el-col> | ||
| 126 | |||
| 127 | <el-col :span="8"> | ||
| 128 | <el-form-item prop="CG" :rules="{ type: 'number' }"> | ||
| 129 | <span slot="label"> | ||
| 130 | 层高： <br /> | ||
| 131 | <p class="label-detail">（CG）</p> | ||
| 132 | </span> | ||
| 133 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 134 | placeholder="层高" type="number" v-model.number="ruleForm.cg"></el-input-number> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | </el-row> | ||
| 138 | |||
| 139 | <el-row> | ||
| 140 | <el-col :span="8"> | ||
| 141 | <el-form-item prop="SPTYMJ" :rules="{ type: 'number' }"> | ||
| 142 | <span slot="label"> | ||
| 143 | 水平投影面积： <br /> | ||
| 144 | <p class="label-detail">（SPTYMJ）</p> | ||
| 145 | </span> | ||
| 146 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 147 | placeholder="水平投影面积" type="number" v-model.number="ruleForm.sptymj"></el-input-number> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | |||
| 151 | <el-col :span="8"> | ||
| 152 | <el-form-item prop="QXDM"> | ||
| 153 | <span slot="label"> | ||
| 154 | 区县代码： <br /> | ||
| 155 | <p class="label-detail">（QXDM）</p> | ||
| 156 | </span> | ||
| 157 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 158 | </el-form-item> | ||
| 159 | </el-col> | ||
| 160 | </el-row> | ||
| 161 | </el-form> | ||
| 162 | <message-tips ref="msg" /> | ||
| 163 | </div> | ||
| 164 | </template> | ||
| 165 | <script> | ||
| 166 | // 层信息 | ||
| 167 | import kttFwC from '@/api/kttFwC' | ||
| 168 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 169 | export default { | ||
| 170 | mixins: [ruleMixin], | ||
| 171 | props: { | ||
| 172 | bsmSjsb: { | ||
| 173 | type: String, | ||
| 174 | default: '' | ||
| 175 | }, | ||
| 176 | bsmYwsjb: { | ||
| 177 | type: String, | ||
| 178 | default: '' | ||
| 179 | } | ||
| 180 | }, | ||
| 181 | data () { | ||
| 182 | return { | ||
| 183 | ruleForm: { | ||
| 184 | YSDM: '', | ||
| 185 | CH: '', | ||
| 186 | ZRZH: '', | ||
| 187 | SJC: '', | ||
| 188 | MYC: '', | ||
| 189 | CJZMJ: '', | ||
| 190 | CTNJZMJ: '', | ||
| 191 | CYTMJ: '', | ||
| 192 | CGYJZMJ: '', | ||
| 193 | CFTJZMJ: '', | ||
| 194 | CBQMJ: '', | ||
| 195 | CG: '', | ||
| 196 | SPTYMJ: '', | ||
| 197 | QXDM: '' | ||
| 198 | } | ||
| 199 | } | ||
| 200 | }, | ||
| 201 | methods: { | ||
| 202 | async featchData () { | ||
| 203 | try { | ||
| 204 | let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb) | ||
| 205 | this.ruleForm = res | ||
| 206 | //this.featchRule() | ||
| 207 | } catch (error) { | ||
| 208 | this.$refs.msg.messageShow() | ||
| 209 | } | ||
| 210 | }, | ||
| 211 | handleUpdateForm () { | ||
| 212 | return new Promise(async (resolve, reject) => { | ||
| 213 | try { | ||
| 214 | let res = await kttFwC.updateKttFwC(this.ruleForm) | ||
| 215 | // this.$refs['formList'].resetFields(); | ||
| 216 | resolve(res.code) | ||
| 217 | } catch (error) { | ||
| 218 | this.$refs.msg.messageShow() | ||
| 219 | } | ||
| 220 | }) | ||
| 221 | }, | ||
| 222 | } | ||
| 223 | } | ||
| 224 | </script> | ||
| 225 | <style scoped lang="scss"> | ||
| 226 | @import "./css/itemForm.scss"; | ||
| 227 | </style> | ||
| 228 | |||
| 229 |
src/components/Business/kttFwH.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="households itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="BDCDYH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 不动产单元号： <br /> | ||
| 19 | <p class="label-detail">（BDCDYH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="LJZH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 逻辑幢号： <br /> | ||
| 29 | <p class="label-detail">（LJZH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh" placeholder="逻辑幢号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="ZRZH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 自然幢号： <br /> | ||
| 41 | <p class="label-detail">（ZRZH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh" placeholder="自然幢号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="FWBM"> | ||
| 49 | <span slot="label"> | ||
| 50 | 房屋编码： <br /> | ||
| 51 | <p class="label-detail">（FWBM）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwbm" placeholder="房屋编码"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | |||
| 57 | <el-col :span="8"> | ||
| 58 | <el-form-item prop="CH"> | ||
| 59 | <span slot="label"> | ||
| 60 | 层号： <br /> | ||
| 61 | <p class="label-detail">（CH）</p> | ||
| 62 | </span> | ||
| 63 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch" placeholder="层号"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | </el-row> | ||
| 67 | |||
| 68 | <el-row> | ||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item prop="ZL"> | ||
| 71 | <span slot="label"> | ||
| 72 | 坐落： <br /> | ||
| 73 | <p class="label-detail">（ZL）</p> | ||
| 74 | </span> | ||
| 75 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zl" placeholder="坐落"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | |||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item prop="MJDW"> | ||
| 81 | <span slot="label"> | ||
| 82 | 面积单位： <br /> | ||
| 83 | <p class="label-detail">（MJDW）</p> | ||
| 84 | </span> | ||
| 85 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.mjdw" placeholder="面积单位"> | ||
| 86 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | |||
| 92 | <el-col :span="8"> | ||
| 93 | <el-form-item prop="SJCS"> | ||
| 94 | <span slot="label"> | ||
| 95 | 实际层数： <br /> | ||
| 96 | <p class="label-detail">（SJCS）</p> | ||
| 97 | </span> | ||
| 98 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }" | ||
| 99 | placeholder="实际层数" v-model="ruleForm.sjcs"></el-input-number> | ||
| 100 | </el-form-item> | ||
| 101 | </el-col> | ||
| 102 | </el-row> | ||
| 103 | |||
| 104 | <el-row> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item prop="HH"> | ||
| 107 | <span slot="label"> | ||
| 108 | 户号： <br /> | ||
| 109 | <p class="label-detail">（HH）</p> | ||
| 110 | </span> | ||
| 111 | <el-input-number controls-position="right":disabled="$store.state.business.Edit" v-model="ruleForm.hh" placeholder="户号" | ||
| 112 | v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input-number> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | |||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item prop="SHBW"> | ||
| 118 | <span slot="label"> | ||
| 119 | 室号部位： <br /> | ||
| 120 | <p class="label-detail">（SHBW）</p> | ||
| 121 | </span> | ||
| 122 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.shbw" placeholder="室号部位"></el-input> | ||
| 123 | </el-form-item> | ||
| 124 | </el-col> | ||
| 125 | |||
| 126 | <el-col :span="8"> | ||
| 127 | <el-form-item prop="HX"> | ||
| 128 | <span slot="label"> | ||
| 129 | 户型： <br /> | ||
| 130 | <p class="label-detail">（HX）</p> | ||
| 131 | </span> | ||
| 132 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hx" placeholder="户型"> | ||
| 133 | <el-option v-for="item in dicData['A15']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 134 | </el-option> | ||
| 135 | </el-select> | ||
| 136 | </el-form-item> | ||
| 137 | </el-col> | ||
| 138 | </el-row> | ||
| 139 | |||
| 140 | <el-row> | ||
| 141 | <el-col :span="8"> | ||
| 142 | <el-form-item prop="HXJG"> | ||
| 143 | <span slot="label"> | ||
| 144 | 户型结构： <br /> | ||
| 145 | <p class="label-detail">（HXJG）</p> | ||
| 146 | </span> | ||
| 147 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hxjg" placeholder="户型结构"> | ||
| 148 | <el-option v-for="item in dicData['A16']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 149 | </el-option> | ||
| 150 | </el-select> | ||
| 151 | </el-form-item> | ||
| 152 | </el-col> | ||
| 153 | |||
| 154 | <el-col :span="8"> | ||
| 155 | <el-form-item prop="FWYT1"> | ||
| 156 | <span slot="label"> | ||
| 157 | 房屋用途1： <br /> | ||
| 158 | <p class="label-detail">（FWYT1）</p> | ||
| 159 | </span> | ||
| 160 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt1" placeholder="房屋用途1"> | ||
| 161 | <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 162 | </el-option> | ||
| 163 | </el-select> | ||
| 164 | </el-form-item> | ||
| 165 | </el-col> | ||
| 166 | |||
| 167 | <el-col :span="8"> | ||
| 168 | <el-form-item prop="FWYT2"> | ||
| 169 | <span slot="label"> | ||
| 170 | 房屋用途2： <br /> | ||
| 171 | <p class="label-detail">（FWYT2）</p> | ||
| 172 | </span> | ||
| 173 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2" placeholder="房屋用途2"> | ||
| 174 | <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 175 | </el-option> | ||
| 176 | </el-select> | ||
| 177 | </el-form-item> | ||
| 178 | </el-col> | ||
| 179 | </el-row> | ||
| 180 | |||
| 181 | <el-row> | ||
| 182 | <el-col :span="8"> | ||
| 183 | <el-form-item prop="FWYT3"> | ||
| 184 | <span slot="label"> | ||
| 185 | 房屋用途3： <br /> | ||
| 186 | <p class="label-detail">（FWYT3）</p> | ||
| 187 | </span> | ||
| 188 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3" placeholder="房屋用途3"> | ||
| 189 | <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 190 | </el-option> | ||
| 191 | </el-select> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | |||
| 195 | <el-col :span="8"> | ||
| 196 | <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }"> | ||
| 197 | <span slot="label"> | ||
| 198 | 预测建筑面积： <br /> | ||
| 199 | <p class="label-detail">（YCJZMJ）</p> | ||
| 200 | </span> | ||
| 201 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 202 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number" | ||
| 203 | v-model.number="ruleForm.ycjzmj"></el-input-number> | ||
| 204 | </el-form-item> | ||
| 205 | </el-col> | ||
| 206 | |||
| 207 | <el-col :span="8"> | ||
| 208 | <el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }"> | ||
| 209 | <span slot="label"> | ||
| 210 | 预测套内建筑面积： <br /> | ||
| 211 | <p class="label-detail">（YCTNJZMJ）</p> | ||
| 212 | </span> | ||
| 213 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 214 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number" | ||
| 215 | v-model.number="ruleForm.yctnjzmj"></el-input-number> | ||
| 216 | </el-form-item> | ||
| 217 | </el-col> | ||
| 218 | </el-row> | ||
| 219 | |||
| 220 | <el-row> | ||
| 221 | <el-col :span="8"> | ||
| 222 | <el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }"> | ||
| 223 | <span slot="label"> | ||
| 224 | 预测分摊建筑面积： <br /> | ||
| 225 | <p class="label-detail">（YCFTJZMJ）</p> | ||
| 226 | </span> | ||
| 227 | <el-input :disabled="$store.state.business.Edit" | ||
| 228 | : 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number" | ||
| 229 | v-model.number="ruleForm.ycftjzmj"></el-input> | ||
| 230 | </el-form-item> | ||
| 231 | </el-col> | ||
| 232 | |||
| 233 | <el-col :span="8"> | ||
| 234 | <el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }"> | ||
| 235 | <span slot="label"> | ||
| 236 | 预测地下部分建筑面积： <br /> | ||
| 237 | <p class="label-detail">（YCDXBFJZMJ）</p> | ||
| 238 | </span> | ||
| 239 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 240 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number" | ||
| 241 | v-model.number="ruleForm.ycdxbfjzmj"></el-input-number> | ||
| 242 | </el-form-item> | ||
| 243 | </el-col> | ||
| 244 | |||
| 245 | <el-col :span="8"> | ||
| 246 | <el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }"> | ||
| 247 | <span slot="label"> | ||
| 248 | 预测其它建筑面积： <br /> | ||
| 249 | <p class="label-detail">（YCQTJZMJ）</p> | ||
| 250 | </span> | ||
| 251 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 252 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number" | ||
| 253 | v-model.number="ruleForm.ycqtjzmj"></el-input-number> | ||
| 254 | </el-form-item> | ||
| 255 | </el-col> | ||
| 256 | </el-row> | ||
| 257 | |||
| 258 | <!-- 预测分摊系数 --> | ||
| 259 | <el-row> | ||
| 260 | <el-col :span="8"> | ||
| 261 | <el-form-item prop="YCFTXS" :rules="{ type: 'number' }"> | ||
| 262 | <span slot="label"> | ||
| 263 | 预测分摊系数： <br /> | ||
| 264 | <p class="label-detail">（YCFTXS）</p> | ||
| 265 | </span> | ||
| 266 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ycftxs" placeholder="预测分摊系数" | ||
| 267 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input> | ||
| 268 | </el-form-item> | ||
| 269 | </el-col> | ||
| 270 | |||
| 271 | <el-col :span="8"> | ||
| 272 | <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }"> | ||
| 273 | <span slot="label"> | ||
| 274 | 实测建筑面积： <br /> | ||
| 275 | <p class="label-detail">（SCJZMJ）</p> | ||
| 276 | </span> | ||
| 277 | <el-input :disabled="$store.state.business.Edit" | ||
| 278 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number" | ||
| 279 | v-model.number="ruleForm.scjzmj"></el-input> | ||
| 280 | </el-form-item> | ||
| 281 | </el-col> | ||
| 282 | |||
| 283 | <el-col :span="8"> | ||
| 284 | <el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }"> | ||
| 285 | <span slot="label"> | ||
| 286 | 实测套内建筑面积： <br /> | ||
| 287 | <p class="label-detail">（SCTNJZMJ）</p> | ||
| 288 | </span> | ||
| 289 | <el-input :disabled="$store.state.business.Edit" | ||
| 290 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测套内建筑面积" type="number" | ||
| 291 | v-model.number="ruleForm.sctnjzmj"></el-input> | ||
| 292 | </el-form-item> | ||
| 293 | </el-col> | ||
| 294 | </el-row> | ||
| 295 | |||
| 296 | <!-- 实测分摊建筑面积 --> | ||
| 297 | <el-row> | ||
| 298 | <el-col :span="8"> | ||
| 299 | <el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }"> | ||
| 300 | <span slot="label"> | ||
| 301 | 实测分摊建筑面积： <br /> | ||
| 302 | <p class="label-detail">（SCFTJZMJ）</p> | ||
| 303 | </span> | ||
| 304 | <el-input :disabled="$store.state.business.Edit" | ||
| 305 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测分摊建筑面积" type="number" | ||
| 306 | v-model.number="ruleForm.scftjzmj"></el-input> | ||
| 307 | </el-form-item> | ||
| 308 | </el-col> | ||
| 309 | |||
| 310 | <el-col :span="8"> | ||
| 311 | <el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }"> | ||
| 312 | <span slot="label"> | ||
| 313 | 实测地下部分建筑面积： <br /> | ||
| 314 | <p class="label-detail">（SCDXBFJZMJ）</p> | ||
| 315 | </span> | ||
| 316 | <el-input :disabled="$store.state.business.Edit" | ||
| 317 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测地下部分建筑面积" type="number" | ||
| 318 | v-model.number="ruleForm.scdxbfjzmj"></el-input> | ||
| 319 | </el-form-item> | ||
| 320 | </el-col> | ||
| 321 | |||
| 322 | <el-col :span="8"> | ||
| 323 | <el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }"> | ||
| 324 | <span slot="label"> | ||
| 325 | 实测其它建筑面积： <br /> | ||
| 326 | <p class="label-detail">（SCQTJZMJ）</p> | ||
| 327 | </span> | ||
| 328 | <el-input :disabled="$store.state.business.Edit" | ||
| 329 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测其它建筑面积" type="number" | ||
| 330 | v-model.number="ruleForm.scqtjzmj"></el-input> | ||
| 331 | </el-form-item> | ||
| 332 | </el-col> | ||
| 333 | </el-row> | ||
| 334 | |||
| 335 | <!-- 实测分摊系数 --> | ||
| 336 | <el-row> | ||
| 337 | <el-col :span="8"> | ||
| 338 | <el-form-item prop="SCFTXS" :rules="{ type: 'number' }"> | ||
| 339 | <span slot="label"> | ||
| 340 | 实测分摊系数： <br /> | ||
| 341 | <p class="label-detail">（SCFTXS）</p> | ||
| 342 | </span> | ||
| 343 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.scftxs" type="number" | ||
| 344 | v-only-number="{ max: 999999999999999, min: 0, precision: 6 }" placeholder="实测分摊系数"></el-input> | ||
| 345 | </el-form-item> | ||
| 346 | </el-col> | ||
| 347 | |||
| 348 | <el-col :span="8"> | ||
| 349 | <el-form-item prop="GYTDMJ" :rules="{ type: 'number' }"> | ||
| 350 | <span slot="label"> | ||
| 351 | 共有土地面积： <br /> | ||
| 352 | <p class="label-detail">（GYTDMJ）</p> | ||
| 353 | </span> | ||
| 354 | <el-input :disabled="$store.state.business.Edit" | ||
| 355 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="共有土地面积" type="number" | ||
| 356 | v-model.number="ruleForm.gytdmj"></el-input> | ||
| 357 | </el-form-item> | ||
| 358 | </el-col> | ||
| 359 | |||
| 360 | <el-col :span="8"> | ||
| 361 | <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }"> | ||
| 362 | <span slot="label"> | ||
| 363 | 分摊土地面积： <br /> | ||
| 364 | <p class="label-detail">（FTTDMJ）</p> | ||
| 365 | </span> | ||
| 366 | <el-input :disabled="$store.state.business.Edit" | ||
| 367 | : 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number" | ||
| 368 | v-model.number="ruleForm.fttdmj"></el-input> | ||
| 369 | </el-form-item> | ||
| 370 | </el-col> | ||
| 371 | </el-row> | ||
| 372 | |||
| 373 | <!-- 独用土地面积 --> | ||
| 374 | <el-row> | ||
| 375 | <el-col :span="8"> | ||
| 376 | <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }"> | ||
| 377 | <span slot="label"> | ||
| 378 | 独用土地面积： <br /> | ||
| 379 | <p class="label-detail">（DYTDMJ）</p> | ||
| 380 | </span> | ||
| 381 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.dytdmj" placeholder="独用土地面积" | ||
| 382 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input> | ||
| 383 | </el-form-item> | ||
| 384 | </el-col> | ||
| 385 | |||
| 386 | <el-col :span="8"> | ||
| 387 | <el-form-item prop="FWLX"> | ||
| 388 | <span slot="label"> | ||
| 389 | 房屋类型： <br /> | ||
| 390 | <p class="label-detail">（FWLX）</p> | ||
| 391 | </span> | ||
| 392 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwlx" placeholder="房屋类型"> | ||
| 393 | <el-option v-for="item in dicData['A18']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 394 | </el-option> | ||
| 395 | </el-select> | ||
| 396 | </el-form-item> | ||
| 397 | </el-col> | ||
| 398 | |||
| 399 | <el-col :span="8"> | ||
| 400 | <el-form-item prop="FWXZ"> | ||
| 401 | <span slot="label"> | ||
| 402 | 房屋性质： <br /> | ||
| 403 | <p class="label-detail">（FWXZ）</p> | ||
| 404 | </span> | ||
| 405 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwxz" placeholder="房屋性质"> | ||
| 406 | <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 407 | </el-option> | ||
| 408 | </el-select> | ||
| 409 | </el-form-item> | ||
| 410 | </el-col> | ||
| 411 | </el-row> | ||
| 412 | |||
| 413 | <!-- 房产分户图 --> | ||
| 414 | <el-row> | ||
| 415 | <el-col :span="8"> | ||
| 416 | <el-form-item prop="FCFHT"> | ||
| 417 | <span slot="label"> | ||
| 418 | 房产分户图： <br /> | ||
| 419 | <p class="label-detail">（FCFHT）</p> | ||
| 420 | </span> | ||
| 421 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fcfht" placeholder="房产分户图"></el-input> | ||
| 422 | </el-form-item> | ||
| 423 | </el-col> | ||
| 424 | |||
| 425 | <el-col :span="8"> | ||
| 426 | <el-form-item prop="ZT"> | ||
| 427 | <span slot="label"> | ||
| 428 | 状态： <br /> | ||
| 429 | <p class="label-detail">（ZT）</p> | ||
| 430 | </span> | ||
| 431 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.zt" placeholder="状态"> | ||
| 432 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 433 | </el-option> | ||
| 434 | </el-select> | ||
| 435 | </el-form-item> | ||
| 436 | </el-col> | ||
| 437 | |||
| 438 | <el-col :span="8"> | ||
| 439 | <el-form-item prop="QXDM"> | ||
| 440 | <span slot="label"> | ||
| 441 | 区县代码： <br /> | ||
| 442 | <p class="label-detail">（QXDM）</p> | ||
| 443 | </span> | ||
| 444 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 445 | </el-form-item> | ||
| 446 | </el-col> | ||
| 447 | </el-row> | ||
| 448 | </el-form> | ||
| 449 | <message-tips ref="msg" /> | ||
| 450 | </div> | ||
| 451 | </template> | ||
| 452 | <script> | ||
| 453 | // 户信息 | ||
| 454 | import kttFwH from "@/api/kttFwH"; | ||
| 455 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 456 | export default { | ||
| 457 | mixins: [ruleMixin], | ||
| 458 | props: { | ||
| 459 | bsmSjsb: { | ||
| 460 | type: String, | ||
| 461 | default: "", | ||
| 462 | }, | ||
| 463 | bsmYwsjb: { | ||
| 464 | type: String, | ||
| 465 | default: "", | ||
| 466 | }, | ||
| 467 | }, | ||
| 468 | data() { | ||
| 469 | return { | ||
| 470 | ruleForm: { | ||
| 471 | YSDM: "", | ||
| 472 | BDCDYH: "", | ||
| 473 | LJZH: "", | ||
| 474 | ZRZH: "", | ||
| 475 | FWBM: "", | ||
| 476 | CH: "", | ||
| 477 | ZL: "", | ||
| 478 | MJDW: "", | ||
| 479 | SJCS: "", | ||
| 480 | HH: "", | ||
| 481 | SHBW: "", | ||
| 482 | HX: "", | ||
| 483 | HXJG: "", | ||
| 484 | FWYT1: "", | ||
| 485 | FWYT2: "", | ||
| 486 | FWYT3: "", | ||
| 487 | YCJZMJ: "", | ||
| 488 | YCTNJZMJ: "", | ||
| 489 | YCFTJZMJ: "", | ||
| 490 | YCDXBFJZMJ: "", | ||
| 491 | YCQTJZMJ: "", | ||
| 492 | YCFTXS: "", | ||
| 493 | SCJZMJ: "", | ||
| 494 | SCTNJZMJ: "", | ||
| 495 | SCFTJZMJ: "", | ||
| 496 | SCDXBFJZMJ: "", | ||
| 497 | SCQTJZMJ: "", | ||
| 498 | SCFTXS: "", | ||
| 499 | GYTDMJ: "", | ||
| 500 | FTTDMJ: "", | ||
| 501 | DYTDMJ: "", | ||
| 502 | FWLX: "", | ||
| 503 | FWXZ: "", | ||
| 504 | FCFHT: "", | ||
| 505 | ZT: "", | ||
| 506 | QXDM: "", | ||
| 507 | }, | ||
| 508 | }; | ||
| 509 | }, | ||
| 510 | methods: { | ||
| 511 | async featchData() { | ||
| 512 | try { | ||
| 513 | let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb); | ||
| 514 | this.ruleForm = res; | ||
| 515 | //this.featchRule() | ||
| 516 | } catch (error) { | ||
| 517 | this.$refs.msg.messageShow(); | ||
| 518 | } | ||
| 519 | }, | ||
| 520 | handleUpdateForm() { | ||
| 521 | return new Promise(async (resolve, reject) => { | ||
| 522 | try { | ||
| 523 | let res = await kttFwH.updateKttFwH(this.ruleForm); | ||
| 524 | // this.$refs['formList'].resetFields(); | ||
| 525 | resolve(res.code); | ||
| 526 | } catch (error) { | ||
| 527 | this.$refs.msg.messageShow(); | ||
| 528 | } | ||
| 529 | }); | ||
| 530 | }, | ||
| 531 | }, | ||
| 532 | }; | ||
| 533 | </script> | ||
| 534 | <style scoped lang="scss"> | ||
| 535 | @import "./css/itemForm.scss"; | ||
| 536 | |||
| 537 | .households { | ||
| 538 | .item-label { | ||
| 539 | flex: 0 0 120px; | ||
| 540 | } | ||
| 541 | } | ||
| 542 | </style> | ||
| 543 | |||
| 544 |
src/components/Business/kttFwLjz.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="logicBuilding itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="LJZH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 逻辑幢号： <br /> | ||
| 19 | <p class="label-detail">（LJZH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh" placeholder="逻辑幢号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="ZRZH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 自然幢号： <br /> | ||
| 29 | <p class="label-detail">（ZRZH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh" placeholder="自然幢号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="MPH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 门牌号： <br /> | ||
| 41 | <p class="label-detail">（MPH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.mph" placeholder="门牌号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }"> | ||
| 49 | <span slot="label"> | ||
| 50 | 预测建筑面积： <br /> | ||
| 51 | <p class="label-detail">（YCJZMJ）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 54 | placeholder="预测建筑面积" type="number" v-model.number="ruleForm.ycjzmj"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | |||
| 58 | <el-col :span="8"> | ||
| 59 | <el-form-item prop="YCDXMJ" :rules="{ type: 'number' }"> | ||
| 60 | <span slot="label"> | ||
| 61 | 预测地下面积： <br /> | ||
| 62 | <p class="label-detail">（YCDXMJ）</p> | ||
| 63 | </span> | ||
| 64 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 65 | placeholder="预测地下面积" type="number" v-model.number="ruleForm.ycdxmj"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | </el-row> | ||
| 69 | |||
| 70 | <el-row> | ||
| 71 | <el-col :span="8"> | ||
| 72 | <el-form-item prop="YCQTMJ" :rules="{ type: 'number' }"> | ||
| 73 | <span slot="label"> | ||
| 74 | 预测其它面积： <br /> | ||
| 75 | <p class="label-detail">（YCQTMJ）</p> | ||
| 76 | </span> | ||
| 77 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 78 | placeholder="预测其它面积" type="number" v-model.number="ruleForm.ycqtmj"></el-input> | ||
| 79 | </el-form-item> | ||
| 80 | </el-col> | ||
| 81 | |||
| 82 | <el-col :span="8"> | ||
| 83 | <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }"> | ||
| 84 | <span slot="label"> | ||
| 85 | 实测建筑面积： <br /> | ||
| 86 | <p class="label-detail">（SCJZMJ）</p> | ||
| 87 | </span> | ||
| 88 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 89 | placeholder="实测建筑面积" type="number" v-model.number="ruleForm.scjzmj"></el-input> | ||
| 90 | </el-form-item> | ||
| 91 | </el-col> | ||
| 92 | |||
| 93 | <el-col :span="8"> | ||
| 94 | <el-form-item prop="SCDXMJ" :rules="{ type: 'number' }"> | ||
| 95 | <span slot="label"> | ||
| 96 | 实测地下面积： <br /> | ||
| 97 | <p class="label-detail">（SCDXMJ）</p> | ||
| 98 | </span> | ||
| 99 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 100 | placeholder="实测地下面积" type="number" v-model.number="ruleForm.scdxmj"></el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | </el-row> | ||
| 104 | |||
| 105 | <el-row> | ||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item prop="SCQTMJ" :rules="{ type: 'number' }"> | ||
| 108 | <span slot="label"> | ||
| 109 | 实测其它面积： <br /> | ||
| 110 | <p class="label-detail">（SCQTMJ）</p> | ||
| 111 | </span> | ||
| 112 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 113 | placeholder="实测其它面积" type="number" v-model.number="ruleForm.scqtmj"></el-input> | ||
| 114 | </el-form-item> | ||
| 115 | </el-col> | ||
| 116 | |||
| 117 | <el-col :span="8"> | ||
| 118 | <el-form-item prop="JGRQ"> | ||
| 119 | <span slot="label"> | ||
| 120 | 竣工日期： <br /> | ||
| 121 | <p class="label-detail">（JGRQ）</p> | ||
| 122 | </span> | ||
| 123 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工日期" clearable | ||
| 124 | v-model="ruleForm.jgrq" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 125 | </el-form-item> | ||
| 126 | </el-col> | ||
| 127 | |||
| 128 | <el-col :span="8"> | ||
| 129 | <el-form-item prop="FWJG1"> | ||
| 130 | <span slot="label"> | ||
| 131 | 房屋结构1： <br /> | ||
| 132 | <p class="label-detail">（FWJG1）</p> | ||
| 133 | </span> | ||
| 134 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg1" placeholder="房屋结构1"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | </el-row> | ||
| 138 | |||
| 139 | <el-row> | ||
| 140 | <el-col :span="8"> | ||
| 141 | <el-form-item prop="FWJG2"> | ||
| 142 | <span slot="label"> | ||
| 143 | 房屋结构2： <br /> | ||
| 144 | <p class="label-detail">（FWJG2）</p> | ||
| 145 | </span> | ||
| 146 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg2" placeholder="房屋结构2"></el-input> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | |||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item prop="FWJG3"> | ||
| 152 | <span slot="label"> | ||
| 153 | 房屋结构3： <br /> | ||
| 154 | <p class="label-detail">（FWJG3）</p> | ||
| 155 | </span> | ||
| 156 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg3" placeholder="房屋结构3"></el-input> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | |||
| 160 | <el-col :span="8"> | ||
| 161 | <el-form-item prop="JZWZT"> | ||
| 162 | <span slot="label"> | ||
| 163 | 建筑物状态： <br /> | ||
| 164 | <p class="label-detail">（JZWZT）</p> | ||
| 165 | </span> | ||
| 166 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jzwzt" placeholder="建筑物状态"></el-input> | ||
| 167 | </el-form-item> | ||
| 168 | </el-col> | ||
| 169 | </el-row> | ||
| 170 | |||
| 171 | <el-row> | ||
| 172 | <el-col :span="8"> | ||
| 173 | <el-form-item prop="FWYT"> | ||
| 174 | <span slot="label"> | ||
| 175 | 房屋用途1： <br /> | ||
| 176 | <p class="label-detail">（FWYT）</p> | ||
| 177 | </span> | ||
| 178 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt" placeholder="房屋用途1"></el-input> | ||
| 179 | </el-form-item> | ||
| 180 | </el-col> | ||
| 181 | |||
| 182 | <el-col :span="8"> | ||
| 183 | <el-form-item prop="FWYT2"> | ||
| 184 | <span slot="label"> | ||
| 185 | 房屋用途2： <br /> | ||
| 186 | <p class="label-detail">（FWYT2）</p> | ||
| 187 | </span> | ||
| 188 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2" placeholder="房屋用途2"></el-input> | ||
| 189 | </el-form-item> | ||
| 190 | </el-col> | ||
| 191 | |||
| 192 | <el-col :span="8"> | ||
| 193 | <el-form-item prop="FWYT3"> | ||
| 194 | <span slot="label"> | ||
| 195 | 房屋用途3： <br /> | ||
| 196 | <p class="label-detail">（FWYT3）</p> | ||
| 197 | </span> | ||
| 198 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3" placeholder="房屋用途3"></el-input> | ||
| 199 | </el-form-item> | ||
| 200 | </el-col> | ||
| 201 | </el-row> | ||
| 202 | |||
| 203 | <el-row> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item prop="ZCS" :rules="{ type: 'number' }"> | ||
| 206 | <span slot="label"> | ||
| 207 | 总层数： <br /> | ||
| 208 | <p class="label-detail">（ZCS）</p> | ||
| 209 | </span> | ||
| 210 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }" | ||
| 211 | placeholder="总层数" type="number" v-model.number="ruleForm.zcs"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | |||
| 215 | <el-col :span="8"> | ||
| 216 | <el-form-item prop="DSCS"> | ||
| 217 | <span slot="label"> | ||
| 218 | 地上层数： <br /> | ||
| 219 | <p class="label-detail">（DSCS）</p> | ||
| 220 | </span> | ||
| 221 | <el-input :disabled="$store.state.business.Edit" placeholder="地上层数" maxlength="5" | ||
| 222 | v-model="ruleForm.dscs"></el-input> | ||
| 223 | </el-form-item> | ||
| 224 | </el-col> | ||
| 225 | |||
| 226 | <el-col :span="8"> | ||
| 227 | <el-form-item prop="DXCS"> | ||
| 228 | <span slot="label"> | ||
| 229 | 地下层数： <br /> | ||
| 230 | <p class="label-detail">（DXCS）</p> | ||
| 231 | </span> | ||
| 232 | <el-input :disabled="$store.state.business.Edit" maxlength="5" placeholder="地下层数" | ||
| 233 | v-model="ruleForm.dxcs"></el-input> | ||
| 234 | </el-form-item> | ||
| 235 | </el-col> | ||
| 236 | </el-row> | ||
| 237 | |||
| 238 | <el-row> | ||
| 239 | <el-col :span="8"> | ||
| 240 | <el-form-item prop="BZ"> | ||
| 241 | <span slot="label"> | ||
| 242 | 备注： <br /> | ||
| 243 | <p class="label-detail">（BZ）</p> | ||
| 244 | </span> | ||
| 245 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bz" placeholder="备注"></el-input> | ||
| 246 | </el-form-item> | ||
| 247 | </el-col> | ||
| 248 | |||
| 249 | <el-col :span="8"> | ||
| 250 | <el-form-item prop="QXDM"> | ||
| 251 | <span slot="label"> | ||
| 252 | 区县代码： <br /> | ||
| 253 | <p class="label-detail">（QXDM）</p> | ||
| 254 | </span> | ||
| 255 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 256 | </el-form-item> | ||
| 257 | </el-col> | ||
| 258 | |||
| 259 | </el-row> | ||
| 260 | </el-form> | ||
| 261 | <message-tips ref="msg" /> | ||
| 262 | </div> | ||
| 263 | </template> | ||
| 264 | <script> | ||
| 265 | // 逻辑幢信息 | ||
| 266 | import kttFwLjz from '@/api/kttFwLjz' | ||
| 267 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 268 | export default { | ||
| 269 | mixins: [ruleMixin], | ||
| 270 | props: { | ||
| 271 | bsmSjsb: { | ||
| 272 | type: String, | ||
| 273 | default: '' | ||
| 274 | }, | ||
| 275 | bsmYwsjb: { | ||
| 276 | type: String, | ||
| 277 | default: '' | ||
| 278 | } | ||
| 279 | }, | ||
| 280 | data () { | ||
| 281 | return { | ||
| 282 | ruleForm: { | ||
| 283 | YSDM: '', | ||
| 284 | LJZH: '', | ||
| 285 | ZRZH: '', | ||
| 286 | MPH: '', | ||
| 287 | YCJZMJ: '', | ||
| 288 | YCDXMJ: '', | ||
| 289 | YCQTMJ: '', | ||
| 290 | SCJZMJ: '', | ||
| 291 | SCDXMJ: '', | ||
| 292 | SCQTMJ: '', | ||
| 293 | JGRQ: '', | ||
| 294 | FWJG1: '', | ||
| 295 | FWJG2: '', | ||
| 296 | FWJG3: '', | ||
| 297 | JZWZT: '', | ||
| 298 | FWYT: '', | ||
| 299 | FWYT2: '', | ||
| 300 | FWYT3: '', | ||
| 301 | ZCS: '', | ||
| 302 | DSCS: '', | ||
| 303 | DXCS: '', | ||
| 304 | BZ: '', | ||
| 305 | QXDM: '' | ||
| 306 | } | ||
| 307 | } | ||
| 308 | }, | ||
| 309 | methods: { | ||
| 310 | async featchData () { | ||
| 311 | try { | ||
| 312 | let { result: res } = await kttFwLjz.getKttFwLjzById(this.bsmSjsb) | ||
| 313 | this.ruleForm = res | ||
| 314 | //this.featchRule() | ||
| 315 | } catch (error) { | ||
| 316 | this.$refs.msg.messageShow() | ||
| 317 | } | ||
| 318 | }, | ||
| 319 | handleUpdateForm () { | ||
| 320 | return new Promise(async (resolve, reject) => { | ||
| 321 | try { | ||
| 322 | let res = await kttFwLjz.updateKttFwLjz(this.ruleForm) | ||
| 323 | // this.$refs['formList'].resetFields(); | ||
| 324 | resolve(res.code) | ||
| 325 | } catch (error) { | ||
| 326 | this.$refs.msg.messageShow() | ||
| 327 | } | ||
| 328 | }) | ||
| 329 | } | ||
| 330 | } | ||
| 331 | } | ||
| 332 | </script> | ||
| 333 | <style scoped lang="scss"> | ||
| 334 | @import "./css/itemForm.scss"; | ||
| 335 | </style> | ||
| 336 | |||
| 337 |
src/components/Business/kttFwZrz.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="naturalBuilding itemForm"> | ||
| 3 | <el-form :model="naturalForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <div v-for="(item, index) in naturalForm.naturalList" :key="index" class="naturalBuilding-item"> | ||
| 5 | <p class="naturalBuilding-name">自然幢{{ index + 1 }}</p> | ||
| 6 | <div class="naturalBuilding-list"> | ||
| 7 | <el-row> | ||
| 8 | <el-col :span="8"> | ||
| 9 | <el-form-item> | ||
| 10 | <span slot="label"> | ||
| 11 | 标识码： <br /> | ||
| 12 | <p class="label-detail">（BSM）</p> | ||
| 13 | </span> | ||
| 14 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bsm" | ||
| 15 | placeholder="标识码"></el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | |||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item :prop="'naturalList.' + index + '.YSDM'" :rules="rules.YSDM"> | ||
| 21 | <span slot="label"> | ||
| 22 | 要素代码： <br /> | ||
| 23 | <p class="label-detail">（YSDM）</p> | ||
| 24 | </span> | ||
| 25 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ysdm" | ||
| 26 | placeholder="要素代码"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | |||
| 30 | <el-col :span="8"> | ||
| 31 | <el-form-item :prop="'naturalList.' + index + '.BDCDYH'" :rules="rules.BDCDYH"> | ||
| 32 | <span slot="label"> | ||
| 33 | 不动产单元号： <br /> | ||
| 34 | <p class="label-detail">（BDCDYH）</p> | ||
| 35 | </span> | ||
| 36 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bdcdyh" | ||
| 37 | placeholder="不动产单元号"></el-input> | ||
| 38 | </el-form-item> | ||
| 39 | </el-col> | ||
| 40 | </el-row> | ||
| 41 | |||
| 42 | <el-row> | ||
| 43 | <el-col :span="8"> | ||
| 44 | <el-form-item :prop="'naturalList.' + index + '.ZDDM'" :rules="rules.ZDDM"> | ||
| 45 | <span slot="label"> | ||
| 46 | 宗地代码： <br /> | ||
| 47 | <p class="label-detail">（ZDDM）</p> | ||
| 48 | </span> | ||
| 49 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].zddm" | ||
| 50 | placeholder="宗地代码"></el-input> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> | ||
| 53 | |||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item :prop="'naturalList.' + index + '.ZRZH'" :rules="rules.ZRZH"> | ||
| 56 | <span slot="label"> | ||
| 57 | 自然幢号： <br /> | ||
| 58 | <p class="label-detail">（ZRZH）</p> | ||
| 59 | </span> | ||
| 60 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].zrzh" | ||
| 61 | placeholder="自然幢号"></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | |||
| 65 | <el-col :span="8"> | ||
| 66 | <el-form-item :prop="'naturalList.' + index + '.XMMC'" :rules="rules.XMMC"> | ||
| 67 | <span slot="label"> | ||
| 68 | 项目名称： <br /> | ||
| 69 | <p class="label-detail">（XMMC）</p> | ||
| 70 | </span> | ||
| 71 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].xmmc" | ||
| 72 | placeholder="项目名称"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :prop="'naturalList.' + index + '.JZWMC'" :rules="rules.JZWMC"> | ||
| 80 | <span slot="label"> | ||
| 81 | 建筑物名称： <br /> | ||
| 82 | <p class="label-detail">（JZWMC）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].jzwmc" | ||
| 85 | placeholder="建筑物名称"></el-input> | ||
| 86 | </el-form-item> | ||
| 87 | </el-col> | ||
| 88 | |||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item :prop="'naturalList.' + index + '.JGRQ'" :rules="rules.JGRQ"> | ||
| 91 | <span slot="label"> | ||
| 92 | 竣工日期： <br /> | ||
| 93 | <p class="label-detail">（JGRQ）</p> | ||
| 94 | </span> | ||
| 95 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="竣工日期" clearable | ||
| 96 | v-model="naturalForm.naturalList[index].jgrq" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | |||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item :prop="'naturalList.' + index + '.JZWGD'" :rules="{ ...rules.JZWGD, ...typeNum }"> | ||
| 102 | <span slot="label"> | ||
| 103 | 建筑物高度： <br /> | ||
| 104 | <p class="label-detail">（JZWGD）</p> | ||
| 105 | </span> | ||
| 106 | <el-input :disabled="$store.state.business.Edit" | ||
| 107 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="建筑物高度" type="number" | ||
| 108 | v-model.number="naturalForm.naturalList[index].jzwgd"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | </el-row> | ||
| 112 | |||
| 113 | <el-row> | ||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item :prop="'naturalList.' + index + '.ZZDMJ'" :rules="{ ...rules.ZZDMJ, ...typeNum }"> | ||
| 116 | <span slot="label"> | ||
| 117 | 幢占地面积： <br /> | ||
| 118 | <p class="label-detail">（ZZDMJ）</p> | ||
| 119 | </span> | ||
| 120 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" | ||
| 121 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number" | ||
| 122 | v-model.number="naturalForm.naturalList[index].zzdmj"></el-input-number> | ||
| 123 | </el-form-item> | ||
| 124 | </el-col> | ||
| 125 | |||
| 126 | <el-col :span="8"> | ||
| 127 | <el-form-item :prop="'naturalList.' + index + '.ZYDMJ'" :rules="{ ...rules.ZYDMJ, ...typeNum }"> | ||
| 128 | <span slot="label"> | ||
| 129 | 幢用地面积： <br /> | ||
| 130 | <p class="label-detail">（ZYDMJ）</p> | ||
| 131 | </span> | ||
| 132 | <el-input :disabled="$store.state.business.Edit" | ||
| 133 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢用地面积" type="number" | ||
| 134 | v-model.number="naturalForm.naturalList[index].zydmj"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | |||
| 138 | <el-col :span="8"> | ||
| 139 | <el-form-item :prop="'naturalList.' + index + '.YCJZMJ'" :rules="{ ...rules.YCJZMJ, ...typeNum }"> | ||
| 140 | <span slot="label"> | ||
| 141 | 预测建筑面积： <br /> | ||
| 142 | <p class="label-detail">（YCJZMJ）</p> | ||
| 143 | </span> | ||
| 144 | <el-input :disabled="$store.state.business.Edit" | ||
| 145 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="预测建筑面积" type="number" | ||
| 146 | v-model.number="naturalForm.naturalList[index].ycjzmj"></el-input> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | </el-row> | ||
| 150 | |||
| 151 | <el-row> | ||
| 152 | <el-col :span="8"> | ||
| 153 | <el-form-item :prop="'naturalList.' + index + '.SCJZMJ'" :rules="{ ...rules.SCJZMJ, ...typeNum }"> | ||
| 154 | <span slot="label"> | ||
| 155 | 实测建筑面积： <br /> | ||
| 156 | <p class="label-detail">（SCJZMJ）</p> | ||
| 157 | </span> | ||
| 158 | <el-input :disabled="$store.state.business.Edit" | ||
| 159 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number" | ||
| 160 | v-model.number="naturalForm.naturalList[index].scjzmj"></el-input> | ||
| 161 | </el-form-item> | ||
| 162 | </el-col> | ||
| 163 | |||
| 164 | <el-col :span="8"> | ||
| 165 | <el-form-item :prop="'naturalList.' + index + '.ZCS'" :rules="{ ...rules.ZCS, ...typeNum }"> | ||
| 166 | <span slot="label"> | ||
| 167 | 总层数： <br /> | ||
| 168 | <p class="label-detail">（ZCS）</p> | ||
| 169 | </span> | ||
| 170 | <el-input :disabled="$store.state.business.Edit" placeholder="总层数" type="number" | ||
| 171 | v-only-number="{ max: 9999, min: 0, precision: 3 }" | ||
| 172 | v-model.number="naturalForm.naturalList[index].zcs"></el-input> | ||
| 173 | </el-form-item> | ||
| 174 | </el-col> | ||
| 175 | |||
| 176 | <el-col :span="8"> | ||
| 177 | <el-form-item :prop="'naturalList.' + index + '.DSCS'" :rules="rules.DSCS"> | ||
| 178 | <span slot="label"> | ||
| 179 | 地上层数： <br /> | ||
| 180 | <p class="label-detail">（DSCS）</p> | ||
| 181 | </span> | ||
| 182 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999, min: 0, precision: 0 }" | ||
| 183 | placeholder="地上层数" v-model="naturalForm.naturalList[index].dscs"></el-input> | ||
| 184 | </el-form-item> | ||
| 185 | </el-col> | ||
| 186 | </el-row> | ||
| 187 | |||
| 188 | <el-row> | ||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item :prop="'naturalList.' + index + '.DXCS'" :rules="rules.DXCS"> | ||
| 191 | <span slot="label"> | ||
| 192 | 地下层数： <br /> | ||
| 193 | <p class="label-detail">（DXCS）</p> | ||
| 194 | </span> | ||
| 195 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9, min: 0, precision: 0 }" | ||
| 196 | placeholder="地下层数" v-model="naturalForm.naturalList[index].dxcs"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | |||
| 200 | <el-col :span="8"> | ||
| 201 | <el-form-item :prop="'naturalList.' + index + '.DXSD'" :rules="{ ...rules.DXSD, ...typeNum }"> | ||
| 202 | <span slot="label"> | ||
| 203 | 地下深度： <br /> | ||
| 204 | <p class="label-detail">（DXSD）</p> | ||
| 205 | </span> | ||
| 206 | <el-input :disabled="$store.state.business.Edit" | ||
| 207 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="地下深度" type="number" | ||
| 208 | v-model.number="naturalForm.naturalList[index].dxsd"></el-input> | ||
| 209 | </el-form-item> | ||
| 210 | </el-col> | ||
| 211 | |||
| 212 | <el-col :span="8"> | ||
| 213 | <el-form-item :prop="'naturalList.' + index + '.GHYT'" :rules="rules.GHYT"> | ||
| 214 | <span slot="label"> | ||
| 215 | 规划用途： <br /> | ||
| 216 | <p class="label-detail">（GHYT）</p> | ||
| 217 | </span> | ||
| 218 | <el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ghyt" | ||
| 219 | placeholder="规划用途"> | ||
| 220 | <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 221 | </el-option> | ||
| 222 | </el-select> | ||
| 223 | </el-form-item> | ||
| 224 | </el-col> | ||
| 225 | </el-row> | ||
| 226 | |||
| 227 | <el-row> | ||
| 228 | <el-col :span="8"> | ||
| 229 | <el-form-item :prop="'naturalList.' + index + '.FWJG'" :rules="rules.FWJG"> | ||
| 230 | <span slot="label"> | ||
| 231 | 房屋结构： <br /> | ||
| 232 | <p class="label-detail">（FWJG）</p> | ||
| 233 | </span> | ||
| 234 | <el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].fwjg" | ||
| 235 | placeholder="房屋结构"> | ||
| 236 | <el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 237 | </el-option> | ||
| 238 | </el-select> | ||
| 239 | </el-form-item> | ||
| 240 | </el-col> | ||
| 241 | |||
| 242 | <el-col :span="8"> | ||
| 243 | <el-form-item :prop="'naturalList.' + index + '.ZTS'" :rules="{ ...rules.ZTS, ...typeNum }"> | ||
| 244 | <span slot="label"> | ||
| 245 | 总套数： <br /> | ||
| 246 | <p class="label-detail">（ZTS）</p> | ||
| 247 | </span> | ||
| 248 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999, min: 0, precision: 0 }" | ||
| 249 | placeholder="总套数" type="number" v-model.number="naturalForm.naturalList[index].zts"></el-input> | ||
| 250 | </el-form-item> | ||
| 251 | </el-col> | ||
| 252 | |||
| 253 | <el-col :span="8"> | ||
| 254 | <el-form-item :prop="'naturalList.' + index + '.JZWJBYT'" :rules="rules.JZWJBYT"> | ||
| 255 | <span slot="label"> | ||
| 256 | 建筑物基本用途： <br /> | ||
| 257 | <p class="label-detail">（JZWJBYT）</p> | ||
| 258 | </span> | ||
| 259 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].jzwjbyt" | ||
| 260 | placeholder="建筑物基本用途"></el-input> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> | ||
| 263 | </el-row> | ||
| 264 | |||
| 265 | <el-row> | ||
| 266 | <el-col :span="8"> | ||
| 267 | <el-form-item :prop="'naturalList.' + index + '.DAH'" :rules="rules.DAH"> | ||
| 268 | <span slot="label"> | ||
| 269 | 档案号： <br /> | ||
| 270 | <p class="label-detail">（DAH）</p> | ||
| 271 | </span> | ||
| 272 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].dah" | ||
| 273 | placeholder="档案号"></el-input> | ||
| 274 | </el-form-item> | ||
| 275 | </el-col> | ||
| 276 | |||
| 277 | <el-col :span="8"> | ||
| 278 | <el-form-item :prop="'naturalList.' + index + '.BZ'" :rules="rules.BZ"> | ||
| 279 | <span slot="label"> | ||
| 280 | 备注： <br /> | ||
| 281 | <p class="label-detail">（BZ）</p> | ||
| 282 | </span> | ||
| 283 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bz" | ||
| 284 | placeholder="备注"></el-input> | ||
| 285 | </el-form-item> | ||
| 286 | </el-col> | ||
| 287 | |||
| 288 | <el-col :span="8"> | ||
| 289 | <el-form-item :prop="'naturalList.' + index + '.ZT'" :rules="rules.ZT"> | ||
| 290 | <span slot="label"> | ||
| 291 | 状态： <br /> | ||
| 292 | <p class="label-detail">（ZT）</p> | ||
| 293 | </span> | ||
| 294 | <el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].zt" | ||
| 295 | placeholder="状态"> | ||
| 296 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 297 | </el-option> | ||
| 298 | </el-select> | ||
| 299 | </el-form-item> | ||
| 300 | </el-col> | ||
| 301 | </el-row> | ||
| 302 | |||
| 303 | <el-row> | ||
| 304 | <el-col :span="8"> | ||
| 305 | <el-form-item :prop="'naturalList.' + index + '.QXDM'" :rules="rules.QXDM"> | ||
| 306 | <span slot="label"> | ||
| 307 | 区县代码： <br /> | ||
| 308 | <p class="label-detail">（QXDM）</p> | ||
| 309 | </span> | ||
| 310 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].qxdm" | ||
| 311 | placeholder="区县代码"></el-input> | ||
| 312 | </el-form-item> | ||
| 313 | </el-col> | ||
| 314 | </el-row> | ||
| 315 | </div> | ||
| 316 | </div> | ||
| 317 | </el-form> | ||
| 318 | <message-tips ref="msg" /> | ||
| 319 | </div> | ||
| 320 | </template> | ||
| 321 | <script> | ||
| 322 | // 自然幢 | ||
| 323 | import kttFwZrz from '@/api/kttFwZrz' | ||
| 324 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 325 | export default { | ||
| 326 | mixins: [ruleMixin], | ||
| 327 | props: { | ||
| 328 | bsmSjsb: { | ||
| 329 | type: String, | ||
| 330 | default: '' | ||
| 331 | }, | ||
| 332 | bsmYwsjb: { | ||
| 333 | type: String, | ||
| 334 | default: '' | ||
| 335 | } | ||
| 336 | }, | ||
| 337 | data () { | ||
| 338 | return { | ||
| 339 | naturalForm: { | ||
| 340 | naturalList: [ | ||
| 341 | { | ||
| 342 | BSM: '', | ||
| 343 | YSDM: '', | ||
| 344 | BDCDYH: '', | ||
| 345 | ZDDM: '', | ||
| 346 | ZRZH: '', | ||
| 347 | XMMC: '', | ||
| 348 | JZWMC: '', | ||
| 349 | JGRQ: '', | ||
| 350 | JZWGD: '', | ||
| 351 | ZZDMJ: '', | ||
| 352 | ZYDMJ: '', | ||
| 353 | YCJZMJ: '', | ||
| 354 | SCJZMJ: '', | ||
| 355 | ZCS: '', | ||
| 356 | DSCS: '', | ||
| 357 | DXCS: '', | ||
| 358 | DXSD: '', | ||
| 359 | GHYT: '', | ||
| 360 | FWJG: '', | ||
| 361 | ZTS: '', | ||
| 362 | JZWJBYT: '', | ||
| 363 | DAH: '', | ||
| 364 | BZ: '', | ||
| 365 | ZT: '', | ||
| 366 | QXDM: '' | ||
| 367 | } | ||
| 368 | ] | ||
| 369 | } | ||
| 370 | } | ||
| 371 | }, | ||
| 372 | methods: { | ||
| 373 | async featchData () { | ||
| 374 | try { | ||
| 375 | let { result: res } = await kttFwZrz.getKttFwZrzById(this.bsmSjsb) | ||
| 376 | this.naturalForm.naturalList = res | ||
| 377 | //this.featchRule() | ||
| 378 | } catch (error) { | ||
| 379 | this.$refs.msg.messageShow() | ||
| 380 | } | ||
| 381 | }, | ||
| 382 | handleUpdateForm () { | ||
| 383 | return new Promise(async (resolve) => { | ||
| 384 | try { | ||
| 385 | let res = await kttFwZrz.updateKttFwZrz(this.naturalForm.naturalList) | ||
| 386 | // this.$refs['formList'].resetFields(); | ||
| 387 | resolve(res.code) | ||
| 388 | } catch (error) { | ||
| 389 | this.$refs.msg.messageShow() | ||
| 390 | } | ||
| 391 | }) | ||
| 392 | } | ||
| 393 | } | ||
| 394 | } | ||
| 395 | </script> | ||
| 396 | <style scoped lang="scss"> | ||
| 397 | @import "./css/itemForm.scss"; | ||
| 398 | |||
| 399 | .naturalBuilding { | ||
| 400 | .naturalBuilding-item { | ||
| 401 | display: flex; | ||
| 402 | height: 100%; | ||
| 403 | margin-bottom: 15px; | ||
| 404 | margin-right: 5px; | ||
| 405 | |||
| 406 | .naturalBuilding-name { | ||
| 407 | display: flex; | ||
| 408 | align-items: center; | ||
| 409 | justify-content: center; | ||
| 410 | width: 20px; | ||
| 411 | padding: 10px 20px; | ||
| 412 | line-height: 28px; | ||
| 413 | border: 1px solid #ccc; | ||
| 414 | margin-right: 15px; | ||
| 415 | border-radius: 3px; | ||
| 416 | } | ||
| 417 | |||
| 418 | .naturalBuilding-list { | ||
| 419 | width: 100%; | ||
| 420 | flex: 1; | ||
| 421 | } | ||
| 422 | } | ||
| 423 | |||
| 424 | .bsm { | ||
| 425 | white-space: nowrap; | ||
| 426 | } | ||
| 427 | } | ||
| 428 | </style> | ||
| 429 | |||
| 430 |
src/components/Business/kttGyJzd.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="boundaryPoint itemForm"> | ||
| 3 | <el-form :model="boundaryPoint" :rules="rules" ref="formList" label-width="113px" :key="key"> | ||
| 4 | <div v-for="(item, index) in boundaryPoint.ruleForm" :key="index" class="boundaryPoint-item"> | ||
| 5 | <p class="boundaryPoint-item-name">界址点{{ index + 1 }}</p> | ||
| 6 | <div class="boundaryPoint-item-list"> | ||
| 7 | <el-row> | ||
| 8 | <el-col :span="8"> | ||
| 9 | <el-form-item> | ||
| 10 | <span slot="label"> | ||
| 11 | 标识码： <br /> | ||
| 12 | <p class="label-detail">（BSM）</p> | ||
| 13 | </span> | ||
| 14 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 15 | {{ boundaryPoint.ruleForm[index].bsm }} | ||
| 16 | </p> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | |||
| 20 | <el-col :span="8"> | ||
| 21 | <el-form-item :prop="'ruleForm.' + index + '.YSDM'" :rules="rules.YSDM"> | ||
| 22 | <span slot="label"> | ||
| 23 | 要素代码： <br /> | ||
| 24 | <p class="label-detail">（YSDM）</p> | ||
| 25 | </span> | ||
| 26 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].YSDM" | ||
| 27 | maxlength="10" placeholder="要素代码"></el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | |||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item :prop="'ruleForm.' + index + '.ZDZHDM'" :rules="rules.ZDZHDM"> | ||
| 33 | <span slot="label"> | ||
| 34 | 宗地/宗海代码： <br /> | ||
| 35 | <p class="label-detail">（ZDZHDM）</p> | ||
| 36 | </span> | ||
| 37 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].ZDZHDM" | ||
| 38 | maxlength="19" placeholder="宗地/宗海代码"></el-input> | ||
| 39 | </el-form-item> | ||
| 40 | </el-col> | ||
| 41 | </el-row> | ||
| 42 | |||
| 43 | <el-row> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item :prop="'ruleForm.' + index + '.JZDH'" :rules="rules.JZDH"> | ||
| 46 | <span slot="label"> | ||
| 47 | 界址点号： <br /> | ||
| 48 | <p class="label-detail">（JZDH）</p> | ||
| 49 | </span> | ||
| 50 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JZDH" | ||
| 51 | maxlength="10" placeholder="界址点号"></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | |||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item :prop="'ruleForm.' + index + '.SXH'" :rules="{ ...rules.SXH, ...typeNum }"> | ||
| 57 | <span slot="label"> | ||
| 58 | 顺序号： <br /> | ||
| 59 | <p class="label-detail">（SXH）</p> | ||
| 60 | </span> | ||
| 61 | <el-input-number :disabled="$store.state.business.Edit" v-model.number="form.auditInfo[index].SXH" | ||
| 62 | type="number" v-only-number="{ max: 999999999, min: 0, precision: 0 }" | ||
| 63 | placeholder="顺序号"></el-input-number> | ||
| 64 | <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].SXH" | ||
| 65 | type="number" v-only-number="{ max: 99999999999, min: 0, precision: 0 }" placeholder="顺序号"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | |||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item :prop="'ruleForm.' + index + '.JBLX'" :rules="rules.JBLX"> | ||
| 71 | <span slot="label"> | ||
| 72 | 界标类型： <br /> | ||
| 73 | <p class="label-detail">（JBLX）</p> | ||
| 74 | </span> | ||
| 75 | <el-select :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JBLX" | ||
| 76 | placeholder="界标类型"> | ||
| 77 | <el-option v-for="item in dicData['A4']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 78 | </el-option> | ||
| 79 | </el-select> | ||
| 80 | </el-form-item> | ||
| 81 | </el-col> | ||
| 82 | </el-row> | ||
| 83 | |||
| 84 | <el-row> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item :prop="'ruleForm.' + index + '.JZDLX'" :rules="rules.JZDLX"> | ||
| 87 | <span slot="label"> | ||
| 88 | 界址点类型： <br /> | ||
| 89 | <p class="label-detail">（JZDLX）</p> | ||
| 90 | </span> | ||
| 91 | <el-select :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JZDLX" | ||
| 92 | placeholder="界址点类型"> | ||
| 93 | <el-option v-for="item in dicData['A5']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 94 | </el-option> | ||
| 95 | </el-select> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item :prop="'ruleForm.' + index + '.XZBZ'" :rules="{ ...rules.XZBZ, ...typeNum }"> | ||
| 101 | <span slot="label"> | ||
| 102 | X坐标值： <br /> | ||
| 103 | <p class="label-detail">（XZBZ）</p> | ||
| 104 | </span> | ||
| 105 | <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].XZBZ" | ||
| 106 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 107 | placeholder="X坐标值"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | |||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item :prop="'ruleForm.' + index + '.YZBZ'" :rules="{ ...rules.YZBZ, ...typeNum }"> | ||
| 113 | <span slot="label"> | ||
| 114 | Y坐标值： <br /> | ||
| 115 | <p class="label-detail">（YZBZ）</p> | ||
| 116 | </span> | ||
| 117 | <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].YZBZ" | ||
| 118 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" | ||
| 119 | placeholder="Y坐标值"></el-input> | ||
| 120 | </el-form-item> | ||
| 121 | </el-col> | ||
| 122 | </el-row> | ||
| 123 | </div> | ||
| 124 | </div> | ||
| 125 | </el-form> | ||
| 126 | <message-tips ref="msg" /> | ||
| 127 | </div> | ||
| 128 | </template> | ||
| 129 | <script> | ||
| 130 | // 界址点信息 | ||
| 131 | import kttGyJzd from '@/api/kttGyJzd' | ||
| 132 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 133 | export default { | ||
| 134 | mixins: [ruleMixin], | ||
| 135 | props: { | ||
| 136 | bsmSjsb: { | ||
| 137 | type: String, | ||
| 138 | default: '' | ||
| 139 | }, | ||
| 140 | bsmYwsjb: { | ||
| 141 | type: String, | ||
| 142 | default: '' | ||
| 143 | } | ||
| 144 | }, | ||
| 145 | data () { | ||
| 146 | return { | ||
| 147 | boundaryPoint: { | ||
| 148 | ruleForm: [{ | ||
| 149 | BSM: '', | ||
| 150 | YSDM: '', | ||
| 151 | ZDZHDM: '', | ||
| 152 | JZDH: '', | ||
| 153 | SXH: '', | ||
| 154 | JBLX: '', | ||
| 155 | JZDLX: '', | ||
| 156 | XZBZ: '', | ||
| 157 | YZBZ: '', | ||
| 158 | }] | ||
| 159 | } | ||
| 160 | } | ||
| 161 | }, | ||
| 162 | methods: { | ||
| 163 | async featchData () { | ||
| 164 | try { | ||
| 165 | let { result: res } = await kttGyJzd.getKttGyJzdById(this.bsmSjsb) | ||
| 166 | this.boundaryPoint.ruleForm = res | ||
| 167 | //this.featchRule() | ||
| 168 | } catch (error) { | ||
| 169 | this.$refs.msg.messageShow() | ||
| 170 | } | ||
| 171 | }, | ||
| 172 | handleUpdateForm () { | ||
| 173 | return new Promise(async (resolve) => { | ||
| 174 | try { | ||
| 175 | let res = await kttGyJzd.updateKttGyJzd(this.boundaryPoint.ruleForm) | ||
| 176 | // this.$refs['formList'].resetFields(); | ||
| 177 | resolve(res.code) | ||
| 178 | } catch (error) { | ||
| 179 | this.$refs.msg.messageShow() | ||
| 180 | } | ||
| 181 | }) | ||
| 182 | } | ||
| 183 | } | ||
| 184 | } | ||
| 185 | </script> | ||
| 186 | <style scoped lang="scss"> | ||
| 187 | @import "./css/itemForm.scss"; | ||
| 188 | |||
| 189 | .boundaryPoint-item { | ||
| 190 | display: flex; | ||
| 191 | height: 100%; | ||
| 192 | margin-bottom: 15px; | ||
| 193 | margin-right: 5px; | ||
| 194 | |||
| 195 | &-name { | ||
| 196 | display: flex; | ||
| 197 | align-items: center; | ||
| 198 | justify-content: center; | ||
| 199 | width: 20px; | ||
| 200 | padding: 10px 20px; | ||
| 201 | line-height: 28px; | ||
| 202 | border: 1px solid #ccc; | ||
| 203 | margin-right: 15px; | ||
| 204 | border-radius: 3px; | ||
| 205 | } | ||
| 206 | |||
| 207 | &-list { | ||
| 208 | width: 100%; | ||
| 209 | flex: 1; | ||
| 210 | display: flex; | ||
| 211 | justify-content: center; | ||
| 212 | flex-direction: column; | ||
| 213 | } | ||
| 214 | } | ||
| 215 | </style> | ||
| 216 | |||
| 217 |
src/components/Business/kttGyJzx.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="boundaryLine itemForm"> | ||
| 3 | <el-form :model="boundaryLine" :rules="rules" ref="formList" label-width="121px" :key="key"> | ||
| 4 | <div v-for="(item, index) in boundaryLine.ruleForm" :key="index" class="boundaryLine-item"> | ||
| 5 | <p class="boundaryLine-item-name">界址线{{ index + 1 }}</p> | ||
| 6 | <div class="boundaryLine-item-list"> | ||
| 7 | <el-row> | ||
| 8 | <el-col :span="8"> | ||
| 9 | <el-form-item> | ||
| 10 | <span slot="label"> | ||
| 11 | 标识码： <br /> | ||
| 12 | <p class="label-detail">（BSM）</p> | ||
| 13 | </span> | ||
| 14 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 15 | {{ boundaryLine.ruleForm[index].bsm }} | ||
| 16 | </p> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | |||
| 20 | <el-col :span="8"> | ||
| 21 | <el-form-item :prop="'ruleForm.' + index + '.YSDM'" :rules="rules.YSDM"> | ||
| 22 | <span slot="label"> | ||
| 23 | 要素代码： <br /> | ||
| 24 | <p class="label-detail">（YSDM）</p> | ||
| 25 | </span> | ||
| 26 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].YSDM" | ||
| 27 | maxlength="10" placeholder="要素代码"></el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | |||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item :prop="'ruleForm.' + index + '.ZDZHDM'" :rules="rules.ZDZHDM"> | ||
| 33 | <span slot="label"> | ||
| 34 | 宗地/宗海代码： <br /> | ||
| 35 | <p class="label-detail">（ZDZHDM）</p> | ||
| 36 | </span> | ||
| 37 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].ZDZHDM" | ||
| 38 | maxlength="19" placeholder="宗地/宗海代码"></el-input> | ||
| 39 | </el-form-item> | ||
| 40 | </el-col> | ||
| 41 | </el-row> | ||
| 42 | |||
| 43 | <el-row> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item :prop="'ruleForm.' + index + '.JZXCD'" :rules="{ ...rules.JZXCD, ...typeNum }"> | ||
| 46 | <span slot="label"> | ||
| 47 | 界址线长度： <br /> | ||
| 48 | <p class="label-detail">（JZXCD）</p> | ||
| 49 | </span> | ||
| 50 | <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryLine.ruleForm[index].JZXCD" | ||
| 51 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 52 | placeholder="界址线长度"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | |||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item :prop="'ruleForm.' + index + '.JZXLB'" :rules="rules.JZXLB"> | ||
| 58 | <span slot="label"> | ||
| 59 | 界址线类别： <br /> | ||
| 60 | <p class="label-detail">（JZXLB）</p> | ||
| 61 | </span> | ||
| 62 | <el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JZXLB" | ||
| 63 | placeholder="界址线类别"> | ||
| 64 | <el-option v-for="item in dicData['A48']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 65 | </el-option> | ||
| 66 | </el-select> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | |||
| 70 | <el-col :span="8"> | ||
| 71 | <el-form-item :prop="'ruleForm.' + index + '.JZXWZ'" :rules="rules.JZXWZ"> | ||
| 72 | <span slot="label"> | ||
| 73 | 界址线位置： <br /> | ||
| 74 | <p class="label-detail">（JZXWZ）</p> | ||
| 75 | </span> | ||
| 76 | <el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JZXWZ" | ||
| 77 | placeholder="界址线位置"> | ||
| 78 | <el-option v-for="item in dicData['A3']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 79 | </el-option> | ||
| 80 | </el-select> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | </el-row> | ||
| 84 | |||
| 85 | <el-row> | ||
| 86 | <el-col :span="8"> | ||
| 87 | <el-form-item :prop="'ruleForm.' + index + '.JXXZ'" class="borderTopNone" :rules="rules.JXXZ"> | ||
| 88 | <span slot="label"> | ||
| 89 | 界线性质： <br /> | ||
| 90 | <p class="label-detail">（JXXZ）</p> | ||
| 91 | </span> | ||
| 92 | <el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JXXZ" | ||
| 93 | placeholder="界线性质"> | ||
| 94 | <el-option v-for="item in dicData['A2']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 95 | </el-option> | ||
| 96 | </el-select> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | |||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item :prop="'ruleForm.' + index + '.QSJXXYSBH'" class="borderTopNone" :rules="rules.QSJXXYSBH"> | ||
| 102 | <span slot="label"> | ||
| 103 | 权属界线协议书编号： <br /> | ||
| 104 | <p class="label-detail">（QSJXXYSBH）</p> | ||
| 105 | </span> | ||
| 106 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSJXXYSBH" | ||
| 107 | placeholder="权属界线协议书编号"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | |||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item :prop="'ruleForm.' + index + '.QSJXXYS'" class="borderTopNone" :rules="rules.QSJXXYS"> | ||
| 113 | <span slot="label"> | ||
| 114 | 权属界线协议书： <br /> | ||
| 115 | <p class="label-detail">（QSJXXYS）</p> | ||
| 116 | </span> | ||
| 117 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSJXXYS" | ||
| 118 | placeholder="权属界线协议书"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | </el-row> | ||
| 122 | |||
| 123 | <el-row> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item :prop="'ruleForm.' + index + '.QSZYYYSBH'" :rules="rules.QSZYYYSBH"> | ||
| 126 | <span slot="label"> | ||
| 127 | 权属争议原由书编号： <br /> | ||
| 128 | <p class="label-detail">（QSZYYYSBH）</p> | ||
| 129 | </span> | ||
| 130 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSZYYYSBH" | ||
| 131 | placeholder="权属争议原由书编号"></el-input> | ||
| 132 | </el-form-item> | ||
| 133 | </el-col> | ||
| 134 | |||
| 135 | <el-col :span="8"> | ||
| 136 | <el-form-item :prop="'ruleForm.' + index + '.QSZYYYS'" :rules="rules.QSZYYYS"> | ||
| 137 | <span slot="label"> | ||
| 138 | 权属争议原由书： <br /> | ||
| 139 | <p class="label-detail">（QSZYYYS）</p> | ||
| 140 | </span> | ||
| 141 | <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSZYYYS" | ||
| 142 | placeholder="权属争议原由书"></el-input> | ||
| 143 | </el-form-item> | ||
| 144 | </el-col> | ||
| 145 | |||
| 146 | </el-row> | ||
| 147 | </div> | ||
| 148 | </div> | ||
| 149 | </el-form> | ||
| 150 | <message-tips ref="msg" /> | ||
| 151 | </div> | ||
| 152 | </template> | ||
| 153 | <script> | ||
| 154 | import kttGyJzx from '@/api/kttGyJzx' | ||
| 155 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 156 | // 界址线信息 | ||
| 157 | export default { | ||
| 158 | mixins: [ruleMixin], | ||
| 159 | props: { | ||
| 160 | bsmSjsb: { | ||
| 161 | type: String, | ||
| 162 | default: '' | ||
| 163 | }, | ||
| 164 | bsmYwsjb: { | ||
| 165 | type: String, | ||
| 166 | default: '' | ||
| 167 | } | ||
| 168 | }, | ||
| 169 | data () { | ||
| 170 | return { | ||
| 171 | boundaryLine: { | ||
| 172 | ruleForm: [ | ||
| 173 | { | ||
| 174 | BSM: '', | ||
| 175 | YSDM: '', | ||
| 176 | ZDZHDM: '', | ||
| 177 | JZXCD: undefined, | ||
| 178 | JZXLB: '', | ||
| 179 | JZXWZ: '', | ||
| 180 | JXXZ: '', | ||
| 181 | QSJXXYSBH: '', | ||
| 182 | QSJXXYS: '', | ||
| 183 | QSZYYYSBH: '', | ||
| 184 | QSZYYYS: '' | ||
| 185 | } | ||
| 186 | ] | ||
| 187 | } | ||
| 188 | } | ||
| 189 | }, | ||
| 190 | methods: { | ||
| 191 | async featchData () { | ||
| 192 | try { | ||
| 193 | let { result: res } = await kttGyJzx.getKttGyJzxById(this.bsmSjsb) | ||
| 194 | this.boundaryLine.ruleForm = res | ||
| 195 | //this.featchRule() | ||
| 196 | } catch (error) { | ||
| 197 | this.$refs.msg.messageShow() | ||
| 198 | } | ||
| 199 | }, | ||
| 200 | handleUpdateForm () { | ||
| 201 | return new Promise(async (resolve) => { | ||
| 202 | try { | ||
| 203 | let res = await kttGyJzx.updateKttGyJzx(this.boundaryLine.ruleForm) | ||
| 204 | resolve(res.code) | ||
| 205 | } catch (error) { | ||
| 206 | this.$refs.msg.messageShow() | ||
| 207 | } | ||
| 208 | }) | ||
| 209 | } | ||
| 210 | } | ||
| 211 | } | ||
| 212 | </script> | ||
| 213 | <style scoped lang="scss"> | ||
| 214 | @import "./css/itemForm.scss"; | ||
| 215 | |||
| 216 | .boundaryLine-item { | ||
| 217 | display: flex; | ||
| 218 | height: 100%; | ||
| 219 | margin-bottom: 15px; | ||
| 220 | margin-right: 5px; | ||
| 221 | |||
| 222 | &-name { | ||
| 223 | display: flex; | ||
| 224 | align-items: center; | ||
| 225 | justify-content: center; | ||
| 226 | width: 20px; | ||
| 227 | padding: 10px 20px; | ||
| 228 | line-height: 28px; | ||
| 229 | border: 1px solid #ccc; | ||
| 230 | margin-right: 15px; | ||
| 231 | border-radius: 3px; | ||
| 232 | } | ||
| 233 | |||
| 234 | &-list { | ||
| 235 | width: 100%; | ||
| 236 | flex: 1; | ||
| 237 | display: flex; | ||
| 238 | justify-content: center; | ||
| 239 | flex-direction: column; | ||
| 240 | } | ||
| 241 | } | ||
| 242 | </style> | ||
| 243 | |||
| 244 |
src/components/Business/kttGzw.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="structure itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item> | ||
| 7 | <span slot="label"> | ||
| 8 | 标识码： <br /> | ||
| 9 | <p class="label-detail">（BSM）</p> | ||
| 10 | </span> | ||
| 11 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 12 | {{ ruleForm.bsm }} | ||
| 13 | </p> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | |||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item prop="YSDM"> | ||
| 19 | <span slot="label"> | ||
| 20 | 要素代码： <br /> | ||
| 21 | <p class="label-detail">（YSDM）</p> | ||
| 22 | </span> | ||
| 23 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item prop="ZDZHDM"> | ||
| 41 | <span slot="label"> | ||
| 42 | 宗地/宗海代码： <br /> | ||
| 43 | <p class="label-detail">（ZDZHDM）</p> | ||
| 44 | </span> | ||
| 45 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="GZWMC"> | ||
| 51 | <span slot="label"> | ||
| 52 | 构筑物名称： <br /> | ||
| 53 | <p class="label-detail">（GZWMC）</p> | ||
| 54 | </span> | ||
| 55 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GZWMC" placeholder="构筑物名称"></el-input> | ||
| 56 | </el-form-item> | ||
| 57 | </el-col> | ||
| 58 | |||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item prop="ZL"> | ||
| 61 | <span slot="label"> | ||
| 62 | 坐落： <br /> | ||
| 63 | <p class="label-detail">（ZL）</p> | ||
| 64 | </span> | ||
| 65 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | </el-row> | ||
| 69 | |||
| 70 | <el-row> | ||
| 71 | <el-col :span="8"> | ||
| 72 | <el-form-item prop="MJDW"> | ||
| 73 | <span slot="label"> | ||
| 74 | 面积单位： <br /> | ||
| 75 | <p class="label-detail">（MJDW）</p> | ||
| 76 | </span> | ||
| 77 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位"> | ||
| 78 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 79 | </el-option> | ||
| 80 | </el-select> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | |||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item prop="MJ" :rules="{ type: 'number' }"> | ||
| 86 | <span slot="label"> | ||
| 87 | 面积： <br /> | ||
| 88 | <p class="label-detail">（MJ）</p> | ||
| 89 | </span> | ||
| 90 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.MJ" type="number" | ||
| 91 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="面积"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | |||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item prop="DAH"> | ||
| 97 | <span slot="label"> | ||
| 98 | 档案号： <br /> | ||
| 99 | <p class="label-detail">（DAH）</p> | ||
| 100 | </span> | ||
| 101 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | </el-row> | ||
| 105 | |||
| 106 | <el-row> | ||
| 107 | <el-col :span="8"> | ||
| 108 | <el-form-item prop="ZT"> | ||
| 109 | <span slot="label"> | ||
| 110 | 状态： <br /> | ||
| 111 | <p class="label-detail">（ZT）</p> | ||
| 112 | </span> | ||
| 113 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="请选择"> | ||
| 114 | <el-option v-for="item in ZTOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 115 | </el-option> | ||
| 116 | </el-select> | ||
| 117 | </el-form-item> | ||
| 118 | </el-col> | ||
| 119 | </el-row> | ||
| 120 | </el-form> | ||
| 121 | <message-tips ref="msg" /> | ||
| 122 | </div> | ||
| 123 | </template> | ||
| 124 | <script> | ||
| 125 | // 构筑物 | ||
| 126 | import kttGzw from '@/api/kttGzw' | ||
| 127 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 128 | export default { | ||
| 129 | mixins: [ruleMixin], | ||
| 130 | props: { | ||
| 131 | bsmSjsb: { | ||
| 132 | type: String, | ||
| 133 | default: '' | ||
| 134 | }, | ||
| 135 | bsmYwsjb: { | ||
| 136 | type: String, | ||
| 137 | default: '' | ||
| 138 | } | ||
| 139 | }, | ||
| 140 | data () { | ||
| 141 | return { | ||
| 142 | ZTOptions: [], | ||
| 143 | ruleForm: { | ||
| 144 | BSM: '', | ||
| 145 | YSDM: '', | ||
| 146 | BDCDYH: '', | ||
| 147 | ZDZHDM: '', | ||
| 148 | GZWMC: '', | ||
| 149 | ZL: '', | ||
| 150 | MJDW: '', | ||
| 151 | MJ: '', | ||
| 152 | DAH: '', | ||
| 153 | ZT: '' | ||
| 154 | } | ||
| 155 | } | ||
| 156 | }, | ||
| 157 | methods: { | ||
| 158 | async featchData () { | ||
| 159 | try { | ||
| 160 | let { result: res } = await kttGzw.getKttGzwById(this.bsmSjsb) | ||
| 161 | this.ruleForm = res | ||
| 162 | //this.featchRule() | ||
| 163 | } catch (error) { | ||
| 164 | this.$refs.msg.messageShow() | ||
| 165 | } | ||
| 166 | }, | ||
| 167 | handleUpdateForm () { | ||
| 168 | return new Promise(async (resolve) => { | ||
| 169 | try { | ||
| 170 | let res = await kttGzw.updateKttGzw(this.ruleForm) | ||
| 171 | // this.$refs['formList'].resetFields(); | ||
| 172 | resolve(res.code) | ||
| 173 | } catch (error) { | ||
| 174 | this.$refs.msg.messageShow() | ||
| 175 | } | ||
| 176 | }) | ||
| 177 | } | ||
| 178 | } | ||
| 179 | } | ||
| 180 | </script> | ||
| 181 | <style scoped lang="scss"> | ||
| 182 | @import "./css/itemForm.scss"; | ||
| 183 | </style> | ||
| 184 | |||
| 185 |
src/components/Business/kttZdjbxx.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="parcelBaseInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="120px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 标识码： <br /> | ||
| 9 | <p class="label-detail">（BSM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BSM" placeholder="标识码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 要素代码： <br /> | ||
| 19 | <p class="label-detail">（YSDM）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="ZDDM" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 宗地代码： <br /> | ||
| 29 | <p class="label-detail">（ZDDM）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="BDCDYH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 不动产单元号： <br /> | ||
| 41 | <p class="label-detail">（BDCDYH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="ZDTZM"> | ||
| 49 | <span slot="label"> | ||
| 50 | 宗地特征码： <br /> | ||
| 51 | <p class="label-detail">（ZDTZM）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDTZM" placeholder="宗地特征码"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | |||
| 57 | <el-col :span="8"> | ||
| 58 | <el-form-item prop="ZL"> | ||
| 59 | <span slot="label"> | ||
| 60 | 坐落： <br /> | ||
| 61 | <p class="label-detail">（ZL）</p> | ||
| 62 | </span> | ||
| 63 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | </el-row> | ||
| 67 | |||
| 68 | <el-row> | ||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item prop="ZDMJ" :rules="{ type: 'number' }"> | ||
| 71 | <span slot="label"> | ||
| 72 | 宗地面积： <br /> | ||
| 73 | <p class="label-detail">（ZDMJ）</p> | ||
| 74 | </span> | ||
| 75 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDMJ" type="number" | ||
| 76 | v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="宗地面积"> | ||
| 77 | </el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | |||
| 81 | <el-col :span="8"> | ||
| 82 | <el-form-item prop="MJDW"> | ||
| 83 | <span slot="label"> | ||
| 84 | 面积单位： <br /> | ||
| 85 | <p class="label-detail">（MJDW）</p> | ||
| 86 | </span> | ||
| 87 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位"> | ||
| 88 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 89 | </el-option> | ||
| 90 | </el-select> | ||
| 91 | </el-form-item> | ||
| 92 | </el-col> | ||
| 93 | |||
| 94 | <el-col :span="8"> | ||
| 95 | <el-form-item prop="YT"> | ||
| 96 | <span slot="label"> | ||
| 97 | 用途： <br /> | ||
| 98 | <p class="label-detail">（YT）</p> | ||
| 99 | </span> | ||
| 100 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YT" placeholder="用途"></el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | </el-row> | ||
| 104 | |||
| 105 | <el-row> | ||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item prop="DJ"> | ||
| 108 | <span slot="label"> | ||
| 109 | 等级： <br /> | ||
| 110 | <p class="label-detail">（DJ）</p> | ||
| 111 | </span> | ||
| 112 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJ" placeholder="等级"> | ||
| 113 | <el-option v-for="item in dicData['A50']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 114 | </el-option> | ||
| 115 | </el-select> | ||
| 116 | </el-form-item> | ||
| 117 | </el-col> | ||
| 118 | |||
| 119 | <el-col :span="8"> | ||
| 120 | <el-form-item prop="JG" :rules="{ type: 'number' }"> | ||
| 121 | <span slot="label"> | ||
| 122 | 价格： <br /> | ||
| 123 | <p class="label-detail">（JG）</p> | ||
| 124 | </span> | ||
| 125 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JG" type="number" | ||
| 126 | v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="价格"></el-input> | ||
| 127 | </el-form-item> | ||
| 128 | </el-col> | ||
| 129 | |||
| 130 | <el-col :span="8"> | ||
| 131 | <el-form-item prop="QLLX"> | ||
| 132 | <span slot="label"> | ||
| 133 | 权利类型： <br /> | ||
| 134 | <p class="label-detail">（QLLX）</p> | ||
| 135 | </span> | ||
| 136 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利性质"> | ||
| 137 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 138 | </el-option> | ||
| 139 | </el-select> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | </el-row> | ||
| 143 | |||
| 144 | <el-row> | ||
| 145 | <el-col :span="8"> | ||
| 146 | <el-form-item prop="QLXZ"> | ||
| 147 | <span slot="label"> | ||
| 148 | 权利性质： <br /> | ||
| 149 | <p class="label-detail">（QLXZ）</p> | ||
| 150 | </span> | ||
| 151 | <tree-select :disabled="$store.state.business.Edit" :options="dicData['A9']" v-model="ruleForm.QLXZ" | ||
| 152 | placeholder="权利性质" /> | ||
| 153 | </el-form-item> | ||
| 154 | </el-col> | ||
| 155 | |||
| 156 | <el-col :span="8"> | ||
| 157 | <el-form-item prop="QLSDFS"> | ||
| 158 | <span slot="label"> | ||
| 159 | 权利设定方式： <br /> | ||
| 160 | <p class="label-detail">（QLSDFS）</p> | ||
| 161 | </span> | ||
| 162 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLSDFS" placeholder="权利设定方式"> | ||
| 163 | <el-option v-for="item in dicData['A10']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 164 | </el-option> | ||
| 165 | </el-select> | ||
| 166 | </el-form-item> | ||
| 167 | </el-col> | ||
| 168 | |||
| 169 | <el-col :span="8"> | ||
| 170 | <el-form-item prop="RJL"> | ||
| 171 | <span slot="label"> | ||
| 172 | 容积率： <br /> | ||
| 173 | <p class="label-detail">（RJL）</p> | ||
| 174 | </span> | ||
| 175 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.RJL" | ||
| 176 | v-only-number="{ max: 99999, min: 0, precision: 0 }" placeholder="容积率"></el-input> | ||
| 177 | </el-form-item> | ||
| 178 | </el-col> | ||
| 179 | </el-row> | ||
| 180 | |||
| 181 | <el-row> | ||
| 182 | <el-col :span="8"> | ||
| 183 | <el-form-item prop="JZMD" :rules="{ type: 'number' }"> | ||
| 184 | <span slot="label"> | ||
| 185 | 建筑密度： <br /> | ||
| 186 | <p class="label-detail">（JZMD）</p> | ||
| 187 | </span> | ||
| 188 | <el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZMD" | ||
| 189 | placeholder="建筑密度"> | ||
| 190 | </el-input> | ||
| 191 | </el-form-item> | ||
| 192 | </el-col> | ||
| 193 | |||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item prop="JZXG" :rules="{ type: 'number' }"> | ||
| 196 | <span slot="label"> | ||
| 197 | 建筑限高： <br /> | ||
| 198 | <p class="label-detail">（JZXG）</p> | ||
| 199 | </span> | ||
| 200 | <el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZXG" | ||
| 201 | v-only-number="{ max: 99999, min: 1, precision: 2 }" placeholder="建筑限高"> | ||
| 202 | </el-input> | ||
| 203 | </el-form-item> | ||
| 204 | </el-col> | ||
| 205 | |||
| 206 | <el-col :span="8"> | ||
| 207 | <el-form-item prop="ZDSZD"> | ||
| 208 | <span slot="label"> | ||
| 209 | 宗地四至-东: <br /> | ||
| 210 | <p class="label-detail">（ZDSZD）</p> | ||
| 211 | </span> | ||
| 212 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZD" placeholder="宗地四至-东"> | ||
| 213 | </el-input> | ||
| 214 | </el-form-item> | ||
| 215 | </el-col> | ||
| 216 | </el-row> | ||
| 217 | |||
| 218 | <el-row> | ||
| 219 | <el-col :span="8"> | ||
| 220 | <el-form-item prop="ZDSZN"> | ||
| 221 | <span slot="label"> | ||
| 222 | 宗地四至-南： <br /> | ||
| 223 | <p class="label-detail">（ZDSZN）</p> | ||
| 224 | </span> | ||
| 225 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZN" placeholder="宗地四至-南"> | ||
| 226 | </el-input> | ||
| 227 | </el-form-item> | ||
| 228 | </el-col> | ||
| 229 | |||
| 230 | <el-col :span="8"> | ||
| 231 | <el-form-item prop="ZDSZX"> | ||
| 232 | <span slot="label"> | ||
| 233 | 宗地四至-西： <br /> | ||
| 234 | <p class="label-detail">（ZDSZX）</p> | ||
| 235 | </span> | ||
| 236 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZX" placeholder="宗地四至-西"> | ||
| 237 | </el-input> | ||
| 238 | </el-form-item> | ||
| 239 | </el-col> | ||
| 240 | |||
| 241 | <el-col :span="8"> | ||
| 242 | <el-form-item prop="ZDSZB"> | ||
| 243 | <span slot="label"> | ||
| 244 | 宗地四至-北： <br /> | ||
| 245 | <p class="label-detail">（ZDSZB）</p> | ||
| 246 | </span> | ||
| 247 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZB" placeholder="宗地四至-北"> | ||
| 248 | </el-input> | ||
| 249 | </el-form-item> | ||
| 250 | </el-col> | ||
| 251 | </el-row> | ||
| 252 | |||
| 253 | <el-row> | ||
| 254 | <el-col :span="8"> | ||
| 255 | <el-form-item prop="ZDT"> | ||
| 256 | <span slot="label"> | ||
| 257 | 宗地图： <br /> | ||
| 258 | <p class="label-detail">（ZDT）</p> | ||
| 259 | </span> | ||
| 260 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDT" placeholder="宗地图"> | ||
| 261 | </el-input> | ||
| 262 | </el-form-item> | ||
| 263 | </el-col> | ||
| 264 | |||
| 265 | <el-col :span="8"> | ||
| 266 | <el-form-item prop="TFH"> | ||
| 267 | <span slot="label"> | ||
| 268 | 图幅号： <br /> | ||
| 269 | <p class="label-detail">（TFH）</p> | ||
| 270 | </span> | ||
| 271 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TFH" placeholder="图幅号"> | ||
| 272 | </el-input> | ||
| 273 | </el-form-item> | ||
| 274 | </el-col> | ||
| 275 | |||
| 276 | <el-col :span="8"> | ||
| 277 | <el-form-item prop="DJh"> | ||
| 278 | <span slot="label"> | ||
| 279 | 地籍号：<br /> | ||
| 280 | <p class="label-detail">（DJH）</p> | ||
| 281 | </span> | ||
| 282 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJh" placeholder="地籍号"> | ||
| 283 | </el-input> | ||
| 284 | </el-form-item> | ||
| 285 | </el-col> | ||
| 286 | </el-row> | ||
| 287 | |||
| 288 | <el-row> | ||
| 289 | <el-col :span="8"> | ||
| 290 | <el-form-item prop="DAH" class="borderTopNone"> | ||
| 291 | <span slot="label"> | ||
| 292 | 档案号： <br /> | ||
| 293 | <p class="label-detail">（DAH）</p> | ||
| 294 | </span> | ||
| 295 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"> | ||
| 296 | </el-input> | ||
| 297 | </el-form-item> | ||
| 298 | </el-col> | ||
| 299 | |||
| 300 | <el-col :span="8"> | ||
| 301 | <el-form-item prop="BZ" class="borderTopNone"> | ||
| 302 | <span slot="label"> | ||
| 303 | 备注： <br /> | ||
| 304 | <p class="label-detail">（BZ）</p> | ||
| 305 | </span> | ||
| 306 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"> | ||
| 307 | </el-input> | ||
| 308 | </el-form-item> | ||
| 309 | </el-col> | ||
| 310 | |||
| 311 | <el-col :span="8"> | ||
| 312 | <el-form-item prop="ZT" class="borderTopNone"> | ||
| 313 | <span slot="label"> | ||
| 314 | 状态： <br /> | ||
| 315 | <p class="label-detail">（ZT）</p> | ||
| 316 | </span> | ||
| 317 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态"> | ||
| 318 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 319 | </el-option> | ||
| 320 | </el-select> | ||
| 321 | </el-form-item> | ||
| 322 | </el-col> | ||
| 323 | </el-row> | ||
| 324 | |||
| 325 | <el-row> | ||
| 326 | <el-col :span="8"> | ||
| 327 | <el-form-item prop="QXDM"> | ||
| 328 | <span slot="label"> | ||
| 329 | 区县代码：<br /> | ||
| 330 | <p class="label-detail">（QXDM）</p> | ||
| 331 | </span> | ||
| 332 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"> | ||
| 333 | </el-input> | ||
| 334 | </el-form-item> | ||
| 335 | </el-col> | ||
| 336 | |||
| 337 | <el-col :span="8"> | ||
| 338 | <el-form-item prop="DJSJ"> | ||
| 339 | <span slot="label"> | ||
| 340 | 登记时间： <br /> | ||
| 341 | <p class="label-detail">（DJSJ）</p> | ||
| 342 | </span> | ||
| 343 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" type="datetime" clearable | ||
| 344 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 345 | </el-date-picker> | ||
| 346 | </el-form-item> | ||
| 347 | </el-col> | ||
| 348 | |||
| 349 | <el-col :span="8"> | ||
| 350 | <el-form-item prop="DBR"> | ||
| 351 | <span slot="label"> | ||
| 352 | 登簿人: <br /> | ||
| 353 | <p class="label-detail">（DBR）</p> | ||
| 354 | </span> | ||
| 355 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"> | ||
| 356 | </el-input> | ||
| 357 | </el-form-item> | ||
| 358 | </el-col> | ||
| 359 | </el-row> | ||
| 360 | |||
| 361 | <el-row> | ||
| 362 | <el-col :span="8"> | ||
| 363 | <el-form-item prop="FJ"> | ||
| 364 | <span slot="label"> | ||
| 365 | 附记： <br /> | ||
| 366 | <p class="label-detail">（FJ）</p> | ||
| 367 | </span> | ||
| 368 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"> | ||
| 369 | </el-input> | ||
| 370 | </el-form-item> | ||
| 371 | </el-col> | ||
| 372 | |||
| 373 | <el-col :span="8"> | ||
| 374 | <el-form-item prop="DJJGBM"> | ||
| 375 | <span slot="label"> | ||
| 376 | 登记机构编码： <br /> | ||
| 377 | <p class="label-detail">（DJJGBM）</p> | ||
| 378 | </span> | ||
| 379 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGBM" placeholder="登记机构编码"> | ||
| 380 | </el-input> | ||
| 381 | </el-form-item> | ||
| 382 | </el-col> | ||
| 383 | |||
| 384 | <el-col :span="8"> | ||
| 385 | <el-form-item prop="DJJGMC"> | ||
| 386 | <span slot="label"> | ||
| 387 | 登记机构名称： <br /> | ||
| 388 | <p class="label-detail">（DJJGMC）</p> | ||
| 389 | </span> | ||
| 390 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGMC" placeholder="登记机构名称"> | ||
| 391 | </el-input> | ||
| 392 | </el-form-item> | ||
| 393 | </el-col> | ||
| 394 | </el-row> | ||
| 395 | |||
| 396 | <el-row> | ||
| 397 | <el-col :span="8"> | ||
| 398 | <el-form-item prop="JDH"> | ||
| 399 | <span slot="label"> | ||
| 400 | 街道（乡、镇）： <br /> | ||
| 401 | <p class="label-detail">（JDH）</p> | ||
| 402 | </span> | ||
| 403 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH" placeholder="街道（乡、镇）"> | ||
| 404 | </el-input> | ||
| 405 | </el-form-item> | ||
| 406 | </el-col> | ||
| 407 | |||
| 408 | <el-col :span="8"> | ||
| 409 | <el-form-item prop="JFH"> | ||
| 410 | <span slot="label"> | ||
| 411 | 街坊（村）: <br /> | ||
| 412 | <p class="label-detail">（JFH）</p> | ||
| 413 | </span> | ||
| 414 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH" placeholder="街坊（村）"> | ||
| 415 | </el-input> | ||
| 416 | </el-form-item> | ||
| 417 | </el-col> | ||
| 418 | |||
| 419 | <el-col :span="8"> | ||
| 420 | <el-form-item prop="ZH"> | ||
| 421 | <span slot="label"> | ||
| 422 | 组： <br /> | ||
| 423 | <p class="label-detail">（ZH）</p> | ||
| 424 | </span> | ||
| 425 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH" placeholder="组"> | ||
| 426 | </el-input> | ||
| 427 | </el-form-item> | ||
| 428 | </el-col> | ||
| 429 | </el-row> | ||
| 430 | </el-form> | ||
| 431 | <message-tips ref="msg" /> | ||
| 432 | </div> | ||
| 433 | </template> | ||
| 434 | <script> | ||
| 435 | // 宗地基本信息 | ||
| 436 | import kttZdjbxx from '@/api/kttZdjbxx' | ||
| 437 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 438 | import treeSelect from '@/components/TreeSelect.vue' | ||
| 439 | export default { | ||
| 440 | mixins: [ruleMixin], | ||
| 441 | components: { | ||
| 442 | treeSelect | ||
| 443 | }, | ||
| 444 | props: { | ||
| 445 | bsmSjsb: { | ||
| 446 | type: String, | ||
| 447 | default: '' | ||
| 448 | }, | ||
| 449 | bsmYwsjb: { | ||
| 450 | type: String, | ||
| 451 | default: '' | ||
| 452 | } | ||
| 453 | }, | ||
| 454 | data () { | ||
| 455 | return { | ||
| 456 | ruleForm: { | ||
| 457 | BSM: '', | ||
| 458 | YSDM: '', | ||
| 459 | ZDDM: '', | ||
| 460 | BDCDYH: '', | ||
| 461 | ZDTZM: '', | ||
| 462 | ZL: '', | ||
| 463 | ZDMJ: '', | ||
| 464 | MJDW: '', | ||
| 465 | YT: '', | ||
| 466 | DJ: '', | ||
| 467 | JG: '', | ||
| 468 | QLLX: '', | ||
| 469 | QLXZ: '', | ||
| 470 | QLSDFS: '', | ||
| 471 | RJL: '', | ||
| 472 | JZMD: '', | ||
| 473 | JZXG: '', | ||
| 474 | ZDSZD: '', | ||
| 475 | ZDSZN: '', | ||
| 476 | ZDSZX: '', | ||
| 477 | ZDSZB: '', | ||
| 478 | ZDT: '', | ||
| 479 | TFH: '', | ||
| 480 | DJh: '', | ||
| 481 | DAH: '', | ||
| 482 | BZ: '', | ||
| 483 | ZT: '', | ||
| 484 | QXDM: '', | ||
| 485 | DJSJ: '', | ||
| 486 | DBR: '', | ||
| 487 | FJ: '', | ||
| 488 | DJJGBM: '', | ||
| 489 | DJJGMC: '', | ||
| 490 | JDH: '', | ||
| 491 | JFH: '', | ||
| 492 | ZH: '' | ||
| 493 | } | ||
| 494 | } | ||
| 495 | }, | ||
| 496 | methods: { | ||
| 497 | async featchData () { | ||
| 498 | try { | ||
| 499 | let { result: res } = await kttZdjbxx.kttZdjbxxDetail(this.bsmSjsb) | ||
| 500 | this.ruleForm = res | ||
| 501 | //this.featchRule() | ||
| 502 | } catch (error) { | ||
| 503 | this.$refs.msg.messageShow() | ||
| 504 | } | ||
| 505 | }, | ||
| 506 | handleUpdateForm () { | ||
| 507 | return new Promise(async (resolve) => { | ||
| 508 | try { | ||
| 509 | let res = await kttZdjbxx.updateKttZdjbxx(this.ruleForm) | ||
| 510 | // this.$refs['formList'].resetFields(); | ||
| 511 | resolve(res.code) | ||
| 512 | } catch (error) { | ||
| 513 | this.$refs.msg.messageShow() | ||
| 514 | } | ||
| 515 | }) | ||
| 516 | } | ||
| 517 | } | ||
| 518 | } | ||
| 519 | </script> | ||
| 520 | <style scoped lang="scss"> | ||
| 521 | @import "./css/itemForm.scss"; | ||
| 522 | </style> | ||
| 523 | |||
| 524 |
src/components/Business/kttZhjbxx.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="zonghaiBasicInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item> | ||
| 7 | <span slot="label"> | ||
| 8 | 标识码：<br /> | ||
| 9 | <p class="label-detail">（BSM）</p> | ||
| 10 | </span> | ||
| 11 | <p :class="{ 'disabled': $store.state.business.Edit }"> | ||
| 12 | {{ ruleForm.bsm }} | ||
| 13 | </p> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | |||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item prop="YSDM"> | ||
| 19 | <span slot="label"> | ||
| 20 | 要素代码： <br /> | ||
| 21 | <p class="label-detail">（YSDM）</p> | ||
| 22 | </span> | ||
| 23 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="ZHDM"> | ||
| 29 | <span slot="label"> | ||
| 30 | 宗海代码： <br /> | ||
| 31 | <p class="label-detail">（ZHDM）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item prop="BDCDYH"> | ||
| 41 | <span slot="label"> | ||
| 42 | 不动产单元号 <br /> | ||
| 43 | <p class="label-detail">（BDCDYH）</p> | ||
| 44 | </span> | ||
| 45 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item prop="ZHTZM"> | ||
| 51 | <span slot="label"> | ||
| 52 | 宗海特征码： <br /> | ||
| 53 | <p class="label-detail">（ZHTZM）</p> | ||
| 54 | </span> | ||
| 55 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZHTZM" placeholder="请选择宗海特征码"> | ||
| 56 | <el-option v-for="item in dicData['A44']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 57 | </el-option> | ||
| 58 | </el-select> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | |||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item prop="XMMC"> | ||
| 64 | <span slot="label"> | ||
| 65 | 项目名称： <br /> | ||
| 66 | <p class="label-detail">（XMMC）</p> | ||
| 67 | </span> | ||
| 68 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XMMC" placeholder="项目名称"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | |||
| 73 | <el-row> | ||
| 74 | <el-col :span="8"> | ||
| 75 | <el-form-item prop="XMXZ"> | ||
| 76 | <span slot="label"> | ||
| 77 | 项目性质： <br /> | ||
| 78 | <p class="label-detail">（XMXZ）</p> | ||
| 79 | </span> | ||
| 80 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XMXZ" placeholder="请选择项目性质"> | ||
| 81 | <el-option v-for="item in dicData['A49']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 82 | </el-option> | ||
| 83 | </el-select> | ||
| 84 | </el-form-item> | ||
| 85 | </el-col> | ||
| 86 | |||
| 87 | <el-col :span="8"> | ||
| 88 | <el-form-item prop="YHZMJ" :rules="{ type: 'number' }"> | ||
| 89 | <span slot="label"> | ||
| 90 | 用海总面积： <br /> | ||
| 91 | <p class="label-detail">（YHZMJ）</p> | ||
| 92 | </span> | ||
| 93 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHZMJ" type="number" | ||
| 94 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="用海总面积"></el-input> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item prop="ZHMJ" :rules="{ type: 'number' }"> | ||
| 100 | <span slot="label"> | ||
| 101 | 宗海面积： <br /> | ||
| 102 | <p class="label-detail">（ZHMJ）</p> | ||
| 103 | </span> | ||
| 104 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZHMJ" type="number" | ||
| 105 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="宗海面积"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | </el-row> | ||
| 109 | |||
| 110 | <el-row> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item prop="DB"> | ||
| 113 | <span slot="label"> | ||
| 114 | 等别： <br /> | ||
| 115 | <p class="label-detail">（DB）</p> | ||
| 116 | </span> | ||
| 117 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DB" placeholder="等别"> | ||
| 118 | <el-option v-for="item in dicData['A14']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 119 | </el-option> | ||
| 120 | </el-select> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | |||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item prop="ZHAX" :rules="{ type: 'number' }"> | ||
| 126 | <span slot="label"> | ||
| 127 | 占海岸线： <br /> | ||
| 128 | <p class="label-detail">（ZHAX）</p> | ||
| 129 | </span> | ||
| 130 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZHAX" type="number" | ||
| 131 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="占海岸线"></el-input> | ||
| 132 | </el-form-item> | ||
| 133 | </el-col> | ||
| 134 | |||
| 135 | <el-col :span="8"> | ||
| 136 | <el-form-item prop="YHLXA"> | ||
| 137 | <span slot="label"> | ||
| 138 | 用海类型A： <br /> | ||
| 139 | <p class="label-detail">（YHLXA）</p> | ||
| 140 | </span> | ||
| 141 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHLXA" placeholder="用海类型A"> | ||
| 142 | <el-option v-for="item in dicData['A12']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 143 | </el-option> | ||
| 144 | </el-select> | ||
| 145 | </el-form-item> | ||
| 146 | </el-col> | ||
| 147 | </el-row> | ||
| 148 | |||
| 149 | <el-row> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item prop="YHLXB"> | ||
| 152 | <span slot="label"> | ||
| 153 | 用海类型B： <br /> | ||
| 154 | <p class="label-detail">（YHLXB）</p> | ||
| 155 | </span> | ||
| 156 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHLXB" placeholder="用海类型B"> | ||
| 157 | <el-option v-for="item in dicData['A13']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 158 | </el-option> | ||
| 159 | </el-select> | ||
| 160 | </el-form-item> | ||
| 161 | </el-col> | ||
| 162 | |||
| 163 | <el-col :span="8"> | ||
| 164 | <el-form-item prop="YHWZSM"> | ||
| 165 | <span slot="label"> | ||
| 166 | 用海位置说明： <br /> | ||
| 167 | <p class="label-detail">（YHWZSM）</p> | ||
| 168 | </span> | ||
| 169 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YHWZSM" placeholder="用海位置说明"></el-input> | ||
| 170 | </el-form-item> | ||
| 171 | </el-col> | ||
| 172 | |||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item prop="HDMC"> | ||
| 175 | <span slot="label"> | ||
| 176 | 海岛名称： <br /> | ||
| 177 | <p class="label-detail">（HDMC）</p> | ||
| 178 | </span> | ||
| 179 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDMC" placeholder="海岛名称"></el-input> | ||
| 180 | </el-form-item> | ||
| 181 | </el-col> | ||
| 182 | |||
| 183 | </el-row> | ||
| 184 | |||
| 185 | <el-row> | ||
| 186 | <el-col :span="8"> | ||
| 187 | <el-form-item prop="HDDM"> | ||
| 188 | <span slot="label"> | ||
| 189 | 海岛代码： <br /> | ||
| 190 | <p class="label-detail">（HDDM）</p> | ||
| 191 | </span> | ||
| 192 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDDM" placeholder="海岛代码"></el-input> | ||
| 193 | </el-form-item> | ||
| 194 | </el-col> | ||
| 195 | |||
| 196 | <el-col :span="8"> | ||
| 197 | <el-form-item prop="YDFW"> | ||
| 198 | <span slot="label"> | ||
| 199 | 用岛范围： <br /> | ||
| 200 | <p class="label-detail">（YDFW）</p> | ||
| 201 | </span> | ||
| 202 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YDFW" placeholder="用岛范围"></el-input> | ||
| 203 | </el-form-item> | ||
| 204 | </el-col> | ||
| 205 | |||
| 206 | <el-col :span="8"> | ||
| 207 | <el-form-item prop="YDMJ" :rules="{ type: 'number' }"> | ||
| 208 | <span slot="label"> | ||
| 209 | 用岛面积： <br /> | ||
| 210 | <p class="label-detail">（YDMJ）</p> | ||
| 211 | </span> | ||
| 212 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YDMJ" type="number" | ||
| 213 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="用岛面积"></el-input> | ||
| 214 | </el-form-item> | ||
| 215 | </el-col> | ||
| 216 | </el-row> | ||
| 217 | |||
| 218 | <el-row> | ||
| 219 | <el-col :span="8"> | ||
| 220 | <el-form-item prop="HDWZ"> | ||
| 221 | <span slot="label"> | ||
| 222 | 海岛位置： <br /> | ||
| 223 | <p class="label-detail">（HDWZ）</p> | ||
| 224 | </span> | ||
| 225 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDWZ" placeholder="海岛位置"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | |||
| 229 | <el-col :span="8"> | ||
| 230 | <el-form-item prop="HDYT"> | ||
| 231 | <span slot="label"> | ||
| 232 | 海岛用途： <br /> | ||
| 233 | <p class="label-detail">（HDYT）</p> | ||
| 234 | </span> | ||
| 235 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HDYT" placeholder="海岛用途"> | ||
| 236 | <el-option v-for="item in dicData['A53']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 237 | </el-option> | ||
| 238 | </el-select> | ||
| 239 | </el-form-item> | ||
| 240 | </el-col> | ||
| 241 | |||
| 242 | <el-col :span="8"> | ||
| 243 | <el-form-item prop="ZHT"> | ||
| 244 | <span slot="label"> | ||
| 245 | 宗海图： <br /> | ||
| 246 | <p class="label-detail">（ZHT）</p> | ||
| 247 | </span> | ||
| 248 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHT" placeholder="宗海图"></el-input> | ||
| 249 | </el-form-item> | ||
| 250 | </el-col> | ||
| 251 | </el-row> | ||
| 252 | |||
| 253 | <el-row> | ||
| 254 | <el-col :span="8"> | ||
| 255 | <el-form-item prop="DAH"> | ||
| 256 | <span slot="label"> | ||
| 257 | 档案号： <br /> | ||
| 258 | <p class="label-detail">（DAH）</p> | ||
| 259 | </span> | ||
| 260 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> | ||
| 263 | |||
| 264 | <el-col :span="8"> | ||
| 265 | <el-form-item prop="ZT"> | ||
| 266 | <span slot="label"> | ||
| 267 | 状态： <br /> | ||
| 268 | <p class="label-detail">（ZT）</p> | ||
| 269 | </span> | ||
| 270 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态"> | ||
| 271 | <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 272 | </el-option> | ||
| 273 | </el-select> | ||
| 274 | </el-form-item> | ||
| 275 | </el-col> | ||
| 276 | |||
| 277 | <el-col :span="8"> | ||
| 278 | <el-form-item prop="QXDM"> | ||
| 279 | <span slot="label"> | ||
| 280 | 区县代码： <br /> | ||
| 281 | <p class="label-detail">（QXDM）</p> | ||
| 282 | </span> | ||
| 283 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 284 | </el-form-item> | ||
| 285 | </el-col> | ||
| 286 | </el-row> | ||
| 287 | |||
| 288 | <el-row> | ||
| 289 | <el-col :span="8"> | ||
| 290 | <el-form-item prop="DJSJ"> | ||
| 291 | <span slot="label"> | ||
| 292 | 登记时间： <br /> | ||
| 293 | <p class="label-detail">（DJSJ）</p> | ||
| 294 | </span> | ||
| 295 | <el-date-picker :disabled="$store.state.business.Edit" v-model="ruleForm.DJSJ" type="datetime" | ||
| 296 | format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间"> | ||
| 297 | </el-date-picker> | ||
| 298 | </el-form-item> | ||
| 299 | </el-col> | ||
| 300 | |||
| 301 | <el-col :span="8"> | ||
| 302 | <el-form-item prop="DBR"> | ||
| 303 | <span slot="label"> | ||
| 304 | 登簿人： <br /> | ||
| 305 | <p class="label-detail">（DBR）</p> | ||
| 306 | </span> | ||
| 307 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 308 | </el-form-item> | ||
| 309 | </el-col> | ||
| 310 | |||
| 311 | <el-col :span="8"> | ||
| 312 | <el-form-item prop="FJ"> | ||
| 313 | <span slot="label"> | ||
| 314 | 附记： <br /> | ||
| 315 | <p class="label-detail">（FJ）</p> | ||
| 316 | </span> | ||
| 317 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 318 | </el-form-item> | ||
| 319 | </el-col> | ||
| 320 | </el-row> | ||
| 321 | |||
| 322 | <el-row> | ||
| 323 | <el-col :span="8"> | ||
| 324 | <el-form-item prop="DJJGBM"> | ||
| 325 | <span slot="label"> | ||
| 326 | 登记机构编码： <br /> | ||
| 327 | <p class="label-detail">（DJJGBM）</p> | ||
| 328 | </span> | ||
| 329 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGBM" placeholder="登记机构编码"></el-input> | ||
| 330 | </el-form-item> | ||
| 331 | </el-col> | ||
| 332 | |||
| 333 | <el-col :span="8"> | ||
| 334 | <el-form-item prop="DJJGMC"> | ||
| 335 | <span slot="label"> | ||
| 336 | 登记机构名称： <br /> | ||
| 337 | <p class="label-detail">（DJJGMC）</p> | ||
| 338 | </span> | ||
| 339 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGMC" placeholder="登记机构名称"></el-input> | ||
| 340 | </el-form-item> | ||
| 341 | </el-col> | ||
| 342 | |||
| 343 | <el-col :span="8"> | ||
| 344 | <el-form-item prop="JDH"> | ||
| 345 | <span slot="label"> | ||
| 346 | 街道（乡、镇）： <br /> | ||
| 347 | <p class="label-detail">（JDH）</p> | ||
| 348 | </span> | ||
| 349 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH" placeholder="街道（乡、镇）"></el-input> | ||
| 350 | </el-form-item> | ||
| 351 | </el-col> | ||
| 352 | </el-row> | ||
| 353 | |||
| 354 | <el-row> | ||
| 355 | <el-col :span="8"> | ||
| 356 | <el-form-item prop="JFH"> | ||
| 357 | <span slot="label"> | ||
| 358 | 街坊（村）： <br /> | ||
| 359 | <p class="label-detail">（JFH）</p> | ||
| 360 | </span> | ||
| 361 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH" placeholder="街坊（村）"></el-input> | ||
| 362 | </el-form-item> | ||
| 363 | </el-col> | ||
| 364 | |||
| 365 | <el-col :span="8"> | ||
| 366 | <el-form-item prop="ZH"> | ||
| 367 | <span slot="label"> | ||
| 368 | 组： <br /> | ||
| 369 | <p class="label-detail">（ZH）</p> | ||
| 370 | </span> | ||
| 371 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH" placeholder="组"></el-input> | ||
| 372 | </el-form-item> | ||
| 373 | </el-col> | ||
| 374 | </el-row> | ||
| 375 | </el-form> | ||
| 376 | <message-tips ref="msg" /> | ||
| 377 | </div> | ||
| 378 | </template> | ||
| 379 | <script> | ||
| 380 | // 宗海基本信息 | ||
| 381 | import kttZhjbxx from '@/api/kttZhjbxx' | ||
| 382 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 383 | export default { | ||
| 384 | mixins: [ruleMixin], | ||
| 385 | props: { | ||
| 386 | bsmSjsb: { | ||
| 387 | type: String, | ||
| 388 | default: '' | ||
| 389 | }, | ||
| 390 | bsmYwsjb: { | ||
| 391 | type: String, | ||
| 392 | default: '' | ||
| 393 | } | ||
| 394 | }, | ||
| 395 | data () { | ||
| 396 | return { | ||
| 397 | ruleForm: { | ||
| 398 | BSM: '', | ||
| 399 | YSDM: '', | ||
| 400 | // 宗海代码 | ||
| 401 | ZHDM: '', | ||
| 402 | BDCDYH: '', | ||
| 403 | ZHTZM: '', | ||
| 404 | XMMC: '', | ||
| 405 | XMXZ: '', | ||
| 406 | YHZMJ: '', | ||
| 407 | ZHMJ: '', | ||
| 408 | DB: '', | ||
| 409 | ZHAX: '', | ||
| 410 | YHLXA: '', | ||
| 411 | YHLXB: '', | ||
| 412 | YHWZSM: '', | ||
| 413 | HDMC: '', | ||
| 414 | HDDM: '', | ||
| 415 | YDFW: '', | ||
| 416 | YDMJ: '', | ||
| 417 | HDWZ: '', | ||
| 418 | HDYT: '', | ||
| 419 | ZHT: '', | ||
| 420 | DAH: '', | ||
| 421 | ZT: '', | ||
| 422 | QXDM: '', | ||
| 423 | DJSJ: '', | ||
| 424 | DBR: '', | ||
| 425 | FJ: '', | ||
| 426 | DJJGBM: '', | ||
| 427 | DJJGMC: '', | ||
| 428 | JDH: '', | ||
| 429 | JFH: '', | ||
| 430 | ZH: '' | ||
| 431 | } | ||
| 432 | } | ||
| 433 | }, | ||
| 434 | methods: { | ||
| 435 | async featchData () { | ||
| 436 | try { | ||
| 437 | let { result: res } = await kttZhjbxx.getKttZhjbxxById(this.bsmSjsb) | ||
| 438 | this.ruleForm = res | ||
| 439 | //this.featchRule() | ||
| 440 | } catch (error) { | ||
| 441 | this.$refs.msg.messageShow() | ||
| 442 | } | ||
| 443 | }, | ||
| 444 | handleUpdateForm () { | ||
| 445 | return new Promise(async (resolve) => { | ||
| 446 | try { | ||
| 447 | let res = await kttZhjbxx.updateKttZhjbxx(this.ruleForm) | ||
| 448 | // this.$refs['formList'].resetFields(); | ||
| 449 | resolve(res.code) | ||
| 450 | } catch (error) { | ||
| 451 | this.$refs.msg.messageShow() | ||
| 452 | } | ||
| 453 | }) | ||
| 454 | } | ||
| 455 | } | ||
| 456 | } | ||
| 457 | </script> | ||
| 458 | <style scoped lang="scss"> | ||
| 459 | @import "./css/itemForm.scss"; | ||
| 460 | </style> | ||
| 461 | |||
| 462 |
src/components/Business/qlfFwFdcqDzXm.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="multiplehouseInfoXmsx itemForm"> | ||
| 3 | <el-form :model="ruleForm" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <div v-for="(item, index) in ruleForm.itemList" :key="index" class="multiplehouseInfoXmsx-item"> | ||
| 5 | <p class="multiplehouseInfoXmsx-item-name">项目属性{{ index + 1 }}</p> | ||
| 6 | <div class="multiplehouseInfoXmsx-item-list"> | ||
| 7 | <el-row> | ||
| 8 | <el-col :span="16"> | ||
| 9 | <el-form-item :prop="'itemList.' + index + '.XMMC'" :rules="rules.XMMC"> | ||
| 10 | <span slot="label"> | ||
| 11 | 项目名称： <br /> | ||
| 12 | <p class="label-detail">（XMMC）</p> | ||
| 13 | </span> | ||
| 14 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].XMMC" | ||
| 15 | placeholder="项目名称"></el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | |||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item :prop="'itemList.' + index + '.BDCDYH'" :rules="rules.BDCDYH"> | ||
| 21 | <span slot="label"> | ||
| 22 | 不动产单元号： <br /> | ||
| 23 | <p class="label-detail">（BDCDYH）</p> | ||
| 24 | </span> | ||
| 25 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].BDCDYH" | ||
| 26 | placeholder="不动产单元号"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | </el-row> | ||
| 30 | |||
| 31 | <el-row> | ||
| 32 | <el-col :span="8"> | ||
| 33 | <el-form-item :prop="'itemList.' + index + '.ZH'" :rules="rules.ZH"> | ||
| 34 | <span slot="label"> | ||
| 35 | 幢号： <br /> | ||
| 36 | <p class="label-detail">（ZH）</p> | ||
| 37 | </span> | ||
| 38 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].ZH" | ||
| 39 | placeholder="幢号"></el-input> | ||
| 40 | </el-form-item> | ||
| 41 | </el-col> | ||
| 42 | |||
| 43 | <el-col :span="8"> | ||
| 44 | <el-form-item :prop="'itemList.' + index + '.ZCS'" :rules="{ ...rules.ZCS, ...typeNum }"> | ||
| 45 | <span slot="label"> | ||
| 46 | 总层数： <br /> | ||
| 47 | <p class="label-detail">（ZCS）</p> | ||
| 48 | </span> | ||
| 49 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].ZCS" | ||
| 50 | type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> | ||
| 53 | |||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item :prop="'itemList.' + index + '.GHYT'" :rules="rules.GHYT"> | ||
| 56 | <span slot="label"> | ||
| 57 | 规划用途： <br /> | ||
| 58 | <p class="label-detail">（GHYT）</p> | ||
| 59 | </span> | ||
| 60 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].GHYT" | ||
| 61 | placeholder="规划用途"></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | </el-row> | ||
| 65 | |||
| 66 | <el-row> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item :prop="'itemList.' + index + '.FWJG'" :rules="rules.FWJG"> | ||
| 69 | <span slot="label"> | ||
| 70 | 房屋结构： <br /> | ||
| 71 | <p class="label-detail">（FWJG）</p> | ||
| 72 | </span> | ||
| 73 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].FWJG" | ||
| 74 | placeholder="房屋结构"></el-input> | ||
| 75 | </el-form-item> | ||
| 76 | </el-col> | ||
| 77 | |||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :prop="'itemList.' + index + '.JZMJ'" :rules="{ ...rules.JZMJ, ...typeNum }"> | ||
| 80 | <span slot="label"> | ||
| 81 | 建筑面积：<br /> | ||
| 82 | <p class="label-detail">（JZMJ）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].JZMJ" | ||
| 85 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 86 | placeholder="建筑面积"></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | |||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item :prop="'itemList.' + index + '.JGSJ'" :rules="rules.JGSJ"> | ||
| 92 | <span slot="label"> | ||
| 93 | 竣工时间： <br /> | ||
| 94 | <p class="label-detail">（JGSJ）</p> | ||
| 95 | </span> | ||
| 96 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 97 | v-model="ruleForm.itemList[index].JGSJ" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | </el-row> | ||
| 101 | |||
| 102 | <el-row> | ||
| 103 | <el-col :span="8"> | ||
| 104 | <el-form-item :prop="'itemList.' + index + '.ZTS'" :rules="{ ...rules.ZTS, ...typeNum }"> | ||
| 105 | <span slot="label"> | ||
| 106 | 总套数： <br /> | ||
| 107 | <p class="label-detail">（ZTS）</p> | ||
| 108 | </span> | ||
| 109 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].ZTS" | ||
| 110 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总套数"></el-input> | ||
| 111 | </el-form-item> | ||
| 112 | </el-col> | ||
| 113 | |||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item :prop="'itemList.' + index + '.QXDM'" :rules="rules.QXDM"> | ||
| 116 | <span slot="label"> | ||
| 117 | 区县代码： <br /> | ||
| 118 | <p class="label-detail">（QXDM）</p> | ||
| 119 | </span> | ||
| 120 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].QXDM" | ||
| 121 | placeholder="区县代码"></el-input> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | |||
| 125 | </el-row> | ||
| 126 | </div> | ||
| 127 | </div> | ||
| 128 | </el-form> | ||
| 129 | <message-tips ref="msg" /> | ||
| 130 | </div> | ||
| 131 | </template> | ||
| 132 | <script> | ||
| 133 | // 房地产权（项目内多幢房屋）项目属性 | ||
| 134 | import qlfFwFdcqDzXm from '@/api/qlfFwFdcqDzXm' | ||
| 135 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 136 | export default { | ||
| 137 | mixins: [ruleMixin], | ||
| 138 | props: { | ||
| 139 | bsmSjsb: { | ||
| 140 | type: String, | ||
| 141 | default: '' | ||
| 142 | }, | ||
| 143 | bsmYwsjb: { | ||
| 144 | type: String, | ||
| 145 | default: '' | ||
| 146 | } | ||
| 147 | }, | ||
| 148 | data () { | ||
| 149 | return { | ||
| 150 | ruleForm: { | ||
| 151 | itemList: [ | ||
| 152 | { | ||
| 153 | XMMC: '', | ||
| 154 | BDCDYH: '', | ||
| 155 | ZH: '', | ||
| 156 | ZCS: '', | ||
| 157 | GHYT: '', | ||
| 158 | FWJG: '', | ||
| 159 | JZMJ: '', | ||
| 160 | JGSJ: '', | ||
| 161 | ZTS: '', | ||
| 162 | QXDM: '' | ||
| 163 | } | ||
| 164 | ] | ||
| 165 | } | ||
| 166 | } | ||
| 167 | }, | ||
| 168 | methods: { | ||
| 169 | async featchData () { | ||
| 170 | try { | ||
| 171 | let { result: res } = await qlfFwFdcqDzXm.getQlfFwFdcqDzXmById(this.bsmSjsb) | ||
| 172 | this.ruleForm.itemList = res | ||
| 173 | //this.featchRule() | ||
| 174 | } catch (error) { | ||
| 175 | this.$refs.msg.messageShow() | ||
| 176 | } | ||
| 177 | }, | ||
| 178 | handleUpdateForm () { | ||
| 179 | return new Promise(async (resolve, reject) => { | ||
| 180 | try { | ||
| 181 | let res = await qlfFwFdcqDzXm.updateQlfFwFdcqDzXm(this.ruleForm.itemList) | ||
| 182 | // this.$refs['formList'].resetFields(); | ||
| 183 | resolve(res.code) | ||
| 184 | } catch (error) { | ||
| 185 | this.$refs.msg.messageShow() | ||
| 186 | } | ||
| 187 | }) | ||
| 188 | } | ||
| 189 | } | ||
| 190 | } | ||
| 191 | </script> | ||
| 192 | <style scoped lang="scss"> | ||
| 193 | @import "./css/itemForm.scss"; | ||
| 194 | |||
| 195 | .multiplehouseInfoXmsx-item { | ||
| 196 | display: flex; | ||
| 197 | height: 100%; | ||
| 198 | margin-bottom: 15px; | ||
| 199 | margin-right: 5px; | ||
| 200 | |||
| 201 | &-name { | ||
| 202 | display: flex; | ||
| 203 | align-items: center; | ||
| 204 | justify-content: center; | ||
| 205 | width: 20px; | ||
| 206 | padding: 10px 20px; | ||
| 207 | line-height: 28px; | ||
| 208 | border: 1px solid #ccc; | ||
| 209 | margin-right: 15px; | ||
| 210 | border-radius: 3px; | ||
| 211 | } | ||
| 212 | |||
| 213 | &-list { | ||
| 214 | width: 100%; | ||
| 215 | flex: 1; | ||
| 216 | display: flex; | ||
| 217 | justify-content: center; | ||
| 218 | flex-direction: column; | ||
| 219 | } | ||
| 220 | } | ||
| 221 | </style> | ||
| 222 | |||
| 223 |
src/components/Business/qlfFwFdcqQfsyq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="mainCommonPart itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码：<br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="BDCDYH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 不动产单元号： <br /> | ||
| 20 | <p class="label-detail">（BDCDYH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28" | ||
| 23 | placeholder="不动产单元号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="YWH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 业务号： <br /> | ||
| 31 | <p class="label-detail">（YWH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20" | ||
| 34 | placeholder="业务号"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="QLLX"> | ||
| 42 | <span slot="label"> | ||
| 43 | 权利类型 <br /> | ||
| 44 | <p class="label-detail">（QLLX）</p> | ||
| 45 | </span> | ||
| 46 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 47 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 48 | </el-option> | ||
| 49 | </el-select> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | |||
| 53 | <el-col :span="8"> | ||
| 54 | <el-form-item prop="JGZWBH"> | ||
| 55 | <span slot="label"> | ||
| 56 | 建（构）筑物编号： <br /> | ||
| 57 | <p class="label-detail">（JGZWBH）</p> | ||
| 58 | </span> | ||
| 59 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JGZWBH" | ||
| 60 | placeholder="建（构）筑物编号"></el-input> | ||
| 61 | </el-form-item> | ||
| 62 | </el-col> | ||
| 63 | |||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item prop="JGZWMC"> | ||
| 66 | <span slot="label"> | ||
| 67 | 建（构）筑物名称： <br /> | ||
| 68 | <p class="label-detail">（JGZWMC）</p> | ||
| 69 | </span> | ||
| 70 | <el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物名称" | ||
| 71 | v-model="ruleForm.JGZWMC"></el-input> | ||
| 72 | </el-form-item> | ||
| 73 | </el-col> | ||
| 74 | </el-row> | ||
| 75 | |||
| 76 | <el-row> | ||
| 77 | <el-col :span="8"> | ||
| 78 | <el-form-item prop="JGZWSL" :rules="{ type: 'number' }"> | ||
| 79 | <span slot="label"> | ||
| 80 | 建（构）筑物数量： <br /> | ||
| 81 | <p class="label-detail">（JGZWSL）</p> | ||
| 82 | </span> | ||
| 83 | <el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物数量" type="number" | ||
| 84 | v-only-number="{ max: 999999, min: 0, precision: 0 }" v-model.number="ruleForm.JGZWSL"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | |||
| 88 | <el-col :span="8"> | ||
| 89 | <el-form-item prop="JGZWMJ" :rules="{ type: 'number' }"> | ||
| 90 | <span slot="label"> | ||
| 91 | 建（构）筑物面积 <br /> | ||
| 92 | <p class="label-detail">（JGZWMJ）</p> | ||
| 93 | </span> | ||
| 94 | <el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物面积" type="number" | ||
| 95 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.JGZWMJ"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }"> | ||
| 101 | <span slot="label"> | ||
| 102 | 分摊土地面积： <br /> | ||
| 103 | <p class="label-detail">（FTTDMJ）</p> | ||
| 104 | </span> | ||
| 105 | <el-input :disabled="$store.state.business.Edit" placeholder="分摊土地面积" type="number" | ||
| 106 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.FTTDMJ"></el-input> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | </el-row> | ||
| 110 | |||
| 111 | <el-row> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item prop="QXDM"> | ||
| 114 | <span slot="label"> | ||
| 115 | 区县代码： <br /> | ||
| 116 | <p class="label-detail">（QXDM）</p> | ||
| 117 | </span> | ||
| 118 | <el-input :disabled="$store.state.business.Edit" placeholder="区县代码" v-model="ruleForm.QXDM"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | |||
| 122 | <el-col :span="8"> | ||
| 123 | <el-form-item prop="DJJG"> | ||
| 124 | <span slot="label"> | ||
| 125 | 登记机构： <br /> | ||
| 126 | <p class="label-detail">（DJJG）</p> | ||
| 127 | </span> | ||
| 128 | <el-input :disabled="$store.state.business.Edit" placeholder="登记机构" v-model="ruleForm.DJJG"></el-input> | ||
| 129 | </el-form-item> | ||
| 130 | </el-col> | ||
| 131 | |||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item prop="DBR"> | ||
| 134 | <span slot="label"> | ||
| 135 | 登簿人： <br /> | ||
| 136 | <p class="label-detail">（DBR）</p> | ||
| 137 | </span> | ||
| 138 | <el-input :disabled="$store.state.business.Edit" placeholder="登簿人" v-model="ruleForm.DBR"></el-input> | ||
| 139 | </el-form-item> | ||
| 140 | </el-col> | ||
| 141 | </el-row> | ||
| 142 | |||
| 143 | <el-row> | ||
| 144 | <el-col :span="8"> | ||
| 145 | <el-form-item prop="DJSJ"> | ||
| 146 | <span slot="label"> | ||
| 147 | 登记时间： <br /> | ||
| 148 | <p class="label-detail">（DJSJ）</p> | ||
| 149 | </span> | ||
| 150 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable v-model="ruleForm.DJSJ" | ||
| 151 | value-format="yyyy-MM-dd"> | ||
| 152 | </el-date-picker> | ||
| 153 | </el-form-item> | ||
| 154 | </el-col> | ||
| 155 | |||
| 156 | <el-col :span="8"> | ||
| 157 | <el-form-item prop="FJ"> | ||
| 158 | <span slot="label"> | ||
| 159 | 附记： <br /> | ||
| 160 | <p class="label-detail">（FJ）</p> | ||
| 161 | </span> | ||
| 162 | <el-input :disabled="$store.state.business.Edit" placeholder="附记" v-model="ruleForm.FJ"></el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | |||
| 166 | <el-col :span="8"> | ||
| 167 | <el-form-item prop="QSZT"> | ||
| 168 | <span slot="label"> | ||
| 169 | 权属状态： <br /> | ||
| 170 | <p class="label-detail">（QSZT）</p> | ||
| 171 | </span> | ||
| 172 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 173 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 174 | </el-option> | ||
| 175 | </el-select> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | </el-row> | ||
| 179 | </el-form> | ||
| 180 | <message-tips ref="msg" /> | ||
| 181 | </div> | ||
| 182 | </template> | ||
| 183 | <script> | ||
| 184 | // 建筑物区分所有权业主共有部分信息 | ||
| 185 | import qlfFwFdcqQfsyq from '@/api/qlfFwFdcqQfsyq' | ||
| 186 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 187 | export default { | ||
| 188 | mixins: [ruleMixin], | ||
| 189 | props: { | ||
| 190 | bsmSjsb: { | ||
| 191 | type: String, | ||
| 192 | default: '' | ||
| 193 | }, | ||
| 194 | bsmYwsjb: { | ||
| 195 | type: String, | ||
| 196 | default: '' | ||
| 197 | } | ||
| 198 | }, | ||
| 199 | data () { | ||
| 200 | return { | ||
| 201 | ruleForm: { | ||
| 202 | YSDM: '', | ||
| 203 | BDCDYH: '', | ||
| 204 | YWH: '', | ||
| 205 | QLLX: '', | ||
| 206 | JGZWBH: '', | ||
| 207 | JGZWMC: '', | ||
| 208 | JGZWSL: '', | ||
| 209 | JGZWMJ: '', | ||
| 210 | FTTDMJ: '', | ||
| 211 | QXDM: '', | ||
| 212 | DJJG: '', | ||
| 213 | DBR: '', | ||
| 214 | DJSJ: '', | ||
| 215 | FJ: '', | ||
| 216 | QSZT: '' | ||
| 217 | } | ||
| 218 | } | ||
| 219 | }, | ||
| 220 | methods: { | ||
| 221 | async featchData () { | ||
| 222 | try { | ||
| 223 | let { result: res } = await qlfFwFdcqQfsyq.getQlfFwFdcqQfsyqById(this.bsmSjsb) | ||
| 224 | this.ruleForm = res | ||
| 225 | //this.featchRule() | ||
| 226 | } catch (error) { | ||
| 227 | this.$refs.msg.messageShow() | ||
| 228 | } | ||
| 229 | }, | ||
| 230 | handleUpdateForm () { | ||
| 231 | return new Promise(async (resolve, reject) => { | ||
| 232 | try { | ||
| 233 | let res = await qlfFwFdcqQfsyq.updateQlfFwFdcqQfsyq(this.ruleForm) | ||
| 234 | // this.$refs['formList'].resetFields(); | ||
| 235 | resolve(res.code) | ||
| 236 | } catch (error) { | ||
| 237 | this.$refs.msg.messageShow() | ||
| 238 | } | ||
| 239 | }) | ||
| 240 | } | ||
| 241 | } | ||
| 242 | } | ||
| 243 | </script> | ||
| 244 | <style scoped lang="scss"> | ||
| 245 | @import "./css/itemForm.scss"; | ||
| 246 | </style> | ||
| 247 | |||
| 248 |
src/components/Business/qlfQlCfdj.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="seizureRegistration itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="112px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="BDCDYH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 不动产单元号： <br /> | ||
| 29 | <p class="label-detail">（BDCDYH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="CFJG"> | ||
| 39 | <span slot="label"> | ||
| 40 | 查封机关： <br /> | ||
| 41 | <p class="label-detail">（CFJG）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cfjg" placeholder="查封机关"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="CFLX"> | ||
| 49 | <span slot="label"> | ||
| 50 | 查封类型： <br /> | ||
| 51 | <p class="label-detail">（CFLX）</p> | ||
| 52 | </span> | ||
| 53 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.cflx" placeholder="查封类型"> | ||
| 54 | <el-option v-for="item in dicData['A32']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 55 | </el-option> | ||
| 56 | </el-select> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="CFWJ"> | ||
| 62 | <span slot="label"> | ||
| 63 | 查封文件： <br /> | ||
| 64 | <p class="label-detail">（CFWJ）</p> | ||
| 65 | </span> | ||
| 66 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cfwj" placeholder="查封文件"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | </el-row> | ||
| 70 | |||
| 71 | <el-row> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item prop="CFWH"> | ||
| 74 | <span slot="label"> | ||
| 75 | 查封文号： <br /> | ||
| 76 | <p class="label-detail">（CFWH）</p> | ||
| 77 | </span> | ||
| 78 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cfwh" placeholder="查封文号"></el-input> | ||
| 79 | </el-form-item> | ||
| 80 | </el-col> | ||
| 81 | <el-col :span="8"> | ||
| 82 | <el-form-item prop="CFQSSJ"> | ||
| 83 | <span slot="label"> | ||
| 84 | 查封起始时间： <br /> | ||
| 85 | <p class="label-detail">（CFQSSJ）</p> | ||
| 86 | </span> | ||
| 87 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期" | ||
| 88 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.cfqssj" | ||
| 89 | value-format="yyyy-MM-dd"></el-date-picker> | ||
| 90 | </el-form-item> | ||
| 91 | </el-col> | ||
| 92 | |||
| 93 | <el-col :span="8"> | ||
| 94 | <el-form-item prop="CFJSSJ"> | ||
| 95 | <span slot="label"> | ||
| 96 | 查封结束时间： <br /> | ||
| 97 | <p class="label-detail">（CFJSSJ）</p> | ||
| 98 | </span> | ||
| 99 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable | ||
| 100 | :picker-options="pickerOptionsEnd" v-model="ruleForm.cfjssj" value-format="yyyy-MM-dd"> | ||
| 101 | </el-date-picker> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | </el-row> | ||
| 105 | |||
| 106 | <el-row> | ||
| 107 | <el-col :span="8"> | ||
| 108 | <el-form-item prop="CFFW"> | ||
| 109 | <span slot="label"> | ||
| 110 | 查封范围： <br /> | ||
| 111 | <p class="label-detail">（CFFW）</p> | ||
| 112 | </span> | ||
| 113 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cffw" placeholder="查封范围"></el-input> | ||
| 114 | </el-form-item> | ||
| 115 | </el-col> | ||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item prop="QXDM"> | ||
| 118 | <span slot="label"> | ||
| 119 | 区县代码： <br /> | ||
| 120 | <p class="label-detail">（QXDM）</p> | ||
| 121 | </span> | ||
| 122 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 123 | </el-form-item> | ||
| 124 | </el-col> | ||
| 125 | |||
| 126 | <el-col :span="8"> | ||
| 127 | <el-form-item prop="DJJG"> | ||
| 128 | <span slot="label"> | ||
| 129 | 登记机构： <br /> | ||
| 130 | <p class="label-detail">（DJJG）</p> | ||
| 131 | </span> | ||
| 132 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input> | ||
| 133 | </el-form-item> | ||
| 134 | </el-col> | ||
| 135 | </el-row> | ||
| 136 | |||
| 137 | <el-row> | ||
| 138 | <el-col :span="8"> | ||
| 139 | <el-form-item prop="DBR"> | ||
| 140 | <span slot="label"> | ||
| 141 | 登簿人： <br /> | ||
| 142 | <p class="label-detail">（DBR）</p> | ||
| 143 | </span> | ||
| 144 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input> | ||
| 145 | </el-form-item> | ||
| 146 | </el-col> | ||
| 147 | <el-col :span="8"> | ||
| 148 | <el-form-item prop="DJSJ"> | ||
| 149 | <span slot="label"> | ||
| 150 | 登记时间： <br /> | ||
| 151 | <p class="label-detail">（DJSJ）</p> | ||
| 152 | </span> | ||
| 153 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 154 | v-model="ruleForm.djsj" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 155 | </el-form-item> | ||
| 156 | </el-col> | ||
| 157 | <el-col :span="8"> | ||
| 158 | <el-form-item prop="JFYWH"> | ||
| 159 | <span slot="label"> | ||
| 160 | 解封业务号： <br /> | ||
| 161 | <p class="label-detail">（JFYWH）</p> | ||
| 162 | </span> | ||
| 163 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfywh" placeholder="解封业务号"></el-input> | ||
| 164 | </el-form-item> | ||
| 165 | </el-col> | ||
| 166 | </el-row> | ||
| 167 | |||
| 168 | <el-row> | ||
| 169 | <el-col :span="8"> | ||
| 170 | <el-form-item prop="JFJG"> | ||
| 171 | <span slot="label"> | ||
| 172 | 解封机关： <br /> | ||
| 173 | <p class="label-detail">（JFJG）</p> | ||
| 174 | </span> | ||
| 175 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfjg" placeholder="解封机关"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item prop="JFWJ"> | ||
| 180 | <span slot="label"> | ||
| 181 | 解封文件： <br /> | ||
| 182 | <p class="label-detail">（JFWJ）</p> | ||
| 183 | </span> | ||
| 184 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfwj" placeholder="解封文件"></el-input> | ||
| 185 | </el-form-item> | ||
| 186 | </el-col> | ||
| 187 | |||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item prop="JFWH"> | ||
| 190 | <span slot="label"> | ||
| 191 | 解封文号： <br /> | ||
| 192 | <p class="label-detail">（JFWH）</p> | ||
| 193 | </span> | ||
| 194 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfwh" placeholder="解封文号"></el-input> | ||
| 195 | </el-form-item> | ||
| 196 | </el-col> | ||
| 197 | </el-row> | ||
| 198 | |||
| 199 | <el-row> | ||
| 200 | <el-col :span="8"> | ||
| 201 | <el-form-item prop="JFDBR"> | ||
| 202 | <span slot="label"> | ||
| 203 | 解封登簿人： <br /> | ||
| 204 | <p class="label-detail">（JFDBR）</p> | ||
| 205 | </span> | ||
| 206 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfdbr" placeholder="解封登簿人"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item prop="JFDJSJ"> | ||
| 211 | <span slot="label"> | ||
| 212 | 解封登记时间： <br /> | ||
| 213 | <p class="label-detail">（JFDJSJ）</p> | ||
| 214 | </span> | ||
| 215 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 216 | v-model="ruleForm.jfdjsj" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 217 | </el-form-item> | ||
| 218 | </el-col> | ||
| 219 | |||
| 220 | <el-col :span="8"> | ||
| 221 | <el-form-item prop="FJ"> | ||
| 222 | <span slot="label"> | ||
| 223 | 附记： <br /> | ||
| 224 | <p class="label-detail">（FJ）</p> | ||
| 225 | </span> | ||
| 226 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input> | ||
| 227 | </el-form-item> | ||
| 228 | </el-col> | ||
| 229 | </el-row> | ||
| 230 | |||
| 231 | <el-row> | ||
| 232 | <el-col :span="8"> | ||
| 233 | <el-form-item prop="QSZT"> | ||
| 234 | <span slot="label"> | ||
| 235 | 权属状态： <br /> | ||
| 236 | <p class="label-detail">（QSZT）</p> | ||
| 237 | </span> | ||
| 238 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态"> | ||
| 239 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 240 | </el-option> | ||
| 241 | </el-select> | ||
| 242 | </el-form-item> | ||
| 243 | </el-col> | ||
| 244 | </el-row> | ||
| 245 | </el-form> | ||
| 246 | <message-tips ref="msg" /> | ||
| 247 | </div> | ||
| 248 | </template> | ||
| 249 | <script> | ||
| 250 | // 查封登记信息 | ||
| 251 | import qlfQlCfdj from '@/api/qlfQlCfdj' | ||
| 252 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 253 | export default { | ||
| 254 | mixins: [ruleMixin], | ||
| 255 | props: { | ||
| 256 | bsmSjsb: { | ||
| 257 | type: String, | ||
| 258 | default: '' | ||
| 259 | }, | ||
| 260 | bsmYwsjb: { | ||
| 261 | type: String, | ||
| 262 | default: '' | ||
| 263 | } | ||
| 264 | }, | ||
| 265 | data () { | ||
| 266 | return { | ||
| 267 | pickerOptionsStart: { | ||
| 268 | // 禁止选择 | ||
| 269 | disabledDate: time => { | ||
| 270 | let endDateVal = this.ruleForm.CFJSSJ; | ||
| 271 | if (endDateVal) { | ||
| 272 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 273 | } | ||
| 274 | } | ||
| 275 | }, | ||
| 276 | pickerOptionsEnd: { | ||
| 277 | disabledDate: time => { | ||
| 278 | let beginDateVal = this.ruleForm.CFQSSJ; | ||
| 279 | if (beginDateVal) { | ||
| 280 | return ( | ||
| 281 | time.getTime() < | ||
| 282 | new Date(beginDateVal).getTime() | ||
| 283 | ); | ||
| 284 | } | ||
| 285 | } | ||
| 286 | }, | ||
| 287 | ruleForm: { | ||
| 288 | YSDM: '', | ||
| 289 | YWH: '', | ||
| 290 | BDCDYH: '', | ||
| 291 | CFJG: '', | ||
| 292 | CFWJ: '', | ||
| 293 | CFWH: '', | ||
| 294 | CFQSSJ: '', | ||
| 295 | CFJSSJ: '', | ||
| 296 | CFFW: '', | ||
| 297 | QXDM: '', | ||
| 298 | DJJG: '', | ||
| 299 | DBR: '', | ||
| 300 | DJSJ: '', | ||
| 301 | JFYWH: '', | ||
| 302 | JFJG: '', | ||
| 303 | JFWJ: '', | ||
| 304 | JFWH: '', | ||
| 305 | JFDBR: '', | ||
| 306 | JFDJSJ: '', | ||
| 307 | FJ: '', | ||
| 308 | QSZT: '' | ||
| 309 | } | ||
| 310 | } | ||
| 311 | }, | ||
| 312 | methods: { | ||
| 313 | async featchData () { | ||
| 314 | try { | ||
| 315 | let { result: res } = await qlfQlCfdj.getQlfQlCfdjById(this.bsmSjsb) | ||
| 316 | this.ruleForm = res | ||
| 317 | //this.featchRule() | ||
| 318 | } catch (error) { | ||
| 319 | this.$refs.msg.messageShow() | ||
| 320 | } | ||
| 321 | }, | ||
| 322 | handleUpdateForm () { | ||
| 323 | return new Promise(async (resolve) => { | ||
| 324 | try { | ||
| 325 | let res = await qlfQlCfdj.updateQlfQlCfdj(this.ruleForm) | ||
| 326 | // this.$refs['formList'].resetFields(); | ||
| 327 | resolve(res.code) | ||
| 328 | } catch (error) { | ||
| 329 | this.$refs.msg.messageShow() | ||
| 330 | } | ||
| 331 | }) | ||
| 332 | } | ||
| 333 | } | ||
| 334 | } | ||
| 335 | </script> | ||
| 336 | <style scoped lang="scss"> | ||
| 337 | @import "./css/itemForm.scss"; | ||
| 338 | </style> | ||
| 339 | |||
| 340 |
src/components/Business/qlfQlDyaq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="otherRelevant itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="YWH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 业务号： <br /> | ||
| 20 | <p class="label-detail">（YWH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" maxlength="20" | ||
| 23 | placeholder="业务号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" maxlength="28" | ||
| 34 | placeholder="不动产单元号"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="SCYWH"> | ||
| 42 | <span slot="label"> | ||
| 43 | 上次业务号： <br /> | ||
| 44 | <p class="label-detail">（SCYWH）</p> | ||
| 45 | </span> | ||
| 46 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.scywh" placeholder="上次业务号"></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | |||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item prop="DYJELX"> | ||
| 52 | <span slot="label"> | ||
| 53 | 抵押金额类型： <br /> | ||
| 54 | <p class="label-detail">（DYJELX）</p> | ||
| 55 | </span> | ||
| 56 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dyjelx" placeholder="抵押金额类型"></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DYBDCLX"> | ||
| 62 | <span slot="label"> | ||
| 63 | 抵押不动产类型： <br /> | ||
| 64 | <p class="label-detail">（DYBDCLX）</p> | ||
| 65 | </span> | ||
| 66 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.dybdclx" placeholder="抵押不动产类型"> | ||
| 67 | <el-option v-for="item in dicData['A27']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 68 | </el-option> | ||
| 69 | </el-select> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | |||
| 74 | <el-row> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item prop="DYR"> | ||
| 77 | <span slot="label"> | ||
| 78 | 抵押人： <br /> | ||
| 79 | <p class="label-detail">（DYR）</p> | ||
| 80 | </span> | ||
| 81 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dyr" placeholder="抵押人"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="DYFS"> | ||
| 87 | <span slot="label"> | ||
| 88 | 抵押方式： <br /> | ||
| 89 | <p class="label-detail">（DYFS）</p> | ||
| 90 | </span> | ||
| 91 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.dyfs" placeholder="抵押方式"> | ||
| 92 | <el-option v-for="item in dicData['A28']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 93 | </el-option> | ||
| 94 | </el-select> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item prop="DJLX"> | ||
| 100 | <span slot="label"> | ||
| 101 | 登记类型： <br /> | ||
| 102 | <p class="label-detail">（DJLX）</p> | ||
| 103 | </span> | ||
| 104 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.djlx" placeholder="登记类型"> | ||
| 105 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 106 | </el-option> | ||
| 107 | </el-select> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | </el-row> | ||
| 111 | |||
| 112 | <el-row> | ||
| 113 | <el-col :span="8"> | ||
| 114 | <el-form-item prop="BDBZZQSE" :rules="{ type: 'number' }"> | ||
| 115 | <span slot="label"> | ||
| 116 | 被担保主债权数额： <br /> | ||
| 117 | <p class="label-detail">（BDBZZQSE）</p> | ||
| 118 | </span> | ||
| 119 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.bdbzzqse" type="number" | ||
| 120 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="被担保主债权数额"></el-input> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | |||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item prop="ZWLXQSSJ"> | ||
| 126 | <span slot="label"> | ||
| 127 | 债务履行起始时间： <br /> | ||
| 128 | <p class="label-detail">（ZWLXQSSJ）</p> | ||
| 129 | </span> | ||
| 130 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择开始日期" | ||
| 131 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.zwlxqssj" | ||
| 132 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 133 | </el-form-item> | ||
| 134 | </el-col> | ||
| 135 | |||
| 136 | <el-col :span="8"> | ||
| 137 | <el-form-item prop="ZWLXJSSJ"> | ||
| 138 | <span slot="label"> | ||
| 139 | 债务履行结束时间： <br /> | ||
| 140 | <p class="label-detail">（ZWLXJSSJ）</p> | ||
| 141 | </span> | ||
| 142 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择结束日期" clearable | ||
| 143 | :picker-options="pickerOptionsEnd" v-model="ruleForm.zwlxjssj" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 144 | </el-date-picker> | ||
| 145 | </el-form-item> | ||
| 146 | </el-col> | ||
| 147 | </el-row> | ||
| 148 | |||
| 149 | <el-row> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item prop="ZGZQQDSS"> | ||
| 152 | <span slot="label"> | ||
| 153 | 最高债权确定事实： <br /> | ||
| 154 | <p class="label-detail">（ZGZQQDSS）</p> | ||
| 155 | </span> | ||
| 156 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zgzqqdss" | ||
| 157 | placeholder="最高债权确定事实"></el-input> | ||
| 158 | </el-form-item> | ||
| 159 | </el-col> | ||
| 160 | |||
| 161 | <el-col :span="8"> | ||
| 162 | <el-form-item prop="ZGZQSE" :rules="{ type: 'number' }"> | ||
| 163 | <span slot="label"> | ||
| 164 | 最高债权数额： <br /> | ||
| 165 | <p class="label-detail">（ZGZQSE）</p> | ||
| 166 | </span> | ||
| 167 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.zgzqse" type="number" | ||
| 168 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="最高债权数额"></el-input> | ||
| 169 | </el-form-item> | ||
| 170 | </el-col> | ||
| 171 | |||
| 172 | <el-col :span="8"> | ||
| 173 | <el-form-item prop="ZXDYYWH"> | ||
| 174 | <span slot="label"> | ||
| 175 | 注销抵押业务号： <br /> | ||
| 176 | <p class="label-detail">（ZXDYYWH）</p> | ||
| 177 | </span> | ||
| 178 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zxdyywh" | ||
| 179 | placeholder="注销抵押业务号"></el-input> | ||
| 180 | </el-form-item> | ||
| 181 | </el-col> | ||
| 182 | </el-row> | ||
| 183 | |||
| 184 | <el-row> | ||
| 185 | <el-col :span="8"> | ||
| 186 | <el-form-item prop="DJJG"> | ||
| 187 | <span slot="label"> | ||
| 188 | 登记机构： <br /> | ||
| 189 | <p class="label-detail">（DJJG）</p> | ||
| 190 | </span> | ||
| 191 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | |||
| 195 | <el-col :span="8"> | ||
| 196 | <el-form-item prop="DJSJ"> | ||
| 197 | <span slot="label"> | ||
| 198 | 登记时间： <br /> | ||
| 199 | <p class="label-detail">（DJSJ）</p> | ||
| 200 | </span> | ||
| 201 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable | ||
| 202 | v-model="ruleForm.djsj" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 203 | </el-date-picker> | ||
| 204 | </el-form-item> | ||
| 205 | </el-col> | ||
| 206 | |||
| 207 | <el-col :span="8"> | ||
| 208 | <el-form-item prop="DBR"> | ||
| 209 | <span slot="label"> | ||
| 210 | 登簿人： <br /> | ||
| 211 | <p class="label-detail">（DBR）</p> | ||
| 212 | </span> | ||
| 213 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input> | ||
| 214 | </el-form-item> | ||
| 215 | </el-col> | ||
| 216 | </el-row> | ||
| 217 | |||
| 218 | <el-row> | ||
| 219 | <el-col :span="8"> | ||
| 220 | <el-form-item prop="FJ"> | ||
| 221 | <span slot="label"> | ||
| 222 | 附记： <br /> | ||
| 223 | <p class="label-detail">（FJ）</p> | ||
| 224 | </span> | ||
| 225 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | |||
| 229 | <el-col :span="8"> | ||
| 230 | <el-form-item prop="QSZT"> | ||
| 231 | <span slot="label"> | ||
| 232 | 权属状态： <br /> | ||
| 233 | <p class="label-detail">（QSZT）</p> | ||
| 234 | </span> | ||
| 235 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态"> | ||
| 236 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 237 | </el-option> | ||
| 238 | </el-select> | ||
| 239 | </el-form-item> | ||
| 240 | </el-col> | ||
| 241 | |||
| 242 | <el-col :span="8"> | ||
| 243 | <el-form-item prop="QXDM"> | ||
| 244 | <span slot="label"> | ||
| 245 | 区县代码： <br /> | ||
| 246 | <p class="label-detail">（QXDM）</p> | ||
| 247 | </span> | ||
| 248 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 249 | </el-form-item> | ||
| 250 | </el-col> | ||
| 251 | </el-row> | ||
| 252 | </el-form> | ||
| 253 | <message-tips ref="msg" /> | ||
| 254 | </div> | ||
| 255 | </template> | ||
| 256 | <script> | ||
| 257 | // 抵押权信息 | ||
| 258 | import qlfQlDyaq from '@/api/qlfQlDyaq' | ||
| 259 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 260 | export default { | ||
| 261 | mixins: [ruleMixin], | ||
| 262 | props: { | ||
| 263 | bsmSjsb: { | ||
| 264 | type: String, | ||
| 265 | default: '' | ||
| 266 | }, | ||
| 267 | bsmYwsjb: { | ||
| 268 | type: String, | ||
| 269 | default: '' | ||
| 270 | } | ||
| 271 | }, | ||
| 272 | data () { | ||
| 273 | return { | ||
| 274 | pickerOptionsStart: { | ||
| 275 | // 禁止选择 | ||
| 276 | disabledDate: time => { | ||
| 277 | let endDateVal = this.ruleForm.ZWLXJSSJ; | ||
| 278 | if (endDateVal) { | ||
| 279 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 280 | } | ||
| 281 | } | ||
| 282 | }, | ||
| 283 | pickerOptionsEnd: { | ||
| 284 | disabledDate: time => { | ||
| 285 | let beginDateVal = this.ruleForm.ZWLXQSSJ; | ||
| 286 | if (beginDateVal) { | ||
| 287 | return ( | ||
| 288 | time.getTime() < | ||
| 289 | new Date(beginDateVal).getTime() | ||
| 290 | ); | ||
| 291 | } | ||
| 292 | } | ||
| 293 | }, | ||
| 294 | ruleForm: { | ||
| 295 | YSDM: '', | ||
| 296 | YWH: '', | ||
| 297 | BDCDYH: '', | ||
| 298 | SCYWH: '', | ||
| 299 | DYJELX: '', | ||
| 300 | DYBDCLX: '', | ||
| 301 | DYR: '', | ||
| 302 | DYFS: '', | ||
| 303 | DJLX: '', | ||
| 304 | djyy: '', | ||
| 305 | zjjzwzl: '', | ||
| 306 | zjjzwdyfw: '', | ||
| 307 | BDBZZQSE: '', | ||
| 308 | ZWLXQSSJ: '', | ||
| 309 | ZWLXJSSJ: '', | ||
| 310 | ZGZQQDSS: '', | ||
| 311 | ZGZQSE: '', | ||
| 312 | ZXDYYWH: '', | ||
| 313 | zxdyyy: '', | ||
| 314 | zxsj: '', | ||
| 315 | bdcdjzmh: '', | ||
| 316 | DJJG: '', | ||
| 317 | DBR: '', | ||
| 318 | DJSJ: '', | ||
| 319 | FJ: '', | ||
| 320 | QSZT: '', | ||
| 321 | QXDM: '' | ||
| 322 | } | ||
| 323 | } | ||
| 324 | }, | ||
| 325 | methods: { | ||
| 326 | async featchData () { | ||
| 327 | try { | ||
| 328 | let { result: res } = await qlfQlDyaq.getQlfQlDyaqById(this.bsmSjsb) | ||
| 329 | this.ruleForm = res | ||
| 330 | //this.featchRule() | ||
| 331 | } catch (error) { | ||
| 332 | this.$refs.msg.messageShow() | ||
| 333 | } | ||
| 334 | }, | ||
| 335 | handleUpdateForm () { | ||
| 336 | return new Promise(async (resolve, reject) => { | ||
| 337 | try { | ||
| 338 | let res = await qlfQlDyaq.updateQlfQlDyaq(this.ruleForm) | ||
| 339 | // this.$refs['formList'].resetFields(); | ||
| 340 | resolve(res.code) | ||
| 341 | } catch (error) { | ||
| 342 | this.$refs.msg.messageShow() | ||
| 343 | } | ||
| 344 | }) | ||
| 345 | } | ||
| 346 | } | ||
| 347 | } | ||
| 348 | </script> | ||
| 349 | <style scoped lang="scss"> | ||
| 350 | @import "./css/itemForm.scss"; | ||
| 351 | </style> | ||
| 352 | |||
| 353 |
src/components/Business/qlfQlDyiq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="otherRelevant itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="GYDBDCDYH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 供地役不动产单元号： <br /> | ||
| 29 | <p class="label-detail">（GYDBDCDYH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDBDCDYH" | ||
| 32 | placeholder="供地役不动产单元号"></el-input> | ||
| 33 | </el-form-item> | ||
| 34 | </el-col> | ||
| 35 | </el-row> | ||
| 36 | |||
| 37 | <el-row> | ||
| 38 | <el-col :span="8"> | ||
| 39 | <el-form-item prop="GYDQLR"> | ||
| 40 | <span slot="label"> | ||
| 41 | 供役地权利人： <br /> | ||
| 42 | <p class="label-detail">（GYDQLR）</p> | ||
| 43 | </span> | ||
| 44 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLR" placeholder="供役地权利人"></el-input> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | |||
| 48 | <el-col :span="8"> | ||
| 49 | <el-form-item prop="GYDQLRZJZL"> | ||
| 50 | <span slot="label"> | ||
| 51 | 供役地权利人证件种类： <br /> | ||
| 52 | <p class="label-detail">（GYDQLRZJZL）</p> | ||
| 53 | </span> | ||
| 54 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLRZJZL" placeholder="证件种类"> | ||
| 55 | <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 56 | </el-option> | ||
| 57 | </el-select> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | |||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item prop="GYDQLRZJH"> | ||
| 63 | <span slot="label"> | ||
| 64 | 供役地权利人证件号： <br /> | ||
| 65 | <p class="label-detail">（GYDQLRZJH）</p> | ||
| 66 | </span> | ||
| 67 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLRZJH" | ||
| 68 | placeholder="供役地权利人证件号"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | |||
| 73 | <el-row> | ||
| 74 | <el-col :span="8"> | ||
| 75 | <el-form-item prop="XYDBDCDYH"> | ||
| 76 | <span slot="label"> | ||
| 77 | 需役地不动产单元号： <br /> | ||
| 78 | <p class="label-detail">（XYDBDCDYH）</p> | ||
| 79 | </span> | ||
| 80 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDBDCDYH" | ||
| 81 | placeholder="需役地不动产单元号"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="XYDZL"> | ||
| 87 | <span slot="label"> | ||
| 88 | 需役地坐落： <br /> | ||
| 89 | <p class="label-detail">（XYDZL）</p> | ||
| 90 | </span> | ||
| 91 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDZL" placeholder="需役地坐落"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | |||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item prop="XYDQLR"> | ||
| 97 | <span slot="label"> | ||
| 98 | 需役地权利人： <br /> | ||
| 99 | <p class="label-detail">（XYDQLR）</p> | ||
| 100 | </span> | ||
| 101 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLR" placeholder="需役地权利人"></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | </el-row> | ||
| 105 | |||
| 106 | <el-row> | ||
| 107 | <el-col :span="8"> | ||
| 108 | <el-form-item prop="XYDQLRZJZL"> | ||
| 109 | <span slot="label"> | ||
| 110 | 需役地权利人证件种类： <br /> | ||
| 111 | <p class="label-detail">（XYDQLRZJZL）</p> | ||
| 112 | </span> | ||
| 113 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLRZJZL" placeholder="证件种类"> | ||
| 114 | <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 115 | </el-option> | ||
| 116 | </el-select> | ||
| 117 | </el-form-item> | ||
| 118 | </el-col> | ||
| 119 | |||
| 120 | <el-col :span="8"> | ||
| 121 | <el-form-item prop="XYDQLRZJZH"> | ||
| 122 | <span slot="label"> | ||
| 123 | 需役地权利人证件号： <br /> | ||
| 124 | <p class="label-detail">（XYDQLRZJZH）</p> | ||
| 125 | </span> | ||
| 126 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLRZJZH" | ||
| 127 | placeholder="需役地权利人证件号"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | |||
| 131 | <el-col :span="8"> | ||
| 132 | <el-form-item prop="DJLX"> | ||
| 133 | <span slot="label"> | ||
| 134 | 登记类型： <br /> | ||
| 135 | <p class="label-detail">（DJLX）</p> | ||
| 136 | </span> | ||
| 137 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 138 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 139 | </el-option> | ||
| 140 | </el-select> | ||
| 141 | </el-form-item> | ||
| 142 | </el-col> | ||
| 143 | </el-row> | ||
| 144 | |||
| 145 | <el-row> | ||
| 146 | <el-col :span="8"> | ||
| 147 | <el-form-item prop="DJYY"> | ||
| 148 | <span slot="label"> | ||
| 149 | 登记原因： <br /> | ||
| 150 | <p class="label-detail">（DJYY）</p> | ||
| 151 | </span> | ||
| 152 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 153 | </el-form-item> | ||
| 154 | </el-col> | ||
| 155 | |||
| 156 | <el-col :span="8"> | ||
| 157 | <el-form-item prop="DYQNR"> | ||
| 158 | <span slot="label"> | ||
| 159 | 地役权内容： <br /> | ||
| 160 | <p class="label-detail">（DYQNR）</p> | ||
| 161 | </span> | ||
| 162 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DYQNR" placeholder="地役权内容"></el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | |||
| 166 | <el-col :span="8"> | ||
| 167 | <el-form-item prop="BDCDJZMH"> | ||
| 168 | <span slot="label"> | ||
| 169 | 不动产登记证明号： <br /> | ||
| 170 | <p class="label-detail">（BDCDJZMH）</p> | ||
| 171 | </span> | ||
| 172 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH" | ||
| 173 | placeholder="不动产登记证明号"></el-input> | ||
| 174 | </el-form-item> | ||
| 175 | </el-col> | ||
| 176 | </el-row> | ||
| 177 | |||
| 178 | <el-row> | ||
| 179 | <el-col :span="8"> | ||
| 180 | <el-form-item prop="QLQSSJ"> | ||
| 181 | <span slot="label"> | ||
| 182 | 权利起始时间： <br /> | ||
| 183 | <p class="label-detail">（QLQSSJ）</p> | ||
| 184 | </span> | ||
| 185 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期" | ||
| 186 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.QLQSSJ" | ||
| 187 | value-format="yyyy-MM-dd"></el-date-picker> | ||
| 188 | </el-form-item> | ||
| 189 | </el-col> | ||
| 190 | |||
| 191 | <el-col :span="8"> | ||
| 192 | <el-form-item prop="QLJSSJ"> | ||
| 193 | <span slot="label"> | ||
| 194 | 权利结束时间： <br /> | ||
| 195 | <p class="label-detail">（QLJSSJ）</p> | ||
| 196 | </span> | ||
| 197 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable | ||
| 198 | :picker-options="pickerOptionsEnd" v-model="ruleForm.QLJSSJ" value-format="yyyy-MM-dd"> | ||
| 199 | </el-date-picker> | ||
| 200 | </el-form-item> | ||
| 201 | </el-col> | ||
| 202 | |||
| 203 | <el-col :span="8"> | ||
| 204 | <el-form-item prop="QXDM"> | ||
| 205 | <span slot="label"> | ||
| 206 | 区县代码： <br /> | ||
| 207 | <p class="label-detail">（QXDM）</p> | ||
| 208 | </span> | ||
| 209 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 210 | </el-form-item> | ||
| 211 | </el-col> | ||
| 212 | </el-row> | ||
| 213 | |||
| 214 | <el-row> | ||
| 215 | <el-col :span="8"> | ||
| 216 | <el-form-item prop="DJJG"> | ||
| 217 | <span slot="label"> | ||
| 218 | 登记机构： <br /> | ||
| 219 | <p class="label-detail">（DJJG）</p> | ||
| 220 | </span> | ||
| 221 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 222 | </el-form-item> | ||
| 223 | </el-col> | ||
| 224 | |||
| 225 | <el-col :span="8"> | ||
| 226 | <el-form-item prop="DBR"> | ||
| 227 | <span slot="label"> | ||
| 228 | 登簿人： <br /> | ||
| 229 | <p class="label-detail">（DBR）</p> | ||
| 230 | </span> | ||
| 231 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 232 | </el-form-item> | ||
| 233 | </el-col> | ||
| 234 | |||
| 235 | <el-col :span="8"> | ||
| 236 | <el-form-item prop="DJSJ"> | ||
| 237 | <span slot="label"> | ||
| 238 | 登记时间： <br /> | ||
| 239 | <p class="label-detail">（DJSJ）</p> | ||
| 240 | </span> | ||
| 241 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable type="datetime" | ||
| 242 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 243 | </el-date-picker> | ||
| 244 | </el-form-item> | ||
| 245 | </el-col> | ||
| 246 | </el-row> | ||
| 247 | |||
| 248 | <el-row> | ||
| 249 | <el-col :span="8"> | ||
| 250 | <el-form-item prop="FJ"> | ||
| 251 | <span slot="label"> | ||
| 252 | 附记： <br /> | ||
| 253 | <p class="label-detail">（FJ）</p> | ||
| 254 | </span> | ||
| 255 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 256 | </el-form-item> | ||
| 257 | </el-col> | ||
| 258 | |||
| 259 | <el-col :span="8"> | ||
| 260 | <el-form-item prop="QSZT"> | ||
| 261 | <span slot="label"> | ||
| 262 | 权属状态： <br /> | ||
| 263 | <p class="label-detail">（QSZT）</p> | ||
| 264 | </span> | ||
| 265 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 266 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 267 | </el-option> | ||
| 268 | </el-select> | ||
| 269 | </el-form-item> | ||
| 270 | </el-col> | ||
| 271 | </el-row> | ||
| 272 | </el-form> | ||
| 273 | <message-tips ref="msg" /> | ||
| 274 | </div> | ||
| 275 | </template> | ||
| 276 | <script> | ||
| 277 | // 地役权信息 | ||
| 278 | import qlfQlDyiq from '@/api/qlfQlDyiq' | ||
| 279 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 280 | export default { | ||
| 281 | mixins: [ruleMixin], | ||
| 282 | props: { | ||
| 283 | bsmSjsb: { | ||
| 284 | type: String, | ||
| 285 | default: '' | ||
| 286 | }, | ||
| 287 | bsmYwsjb: { | ||
| 288 | type: String, | ||
| 289 | default: '' | ||
| 290 | } | ||
| 291 | }, | ||
| 292 | data () { | ||
| 293 | return { | ||
| 294 | pickerOptionsStart: { | ||
| 295 | // 禁止选择 | ||
| 296 | disabledDate: time => { | ||
| 297 | let endDateVal = this.ruleForm.QLJSSJ; | ||
| 298 | if (endDateVal) { | ||
| 299 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 300 | } | ||
| 301 | } | ||
| 302 | }, | ||
| 303 | pickerOptionsEnd: { | ||
| 304 | disabledDate: time => { | ||
| 305 | let beginDateVal = this.ruleForm.QLQSSJ; | ||
| 306 | if (beginDateVal) { | ||
| 307 | return ( | ||
| 308 | time.getTime() < | ||
| 309 | new Date(beginDateVal).getTime() | ||
| 310 | ); | ||
| 311 | } | ||
| 312 | } | ||
| 313 | }, | ||
| 314 | ruleForm: { | ||
| 315 | YSDM: '', | ||
| 316 | YWH: '', | ||
| 317 | GYDBDCDYH: '', | ||
| 318 | GYDQLR: '', | ||
| 319 | GYDQLRZJZL: '', | ||
| 320 | GYDQLRZJH: '', | ||
| 321 | XYDBDCDYH: '', | ||
| 322 | XYDZL: '', | ||
| 323 | XYDQLR: '', | ||
| 324 | XYDQLRZJZL: '', | ||
| 325 | XYDQLRZJZH: '', | ||
| 326 | DJLX: '', | ||
| 327 | DJYY: '', | ||
| 328 | DYQNR: '', | ||
| 329 | BDCDJZMH: '', | ||
| 330 | QLQSSJ: '', | ||
| 331 | QLJSSJ: '', | ||
| 332 | QXDM: '', | ||
| 333 | DJJG: '', | ||
| 334 | DBR: '', | ||
| 335 | DJSJ: '', | ||
| 336 | FJ: '', | ||
| 337 | QSZT: '' | ||
| 338 | } | ||
| 339 | } | ||
| 340 | }, | ||
| 341 | methods: { | ||
| 342 | async featchData () { | ||
| 343 | try { | ||
| 344 | let { result: res } = await qlfQlDyiq.getQlfQlDyiqById(this.bsmSjsb) | ||
| 345 | this.ruleForm = res | ||
| 346 | //this.featchRule() | ||
| 347 | } catch (error) { | ||
| 348 | this.$refs.msg.messageShow() | ||
| 349 | } | ||
| 350 | }, | ||
| 351 | handleUpdateForm () { | ||
| 352 | return new Promise(async (resolve) => { | ||
| 353 | try { | ||
| 354 | let res = await qlfQlDyiq.updateQlfQlDyiq(this.ruleForm) | ||
| 355 | // this.$refs['formList'].resetFields(); | ||
| 356 | resolve(res.code) | ||
| 357 | } catch (error) { | ||
| 358 | this.$refs.msg.messageShow() | ||
| 359 | } | ||
| 360 | }) | ||
| 361 | } | ||
| 362 | } | ||
| 363 | } | ||
| 364 | </script> | ||
| 365 | <style scoped lang="scss"> | ||
| 366 | @import "./css/itemForm.scss"; | ||
| 367 | </style> | ||
| 368 | |||
| 369 |
src/components/Business/qlfQlGzdj.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="issuingInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="issuingInfo" label-width="100px"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | <el-col :span="8"> | ||
| 15 | <el-form-item prop="YWH"> | ||
| 16 | <span slot="label"> | ||
| 17 | 业务号： <br /> | ||
| 18 | <p class="label-detail">（YWH）</p> | ||
| 19 | </span> | ||
| 20 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" placeholder="业务号"></el-input> | ||
| 21 | </el-form-item> | ||
| 22 | </el-col> | ||
| 23 | <el-col :span="8"> | ||
| 24 | <el-form-item prop="DJDL"> | ||
| 25 | <span slot="label"> | ||
| 26 | 不动产单元号： <br /> | ||
| 27 | <p class="label-detail">（DJDL）</p> | ||
| 28 | </span> | ||
| 29 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input> | ||
| 30 | </el-form-item> | ||
| 31 | </el-col> | ||
| 32 | </el-row> | ||
| 33 | <el-row> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item prop="DJXL"> | ||
| 36 | <span slot="label"> | ||
| 37 | 上手业务号： <br /> | ||
| 38 | <p class="label-detail">（SSYWH）</p> | ||
| 39 | </span> | ||
| 40 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ssywh" placeholder="上手业务号"></el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="8"> | ||
| 44 | <el-form-item prop="ZL"> | ||
| 45 | <span slot="label"> | ||
| 46 | 不动产权证号： <br /> | ||
| 47 | <p class="label-detail">（BDCQZH）</p> | ||
| 48 | </span> | ||
| 49 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcqzh" placeholder="不动产权证号"></el-input> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | <el-col :span="8"> | ||
| 53 | <el-form-item prop="QZHM"> | ||
| 54 | <span slot="label"> | ||
| 55 | 不动产登记证明号： <br /> | ||
| 56 | <p class="label-detail">（BDCZMH）</p> | ||
| 57 | </span> | ||
| 58 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdczmh" placeholder="不动产登记证明号"> | ||
| 59 | </el-input> | ||
| 60 | </el-form-item> | ||
| 61 | </el-col> | ||
| 62 | </el-row> | ||
| 63 | <el-row> | ||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item prop="WJJS"> | ||
| 66 | <span slot="label"> | ||
| 67 | 更正登记类型： <br /> | ||
| 68 | <p class="label-detail">（GZDJLX）</p> | ||
| 69 | </span> | ||
| 70 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.gzdjlx" placeholder="更正登记类型"> | ||
| 71 | <el-option v-for="item in dicData['A54']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 72 | </el-option> | ||
| 73 | </el-select> | ||
| 74 | </el-form-item> | ||
| 75 | </el-col> | ||
| 76 | <el-col :span="8"> | ||
| 77 | <el-form-item prop="ZYS"> | ||
| 78 | <span slot="label"> | ||
| 79 | 更正依据： <br /> | ||
| 80 | <p class="label-detail">（GZYJ）</p> | ||
| 81 | </span> | ||
| 82 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.gzyj" placeholder="更正依据"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="GDRY"> | ||
| 87 | <span slot="label"> | ||
| 88 | 申请主体： <br /> | ||
| 89 | <p class="label-detail">（GZGT）</p> | ||
| 90 | </span> | ||
| 91 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.gzgt" placeholder="申请主体"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | </el-row> | ||
| 95 | <el-row> | ||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item prop="GDSJ"> | ||
| 98 | <span slot="label"> | ||
| 99 | 更正内容： <br /> | ||
| 100 | <p class="label-detail">（GZNR）</p> | ||
| 101 | </span> | ||
| 102 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.gznr" placeholder="更正内容"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item prop="QXDM"> | ||
| 107 | <span slot="label"> | ||
| 108 | 区县代码： <br /> | ||
| 109 | <p class="label-detail">（QXDM）</p> | ||
| 110 | </span> | ||
| 111 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item prop="QSZT"> | ||
| 116 | <span slot="label"> | ||
| 117 | 权属状态： <br /> | ||
| 118 | <p class="label-detail">（QSZT）</p> | ||
| 119 | </span> | ||
| 120 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态"> | ||
| 121 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 122 | </el-option> | ||
| 123 | </el-select> | ||
| 124 | </el-form-item> | ||
| 125 | </el-col> | ||
| 126 | </el-row> | ||
| 127 | <el-row> | ||
| 128 | <el-col :span="8"> | ||
| 129 | <el-form-item prop="DBR"> | ||
| 130 | <span slot="label"> | ||
| 131 | 登簿人： <br /> | ||
| 132 | <p class="label-detail">（DBR）</p> | ||
| 133 | </span> | ||
| 134 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item prop="DJSJ"> | ||
| 139 | <span slot="label"> | ||
| 140 | 登记时间： <br /> | ||
| 141 | <p class="label-detail">（DJSJ）</p> | ||
| 142 | </span> | ||
| 143 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable | ||
| 144 | v-model="ruleForm.djsj" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 145 | </el-date-picker> | ||
| 146 | </el-form-item> | ||
| 147 | </el-col> | ||
| 148 | <el-col :span="8"> | ||
| 149 | <el-form-item prop="DJJG"> | ||
| 150 | <span slot="label"> | ||
| 151 | 登记机构： <br /> | ||
| 152 | <p class="label-detail">（DJJG）</p> | ||
| 153 | </span> | ||
| 154 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input> | ||
| 155 | </el-form-item> | ||
| 156 | </el-col> | ||
| 157 | </el-row> | ||
| 158 | <el-row> | ||
| 159 | <el-col :span="24"> | ||
| 160 | <el-form-item prop="FJ"> | ||
| 161 | <span slot="label"> | ||
| 162 | 附记： <br /> | ||
| 163 | <p class="label-detail">（FJ）</p> | ||
| 164 | </span> | ||
| 165 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input> | ||
| 166 | </el-form-item> | ||
| 167 | </el-col> | ||
| 168 | </el-row> | ||
| 169 | </el-form> | ||
| 170 | <message-tips ref="msg" /> | ||
| 171 | </div> | ||
| 172 | </template> | ||
| 173 | <script> | ||
| 174 | // 归档信息 | ||
| 175 | import qlfQlGzdj from "@/api/qlfQlGzdj"; | ||
| 176 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 177 | export default { | ||
| 178 | mixins: [ruleMixin], | ||
| 179 | props: { | ||
| 180 | bsmSjsb: { | ||
| 181 | type: String, | ||
| 182 | default: "", | ||
| 183 | }, | ||
| 184 | bsmYwsjb: { | ||
| 185 | type: String, | ||
| 186 | default: "", | ||
| 187 | }, | ||
| 188 | }, | ||
| 189 | data () { | ||
| 190 | return { | ||
| 191 | ruleForm: { | ||
| 192 | YSDM: "", | ||
| 193 | YWH: "", | ||
| 194 | DJDL: "", | ||
| 195 | DJXL: "", | ||
| 196 | ZL: "", | ||
| 197 | QZHM: "", | ||
| 198 | WJJS: "", | ||
| 199 | ZYS: "", | ||
| 200 | GDRY: "", | ||
| 201 | GDSJ: "", | ||
| 202 | BZ: "", | ||
| 203 | QXDM: "", | ||
| 204 | }, | ||
| 205 | }; | ||
| 206 | }, | ||
| 207 | methods: { | ||
| 208 | async featchData () { | ||
| 209 | try { | ||
| 210 | let { result: res } = await qlfQlGzdj.getQlfQlGzdjById(this.bsmSjsb); | ||
| 211 | this.ruleForm = res; | ||
| 212 | //this.featchRule() | ||
| 213 | } catch (error) { | ||
| 214 | this.$refs.msg.messageShow(); | ||
| 215 | } | ||
| 216 | }, | ||
| 217 | handleUpdateForm () { | ||
| 218 | return new Promise(async (resolve) => { | ||
| 219 | try { | ||
| 220 | let res = await qlfQlGzdj.updateQlfQlGzdj(this.ruleForm); | ||
| 221 | // this.$refs['formList'].resetFields(); | ||
| 222 | resolve(res.code); | ||
| 223 | } catch (error) { | ||
| 224 | this.$refs.msg.messageShow(); | ||
| 225 | } | ||
| 226 | }); | ||
| 227 | }, | ||
| 228 | }, | ||
| 229 | }; | ||
| 230 | </script> | ||
| 231 | <style scoped lang="scss"> | ||
| 232 | @import "./css/itemForm.scss"; | ||
| 233 | </style> | ||
| 234 | |||
| 235 |
src/components/Business/qlfQlHysyq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="seaAreaUse itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="BDCDYH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 不动产单元号： <br /> | ||
| 20 | <p class="label-detail">（BDCDYH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28" | ||
| 23 | placeholder="不动产单元号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="ZHHDDM"> | ||
| 29 | <span slot="label"> | ||
| 30 | 宗海海岛代码： <br /> | ||
| 31 | <p class="label-detail">（ZHHDDM）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19" | ||
| 34 | placeholder="宗海海岛代码"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="YWH"> | ||
| 42 | <span slot="label"> | ||
| 43 | 业务号： <br /> | ||
| 44 | <p class="label-detail">（YWH）</p> | ||
| 45 | </span> | ||
| 46 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | |||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item prop="QLLX"> | ||
| 52 | <span slot="label"> | ||
| 53 | 权利类型： <br /> | ||
| 54 | <p class="label-detail">（QLLX）</p> | ||
| 55 | </span> | ||
| 56 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 57 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 58 | </el-option> | ||
| 59 | </el-select> | ||
| 60 | </el-form-item> | ||
| 61 | </el-col> | ||
| 62 | |||
| 63 | <el-col :span="8"> | ||
| 64 | <el-form-item prop="DJLX"> | ||
| 65 | <span slot="label"> | ||
| 66 | 登记类型： <br /> | ||
| 67 | <p class="label-detail">（DJLX）</p> | ||
| 68 | </span> | ||
| 69 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 70 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item prop="DJYY"> | ||
| 80 | <span slot="label"> | ||
| 81 | 登记原因： <br /> | ||
| 82 | <p class="label-detail">（DJYY）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | |||
| 88 | <el-col :span="8"> | ||
| 89 | <el-form-item prop="SYQMJ" :rules="{ type: 'number' }"> | ||
| 90 | <span slot="label"> | ||
| 91 | 使用权面积： <br /> | ||
| 92 | <p class="label-detail">（SYQMJ）</p> | ||
| 93 | </span> | ||
| 94 | <el-input :disabled="$store.state.business.Edit" placeholder="使用权面积" type="number" | ||
| 95 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.SYQMJ"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item prop="SYJZE" :rules="{ type: 'number' }"> | ||
| 101 | <span slot="label"> | ||
| 102 | 使用金总额： <br /> | ||
| 103 | <p class="label-detail">（SYJZE）</p> | ||
| 104 | </span> | ||
| 105 | <el-input :disabled="$store.state.business.Edit" placeholder="使用金总额" type="number" | ||
| 106 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.SYJZE"></el-input> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | </el-row> | ||
| 110 | |||
| 111 | <el-row> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item prop="SYQQSSJ"> | ||
| 114 | <span slot="label"> | ||
| 115 | 使用权起始时间： <br /> | ||
| 116 | <p class="label-detail">（SYQQSSJ）</p> | ||
| 117 | </span> | ||
| 118 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权起始时间" | ||
| 119 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQQSSJ" | ||
| 120 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | |||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item prop="SYQJSSJ"> | ||
| 126 | <span slot="label"> | ||
| 127 | 使用权结束时间： <br /> | ||
| 128 | <p class="label-detail">（SYQJSSJ）</p> | ||
| 129 | </span> | ||
| 130 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权结束时间" | ||
| 131 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQJSSJ" | ||
| 132 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 133 | </el-form-item> | ||
| 134 | </el-col> | ||
| 135 | |||
| 136 | <el-col :span="8"> | ||
| 137 | <el-form-item prop="SYJBZYJ"> | ||
| 138 | <span slot="label"> | ||
| 139 | 使用金标准依据： <br /> | ||
| 140 | <p class="label-detail">（SYJBZYJ）</p> | ||
| 141 | </span> | ||
| 142 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYJBZYJ" | ||
| 143 | placeholder="使用金标准依据"></el-input> | ||
| 144 | </el-form-item> | ||
| 145 | </el-col> | ||
| 146 | </el-row> | ||
| 147 | |||
| 148 | <el-row> | ||
| 149 | <el-col :span="8"> | ||
| 150 | <el-form-item prop="SYJJNQK"> | ||
| 151 | <span slot="label"> | ||
| 152 | 使用金缴纳情况： <br /> | ||
| 153 | <p class="label-detail">（SYJJNQK）</p> | ||
| 154 | </span> | ||
| 155 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYJJNQK" | ||
| 156 | placeholder="使用金缴纳情况"></el-input> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | |||
| 160 | <el-col :span="8"> | ||
| 161 | <el-form-item prop="BDCQZH"> | ||
| 162 | <span slot="label"> | ||
| 163 | 不动产权证号： <br /> | ||
| 164 | <p class="label-detail">（BDCQZH）</p> | ||
| 165 | </span> | ||
| 166 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 167 | </el-form-item> | ||
| 168 | </el-col> | ||
| 169 | |||
| 170 | <el-col :span="8"> | ||
| 171 | <el-form-item prop="QXDM"> | ||
| 172 | <span slot="label"> | ||
| 173 | 区县代码： <br /> | ||
| 174 | <p class="label-detail">（QXDM）</p> | ||
| 175 | </span> | ||
| 176 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder=" 区县代码"></el-input> | ||
| 177 | </el-form-item> | ||
| 178 | </el-col> | ||
| 179 | </el-row> | ||
| 180 | |||
| 181 | <el-row> | ||
| 182 | <el-col :span="8"> | ||
| 183 | <el-form-item prop="DJJG"> | ||
| 184 | <span slot="label"> | ||
| 185 | 登记机构： <br /> | ||
| 186 | <p class="label-detail">（DJJG）</p> | ||
| 187 | </span> | ||
| 188 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 189 | </el-form-item> | ||
| 190 | </el-col> | ||
| 191 | |||
| 192 | <el-col :span="8"> | ||
| 193 | <el-form-item prop="DBR"> | ||
| 194 | <span slot="label"> | ||
| 195 | 登簿人： <br /> | ||
| 196 | <p class="label-detail">（DBR）</p> | ||
| 197 | </span> | ||
| 198 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 199 | </el-form-item> | ||
| 200 | </el-col> | ||
| 201 | |||
| 202 | <el-col :span="8"> | ||
| 203 | <el-form-item prop="DJSJ"> | ||
| 204 | <span slot="label"> | ||
| 205 | 登记时间： <br /> | ||
| 206 | <p class="label-detail">（DJSJ）</p> | ||
| 207 | </span> | ||
| 208 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 209 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 210 | </el-form-item> | ||
| 211 | </el-col> | ||
| 212 | </el-row> | ||
| 213 | |||
| 214 | <el-row> | ||
| 215 | <el-col :span="8"> | ||
| 216 | <el-form-item prop="FJ"> | ||
| 217 | <span slot="label"> | ||
| 218 | 附记： <br /> | ||
| 219 | <p class="label-detail">（FJ）</p> | ||
| 220 | </span> | ||
| 221 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 222 | </el-form-item> | ||
| 223 | </el-col> | ||
| 224 | |||
| 225 | <el-col :span="8"> | ||
| 226 | <el-form-item prop="QSZT"> | ||
| 227 | <span slot="label"> | ||
| 228 | 权属状态： <br /> | ||
| 229 | <p class="label-detail">（QSZT）</p> | ||
| 230 | </span> | ||
| 231 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 232 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 233 | </el-option> | ||
| 234 | </el-select> | ||
| 235 | </el-form-item> | ||
| 236 | </el-col> | ||
| 237 | </el-row> | ||
| 238 | </el-form> | ||
| 239 | <message-tips ref="msg" /> | ||
| 240 | </div> | ||
| 241 | </template> | ||
| 242 | <script> | ||
| 243 | // 海域（含无居民海岛）使用权 | ||
| 244 | import qlfQlHysyq from '@/api/qlfQlHysyq' | ||
| 245 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 246 | export default { | ||
| 247 | mixins: [ruleMixin], | ||
| 248 | props: { | ||
| 249 | bsmSjsb: { | ||
| 250 | type: String, | ||
| 251 | default: '' | ||
| 252 | }, | ||
| 253 | bsmYwsjb: { | ||
| 254 | type: String, | ||
| 255 | default: '' | ||
| 256 | } | ||
| 257 | }, | ||
| 258 | data () { | ||
| 259 | return { | ||
| 260 | pickerOptionsStart: { | ||
| 261 | // 禁止选择 | ||
| 262 | disabledDate: time => { | ||
| 263 | let endDateVal = this.ruleForm.SYQJSSJ; | ||
| 264 | if (endDateVal) { | ||
| 265 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 266 | } | ||
| 267 | } | ||
| 268 | }, | ||
| 269 | pickerOptionsEnd: { | ||
| 270 | disabledDate: time => { | ||
| 271 | let beginDateVal = this.ruleForm.SYQQSSJ; | ||
| 272 | if (beginDateVal) { | ||
| 273 | return ( | ||
| 274 | time.getTime() < | ||
| 275 | new Date(beginDateVal).getTime() | ||
| 276 | ); | ||
| 277 | } | ||
| 278 | } | ||
| 279 | }, | ||
| 280 | ruleForm: { | ||
| 281 | YSDM: '', | ||
| 282 | BDCDYH: '', | ||
| 283 | ZHHDDM: '', | ||
| 284 | YWH: '', | ||
| 285 | QLLX: '', | ||
| 286 | DJLX: '', | ||
| 287 | DJYY: '', | ||
| 288 | SYQMJ: '', | ||
| 289 | SYJZE: '', | ||
| 290 | SYQQSSJ: '', | ||
| 291 | SYQJSSJ: '', | ||
| 292 | SYJBZYJ: '', | ||
| 293 | SYJJNQK: '', | ||
| 294 | BDCQZH: '', | ||
| 295 | QXDM: '', | ||
| 296 | DJJG: '', | ||
| 297 | DBR: '', | ||
| 298 | DJSJ: '', | ||
| 299 | FJ: '', | ||
| 300 | QSZT: '' | ||
| 301 | } | ||
| 302 | } | ||
| 303 | }, | ||
| 304 | methods: { | ||
| 305 | async featchData () { | ||
| 306 | try { | ||
| 307 | let { result: res } = await qlfQlHysyq.getQlfQlHysyqById(this.bsmSjsb) | ||
| 308 | this.ruleForm = res | ||
| 309 | //this.featchRule() | ||
| 310 | } catch (error) { | ||
| 311 | this.$refs.msg.messageShow() | ||
| 312 | } | ||
| 313 | }, | ||
| 314 | handleUpdateForm () { | ||
| 315 | return new Promise(async (resolve) => { | ||
| 316 | try { | ||
| 317 | let res = await qlfQlHysyq.updateQlfQlHysyq(this.ruleForm) | ||
| 318 | // this.$refs['formList'].resetFields(); | ||
| 319 | resolve(res.code) | ||
| 320 | } catch (error) { | ||
| 321 | this.$refs.msg.messageShow() | ||
| 322 | } | ||
| 323 | }) | ||
| 324 | } | ||
| 325 | } | ||
| 326 | } | ||
| 327 | </script> | ||
| 328 | <style scoped lang="scss"> | ||
| 329 | @import "./css/itemForm.scss"; | ||
| 330 | </style> | ||
| 331 | |||
| 332 |
src/components/Business/qlfQlJsydsyq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="landBuildingInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="108px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM" class="borderTopNone"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="BDCDYH" class="borderTopNone"> | ||
| 17 | <span slot="label"> | ||
| 18 | 不动产单元号： <br /> | ||
| 19 | <p class="label-detail">（BDCDYH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="ZDDM" class="borderTopNone"> | ||
| 27 | <span slot="label"> | ||
| 28 | 宗地代码： <br /> | ||
| 29 | <p class="label-detail">（ZDDM）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="YWH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 业务号： <br /> | ||
| 41 | <p class="label-detail">（YWH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="QLLX"> | ||
| 49 | <span slot="label"> | ||
| 50 | 权利类型： <br /> | ||
| 51 | <p class="label-detail">（QLLX）</p> | ||
| 52 | </span> | ||
| 53 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="请选择"> | ||
| 54 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 55 | </el-option> | ||
| 56 | </el-select> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DJLX"> | ||
| 62 | <span slot="label"> | ||
| 63 | 登记类型： <br /> | ||
| 64 | <p class="label-detail">（DJLX）</p> | ||
| 65 | </span> | ||
| 66 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="请选择"> | ||
| 67 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 68 | </el-option> | ||
| 69 | </el-select> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | |||
| 74 | <el-row> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item prop="DJYY"> | ||
| 77 | <span slot="label"> | ||
| 78 | 登记原因： <br /> | ||
| 79 | <p class="label-detail">（DJYY）</p> | ||
| 80 | </span> | ||
| 81 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="SYQMJ" :rules="{ type: 'number' }"> | ||
| 87 | <span slot="label"> | ||
| 88 | 使用权面积： <br /> | ||
| 89 | <p class="label-detail">（SYQMJ）</p> | ||
| 90 | </span> | ||
| 91 | <el-input :disabled="$store.state.business.Edit" placeholder="使用权面积" type="number" | ||
| 92 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.SYQMJ"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | |||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item prop="QDJG" :rules="{ type: 'number' }"> | ||
| 98 | <span slot="label"> | ||
| 99 | 取得价格： <br /> | ||
| 100 | <p class="label-detail">（QDJG）</p> | ||
| 101 | </span> | ||
| 102 | <el-input :disabled="$store.state.business.Edit" placeholder="取得价格" type="number" | ||
| 103 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.QDJG"></el-input> | ||
| 104 | </el-form-item> | ||
| 105 | </el-col> | ||
| 106 | </el-row> | ||
| 107 | |||
| 108 | <el-row> | ||
| 109 | <el-col :span="8"> | ||
| 110 | <el-form-item prop="SYQQSSJ"> | ||
| 111 | <span slot="label"> | ||
| 112 | 使用权起始时间： <br /> | ||
| 113 | <p class="label-detail">（SYQQSSJ）</p> | ||
| 114 | </span> | ||
| 115 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权起始时间" | ||
| 116 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQQSSJ" | ||
| 117 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="SYQJSSJ"> | ||
| 123 | <span slot="label"> | ||
| 124 | 使用权结束时间： <br /> | ||
| 125 | <p class="label-detail">（SYQJSSJ）</p> | ||
| 126 | </span> | ||
| 127 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权结束时间" | ||
| 128 | :picker-options="pickerOptionsEnd" clearable v-model="ruleForm.SYQJSSJ" | ||
| 129 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | |||
| 133 | <el-col :span="8"> | ||
| 134 | <el-form-item prop="BDCQZH"> | ||
| 135 | <span slot="label"> | ||
| 136 | 不动产权证号： <br /> | ||
| 137 | <p class="label-detail">（BDCQZH）</p> | ||
| 138 | </span> | ||
| 139 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | </el-row> | ||
| 143 | |||
| 144 | <el-row> | ||
| 145 | <el-col :span="8"> | ||
| 146 | <el-form-item prop="QXDM"> | ||
| 147 | <span slot="label"> | ||
| 148 | 区县代码： <br /> | ||
| 149 | <p class="label-detail">（QXDM）</p> | ||
| 150 | </span> | ||
| 151 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 152 | </el-form-item> | ||
| 153 | </el-col> | ||
| 154 | |||
| 155 | <el-col :span="8"> | ||
| 156 | <el-form-item prop="DJJG"> | ||
| 157 | <span slot="label"> | ||
| 158 | 登记机构： <br /> | ||
| 159 | <p class="label-detail">（DJJG）</p> | ||
| 160 | </span> | ||
| 161 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 162 | </el-form-item> | ||
| 163 | </el-col> | ||
| 164 | |||
| 165 | <el-col :span="8"> | ||
| 166 | <el-form-item prop="DBR"> | ||
| 167 | <span slot="label"> | ||
| 168 | 登簿人： <br /> | ||
| 169 | <p class="label-detail">（DBR）</p> | ||
| 170 | </span> | ||
| 171 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 172 | </el-form-item> | ||
| 173 | </el-col> | ||
| 174 | </el-row> | ||
| 175 | |||
| 176 | <el-row> | ||
| 177 | <el-col :span="8"> | ||
| 178 | <el-form-item prop="DJSJ"> | ||
| 179 | <span slot="label"> | ||
| 180 | 登记时间： <br /> | ||
| 181 | <p class="label-detail">（DJSJ）</p> | ||
| 182 | </span> | ||
| 183 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable | ||
| 184 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 185 | </el-form-item> | ||
| 186 | </el-col> | ||
| 187 | |||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item prop="FJ"> | ||
| 190 | <span slot="label"> | ||
| 191 | 附记： <br /> | ||
| 192 | <p class="label-detail">（FJ）</p> | ||
| 193 | </span> | ||
| 194 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 195 | </el-form-item> | ||
| 196 | </el-col> | ||
| 197 | |||
| 198 | <el-col :span="8"> | ||
| 199 | <el-form-item prop="QSZT"> | ||
| 200 | <span slot="label"> | ||
| 201 | 权属状态： <br /> | ||
| 202 | <p class="label-detail">（QSZT）</p> | ||
| 203 | </span> | ||
| 204 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="请选择"> | ||
| 205 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 206 | </el-option> | ||
| 207 | </el-select> | ||
| 208 | </el-form-item> | ||
| 209 | </el-col> | ||
| 210 | </el-row> | ||
| 211 | </el-form> | ||
| 212 | <message-tips ref="msg" /> | ||
| 213 | </div> | ||
| 214 | </template> | ||
| 215 | <script> | ||
| 216 | // 建设用地、宅基地使用权信息 | ||
| 217 | import qlfQlJsydsyq from '@/api/qlfQlJsydsyq' | ||
| 218 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 219 | export default { | ||
| 220 | mixins: [ruleMixin], | ||
| 221 | props: { | ||
| 222 | bsmSjsb: { | ||
| 223 | type: String, | ||
| 224 | default: '' | ||
| 225 | }, | ||
| 226 | bsmYwsjb: { | ||
| 227 | type: String, | ||
| 228 | default: '' | ||
| 229 | } | ||
| 230 | }, | ||
| 231 | data () { | ||
| 232 | return { | ||
| 233 | pickerOptionsStart: { | ||
| 234 | // 禁止选择 | ||
| 235 | disabledDate: time => { | ||
| 236 | let endDateVal = this.ruleForm.SYQJSSJ; | ||
| 237 | if (endDateVal) { | ||
| 238 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 239 | } | ||
| 240 | } | ||
| 241 | }, | ||
| 242 | pickerOptionsEnd: { | ||
| 243 | disabledDate: time => { | ||
| 244 | let beginDateVal = this.ruleForm.SYQQSSJ; | ||
| 245 | if (beginDateVal) { | ||
| 246 | return ( | ||
| 247 | time.getTime() < | ||
| 248 | new Date(beginDateVal).getTime() | ||
| 249 | ); | ||
| 250 | } | ||
| 251 | } | ||
| 252 | }, | ||
| 253 | ruleForm: { | ||
| 254 | YSDM: '', | ||
| 255 | BDCDYH: '', | ||
| 256 | ZDDM: '', | ||
| 257 | YWH: '', | ||
| 258 | QLLX: '', | ||
| 259 | DJLX: '', | ||
| 260 | DJYY: '', | ||
| 261 | SYQMJ: '', | ||
| 262 | QDJG: '', | ||
| 263 | SYQQSSJ: '', | ||
| 264 | SYQJSSJ: '', | ||
| 265 | BDCQZH: '', | ||
| 266 | QXDM: '', | ||
| 267 | DJJG: '', | ||
| 268 | DBR: '', | ||
| 269 | DJSJ: '', | ||
| 270 | FJ: '', | ||
| 271 | QSZT: '', | ||
| 272 | } | ||
| 273 | } | ||
| 274 | }, | ||
| 275 | methods: { | ||
| 276 | async featchData () { | ||
| 277 | try { | ||
| 278 | let { result: res } = await qlfQlJsydsyq.getQlfQlJsydsyqById(this.bsmSjsb) | ||
| 279 | this.ruleForm = res | ||
| 280 | //this.featchRule() | ||
| 281 | } catch (error) { | ||
| 282 | this.$refs.msg.messageShow() | ||
| 283 | } | ||
| 284 | }, | ||
| 285 | handleUpdateForm () { | ||
| 286 | return new Promise(async (resolve, reject) => { | ||
| 287 | try { | ||
| 288 | let res = await qlfQlJsydsyq.updateQlfQlJsydsyq(this.ruleForm) | ||
| 289 | // this.$refs['formList'].resetFields(); | ||
| 290 | resolve(res.code) | ||
| 291 | } catch (error) { | ||
| 292 | this.$refs.msg.messageShow() | ||
| 293 | } | ||
| 294 | }) | ||
| 295 | } | ||
| 296 | } | ||
| 297 | } | ||
| 298 | </script> | ||
| 299 | <style scoped lang="scss"> | ||
| 300 | @import "./css/itemForm.scss"; | ||
| 301 | </style> | ||
| 302 | |||
| 303 |
src/components/Business/qlfQlNydsyq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="agriculturalLandUse itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="123px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="YWH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 业务号： <br /> | ||
| 20 | <p class="label-detail">（YWH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20" | ||
| 23 | placeholder="业务号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28" | ||
| 34 | placeholder="不动产单元号"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="QLLX"> | ||
| 42 | <span slot="label"> | ||
| 43 | 权利类型： <br /> | ||
| 44 | <p class="label-detail">（QLLX）</p> | ||
| 45 | </span> | ||
| 46 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 47 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 48 | </el-option> | ||
| 49 | </el-select> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | |||
| 53 | <el-col :span="8"> | ||
| 54 | <el-form-item prop="DJLX"> | ||
| 55 | <span slot="label"> | ||
| 56 | 登记类型： <br /> | ||
| 57 | <p class="label-detail">（DJLX）</p> | ||
| 58 | </span> | ||
| 59 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 60 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 61 | </el-option> | ||
| 62 | </el-select> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | |||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item prop="DJYY"> | ||
| 68 | <span slot="label"> | ||
| 69 | 登记原因： <br /> | ||
| 70 | <p class="label-detail">（DJYY）</p> | ||
| 71 | </span> | ||
| 72 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item prop="ZL"> | ||
| 80 | <span slot="label"> | ||
| 81 | 坐落： <br /> | ||
| 82 | <p class="label-detail">（ZL）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | |||
| 88 | <el-col :span="8"> | ||
| 89 | <el-form-item prop="FBFDM"> | ||
| 90 | <span slot="label"> | ||
| 91 | 发包方代码： <br /> | ||
| 92 | <p class="label-detail">（FBFDM）</p> | ||
| 93 | </span> | ||
| 94 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBFDM" placeholder="发包方代码"></el-input> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item prop="FBFMC"> | ||
| 100 | <span slot="label"> | ||
| 101 | 发包方名称： <br /> | ||
| 102 | <p class="label-detail">（FBFMC）</p> | ||
| 103 | </span> | ||
| 104 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBFMC" placeholder="发包方名称"></el-input> | ||
| 105 | </el-form-item> | ||
| 106 | </el-col> | ||
| 107 | </el-row> | ||
| 108 | |||
| 109 | <el-row> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item prop="CBMJ" :rules="{ type: 'number' }"> | ||
| 112 | <span slot="label"> | ||
| 113 | 承包(使用权)面积： <br /> | ||
| 114 | <p class="label-detail">（CBMJ）</p> | ||
| 115 | </span> | ||
| 116 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CBMJ" type="number" | ||
| 117 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="承包(使用权)面积"></el-input> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="CBQSSJ"> | ||
| 123 | <span slot="label"> | ||
| 124 | 承包(使用)起始时间： <br /> | ||
| 125 | <p class="label-detail">（CBQSSJ）</p> | ||
| 126 | </span> | ||
| 127 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期" | ||
| 128 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.CBQSSJ" | ||
| 129 | value-format="yyyy-MM-dd"></el-date-picker> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | |||
| 133 | <el-col :span="8"> | ||
| 134 | <el-form-item prop="CBJSSJ"> | ||
| 135 | <span slot="label"> | ||
| 136 | 承包(使用)结束时间： <br /> | ||
| 137 | <p class="label-detail">（CBJSSJ）</p> | ||
| 138 | </span> | ||
| 139 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable | ||
| 140 | :picker-options="pickerOptionsEnd" v-model="ruleForm.CBJSSJ" value-format="yyyy-MM-dd"> | ||
| 141 | </el-date-picker> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | </el-row> | ||
| 145 | |||
| 146 | <el-row> | ||
| 147 | <el-col :span="8"> | ||
| 148 | <el-form-item prop="TDSYQXZ"> | ||
| 149 | <span slot="label"> | ||
| 150 | 土地所有权性质： <br /> | ||
| 151 | <p class="label-detail">（TDSYQXZ）</p> | ||
| 152 | </span> | ||
| 153 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQXZ" placeholder="土地所有权性质"> | ||
| 154 | <el-option v-for="item in dicData['A45']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 155 | </el-option> | ||
| 156 | </el-select> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | |||
| 160 | <el-col :span="8"> | ||
| 161 | <el-form-item prop="SYTTLX"> | ||
| 162 | <span slot="label"> | ||
| 163 | 水域滩涂类型： <br /> | ||
| 164 | <p class="label-detail">（SYTTLX）</p> | ||
| 165 | </span> | ||
| 166 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SYTTLX" placeholder="水域滩涂类型"> | ||
| 167 | <el-option v-for="item in dicData['A23']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 168 | </el-option> | ||
| 169 | </el-select> | ||
| 170 | </el-form-item> | ||
| 171 | </el-col> | ||
| 172 | |||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item prop="YZYFS"> | ||
| 175 | <span slot="label"> | ||
| 176 | 养殖业方式： <br /> | ||
| 177 | <p class="label-detail">（YZYFS）</p> | ||
| 178 | </span> | ||
| 179 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YZYFS" placeholder="养殖业方式"> | ||
| 180 | <el-option v-for="item in dicData['A24']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 181 | </el-option> | ||
| 182 | </el-select> | ||
| 183 | </el-form-item> | ||
| 184 | </el-col> | ||
| 185 | </el-row> | ||
| 186 | |||
| 187 | <el-row> | ||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item prop="CYZL"> | ||
| 190 | <span slot="label"> | ||
| 191 | 草原质量： <br /> | ||
| 192 | <p class="label-detail">（CYZL）</p> | ||
| 193 | </span> | ||
| 194 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CYZL" placeholder="草原质量"></el-input> | ||
| 195 | </el-form-item> | ||
| 196 | </el-col> | ||
| 197 | |||
| 198 | <el-col :span="8"> | ||
| 199 | <el-form-item prop="SYZCL" :rules="{ type: 'number' }"> | ||
| 200 | <span slot="label"> | ||
| 201 | 适宜载畜量： <br /> | ||
| 202 | <p class="label-detail">（SYZCL）</p> | ||
| 203 | </span> | ||
| 204 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYZCL" type="number" | ||
| 205 | v-only-number="{ max: 9999999999, min: 0, precision: 0 }" placeholder="适宜载畜量"></el-input> | ||
| 206 | </el-form-item> | ||
| 207 | </el-col> | ||
| 208 | |||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item prop="BDCQZH"> | ||
| 211 | <span slot="label"> | ||
| 212 | 不动产权证号： <br /> | ||
| 213 | <p class="label-detail">（BDCQZH）</p> | ||
| 214 | </span> | ||
| 215 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 216 | </el-form-item> | ||
| 217 | </el-col> | ||
| 218 | </el-row> | ||
| 219 | |||
| 220 | <el-row> | ||
| 221 | <el-col :span="8"> | ||
| 222 | <el-form-item prop="QXDM"> | ||
| 223 | <span slot="label"> | ||
| 224 | 区县代码： <br /> | ||
| 225 | <p class="label-detail">（QXDM）</p> | ||
| 226 | </span> | ||
| 227 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 228 | </el-form-item> | ||
| 229 | </el-col> | ||
| 230 | |||
| 231 | <el-col :span="8"> | ||
| 232 | <el-form-item prop="DJJG"> | ||
| 233 | <span slot="label"> | ||
| 234 | 登记机构： <br /> | ||
| 235 | <p class="label-detail">（DJJG）</p> | ||
| 236 | </span> | ||
| 237 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 238 | </el-form-item> | ||
| 239 | </el-col> | ||
| 240 | |||
| 241 | <el-col :span="8"> | ||
| 242 | <el-form-item prop="DBR"> | ||
| 243 | <span slot="label"> | ||
| 244 | 登簿人： <br /> | ||
| 245 | <p class="label-detail">（DBR）</p> | ||
| 246 | </span> | ||
| 247 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 248 | </el-form-item> | ||
| 249 | </el-col> | ||
| 250 | </el-row> | ||
| 251 | |||
| 252 | <el-row> | ||
| 253 | <el-col :span="8"> | ||
| 254 | <el-form-item prop="DJSJ"> | ||
| 255 | <span slot="label"> | ||
| 256 | 登记时间： <br /> | ||
| 257 | <p class="label-detail">（DJSJ）</p> | ||
| 258 | </span> | ||
| 259 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 260 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> | ||
| 263 | |||
| 264 | <el-col :span="8"> | ||
| 265 | <el-form-item prop="FJ"> | ||
| 266 | <span slot="label"> | ||
| 267 | 附记： <br /> | ||
| 268 | <p class="label-detail">（FJ）</p> | ||
| 269 | </span> | ||
| 270 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 271 | </el-form-item> | ||
| 272 | </el-col> | ||
| 273 | |||
| 274 | <el-col :span="8"> | ||
| 275 | <el-form-item prop="QSZT"> | ||
| 276 | <span slot="label"> | ||
| 277 | 权属状态： <br /> | ||
| 278 | <p class="label-detail">（QSZT）</p> | ||
| 279 | </span> | ||
| 280 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 281 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 282 | </el-option> | ||
| 283 | </el-select> | ||
| 284 | </el-form-item> | ||
| 285 | </el-col> | ||
| 286 | </el-row> | ||
| 287 | </el-form> | ||
| 288 | <message-tips ref="msg" /> | ||
| 289 | </div> | ||
| 290 | </template> | ||
| 291 | <script> | ||
| 292 | // 农用地使用权（非林地） | ||
| 293 | import qlfQlNydsyq from '@/api/qlfQlNydsyq' | ||
| 294 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 295 | export default { | ||
| 296 | mixins: [ruleMixin], | ||
| 297 | props: { | ||
| 298 | bsmSjsb: { | ||
| 299 | type: String, | ||
| 300 | default: '' | ||
| 301 | }, | ||
| 302 | bsmYwsjb: { | ||
| 303 | type: String, | ||
| 304 | default: '' | ||
| 305 | } | ||
| 306 | }, | ||
| 307 | data () { | ||
| 308 | return { | ||
| 309 | pickerOptionsStart: { | ||
| 310 | // 禁止选择 | ||
| 311 | disabledDate: time => { | ||
| 312 | let endDateVal = this.ruleForm.CBJSSJ; | ||
| 313 | if (endDateVal) { | ||
| 314 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 315 | } | ||
| 316 | } | ||
| 317 | }, | ||
| 318 | pickerOptionsEnd: { | ||
| 319 | disabledDate: time => { | ||
| 320 | let beginDateVal = this.ruleForm.CBQSSJ; | ||
| 321 | if (beginDateVal) { | ||
| 322 | return ( | ||
| 323 | time.getTime() < | ||
| 324 | new Date(beginDateVal).getTime() | ||
| 325 | ); | ||
| 326 | } | ||
| 327 | } | ||
| 328 | }, | ||
| 329 | ruleForm: { | ||
| 330 | YSDM: '', | ||
| 331 | YWH: '', | ||
| 332 | BDCDYH: '', | ||
| 333 | QLLX: '', | ||
| 334 | DJLX: '', | ||
| 335 | DJYY: '', | ||
| 336 | ZL: '', | ||
| 337 | FBFDM: '', | ||
| 338 | FBFMC: '', | ||
| 339 | CBMJ: '', | ||
| 340 | CBQSSJ: '', | ||
| 341 | CBJSSJ: '', | ||
| 342 | TDSYQXZ: '', | ||
| 343 | SYTTLX: '', | ||
| 344 | YZYFS: '', | ||
| 345 | CYZL: '', | ||
| 346 | SYZCL: '', | ||
| 347 | BDCQZH: '', | ||
| 348 | QXDM: '', | ||
| 349 | DJJG: '', | ||
| 350 | DBR: '', | ||
| 351 | DJSJ: '', | ||
| 352 | FJ: '', | ||
| 353 | QSZT: '' | ||
| 354 | } | ||
| 355 | } | ||
| 356 | }, | ||
| 357 | methods: { | ||
| 358 | async featchData () { | ||
| 359 | try { | ||
| 360 | let { result: res } = await qlfQlNydsyq.getQlfQlNydsyqByID(this.bsmSjsb) | ||
| 361 | this.ruleForm = res | ||
| 362 | //this.featchRule() | ||
| 363 | } catch (error) { | ||
| 364 | this.$refs.msg.messageShow() | ||
| 365 | } | ||
| 366 | }, | ||
| 367 | handleUpdateForm () { | ||
| 368 | return new Promise(async (resolve) => { | ||
| 369 | try { | ||
| 370 | let res = await qlfQlNydsyq.updateQlfQlNydsyq(this.ruleForm) | ||
| 371 | // this.$refs['formList'].resetFields(); | ||
| 372 | resolve(res.code) | ||
| 373 | } catch (error) { | ||
| 374 | this.$refs.msg.messageShow() | ||
| 375 | } | ||
| 376 | }) | ||
| 377 | } | ||
| 378 | } | ||
| 379 | } | ||
| 380 | </script> | ||
| 381 | <style scoped lang="scss"> | ||
| 382 | @import "./css/itemForm.scss"; | ||
| 383 | </style> | ||
| 384 | |||
| 385 |
src/components/Business/qlfQlQtxgql.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="otherRelevant itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="BDCDYH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 不动产单元号： <br /> | ||
| 29 | <p class="label-detail">（BDCDYH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="QLLX"> | ||
| 39 | <span slot="label"> | ||
| 40 | 权利类型： <br /> | ||
| 41 | <p class="label-detail">（QLLX）</p> | ||
| 42 | </span> | ||
| 43 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 44 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 45 | </el-option> | ||
| 46 | </el-select> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | |||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item prop="DJLX"> | ||
| 52 | <span slot="label"> | ||
| 53 | 登记类型： <br /> | ||
| 54 | <p class="label-detail">（DJLX）</p> | ||
| 55 | </span> | ||
| 56 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 57 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 58 | </el-option> | ||
| 59 | </el-select> | ||
| 60 | </el-form-item> | ||
| 61 | </el-col> | ||
| 62 | |||
| 63 | <el-col :span="8"> | ||
| 64 | <el-form-item prop="DJYY"> | ||
| 65 | <span slot="label"> | ||
| 66 | 登记原因： <br /> | ||
| 67 | <p class="label-detail">（DJYY）</p> | ||
| 68 | </span> | ||
| 69 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | |||
| 74 | <el-row> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item prop="QLQSSJ"> | ||
| 77 | <span slot="label"> | ||
| 78 | 权利起始时间： <br /> | ||
| 79 | <p class="label-detail">（QLQSSJ）</p> | ||
| 80 | </span> | ||
| 81 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="权利起始时间" | ||
| 82 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.QLQSSJ" | ||
| 83 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 84 | </el-form-item> | ||
| 85 | </el-col> | ||
| 86 | |||
| 87 | <el-col :span="8"> | ||
| 88 | <el-form-item prop="QLJSSJ"> | ||
| 89 | <span slot="label"> | ||
| 90 | 权利结束时间： <br /> | ||
| 91 | <p class="label-detail">（QLJSSJ）</p> | ||
| 92 | </span> | ||
| 93 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="权利结束时间" clearable | ||
| 94 | :picker-options="pickerOptionsEnd" v-model="ruleForm.QLJSSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 95 | </el-date-picker> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item prop="QSFS"> | ||
| 101 | <span slot="label"> | ||
| 102 | 取水方式： <br /> | ||
| 103 | <p class="label-detail">（QSFS）</p> | ||
| 104 | </span> | ||
| 105 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSFS" placeholder="取水方式"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | </el-row> | ||
| 109 | |||
| 110 | <el-row> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item prop="SYLX"> | ||
| 113 | <span slot="label"> | ||
| 114 | 水源类型： <br /> | ||
| 115 | <p class="label-detail">（SYLX）</p> | ||
| 116 | </span> | ||
| 117 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYLX" placeholder="水源类型"></el-input> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | |||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="QSL"> | ||
| 123 | <span slot="label"> | ||
| 124 | 取水量： <br /> | ||
| 125 | <p class="label-detail">（QSL）</p> | ||
| 126 | </span> | ||
| 127 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSL" placeholder="取水量"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | |||
| 131 | <el-col :span="8"> | ||
| 132 | <el-form-item prop="QSYT"> | ||
| 133 | <span slot="label"> | ||
| 134 | 取水用途： <br /> | ||
| 135 | <p class="label-detail">（QSYT）</p> | ||
| 136 | </span> | ||
| 137 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSYT" placeholder="取水用途"></el-input> | ||
| 138 | </el-form-item> | ||
| 139 | </el-col> | ||
| 140 | </el-row> | ||
| 141 | |||
| 142 | <el-row> | ||
| 143 | <el-col :span="8"> | ||
| 144 | <el-form-item prop="KCMJ"> | ||
| 145 | <span slot="label"> | ||
| 146 | 勘查面积： <br /> | ||
| 147 | <p class="label-detail">（KCMJ）</p> | ||
| 148 | </span> | ||
| 149 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCMJ" | ||
| 150 | v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="勘查面积"></el-input> | ||
| 151 | </el-form-item> | ||
| 152 | </el-col> | ||
| 153 | |||
| 154 | <el-col :span="8"> | ||
| 155 | <el-form-item prop="KCFS"> | ||
| 156 | <span slot="label"> | ||
| 157 | 开采方式： <br /> | ||
| 158 | <p class="label-detail">（KCFS）</p> | ||
| 159 | </span> | ||
| 160 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCFS" placeholder="开采方式"></el-input> | ||
| 161 | </el-form-item> | ||
| 162 | </el-col> | ||
| 163 | |||
| 164 | <el-col :span="8"> | ||
| 165 | <el-form-item prop="KCKZ"> | ||
| 166 | <span slot="label"> | ||
| 167 | 开采矿种： <br /> | ||
| 168 | <p class="label-detail">（KCKZ）</p> | ||
| 169 | </span> | ||
| 170 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCKZ" placeholder="开采矿种"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | </el-row> | ||
| 174 | |||
| 175 | <el-row> | ||
| 176 | <el-col :span="8"> | ||
| 177 | <el-form-item prop="SCGM"> | ||
| 178 | <span slot="label"> | ||
| 179 | 生产规模： <br /> | ||
| 180 | <p class="label-detail">（SCGM）</p> | ||
| 181 | </span> | ||
| 182 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SCGM" placeholder="生产规模"></el-input> | ||
| 183 | </el-form-item> | ||
| 184 | </el-col> | ||
| 185 | |||
| 186 | <el-col :span="8"> | ||
| 187 | <el-form-item prop="BDCQZH"> | ||
| 188 | <span slot="label"> | ||
| 189 | 不动产权证号： <br /> | ||
| 190 | <p class="label-detail">（BDCQZH）</p> | ||
| 191 | </span> | ||
| 192 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 193 | </el-form-item> | ||
| 194 | </el-col> | ||
| 195 | |||
| 196 | <el-col :span="8"> | ||
| 197 | <el-form-item prop="QXDM"> | ||
| 198 | <span slot="label"> | ||
| 199 | 区县代码： <br /> | ||
| 200 | <p class="label-detail">（QXDM）</p> | ||
| 201 | </span> | ||
| 202 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 203 | </el-form-item> | ||
| 204 | </el-col> | ||
| 205 | </el-row> | ||
| 206 | |||
| 207 | <el-row> | ||
| 208 | <el-col :span="8"> | ||
| 209 | <el-form-item prop="DJJG"> | ||
| 210 | <span slot="label"> | ||
| 211 | 登记机构： <br /> | ||
| 212 | <p class="label-detail">（DJJG）</p> | ||
| 213 | </span> | ||
| 214 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 215 | </el-form-item> | ||
| 216 | </el-col> | ||
| 217 | |||
| 218 | <el-col :span="8"> | ||
| 219 | <el-form-item prop="DBR"> | ||
| 220 | <span slot="label"> | ||
| 221 | 登簿人： <br /> | ||
| 222 | <p class="label-detail">（DBR）</p> | ||
| 223 | </span> | ||
| 224 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 225 | </el-form-item> | ||
| 226 | </el-col> | ||
| 227 | |||
| 228 | <el-col :span="8"> | ||
| 229 | <el-form-item prop="DJSJ"> | ||
| 230 | <span slot="label"> | ||
| 231 | 登记时间： <br /> | ||
| 232 | <p class="label-detail">（DJSJ）</p> | ||
| 233 | </span> | ||
| 234 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 235 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 236 | </el-form-item> | ||
| 237 | </el-col> | ||
| 238 | </el-row> | ||
| 239 | |||
| 240 | <el-row> | ||
| 241 | <el-col :span="8"> | ||
| 242 | <el-form-item prop="FJ"> | ||
| 243 | <span slot="label"> | ||
| 244 | 附记： <br /> | ||
| 245 | <p class="label-detail">（FJ）</p> | ||
| 246 | </span> | ||
| 247 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 248 | </el-form-item> | ||
| 249 | </el-col> | ||
| 250 | |||
| 251 | <el-col :span="8"> | ||
| 252 | <el-form-item prop="FT"> | ||
| 253 | <span slot="label"> | ||
| 254 | 附图： <br /> | ||
| 255 | <p class="label-detail">（FT）</p> | ||
| 256 | </span> | ||
| 257 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FT" placeholder="附图"></el-input> | ||
| 258 | </el-form-item> | ||
| 259 | </el-col> | ||
| 260 | |||
| 261 | <el-col :span="8"> | ||
| 262 | <el-form-item prop="QSZT"> | ||
| 263 | <span slot="label"> | ||
| 264 | 权属状态： <br /> | ||
| 265 | <p class="label-detail">（QSZT）</p> | ||
| 266 | </span> | ||
| 267 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权利类型"> | ||
| 268 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 269 | </el-option> | ||
| 270 | </el-select> | ||
| 271 | </el-form-item> | ||
| 272 | </el-col> | ||
| 273 | </el-row> | ||
| 274 | </el-form> | ||
| 275 | <message-tips ref="msg" /> | ||
| 276 | </div> | ||
| 277 | </template> | ||
| 278 | <script> | ||
| 279 | // 其他相关权利 | ||
| 280 | import qlfQlQtxgql from '@/api/qlfQlQtxgql' | ||
| 281 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 282 | export default { | ||
| 283 | mixins: [ruleMixin], | ||
| 284 | props: { | ||
| 285 | bsmSjsb: { | ||
| 286 | type: String, | ||
| 287 | default: '' | ||
| 288 | }, | ||
| 289 | bsmYwsjb: { | ||
| 290 | type: String, | ||
| 291 | default: '' | ||
| 292 | } | ||
| 293 | }, | ||
| 294 | data () { | ||
| 295 | return { | ||
| 296 | pickerOptionsStart: { | ||
| 297 | // 禁止选择 | ||
| 298 | disabledDate: time => { | ||
| 299 | let endDateVal = this.ruleForm.QLJSSJ; | ||
| 300 | if (endDateVal) { | ||
| 301 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 302 | } | ||
| 303 | } | ||
| 304 | }, | ||
| 305 | pickerOptionsEnd: { | ||
| 306 | disabledDate: time => { | ||
| 307 | let beginDateVal = this.ruleForm.QLQSSJ; | ||
| 308 | if (beginDateVal) { | ||
| 309 | return ( | ||
| 310 | time.getTime() < | ||
| 311 | new Date(beginDateVal).getTime() | ||
| 312 | ); | ||
| 313 | } | ||
| 314 | } | ||
| 315 | }, | ||
| 316 | ruleForm: { | ||
| 317 | BSM: '', | ||
| 318 | YSDM: '', | ||
| 319 | YWH: '', | ||
| 320 | BDCDYH: '', | ||
| 321 | QLLX: '', | ||
| 322 | DJLX: '', | ||
| 323 | DJYY: '', | ||
| 324 | QLQSSJ: '', | ||
| 325 | QLJSSJ: '', | ||
| 326 | QSFS: '', | ||
| 327 | SYLX: '', | ||
| 328 | QSL: '', | ||
| 329 | QSYT: '', | ||
| 330 | KCMJ: '', | ||
| 331 | KCFS: '', | ||
| 332 | KCKZ: '', | ||
| 333 | SCGM: '', | ||
| 334 | BDCQZH: '', | ||
| 335 | QXDM: '', | ||
| 336 | DJJG: '', | ||
| 337 | DBR: '', | ||
| 338 | DJSJ: '', | ||
| 339 | FJ: '', | ||
| 340 | FT: '', | ||
| 341 | QSZT: '' | ||
| 342 | } | ||
| 343 | } | ||
| 344 | }, | ||
| 345 | methods: { | ||
| 346 | async featchData () { | ||
| 347 | try { | ||
| 348 | let { result: res } = await qlfQlQtxgql.getQlfQlQtxgqlById(this.bsmSjsb) | ||
| 349 | this.ruleForm = res | ||
| 350 | //this.featchRule() | ||
| 351 | } catch (error) { | ||
| 352 | this.$refs.msg.messageShow() | ||
| 353 | } | ||
| 354 | }, | ||
| 355 | handleUpdateForm () { | ||
| 356 | return new Promise(async (resolve) => { | ||
| 357 | try { | ||
| 358 | let res = await qlfQlQtxgql.updateQlfQlQtxgql(this.ruleForm) | ||
| 359 | // this.$refs['formList'].resetFields(); | ||
| 360 | resolve(res.code) | ||
| 361 | } catch (error) { | ||
| 362 | this.$refs.msg.messageShow() | ||
| 363 | } | ||
| 364 | }) | ||
| 365 | } | ||
| 366 | } | ||
| 367 | } | ||
| 368 | </script> | ||
| 369 | <style scoped lang="scss"> | ||
| 370 | @import "./css/itemForm.scss"; | ||
| 371 | </style> | ||
| 372 | |||
| 373 |
src/components/Business/qlfQlTdsyq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="landOwnershipInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="BDCDYH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 不动产单元号： <br /> | ||
| 19 | <p class="label-detail">（BDCDYH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="ZDDM"> | ||
| 27 | <span slot="label"> | ||
| 28 | 宗地代码： <br /> | ||
| 29 | <p class="label-detail">（ZDDM）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="YWH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 业务号： <br /> | ||
| 41 | <p class="label-detail">（YWH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="QLLX"> | ||
| 49 | <span slot="label"> | ||
| 50 | 权利类型： <br /> | ||
| 51 | <p class="label-detail">（QLLX）</p> | ||
| 52 | </span> | ||
| 53 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 54 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 55 | </el-option> | ||
| 56 | </el-select> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DJLX"> | ||
| 62 | <span slot="label"> | ||
| 63 | 登记类型： <br /> | ||
| 64 | <p class="label-detail">（DJLX）</p> | ||
| 65 | </span> | ||
| 66 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 67 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 68 | </el-option> | ||
| 69 | </el-select> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | |||
| 74 | <el-row> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item prop="DJYY"> | ||
| 77 | <span slot="label"> | ||
| 78 | 登记原因： <br /> | ||
| 79 | <p class="label-detail">（DJYY）</p> | ||
| 80 | </span> | ||
| 81 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="MJDW"> | ||
| 87 | <span slot="label"> | ||
| 88 | 面积单位： <br /> | ||
| 89 | <p class="label-detail">（MJDW）</p> | ||
| 90 | </span> | ||
| 91 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位"> | ||
| 92 | <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 93 | </el-option> | ||
| 94 | </el-select> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item prop="NYDMJ" :rules="{ type: 'number' }"> | ||
| 100 | <span slot="label"> | ||
| 101 | 农用地面积： <br /> | ||
| 102 | <p class="label-detail">（NYDMJ）</p> | ||
| 103 | </span> | ||
| 104 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.NYDMJ" type="number" | ||
| 105 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="农用地面积"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | </el-row> | ||
| 109 | |||
| 110 | <el-row> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item prop="GDMJ" :rules="{ type: 'number' }"> | ||
| 113 | <span slot="label"> | ||
| 114 | 耕地面积 <br /> | ||
| 115 | <p class="label-detail">（GDMJ）</p> | ||
| 116 | </span> | ||
| 117 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GDMJ" type="number" | ||
| 118 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="耕地面积"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | |||
| 122 | <el-col :span="8"> | ||
| 123 | <el-form-item prop="LDMJ" :rules="{ type: 'number' }"> | ||
| 124 | <span slot="label"> | ||
| 125 | 林地面积： <br /> | ||
| 126 | <p class="label-detail">（LDMJ）</p> | ||
| 127 | </span> | ||
| 128 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.LDMJ" type="number" | ||
| 129 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="林地面积"></el-input> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | |||
| 133 | <el-col :span="8"> | ||
| 134 | <el-form-item prop="CDMJ" :rules="{ type: 'number' }"> | ||
| 135 | <span slot="label"> | ||
| 136 | 草地面积： <br /> | ||
| 137 | <p class="label-detail">（CDMJ）</p> | ||
| 138 | </span> | ||
| 139 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CDMJ" type="number" | ||
| 140 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="草地面积"></el-input> | ||
| 141 | </el-form-item> | ||
| 142 | </el-col> | ||
| 143 | </el-row> | ||
| 144 | |||
| 145 | <el-row> | ||
| 146 | <el-col :span="8"> | ||
| 147 | <el-form-item prop="QTNYDMJ" :rules="{ type: 'number' }"> | ||
| 148 | <span slot="label"> | ||
| 149 | 其它农用地面积 <br /> | ||
| 150 | <p class="label-detail">（QTNYDMJ）</p> | ||
| 151 | </span> | ||
| 152 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QTNYDMJ" type="number" | ||
| 153 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="其它农用地面积"></el-input> | ||
| 154 | </el-form-item> | ||
| 155 | </el-col> | ||
| 156 | |||
| 157 | <el-col :span="8"> | ||
| 158 | <el-form-item prop="JSYDMJ" :rules="{ type: 'number' }"> | ||
| 159 | <span slot="label"> | ||
| 160 | 建设用地面积： <br /> | ||
| 161 | <p class="label-detail">（JSYDMJ）</p> | ||
| 162 | </span> | ||
| 163 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JSYDMJ" type="number" | ||
| 164 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="建设用地面积"></el-input> | ||
| 165 | </el-form-item> | ||
| 166 | </el-col> | ||
| 167 | |||
| 168 | <el-col :span="8"> | ||
| 169 | <el-form-item prop="WLYDMJ" :rules="{ type: 'number' }"> | ||
| 170 | <span slot="label"> | ||
| 171 | 未利用地面积： <br /> | ||
| 172 | <p class="label-detail">（WLYDMJ）</p> | ||
| 173 | </span> | ||
| 174 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.WLYDMJ" type="number" | ||
| 175 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="未利用地面积"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | </el-row> | ||
| 179 | |||
| 180 | <el-row> | ||
| 181 | <el-col :span="8"> | ||
| 182 | <el-form-item prop="BDCQZH"> | ||
| 183 | <span slot="label"> | ||
| 184 | 不动产权证号： <br /> | ||
| 185 | <p class="label-detail">（BDCQZH）</p> | ||
| 186 | </span> | ||
| 187 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 188 | </el-form-item> | ||
| 189 | </el-col> | ||
| 190 | |||
| 191 | <el-col :span="8"> | ||
| 192 | <el-form-item prop="QXDM"> | ||
| 193 | <span slot="label"> | ||
| 194 | 区县代码： <br /> | ||
| 195 | <p class="label-detail">（QXDM）</p> | ||
| 196 | </span> | ||
| 197 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 198 | </el-form-item> | ||
| 199 | </el-col> | ||
| 200 | |||
| 201 | <el-col :span="8"> | ||
| 202 | <el-form-item prop="DJJG"> | ||
| 203 | <span slot="label"> | ||
| 204 | 登记机构： <br /> | ||
| 205 | <p class="label-detail">（DJJG）</p> | ||
| 206 | </span> | ||
| 207 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 208 | </el-form-item> | ||
| 209 | </el-col> | ||
| 210 | </el-row> | ||
| 211 | |||
| 212 | <el-row> | ||
| 213 | <el-col :span="8"> | ||
| 214 | <el-form-item prop="DBR"> | ||
| 215 | <span slot="label"> | ||
| 216 | 登簿人： <br /> | ||
| 217 | <p class="label-detail">（DBR）</p> | ||
| 218 | </span> | ||
| 219 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 220 | </el-form-item> | ||
| 221 | </el-col> | ||
| 222 | |||
| 223 | <el-col :span="8"> | ||
| 224 | <el-form-item prop="DJSJ"> | ||
| 225 | <span slot="label"> | ||
| 226 | 登记时间： <br /> | ||
| 227 | <p class="label-detail">（DJSJ）</p> | ||
| 228 | </span> | ||
| 229 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 230 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 231 | </el-form-item> | ||
| 232 | </el-col> | ||
| 233 | |||
| 234 | <el-col :span="8"> | ||
| 235 | <el-form-item prop="FJ"> | ||
| 236 | <span slot="label"> | ||
| 237 | 附记： <br /> | ||
| 238 | <p class="label-detail">（FJ）</p> | ||
| 239 | </span> | ||
| 240 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 241 | </el-form-item> | ||
| 242 | </el-col> | ||
| 243 | </el-row> | ||
| 244 | |||
| 245 | <el-row> | ||
| 246 | <el-col :span="8"> | ||
| 247 | <el-form-item prop="QSZT"> | ||
| 248 | <span slot="label"> | ||
| 249 | 权属状态： <br /> | ||
| 250 | <p class="label-detail">（QSZT）</p> | ||
| 251 | </span> | ||
| 252 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 253 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 254 | </el-option> | ||
| 255 | </el-select> | ||
| 256 | </el-form-item> | ||
| 257 | </el-col> | ||
| 258 | </el-row> | ||
| 259 | </el-form> | ||
| 260 | <message-tips ref="msg" /> | ||
| 261 | </div> | ||
| 262 | </template> | ||
| 263 | <script> | ||
| 264 | // 土地所有权信息 | ||
| 265 | import qlfQlTdsyq from '@/api/qlfQlTdsyq' | ||
| 266 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 267 | export default { | ||
| 268 | mixins: [ruleMixin], | ||
| 269 | props: { | ||
| 270 | bsmSjsb: { | ||
| 271 | type: String, | ||
| 272 | default: '' | ||
| 273 | }, | ||
| 274 | bsmYwsjb: { | ||
| 275 | type: String, | ||
| 276 | default: '' | ||
| 277 | } | ||
| 278 | }, | ||
| 279 | data () { | ||
| 280 | return { | ||
| 281 | ruleForm: { | ||
| 282 | YSDM: '', | ||
| 283 | BDCDYH: '', | ||
| 284 | ZDDM: '', | ||
| 285 | YWH: '', | ||
| 286 | QLLX: '', | ||
| 287 | DJLX: '', | ||
| 288 | DJYY: '', | ||
| 289 | MJDW: '', | ||
| 290 | NYDMJ: '', | ||
| 291 | GDMJ: '', | ||
| 292 | LDMJ: '', | ||
| 293 | CDMJ: '', | ||
| 294 | QTNYDMJ: '', | ||
| 295 | JSYDMJ: '', | ||
| 296 | WLYDMJ: '', | ||
| 297 | BDCQZH: '', | ||
| 298 | QXDM: '', | ||
| 299 | DJJG: '', | ||
| 300 | DBR: '', | ||
| 301 | DJSJ: '', | ||
| 302 | FJ: '', | ||
| 303 | QSZT: '' | ||
| 304 | } | ||
| 305 | } | ||
| 306 | }, | ||
| 307 | methods: { | ||
| 308 | async featchData () { | ||
| 309 | try { | ||
| 310 | let { result: res } = await qlfQlTdsyq.getQlfQlTdsyqById(this.bsmSjsb) | ||
| 311 | this.ruleForm = res | ||
| 312 | //this.featchRule() | ||
| 313 | } catch (error) { | ||
| 314 | this.$refs.msg.messageShow() | ||
| 315 | } | ||
| 316 | }, | ||
| 317 | handleUpdateForm () { | ||
| 318 | return new Promise(async (resolve, reject) => { | ||
| 319 | try { | ||
| 320 | let res = await qlfQlTdsyq.updateQlfQlTdsyq(this.ruleForm) | ||
| 321 | // this.$refs['formList'].resetFields(); | ||
| 322 | resolve(res.code) | ||
| 323 | } catch (error) { | ||
| 324 | this.$refs.msg.messageShow() | ||
| 325 | } | ||
| 326 | }) | ||
| 327 | } | ||
| 328 | } | ||
| 329 | } | ||
| 330 | </script> | ||
| 331 | <style scoped lang="scss"> | ||
| 332 | @import "./css/itemForm.scss"; | ||
| 333 | </style> | ||
| 334 | |||
| 335 |
src/components/Business/qlfQlYgdj.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="advanceNoticeRegistration itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | <el-col :span="8"> | ||
| 15 | <el-form-item prop="YWH"> | ||
| 16 | <span slot="label"> | ||
| 17 | 业务号： <br /> | ||
| 18 | <p class="label-detail">（YWH）</p> | ||
| 19 | </span> | ||
| 20 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 21 | </el-form-item> | ||
| 22 | </el-col> | ||
| 23 | <el-col :span="8"> | ||
| 24 | <el-form-item prop="BDCDYH"> | ||
| 25 | <span slot="label"> | ||
| 26 | 不动产单元号： <br /> | ||
| 27 | <p class="label-detail">（BDCDYH）</p> | ||
| 28 | </span> | ||
| 29 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 30 | </el-form-item> | ||
| 31 | </el-col> | ||
| 32 | </el-row> | ||
| 33 | <el-row> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item prop="scYWH"> | ||
| 36 | <span slot="label"> | ||
| 37 | 上次业务号： <br /> | ||
| 38 | <p class="label-detail">（SCYWH）</p> | ||
| 39 | </span> | ||
| 40 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.scYWH" placeholder="上次业务号"></el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="8"> | ||
| 44 | <el-form-item prop="BDCZL"> | ||
| 45 | <span slot="label"> | ||
| 46 | 不动产坐落： <br /> | ||
| 47 | <p class="label-detail">（BDCZL）</p> | ||
| 48 | </span> | ||
| 49 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCZL" placeholder="不动产坐落"></el-input> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | <el-col :span="8"> | ||
| 53 | <el-form-item prop="YWR"> | ||
| 54 | <span slot="label"> | ||
| 55 | 义务人： <br /> | ||
| 56 | <p class="label-detail">（YWR）</p> | ||
| 57 | </span> | ||
| 58 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWR" placeholder="义务人"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | </el-row> | ||
| 62 | |||
| 63 | <el-row> | ||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item prop="YWRZJZL"> | ||
| 66 | <span slot="label"> | ||
| 67 | 义务人证件种类： <br /> | ||
| 68 | <p class="label-detail">（YWRZJZL）</p> | ||
| 69 | </span> | ||
| 70 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="义务人证件种类"> | ||
| 71 | <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 72 | </el-option> | ||
| 73 | </el-select> | ||
| 74 | </el-form-item> | ||
| 75 | </el-col> | ||
| 76 | |||
| 77 | <el-col :span="8"> | ||
| 78 | <el-form-item prop="YWRZJH"> | ||
| 79 | <span slot="label"> | ||
| 80 | 义务人证件号： <br /> | ||
| 81 | <p class="label-detail">（YWRZJH）</p> | ||
| 82 | </span> | ||
| 83 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input> | ||
| 84 | </el-form-item> | ||
| 85 | </el-col> | ||
| 86 | <el-col :span="8"> | ||
| 87 | <el-form-item prop="YGDJZL"> | ||
| 88 | <span slot="label"> | ||
| 89 | 预告登记种类： <br /> | ||
| 90 | <p class="label-detail">（YGDJZL）</p> | ||
| 91 | </span> | ||
| 92 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YGDJZL" placeholder="预告登记种类"> | ||
| 93 | <el-option v-for="item in dicData['A29']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 94 | </el-option> | ||
| 95 | </el-select> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | </el-row> | ||
| 99 | <el-row> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item prop="DJLX"> | ||
| 102 | <span slot="label"> | ||
| 103 | 登记类型： <br /> | ||
| 104 | <p class="label-detail">（DJLX）</p> | ||
| 105 | </span> | ||
| 106 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 107 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 108 | </el-option> | ||
| 109 | </el-select> | ||
| 110 | </el-form-item> | ||
| 111 | </el-col> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item prop="DJYY"> | ||
| 114 | <span slot="label"> | ||
| 115 | 登记原因： <br /> | ||
| 116 | <p class="label-detail">（DJYY）</p> | ||
| 117 | </span> | ||
| 118 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item prop="TDSYQR"> | ||
| 123 | <span slot="label"> | ||
| 124 | 土地使用权人： <br /> | ||
| 125 | <p class="label-detail">（TDSYQR）</p> | ||
| 126 | </span> | ||
| 127 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | </el-row> | ||
| 131 | <el-row> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item prop="GHYT"> | ||
| 134 | <span slot="label"> | ||
| 135 | 规划用途： <br /> | ||
| 136 | <p class="label-detail">（GHYT）</p> | ||
| 137 | </span> | ||
| 138 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GHYT" placeholder="规划用途"> | ||
| 139 | <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 140 | </el-option> | ||
| 141 | </el-select> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="8"> | ||
| 145 | <el-form-item prop="YTMC"> | ||
| 146 | <span slot="label"> | ||
| 147 | 用途名称： <br /> | ||
| 148 | <p class="label-detail">（YTMC）</p> | ||
| 149 | </span> | ||
| 150 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YTMC" placeholder="用途名称"></el-input> | ||
| 151 | </el-form-item> | ||
| 152 | </el-col> | ||
| 153 | <el-col :span="8"> | ||
| 154 | <el-form-item prop="FWXZ"> | ||
| 155 | <span slot="label"> | ||
| 156 | 房屋性质： <br /> | ||
| 157 | <p class="label-detail">（FWXZ）</p> | ||
| 158 | </span> | ||
| 159 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZ" placeholder="房屋性质"> | ||
| 160 | <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 161 | </el-option> | ||
| 162 | </el-select> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | </el-row> | ||
| 166 | <el-row> | ||
| 167 | <el-col :span="8"> | ||
| 168 | <el-form-item prop="FWXZMC"> | ||
| 169 | <span slot="label"> | ||
| 170 | 房屋性质名称： <br /> | ||
| 171 | <p class="label-detail">（FWXZMC）</p> | ||
| 172 | </span> | ||
| 173 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZMC" placeholder="房屋性质名称"></el-input> | ||
| 174 | </el-form-item> | ||
| 175 | </el-col> | ||
| 176 | <el-col :span="8"> | ||
| 177 | <el-form-item prop="FWJG"> | ||
| 178 | <span slot="label"> | ||
| 179 | 房屋结构： <br /> | ||
| 180 | <p class="label-detail">（FWJG）</p> | ||
| 181 | </span> | ||
| 182 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG" placeholder="房屋结构"> | ||
| 183 | <el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 184 | </el-option> | ||
| 185 | </el-select> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item prop="SZC"> | ||
| 190 | <span slot="label"> | ||
| 191 | 所在层： <br /> | ||
| 192 | <p class="label-detail">（SZC）</p> | ||
| 193 | </span> | ||
| 194 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SZC" | ||
| 195 | v-only-number="{ max: 99, min: 0, precision: 0 }" placeholder="所在层"></el-input> | ||
| 196 | </el-form-item> | ||
| 197 | </el-col> | ||
| 198 | </el-row> | ||
| 199 | <el-row> | ||
| 200 | <el-col :span="8"> | ||
| 201 | <el-form-item prop="ZCS" :rules="{ type: 'number' }"> | ||
| 202 | <span slot="label"> | ||
| 203 | 总层数： <br /> | ||
| 204 | <p class="label-detail">（ZCS）</p> | ||
| 205 | </span> | ||
| 206 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZCS" type="number" | ||
| 207 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input> | ||
| 208 | </el-form-item> | ||
| 209 | </el-col> | ||
| 210 | |||
| 211 | <el-col :span="8"> | ||
| 212 | <el-form-item prop="JZMJ" :rules="{ type: 'number' }"> | ||
| 213 | <span slot="label"> | ||
| 214 | 建筑面积： <br /> | ||
| 215 | <p class="label-detail">（JZMJ）</p> | ||
| 216 | </span> | ||
| 217 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JZMJ" type="number" | ||
| 218 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="建筑面积"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | <el-col :span="8"> | ||
| 222 | <el-form-item prop="QDJG" :rules="{ type: 'number' }"> | ||
| 223 | <span slot="label"> | ||
| 224 | 取得价格/被担保主债权数额： <br /> | ||
| 225 | <p class="label-detail">（QDJG）</p> | ||
| 226 | </span> | ||
| 227 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QDJG" type="number" | ||
| 228 | v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="取得价格/被担保主债权数额"></el-input> | ||
| 229 | </el-form-item> | ||
| 230 | </el-col> | ||
| 231 | </el-row> | ||
| 232 | <el-row> | ||
| 233 | <el-col :span="8"> | ||
| 234 | <el-form-item prop="JEDW"> | ||
| 235 | <span slot="label"> | ||
| 236 | 金额单位： <br /> | ||
| 237 | <p class="label-detail">（JEDW）</p> | ||
| 238 | </span> | ||
| 239 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.JEDW" placeholder="金额单位"> | ||
| 240 | <el-option v-for="item in dicData['A57']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 241 | </el-option> | ||
| 242 | </el-select> | ||
| 243 | </el-form-item> | ||
| 244 | </el-col> | ||
| 245 | <el-col :span="8"> | ||
| 246 | <el-form-item prop="DBFW"> | ||
| 247 | <span slot="label"> | ||
| 248 | 担保范围： <br /> | ||
| 249 | <p class="label-detail">（DBFW）</p> | ||
| 250 | </span> | ||
| 251 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBFW" placeholder="担保范围"> | ||
| 252 | </el-input> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> | ||
| 255 | <el-col :span="8"> | ||
| 256 | <el-form-item prop="SFCZJZHXZ"> | ||
| 257 | <span slot="label"> | ||
| 258 | 是否存在禁止或限制转让抵押不动产的约定： <br /> | ||
| 259 | <p class="label-detail">（SFCZJZHXZ）</p> | ||
| 260 | </span> | ||
| 261 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFCZJZHXZ" | ||
| 262 | placeholder="是否存在禁止或限制转让抵押不动产的约定"> | ||
| 263 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 264 | </el-option> | ||
| 265 | </el-select> | ||
| 266 | </el-form-item> | ||
| 267 | </el-col> | ||
| 268 | </el-row> | ||
| 269 | <el-row> | ||
| 270 | <el-col :span="8"> | ||
| 271 | <el-form-item prop="BDCDJZMH"> | ||
| 272 | <span slot="label"> | ||
| 273 | 不动产登记证明号： <br /> | ||
| 274 | <p class="label-detail">（BDCDJZMH）</p> | ||
| 275 | </span> | ||
| 276 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH" placeholder="不动产登记证明号"> | ||
| 277 | </el-input> | ||
| 278 | </el-form-item> | ||
| 279 | </el-col> | ||
| 280 | |||
| 281 | <el-col :span="8"> | ||
| 282 | <el-form-item prop="QXDM"> | ||
| 283 | <span slot="label"> | ||
| 284 | 区县代码： <br /> | ||
| 285 | <p class="label-detail">（QXDM）</p> | ||
| 286 | </span> | ||
| 287 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 288 | </el-form-item> | ||
| 289 | </el-col> | ||
| 290 | <el-col :span="8"> | ||
| 291 | <el-form-item prop="DJJG"> | ||
| 292 | <span slot="label"> | ||
| 293 | 登记机构： <br /> | ||
| 294 | <p class="label-detail">（DJJG）</p> | ||
| 295 | </span> | ||
| 296 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 297 | </el-form-item> | ||
| 298 | </el-col> | ||
| 299 | </el-row> | ||
| 300 | <el-row> | ||
| 301 | <el-col :span="8"> | ||
| 302 | <el-form-item prop="DBR"> | ||
| 303 | <span slot="label"> | ||
| 304 | 登簿人： <br /> | ||
| 305 | <p class="label-detail">（DBR）</p> | ||
| 306 | </span> | ||
| 307 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 308 | </el-form-item> | ||
| 309 | </el-col> | ||
| 310 | <el-col :span="8"> | ||
| 311 | <el-form-item prop="DJSJ"> | ||
| 312 | <span slot="label"> | ||
| 313 | 登记时间： <br /> | ||
| 314 | <p class="label-detail">（DJSJ）</p> | ||
| 315 | </span> | ||
| 316 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 317 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 318 | </el-form-item> | ||
| 319 | </el-col> | ||
| 320 | <el-col :span="8"> | ||
| 321 | <el-form-item prop="QSZT"> | ||
| 322 | <span slot="label"> | ||
| 323 | 权属状态： <br /> | ||
| 324 | <p class="label-detail">（QSZT）</p> | ||
| 325 | </span> | ||
| 326 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 327 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 328 | </el-option> | ||
| 329 | </el-select> | ||
| 330 | </el-form-item> | ||
| 331 | </el-col> | ||
| 332 | </el-row> | ||
| 333 | <el-row> | ||
| 334 | <el-col :span="24"> | ||
| 335 | <el-form-item prop="FJ"> | ||
| 336 | <span slot="label"> | ||
| 337 | 附记： <br /> | ||
| 338 | <p class="label-detail">（FJ）</p> | ||
| 339 | </span> | ||
| 340 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 341 | </el-form-item> | ||
| 342 | </el-col> | ||
| 343 | </el-row> | ||
| 344 | <el-row> | ||
| 345 | <el-col :span="8"> | ||
| 346 | <el-form-item prop="ZXYGYWH"> | ||
| 347 | <span slot="label"> | ||
| 348 | 注销预告业务号： <br /> | ||
| 349 | <p class="label-detail">（ZXYGYWH）</p> | ||
| 350 | </span> | ||
| 351 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYGYWH" placeholder="注销预告业务号"> | ||
| 352 | </el-input> | ||
| 353 | </el-form-item> | ||
| 354 | </el-col> | ||
| 355 | <el-col :span="8"> | ||
| 356 | <el-form-item prop="ZXSJ"> | ||
| 357 | <span slot="label"> | ||
| 358 | 注销时间： <br /> | ||
| 359 | <p class="label-detail">（ZXSJ）</p> | ||
| 360 | </span> | ||
| 361 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 362 | v-model="ruleForm.ZXSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 363 | </el-form-item> | ||
| 364 | </el-col> | ||
| 365 | <el-col :span="8"> | ||
| 366 | <el-form-item prop="ZXYGYY"> | ||
| 367 | <span slot="label"> | ||
| 368 | 注销预告原因： <br /> | ||
| 369 | <p class="label-detail">（ZXYGYY）</p> | ||
| 370 | </span> | ||
| 371 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYGYY" placeholder="注销预告原因"> | ||
| 372 | </el-input> | ||
| 373 | </el-form-item> | ||
| 374 | </el-col> | ||
| 375 | </el-row> | ||
| 376 | </el-form> | ||
| 377 | <message-tips ref="msg" /> | ||
| 378 | </div> | ||
| 379 | </template> | ||
| 380 | <script> | ||
| 381 | // 预告登记信息 | ||
| 382 | import qlfQlYgdj from "@/api/qlfQlYgdj"; | ||
| 383 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 384 | export default { | ||
| 385 | mixins: [ruleMixin], | ||
| 386 | props: { | ||
| 387 | bsmSjsb: { | ||
| 388 | type: String, | ||
| 389 | default: "", | ||
| 390 | }, | ||
| 391 | bsmYwsjb: { | ||
| 392 | type: String, | ||
| 393 | default: "", | ||
| 394 | }, | ||
| 395 | }, | ||
| 396 | data() { | ||
| 397 | return { | ||
| 398 | ruleForm: { | ||
| 399 | YSDM: "", | ||
| 400 | YWH: "", | ||
| 401 | BDCDYH: "", | ||
| 402 | scYWH: "", | ||
| 403 | BDCZL: "", | ||
| 404 | YWR: "", | ||
| 405 | YWRZJZL: "", | ||
| 406 | YWRZJH: "", | ||
| 407 | DJLX: "", | ||
| 408 | DJYY: "", | ||
| 409 | YGDJZL: "", | ||
| 410 | TDSYQR: "", | ||
| 411 | GHYT: "", | ||
| 412 | FWXZ: "", | ||
| 413 | FWJG: "", | ||
| 414 | SZC: "", | ||
| 415 | ZCS: "", | ||
| 416 | JZMJ: "", | ||
| 417 | QDJG: "", | ||
| 418 | BDCDJZMH: "", | ||
| 419 | QXDM: "", | ||
| 420 | DJJG: "", | ||
| 421 | DBR: "", | ||
| 422 | DJSJ: "", | ||
| 423 | FJ: "", | ||
| 424 | QSZT: "", | ||
| 425 | }, | ||
| 426 | }; | ||
| 427 | }, | ||
| 428 | methods: { | ||
| 429 | async featchData() { | ||
| 430 | try { | ||
| 431 | let { result: res } = await qlfQlYgdj.getQlfQlYgdjById(this.bsmSjsb); | ||
| 432 | this.ruleForm = res; | ||
| 433 | //this.featchRule() | ||
| 434 | } catch (error) { | ||
| 435 | this.$refs.msg.messageShow(); | ||
| 436 | } | ||
| 437 | }, | ||
| 438 | handleUpdateForm() { | ||
| 439 | return new Promise(async (resolve) => { | ||
| 440 | try { | ||
| 441 | let res = await qlfQlYgdj.updateQlfQlYgdj(this.ruleForm); | ||
| 442 | // this.$refs['formList'].resetFields(); | ||
| 443 | resolve(res.code); | ||
| 444 | } catch (error) { | ||
| 445 | this.$refs.msg.messageShow(); | ||
| 446 | } | ||
| 447 | }); | ||
| 448 | }, | ||
| 449 | }, | ||
| 450 | }; | ||
| 451 | </script> | ||
| 452 | <style scoped lang="scss"> | ||
| 453 | @import "./css/itemForm.scss"; | ||
| 454 | </style> | ||
| 455 | |||
| 456 |
src/components/Business/qlfQlYydj.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="objectionRegistration itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="BDCDYH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 不动产单元号： <br /> | ||
| 29 | <p class="label-detail">（BDCDYH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="YYSX"> | ||
| 39 | <span slot="label"> | ||
| 40 | 异议事项： <br /> | ||
| 41 | <p class="label-detail">（YYSX）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YYSX" placeholder="异议事项"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="BDCDJZMH"> | ||
| 49 | <span slot="label"> | ||
| 50 | 不动产登记证明号： <br /> | ||
| 51 | <p class="label-detail">（BDCDJZMH）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH" | ||
| 54 | placeholder="不动产登记证明号"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | |||
| 58 | <el-col :span="8"> | ||
| 59 | <el-form-item prop="QXDM"> | ||
| 60 | <span slot="label"> | ||
| 61 | 区县代码： <br /> | ||
| 62 | <p class="label-detail">（QXDM）</p> | ||
| 63 | </span> | ||
| 64 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | </el-row> | ||
| 68 | |||
| 69 | <el-row> | ||
| 70 | <el-col :span="8"> | ||
| 71 | <el-form-item prop="DJJG"> | ||
| 72 | <span slot="label"> | ||
| 73 | 登记机构： <br /> | ||
| 74 | <p class="label-detail">（DJJG）</p> | ||
| 75 | </span> | ||
| 76 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 77 | </el-form-item> | ||
| 78 | </el-col> | ||
| 79 | |||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item prop="DBR"> | ||
| 82 | <span slot="label"> | ||
| 83 | 登簿人： <br /> | ||
| 84 | <p class="label-detail">（DBR）</p> | ||
| 85 | </span> | ||
| 86 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | |||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item prop="DJSJ"> | ||
| 92 | <span slot="label"> | ||
| 93 | 登记时间： <br /> | ||
| 94 | <p class="label-detail">（DJSJ）</p> | ||
| 95 | </span> | ||
| 96 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 97 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | </el-row> | ||
| 101 | |||
| 102 | <el-row> | ||
| 103 | <el-col :span="8"> | ||
| 104 | <el-form-item prop="ZXYYYWH"> | ||
| 105 | <span slot="label"> | ||
| 106 | 注销异议业务号： <br /> | ||
| 107 | <p class="label-detail">（ZXYYYWH）</p> | ||
| 108 | </span> | ||
| 109 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYYWH" | ||
| 110 | placeholder="注销异议业务号"></el-input> | ||
| 111 | </el-form-item> | ||
| 112 | </el-col> | ||
| 113 | |||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item prop="ZXYYYY"> | ||
| 116 | <span slot="label"> | ||
| 117 | 注销异议原因： <br /> | ||
| 118 | <p class="label-detail">（ZXYYYY）</p> | ||
| 119 | </span> | ||
| 120 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYYY" placeholder="注销异议原因"></el-input> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | |||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item prop="ZXYYDBR"> | ||
| 126 | <span slot="label"> | ||
| 127 | 注销异议登簿人： <br /> | ||
| 128 | <p class="label-detail">（ZXYYDBR）</p> | ||
| 129 | </span> | ||
| 130 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYDBR" | ||
| 131 | placeholder="注销异议登簿人"></el-input> | ||
| 132 | </el-form-item> | ||
| 133 | </el-col> | ||
| 134 | </el-row> | ||
| 135 | |||
| 136 | <el-row> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item prop="ZXYYDJSJ"> | ||
| 139 | <span slot="label"> | ||
| 140 | 注销异议登记时间： <br /> | ||
| 141 | <p class="label-detail">（ZXYYDJSJ）</p> | ||
| 142 | </span> | ||
| 143 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable | ||
| 144 | v-model="ruleForm.ZXYYDJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 145 | </el-form-item> | ||
| 146 | </el-col> | ||
| 147 | |||
| 148 | <el-col :span="8"> | ||
| 149 | <el-form-item prop="FJ"> | ||
| 150 | <span slot="label"> | ||
| 151 | 附记： <br /> | ||
| 152 | <p class="label-detail">（FJ）</p> | ||
| 153 | </span> | ||
| 154 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 155 | </el-form-item> | ||
| 156 | </el-col> | ||
| 157 | |||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item prop="QSZT"> | ||
| 160 | <span slot="label"> | ||
| 161 | 权属状态： <br /> | ||
| 162 | <p class="label-detail">（QSZT）</p> | ||
| 163 | </span> | ||
| 164 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 165 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 166 | </el-option> | ||
| 167 | </el-select> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | </el-row> | ||
| 171 | </el-form> | ||
| 172 | <message-tips ref="msg" /> | ||
| 173 | </div> | ||
| 174 | </template> | ||
| 175 | <script> | ||
| 176 | // 异议登记信息 | ||
| 177 | import qlfQlYydj from '@/api/qlfQlYydj' | ||
| 178 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 179 | export default { | ||
| 180 | mixins: [ruleMixin], | ||
| 181 | props: { | ||
| 182 | bsmSjsb: { | ||
| 183 | type: String, | ||
| 184 | default: '' | ||
| 185 | }, | ||
| 186 | bsmYwsjb: { | ||
| 187 | type: String, | ||
| 188 | default: '' | ||
| 189 | } | ||
| 190 | }, | ||
| 191 | data () { | ||
| 192 | return { | ||
| 193 | ruleForm: { | ||
| 194 | YSDM: '', | ||
| 195 | YWH: '', | ||
| 196 | BDCDYH: '', | ||
| 197 | YYSX: '', | ||
| 198 | BDCDJZMH: '', | ||
| 199 | QXDM: '', | ||
| 200 | DJJG: '', | ||
| 201 | DBR: '', | ||
| 202 | DJSJ: '', | ||
| 203 | ZXYYYWH: '', | ||
| 204 | ZXYYYY: '', | ||
| 205 | ZXYYDBR: '', | ||
| 206 | ZXYYDJSJ: '', | ||
| 207 | FJ: '', | ||
| 208 | QSZT: '' | ||
| 209 | } | ||
| 210 | } | ||
| 211 | }, | ||
| 212 | methods: { | ||
| 213 | async featchData () { | ||
| 214 | try { | ||
| 215 | let { result: res } = await qlfQlYydj.getQlfQlYydjById(this.bsmSjsb) | ||
| 216 | this.ruleForm = res | ||
| 217 | //this.featchRule() | ||
| 218 | } catch (error) { | ||
| 219 | this.$refs.msg.messageShow() | ||
| 220 | } | ||
| 221 | }, | ||
| 222 | handleUpdateForm () { | ||
| 223 | return new Promise(async (resolve) => { | ||
| 224 | try { | ||
| 225 | let res = await qlfQlYydj.updateQlfQlYydj(this.ruleForm) | ||
| 226 | // this.$refs['formList'].resetFields(); | ||
| 227 | resolve(res.code) | ||
| 228 | } catch (error) { | ||
| 229 | this.$refs.msg.messageShow() | ||
| 230 | } | ||
| 231 | }) | ||
| 232 | } | ||
| 233 | } | ||
| 234 | } | ||
| 235 | </script> | ||
| 236 | <style scoped lang="scss"> | ||
| 237 | @import "./css/itemForm.scss"; | ||
| 238 | </style> | ||
| 239 | |||
| 240 |
src/components/Business/qlfQlZxdj.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="cancellationRegistration itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="YWH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 业务号： <br /> | ||
| 19 | <p class="label-detail">（YWH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="BDCDYH"> | ||
| 27 | <span slot="label"> | ||
| 28 | 不动产单元号： <br /> | ||
| 29 | <p class="label-detail">（BDCDYH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="BDCQZH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 不动产权证号： <br /> | ||
| 41 | <p class="label-detail">（BDCQZH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="ZXYWH"> | ||
| 49 | <span slot="label"> | ||
| 50 | 注销业务号： <br /> | ||
| 51 | <p class="label-detail">（ZXYWH）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYWH" placeholder="注销业务号"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | |||
| 57 | <el-col :span="8"> | ||
| 58 | <el-form-item prop="ZXSJ"> | ||
| 59 | <span slot="label"> | ||
| 60 | 注销时间： <br /> | ||
| 61 | <p class="label-detail">（ZXSJ）</p> | ||
| 62 | </span> | ||
| 63 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 64 | v-model="ruleForm.ZXSJ" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | </el-row> | ||
| 68 | <el-row> | ||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item prop="BDCQZMH"> | ||
| 71 | <span slot="label"> | ||
| 72 | 不动产权证明号： <br /> | ||
| 73 | <p class="label-detail">（BDCQZMH）</p> | ||
| 74 | </span> | ||
| 75 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZMH" placeholder="不动产权证明号"> | ||
| 76 | </el-input> | ||
| 77 | </el-form-item> | ||
| 78 | </el-col> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item prop="QLLX"> | ||
| 81 | <span slot="label"> | ||
| 82 | 权利类型： <br /> | ||
| 83 | <p class="label-detail">（QLLX）</p> | ||
| 84 | </span> | ||
| 85 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 86 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | <el-col :span="8"> | ||
| 92 | <el-form-item prop="QXDM"> | ||
| 93 | <span slot="label"> | ||
| 94 | 区县代码： <br /> | ||
| 95 | <p class="label-detail">（QXDM）</p> | ||
| 96 | </span> | ||
| 97 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | </el-row> | ||
| 101 | <el-row> | ||
| 102 | <el-col :span="8"> | ||
| 103 | <el-form-item prop="DJJG"> | ||
| 104 | <span slot="label"> | ||
| 105 | 登记机构： <br /> | ||
| 106 | <p class="label-detail">（DJJG）</p> | ||
| 107 | </span> | ||
| 108 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item prop="DBR"> | ||
| 113 | <span slot="label"> | ||
| 114 | 登簿人：<br /> | ||
| 115 | <p class="label-detail">（DBR）</p> | ||
| 116 | </span> | ||
| 117 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | <el-col :span="8"> | ||
| 121 | <el-form-item prop="DJSJ"> | ||
| 122 | <span slot="label"> | ||
| 123 | 登记时间： <br /> | ||
| 124 | <p class="label-detail">（DJSJ）</p> | ||
| 125 | </span> | ||
| 126 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 127 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | </el-row> | ||
| 131 | <el-row> | ||
| 132 | <el-col :span="24"> | ||
| 133 | <el-form-item prop="BZ"> | ||
| 134 | <span slot="label"> | ||
| 135 | 备注： <br /> | ||
| 136 | <p class="label-detail">（BZ）</p> | ||
| 137 | </span> | ||
| 138 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input> | ||
| 139 | </el-form-item> | ||
| 140 | </el-col> | ||
| 141 | </el-row> | ||
| 142 | </el-form> | ||
| 143 | <message-tips ref="msg" /> | ||
| 144 | </div> | ||
| 145 | </template> | ||
| 146 | <script> | ||
| 147 | // 注销登记信息 | ||
| 148 | import qlfQlZxdj from "@/api/qlfQlZxdj"; | ||
| 149 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 150 | export default { | ||
| 151 | mixins: [ruleMixin], | ||
| 152 | props: { | ||
| 153 | bsmSjsb: { | ||
| 154 | type: String, | ||
| 155 | default: "", | ||
| 156 | }, | ||
| 157 | bsmYwsjb: { | ||
| 158 | type: String, | ||
| 159 | default: "", | ||
| 160 | }, | ||
| 161 | }, | ||
| 162 | data() { | ||
| 163 | return { | ||
| 164 | ruleForm: { | ||
| 165 | YSDM: "", | ||
| 166 | YWH: "", | ||
| 167 | BDCDYH: "", | ||
| 168 | BDCQZH: "", | ||
| 169 | ZXYWH: "", | ||
| 170 | ZXSJ: "", | ||
| 171 | QXDM: "", | ||
| 172 | DJJG: "", | ||
| 173 | DBR: "", | ||
| 174 | DJSJ: "", | ||
| 175 | BZ: "", | ||
| 176 | }, | ||
| 177 | }; | ||
| 178 | }, | ||
| 179 | methods: { | ||
| 180 | async featchData() { | ||
| 181 | try { | ||
| 182 | let { result: res } = await qlfQlZxdj.getQlfQlZxdjById(this.bsmSjsb); | ||
| 183 | this.ruleForm = res; | ||
| 184 | //this.featchRule() | ||
| 185 | } catch (error) { | ||
| 186 | this.$refs.msg.messageShow(); | ||
| 187 | } | ||
| 188 | }, | ||
| 189 | handleUpdateForm() { | ||
| 190 | return new Promise(async (resolve) => { | ||
| 191 | try { | ||
| 192 | let res = await qlfQlZxdj.updateQlfQlZxdj(this.ruleForm); | ||
| 193 | // this.$refs['formList'].resetFields(); | ||
| 194 | resolve(res.code); | ||
| 195 | } catch (error) { | ||
| 196 | this.$refs.msg.messageShow(); | ||
| 197 | } | ||
| 198 | }); | ||
| 199 | }, | ||
| 200 | }, | ||
| 201 | }; | ||
| 202 | </script> | ||
| 203 | <style scoped lang="scss"> | ||
| 204 | @import "./css/itemForm.scss"; | ||
| 205 | </style> | ||
| 206 | |||
| 207 |
src/components/Business/qltFwFdcqDz.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="multiplehouseInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="125px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="BDCDYH"> | ||
| 17 | <span slot="label"> | ||
| 18 | 不动产单元号： <br /> | ||
| 19 | <p class="label-detail">（BDCDYH）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="FDZL"> | ||
| 27 | <span slot="label"> | ||
| 28 | 房地坐落： <br /> | ||
| 29 | <p class="label-detail">（FDZL）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FDZL" placeholder="房地坐落"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | |||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="YWH"> | ||
| 39 | <span slot="label"> | ||
| 40 | 业务号： <br /> | ||
| 41 | <p class="label-detail">（YWH）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | |||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="QLLX"> | ||
| 49 | <span slot="label"> | ||
| 50 | 权利类型： <br /> | ||
| 51 | <p class="label-detail">（QLLX）</p> | ||
| 52 | </span> | ||
| 53 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 54 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 55 | </el-option> | ||
| 56 | </el-select> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | |||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item prop="DJLX"> | ||
| 62 | <span slot="label"> | ||
| 63 | 登记类型： <br /> | ||
| 64 | <p class="label-detail">（DJLX）</p> | ||
| 65 | </span> | ||
| 66 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 67 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 68 | </el-option> | ||
| 69 | </el-select> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | |||
| 74 | <el-row> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item prop="DJYY"> | ||
| 77 | <span slot="label"> | ||
| 78 | 登记原因： <br /> | ||
| 79 | <p class="label-detail">（DJYY）</p> | ||
| 80 | </span> | ||
| 81 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | |||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item prop="TDSYQR"> | ||
| 87 | <span slot="label"> | ||
| 88 | 土地使用权人： <br /> | ||
| 89 | <p class="label-detail">（TDSYQR）</p> | ||
| 90 | </span> | ||
| 91 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | |||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item prop="DYJZMJ" :rules="{ type: 'number' }"> | ||
| 97 | <span slot="label"> | ||
| 98 | 独用土地面积： <br /> | ||
| 99 | <p class="label-detail">（DYJZMJ）</p> | ||
| 100 | </span> | ||
| 101 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DYJZMJ" placeholder="独用土地面积" | ||
| 102 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | </el-row> | ||
| 106 | |||
| 107 | <el-row> | ||
| 108 | <el-col :span="8"> | ||
| 109 | <el-form-item prop="FTJZMJ" :rules="{ type: 'number' }"> | ||
| 110 | <span slot="label"> | ||
| 111 | 分摊土地面积： <br /> | ||
| 112 | <p class="label-detail">（FTJZMJ）</p> | ||
| 113 | </span> | ||
| 114 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FTJZMJ" placeholder="分摊土地面积" | ||
| 115 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input> | ||
| 116 | </el-form-item> | ||
| 117 | </el-col> | ||
| 118 | |||
| 119 | <el-col :span="8"> | ||
| 120 | <el-form-item prop="TDSYQSSJ"> | ||
| 121 | <span slot="label"> | ||
| 122 | 土地使用起始时间： <br /> | ||
| 123 | <p class="label-detail">（TDSYQSSJ）</p> | ||
| 124 | </span> | ||
| 125 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="土地使用起始时间" | ||
| 126 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.TDSYQSSJ" | ||
| 127 | value-format="yyyy-MM-dd"></el-date-picker> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | |||
| 131 | <el-col :span="8"> | ||
| 132 | <el-form-item prop="TDSYJSSJ"> | ||
| 133 | <span slot="label"> | ||
| 134 | 土地使用结束时间： <br /> | ||
| 135 | <p class="label-detail">（TDSYJSSJ）</p> | ||
| 136 | </span> | ||
| 137 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="土地使用结束时间" | ||
| 138 | :picker-options="pickerOptionsEnd" clearable v-model="ruleForm.TDSYJSSJ" | ||
| 139 | value-format="yyyy-MM-dd"></el-date-picker> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | </el-row> | ||
| 143 | |||
| 144 | <el-row> | ||
| 145 | <el-col :span="8"> | ||
| 146 | <el-form-item prop="FDCJYJG" :rules="{ type: 'number' }"> | ||
| 147 | <span slot="label"> | ||
| 148 | 房地产交易价格： <br /> | ||
| 149 | <p class="label-detail">（FDCJYJG）</p> | ||
| 150 | </span> | ||
| 151 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FDCJYJG" type="number" | ||
| 152 | placeholder="房地产交易价格" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input> | ||
| 153 | </el-form-item> | ||
| 154 | </el-col> | ||
| 155 | |||
| 156 | <el-col :span="8"> | ||
| 157 | <el-form-item prop="BDCQZH"> | ||
| 158 | <span slot="label"> | ||
| 159 | 不动产权证号： <br /> | ||
| 160 | <p class="label-detail">（BDCQZH）</p> | ||
| 161 | </span> | ||
| 162 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | |||
| 166 | <el-col :span="8"> | ||
| 167 | <el-form-item prop="QXDM"> | ||
| 168 | <span slot="label"> | ||
| 169 | 区县代码： <br /> | ||
| 170 | <p class="label-detail">（QXDM）</p> | ||
| 171 | </span> | ||
| 172 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 173 | </el-form-item> | ||
| 174 | </el-col> | ||
| 175 | </el-row> | ||
| 176 | |||
| 177 | <el-row> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item prop="DJJG"> | ||
| 180 | <span slot="label"> | ||
| 181 | 登记机构：<br /> | ||
| 182 | <p class="label-detail">（DJJG）</p> | ||
| 183 | </span> | ||
| 184 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 185 | </el-form-item> | ||
| 186 | </el-col> | ||
| 187 | |||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item prop="DBR"> | ||
| 190 | <span slot="label"> | ||
| 191 | 登簿人： <br /> | ||
| 192 | <p class="label-detail">（DBR）</p> | ||
| 193 | </span> | ||
| 194 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 195 | </el-form-item> | ||
| 196 | </el-col> | ||
| 197 | |||
| 198 | <el-col :span="8"> | ||
| 199 | <el-form-item prop="DJSJ"> | ||
| 200 | <span slot="label"> | ||
| 201 | 登记时间： <br /> | ||
| 202 | <p class="label-detail">（DJSJ）</p> | ||
| 203 | </span> | ||
| 204 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable v-model="ruleForm.DJSJ" | ||
| 205 | value-format="yyyy-MM-dd"> | ||
| 206 | </el-date-picker> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | </el-row> | ||
| 210 | |||
| 211 | <el-row> | ||
| 212 | <el-col :span="8"> | ||
| 213 | <el-form-item prop="FJ"> | ||
| 214 | <span slot="label"> | ||
| 215 | 附记： <br /> | ||
| 216 | <p class="label-detail">（FJ）</p> | ||
| 217 | </span> | ||
| 218 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | |||
| 222 | <el-col :span="8"> | ||
| 223 | <el-form-item prop="FCFHT"> | ||
| 224 | <span slot="label"> | ||
| 225 | 房产分户图： <br /> | ||
| 226 | <p class="label-detail">（FCFHT）</p> | ||
| 227 | </span> | ||
| 228 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FCFHT" placeholder="房产分户图"></el-input> | ||
| 229 | </el-form-item> | ||
| 230 | </el-col> | ||
| 231 | |||
| 232 | <el-col :span="8"> | ||
| 233 | <el-form-item prop="QSZT"> | ||
| 234 | <span slot="label"> | ||
| 235 | 权属状态： <br /> | ||
| 236 | <p class="label-detail">（QSZT）</p> | ||
| 237 | </span> | ||
| 238 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 239 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 240 | </el-option> | ||
| 241 | </el-select> | ||
| 242 | </el-form-item> | ||
| 243 | </el-col> | ||
| 244 | </el-row> | ||
| 245 | </el-form> | ||
| 246 | <message-tips ref="msg" /> | ||
| 247 | </div> | ||
| 248 | </template> | ||
| 249 | <script> | ||
| 250 | // 房地产权_项目内多幢房屋信息 | ||
| 251 | import qltFwFdcqDz from '@/api/qltFwFdcqDz' | ||
| 252 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 253 | export default { | ||
| 254 | mixins: [ruleMixin], | ||
| 255 | props: { | ||
| 256 | bsmSjsb: { | ||
| 257 | type: String, | ||
| 258 | default: '' | ||
| 259 | }, | ||
| 260 | bsmYwsjb: { | ||
| 261 | type: String, | ||
| 262 | default: '' | ||
| 263 | } | ||
| 264 | }, | ||
| 265 | data () { | ||
| 266 | return { | ||
| 267 | pickerOptionsStart: { | ||
| 268 | // 禁止选择 | ||
| 269 | disabledDate: time => { | ||
| 270 | let endDateVal = this.ruleForm.TDSYJSSJ; | ||
| 271 | if (endDateVal) { | ||
| 272 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 273 | } | ||
| 274 | } | ||
| 275 | }, | ||
| 276 | pickerOptionsEnd: { | ||
| 277 | disabledDate: time => { | ||
| 278 | let beginDateVal = this.ruleForm.TDSYQSSJ; | ||
| 279 | if (beginDateVal) { | ||
| 280 | return ( | ||
| 281 | time.getTime() < | ||
| 282 | new Date(beginDateVal).getTime() | ||
| 283 | ); | ||
| 284 | } | ||
| 285 | } | ||
| 286 | }, | ||
| 287 | // 权属状态 | ||
| 288 | ruleForm: { | ||
| 289 | YSDM: '', | ||
| 290 | BDCDYH: '', | ||
| 291 | FDZL: '', | ||
| 292 | YWH: '', | ||
| 293 | QLLX: '', | ||
| 294 | DJLX: '', | ||
| 295 | DJYY: '', | ||
| 296 | TDSYQR: '', | ||
| 297 | DYJZMJ: '', | ||
| 298 | FTJZMJ: '', | ||
| 299 | TDSYQSSJ: '', | ||
| 300 | TDSYJSSJ: '', | ||
| 301 | FDCJYJG: '', | ||
| 302 | BDCQZH: '', | ||
| 303 | DJJG: '', | ||
| 304 | DBR: '', | ||
| 305 | DJSJ: '', | ||
| 306 | FJ: '', | ||
| 307 | FCFHT: '', | ||
| 308 | QSZT: '' | ||
| 309 | } | ||
| 310 | } | ||
| 311 | }, | ||
| 312 | methods: { | ||
| 313 | async featchData () { | ||
| 314 | try { | ||
| 315 | let { result: res } = await qltFwFdcqDz.getQltFwFdcqDzById(this.bsmSjsb) | ||
| 316 | this.ruleForm = res | ||
| 317 | // this.featchRule() | ||
| 318 | } catch (error) { | ||
| 319 | this.$refs.msg.messageShow() | ||
| 320 | } | ||
| 321 | }, | ||
| 322 | handleUpdateForm () { | ||
| 323 | return new Promise(async (resolve, reject) => { | ||
| 324 | try { | ||
| 325 | let res = await qltFwFdcqDz.updateQltFwFdcqDz(this.ruleForm) | ||
| 326 | // this.$refs['formList'].resetFields(); | ||
| 327 | resolve(res.code) | ||
| 328 | } catch (error) { | ||
| 329 | this.$refs.msg.messageShow() | ||
| 330 | } | ||
| 331 | }) | ||
| 332 | } | ||
| 333 | } | ||
| 334 | } | ||
| 335 | </script> | ||
| 336 | <style scoped lang="scss"> | ||
| 337 | @import "./css/itemForm.scss"; | ||
| 338 | </style> | ||
| 339 | |||
| 340 |
src/components/Business/qltFwFdcqYz.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="singleBuilding itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="BDCDYH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 不动产单元号： <br /> | ||
| 20 | <p class="label-detail">（BDCDYH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" maxlength="28" | ||
| 23 | placeholder="不动产单元号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="YWH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 业务号： <br /> | ||
| 31 | <p class="label-detail">（YWH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" maxlength="20" | ||
| 34 | placeholder="业务号"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="QLLX"> | ||
| 42 | <span slot="label"> | ||
| 43 | 权利类型： <br /> | ||
| 44 | <p class="label-detail">（QLLX）</p> | ||
| 45 | </span> | ||
| 46 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qllx" placeholder="权利类型"> | ||
| 47 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 48 | </el-option> | ||
| 49 | </el-select> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | |||
| 53 | <el-col :span="8"> | ||
| 54 | <el-form-item prop="DJLX"> | ||
| 55 | <span slot="label"> | ||
| 56 | 登记类型： <br /> | ||
| 57 | <p class="label-detail">（DJLX）</p> | ||
| 58 | </span> | ||
| 59 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.djlx" placeholder="登记类型"> | ||
| 60 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 61 | </el-option> | ||
| 62 | </el-select> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | |||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item prop="DJYY"> | ||
| 68 | <span slot="label"> | ||
| 69 | 登记原因： <br /> | ||
| 70 | <p class="label-detail">（DJYY）</p> | ||
| 71 | </span> | ||
| 72 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djyy" placeholder="登记原因"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item prop="FDZL"> | ||
| 80 | <span slot="label"> | ||
| 81 | 房地坐落： <br /> | ||
| 82 | <p class="label-detail">（FDZL）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fdzl" placeholder="房地坐落"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | |||
| 88 | <el-col :span="8"> | ||
| 89 | <el-form-item prop="TDSYQR"> | ||
| 90 | <span slot="label"> | ||
| 91 | 土地使用权人： <br /> | ||
| 92 | <p class="label-detail">（TDSYQR）</p> | ||
| 93 | </span> | ||
| 94 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.tdsyqr" placeholder="土地使用权人"></el-input> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | |||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }"> | ||
| 100 | <span slot="label"> | ||
| 101 | 独用土地面积： <br /> | ||
| 102 | <p class="label-detail">（DYTDMJ）</p> | ||
| 103 | </span> | ||
| 104 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 105 | placeholder="独用土地面积" type="number" v-model.number="ruleForm.dytdmj"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | </el-row> | ||
| 109 | |||
| 110 | <!-- 分摊土地面积 --> | ||
| 111 | <el-row> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }"> | ||
| 114 | <span slot="label"> | ||
| 115 | 分摊土地面积： <br /> | ||
| 116 | <p class="label-detail">（FTTDMJ）</p> | ||
| 117 | </span> | ||
| 118 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 119 | placeholder="分摊土地面积" type="number" v-model.number="ruleForm.fttdmj"></el-input> | ||
| 120 | </el-form-item> | ||
| 121 | </el-col> | ||
| 122 | |||
| 123 | <el-col :span="8"> | ||
| 124 | <el-form-item prop="TDSYQSSJ"> | ||
| 125 | <span slot="label"> | ||
| 126 | 土地使用起始时间： <br /> | ||
| 127 | <p class="label-detail">（TDSYQSSJ）</p> | ||
| 128 | </span> | ||
| 129 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 130 | v-model="ruleForm.tdsyqssj" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 131 | </el-form-item> | ||
| 132 | </el-col> | ||
| 133 | |||
| 134 | <el-col :span="8"> | ||
| 135 | <el-form-item prop="TDSYJSSJ"> | ||
| 136 | <span slot="label"> | ||
| 137 | 土地使用结束时间： <br /> | ||
| 138 | <p class="label-detail">（TDSYJSSJ）</p> | ||
| 139 | </span> | ||
| 140 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 141 | v-model="ruleForm.tdsyjssj" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | </el-row> | ||
| 145 | <!-- 房地产交易价格 --> | ||
| 146 | <el-row> | ||
| 147 | <el-col :span="8"> | ||
| 148 | <el-form-item prop="FDCJYJG" :rules="{ type: 'number' }"> | ||
| 149 | <span slot="label"> | ||
| 150 | 房地产交易价格： <br /> | ||
| 151 | <p class="label-detail">（FDCJYJG）</p> | ||
| 152 | </span> | ||
| 153 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.fdcjyjg" placeholder="房地产交易价格" | ||
| 154 | type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input> | ||
| 155 | </el-form-item> | ||
| 156 | </el-col> | ||
| 157 | |||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item prop="GHYT"> | ||
| 160 | <span slot="label"> | ||
| 161 | 规划用途： <br /> | ||
| 162 | <p class="label-detail">（GHYT）</p> | ||
| 163 | </span> | ||
| 164 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ghyt" placeholder="规划用途"> | ||
| 165 | <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 166 | </el-option> | ||
| 167 | </el-select> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | |||
| 171 | <el-col :span="8"> | ||
| 172 | <el-form-item prop="FWXZ"> | ||
| 173 | <span slot="label"> | ||
| 174 | 房屋性质： <br /> | ||
| 175 | <p class="label-detail">（FWXZ）</p> | ||
| 176 | </span> | ||
| 177 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwxz" placeholder="房屋性质"> | ||
| 178 | <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 179 | </el-option> | ||
| 180 | </el-select> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | </el-row> | ||
| 184 | <!-- 房屋结构 --> | ||
| 185 | <el-row> | ||
| 186 | <el-col :span="8"> | ||
| 187 | <el-form-item prop="FWJG"> | ||
| 188 | <span slot="label"> | ||
| 189 | 房屋结构： <br /> | ||
| 190 | <p class="label-detail">（FWJG）</p> | ||
| 191 | </span> | ||
| 192 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg" placeholder="房屋结构"> | ||
| 193 | <el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 194 | </el-option> | ||
| 195 | </el-select> | ||
| 196 | </el-form-item> | ||
| 197 | </el-col> | ||
| 198 | |||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item prop="SZC"> | ||
| 201 | <span slot="label"> | ||
| 202 | 所在层： <br /> | ||
| 203 | <p class="label-detail">（SZC）</p> | ||
| 204 | </span> | ||
| 205 | <el-input :disabled="$store.state.business.Edit" placeholder="所在层" v-model="ruleForm.szc"></el-input> | ||
| 206 | </el-form-item> | ||
| 207 | </el-col> | ||
| 208 | |||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item prop="ZCS" :rules="{ type: 'number' }"> | ||
| 211 | <span slot="label"> | ||
| 212 | 总层数： <br /> | ||
| 213 | <p class="label-detail">（ZCS）</p> | ||
| 214 | </span> | ||
| 215 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.zcs" type="number" | ||
| 216 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input> | ||
| 217 | </el-form-item> | ||
| 218 | </el-col> | ||
| 219 | </el-row> | ||
| 220 | |||
| 221 | <!-- 建筑面积 --> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="8"> | ||
| 224 | <el-form-item prop="JZMJ" :rules="{ type: 'number' }"> | ||
| 225 | <span slot="label"> | ||
| 226 | 建筑面积： <br /> | ||
| 227 | <p class="label-detail">（JZMJ）</p> | ||
| 228 | </span> | ||
| 229 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 230 | placeholder="建筑面积" type="number" v-model.number="ruleForm.jzmj"></el-input> | ||
| 231 | </el-form-item> | ||
| 232 | </el-col> | ||
| 233 | |||
| 234 | <el-col :span="8"> | ||
| 235 | <el-form-item prop="ZYJZMJ" :rules="{ type: 'number' }"> | ||
| 236 | <span slot="label"> | ||
| 237 | 专有建筑面积： <br /> | ||
| 238 | <p class="label-detail">（ZYJZMJ）</p> | ||
| 239 | </span> | ||
| 240 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 241 | placeholder="专有建筑面积" type="number" v-model.number="ruleForm.zyjzmj"></el-input> | ||
| 242 | </el-form-item> | ||
| 243 | </el-col> | ||
| 244 | |||
| 245 | <el-col :span="8"> | ||
| 246 | <el-form-item prop="FTJZMJ" :rules="{ type: 'number' }"> | ||
| 247 | <span slot="label"> | ||
| 248 | 分摊建筑面积： <br /> | ||
| 249 | <p class="label-detail">（FTJZMJ）</p> | ||
| 250 | </span> | ||
| 251 | <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" | ||
| 252 | placeholder="分摊建筑面积" type="number" v-model.number="ruleForm.ftjzmj"></el-input> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> | ||
| 255 | </el-row> | ||
| 256 | <!-- 竣工时间 --> | ||
| 257 | <el-row> | ||
| 258 | <el-col :span="8"> | ||
| 259 | <el-form-item prop="JGSJ"> | ||
| 260 | <span slot="label"> | ||
| 261 | 竣工时间： <br /> | ||
| 262 | <p class="label-detail">（JGSJ）</p> | ||
| 263 | </span> | ||
| 264 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 265 | v-model="ruleForm.jgsj" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 266 | </el-form-item> | ||
| 267 | </el-col> | ||
| 268 | |||
| 269 | <el-col :span="8"> | ||
| 270 | <el-form-item prop="BDCQZH"> | ||
| 271 | <span slot="label"> | ||
| 272 | 不动产权证号： <br /> | ||
| 273 | <p class="label-detail">（BDCQZH）</p> | ||
| 274 | </span> | ||
| 275 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcqzh" placeholder="不动产权证号"></el-input> | ||
| 276 | </el-form-item> | ||
| 277 | </el-col> | ||
| 278 | |||
| 279 | <el-col :span="8"> | ||
| 280 | <el-form-item prop="DBR"> | ||
| 281 | <span slot="label"> | ||
| 282 | 登簿人： <br /> | ||
| 283 | <p class="label-detail">（DBR）</p> | ||
| 284 | </span> | ||
| 285 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input> | ||
| 286 | </el-form-item> | ||
| 287 | </el-col> | ||
| 288 | </el-row> | ||
| 289 | <!-- 登记时间 --> | ||
| 290 | <el-row> | ||
| 291 | <el-col :span="8"> | ||
| 292 | <el-form-item prop="DJSJ"> | ||
| 293 | <span slot="label"> | ||
| 294 | 登记时间： <br /> | ||
| 295 | <p class="label-detail">（DJSJ）</p> | ||
| 296 | </span> | ||
| 297 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 298 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 299 | </el-form-item> | ||
| 300 | </el-col> | ||
| 301 | |||
| 302 | <el-col :span="8"> | ||
| 303 | <el-form-item prop="FJ"> | ||
| 304 | <span slot="label"> | ||
| 305 | 附记： <br /> | ||
| 306 | <p class="label-detail">（FJ）</p> | ||
| 307 | </span> | ||
| 308 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input> | ||
| 309 | </el-form-item> | ||
| 310 | </el-col> | ||
| 311 | |||
| 312 | <el-col :span="8"> | ||
| 313 | <el-form-item prop="QXDM"> | ||
| 314 | <span slot="label"> | ||
| 315 | 区县代码： <br /> | ||
| 316 | <p class="label-detail">（QXDM）</p> | ||
| 317 | </span> | ||
| 318 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input> | ||
| 319 | </el-form-item> | ||
| 320 | </el-col> | ||
| 321 | </el-row> | ||
| 322 | |||
| 323 | <el-row> | ||
| 324 | <el-col :span="8"> | ||
| 325 | <el-form-item prop="DJJG"> | ||
| 326 | <span slot="label"> | ||
| 327 | 登记机构： <br /> | ||
| 328 | <p class="label-detail">（DJJG）</p> | ||
| 329 | </span> | ||
| 330 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input> | ||
| 331 | </el-form-item> | ||
| 332 | </el-col> | ||
| 333 | |||
| 334 | <el-col :span="8"> | ||
| 335 | <el-form-item prop="QSZT"> | ||
| 336 | <span slot="label"> | ||
| 337 | 权属状态： <br /> | ||
| 338 | <p class="label-detail">（QSZT）</p> | ||
| 339 | </span> | ||
| 340 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态"> | ||
| 341 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 342 | </el-option> | ||
| 343 | </el-select> | ||
| 344 | </el-form-item> | ||
| 345 | </el-col> | ||
| 346 | |||
| 347 | </el-row> | ||
| 348 | </el-form> | ||
| 349 | <message-tips ref="msg" /> | ||
| 350 | </div> | ||
| 351 | </template> | ||
| 352 | <script> | ||
| 353 | import business from '@/api/business' | ||
| 354 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 355 | // 房地产权_独幢 | ||
| 356 | export default { | ||
| 357 | mixins: [ruleMixin], | ||
| 358 | props: { | ||
| 359 | bsmSjsb: { | ||
| 360 | type: String, | ||
| 361 | default: '' | ||
| 362 | }, | ||
| 363 | bsmYwsjb: { | ||
| 364 | type: String, | ||
| 365 | default: '' | ||
| 366 | } | ||
| 367 | }, | ||
| 368 | data () { | ||
| 369 | return { | ||
| 370 | ruleForm: { | ||
| 371 | YSDM: '', | ||
| 372 | BDCDYH: '', | ||
| 373 | YWH: '', | ||
| 374 | QLLX: '', | ||
| 375 | DJLX: '', | ||
| 376 | DJYY: '', | ||
| 377 | FDZL: '', | ||
| 378 | TDSYQR: '', | ||
| 379 | DYTDMJ: '', | ||
| 380 | FTTDMJ: '', | ||
| 381 | TDSYQSSJ: '', | ||
| 382 | TDSYJSSJ: '', | ||
| 383 | FDCJYJG: '', | ||
| 384 | GHYT: '', | ||
| 385 | FWXZ: '', | ||
| 386 | FWJG: '', | ||
| 387 | SZC: '', | ||
| 388 | ZCS: '', | ||
| 389 | JZMJ: '', | ||
| 390 | ZYJZMJ: '', | ||
| 391 | FTJZMJ: '', | ||
| 392 | JGSJ: '', | ||
| 393 | BDCQZH: '', | ||
| 394 | DBR: '', | ||
| 395 | DJSJ: '', | ||
| 396 | FJ: '', | ||
| 397 | QXDM: '', | ||
| 398 | DJJG: '', | ||
| 399 | QSZT: '' | ||
| 400 | } | ||
| 401 | } | ||
| 402 | }, | ||
| 403 | methods: { | ||
| 404 | async featchData () { | ||
| 405 | try { | ||
| 406 | let { result: res } = await business.getQltFwFdcqYzById(this.bsmSjsb) | ||
| 407 | this.ruleForm = res | ||
| 408 | //this.featchRule() | ||
| 409 | } catch (error) { | ||
| 410 | this.$refs.msg.messageShow() | ||
| 411 | } | ||
| 412 | }, | ||
| 413 | handleUpdateForm () { | ||
| 414 | return new Promise(async (resolve) => { | ||
| 415 | try { | ||
| 416 | let res = await business.updateQltFwFdcqYz(this.ruleForm) | ||
| 417 | // this.$refs['formList'].resetFields(); | ||
| 418 | resolve(res.code) | ||
| 419 | } catch (error) { | ||
| 420 | this.$refs.msg.messageShow() | ||
| 421 | } | ||
| 422 | }) | ||
| 423 | } | ||
| 424 | } | ||
| 425 | } | ||
| 426 | </script> | ||
| 427 | <style scoped lang="scss"> | ||
| 428 | @import "./css/itemForm.scss"; | ||
| 429 | </style> | ||
| 430 | |||
| 431 |
src/components/Business/qltQlGjzwsyq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="buildingOwnershipInfo itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="150px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="YWH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 业务号： <br /> | ||
| 20 | <p class="label-detail">（YWH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20" | ||
| 23 | placeholder="业务号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="BDCDYH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 不动产单元号： <br /> | ||
| 31 | <p class="label-detail">（BDCDYH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28" | ||
| 34 | placeholder="不动产单元号"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="QLLX"> | ||
| 42 | <span slot="label"> | ||
| 43 | 权利类型： <br /> | ||
| 44 | <p class="label-detail">（QLLX）</p> | ||
| 45 | </span> | ||
| 46 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 47 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 48 | </el-option> | ||
| 49 | </el-select> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | |||
| 53 | <el-col :span="8"> | ||
| 54 | <el-form-item prop="DJLX"> | ||
| 55 | <span slot="label"> | ||
| 56 | 登记类型： <br /> | ||
| 57 | <p class="label-detail">（DJLX）</p> | ||
| 58 | </span> | ||
| 59 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 60 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 61 | </el-option> | ||
| 62 | </el-select> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | |||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item prop="DJYY"> | ||
| 68 | <span slot="label"> | ||
| 69 | 登记原因： <br /> | ||
| 70 | <p class="label-detail">（DJYY）</p> | ||
| 71 | </span> | ||
| 72 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item prop="ZL"> | ||
| 80 | <span slot="label"> | ||
| 81 | 坐落： <br /> | ||
| 82 | <p class="label-detail">（ZL）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | |||
| 88 | <el-col :span="8"> | ||
| 89 | <el-form-item prop="TDHYSYQR"> | ||
| 90 | <span slot="label"> | ||
| 91 | 土地/海域使用权人： <br /> | ||
| 92 | <p class="label-detail">（TDHYSYQR）</p> | ||
| 93 | </span> | ||
| 94 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDHYSYQR" | ||
| 95 | placeholder="土地/海域使用权人"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item prop="TDHYSYMJ" :rules="{ type: 'number' }"> | ||
| 101 | <span slot="label"> | ||
| 102 | 土地/海域使用面积： <br /> | ||
| 103 | <p class="label-detail">（TDHYSYMJ）</p> | ||
| 104 | </span> | ||
| 105 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.TDHYSYMJ" type="number" | ||
| 106 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="土地/海域使用面积"></el-input> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | </el-row> | ||
| 110 | |||
| 111 | <el-row> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item prop="TDHYSYQSSJ"> | ||
| 114 | <span slot="label"> | ||
| 115 | 土地/海域使用起始时间： <br /> | ||
| 116 | <p class="label-detail">（TDHYSYQSSJ）</p> | ||
| 117 | </span> | ||
| 118 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="土地/海域使用起始时间" | ||
| 119 | :picker-options="pickerOptionsStart" clearable v-model="ruleForm.TDHYSYQSSJ" | ||
| 120 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | |||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item prop="TDHYSYJSSJ"> | ||
| 126 | <span slot="label"> | ||
| 127 | 土地/海域使用结束时间： <br /> | ||
| 128 | <p class="label-detail">（TDHYSYJSSJ）</p> | ||
| 129 | </span> | ||
| 130 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="土地/海域使用结束时间" clearable | ||
| 131 | :picker-options="pickerOptionsEnd" v-model="ruleForm.TDHYSYJSSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 132 | </el-date-picker> | ||
| 133 | </el-form-item> | ||
| 134 | </el-col> | ||
| 135 | |||
| 136 | <el-col :span="8"> | ||
| 137 | <el-form-item prop="GJZWLX"> | ||
| 138 | <span slot="label"> | ||
| 139 | 构（建）筑物类型： <br /> | ||
| 140 | <p class="label-detail">（GJZWLX）</p> | ||
| 141 | </span> | ||
| 142 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWLX" placeholder="构（建）筑物类型"> | ||
| 143 | <el-option v-for="item in dicData['A25']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 144 | </el-option> | ||
| 145 | </el-select> | ||
| 146 | </el-form-item> | ||
| 147 | </el-col> | ||
| 148 | </el-row> | ||
| 149 | |||
| 150 | <el-row> | ||
| 151 | <el-col :span="8"> | ||
| 152 | <el-form-item prop="GJZWGHYT"> | ||
| 153 | <span slot="label"> | ||
| 154 | 构（建）筑物规划用途： <br /> | ||
| 155 | <p class="label-detail">（GJZWGHYT）</p> | ||
| 156 | </span> | ||
| 157 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWGHYT" | ||
| 158 | placeholder="构（建）筑物规划用途"></el-input> | ||
| 159 | </el-form-item> | ||
| 160 | </el-col> | ||
| 161 | |||
| 162 | <el-col :span="8"> | ||
| 163 | <el-form-item prop="GJZWMJ" :rules="{ type: 'number' }"> | ||
| 164 | <span slot="label"> | ||
| 165 | 构（建）筑物面积： <br /> | ||
| 166 | <p class="label-detail">（GJZWMJ）</p> | ||
| 167 | </span> | ||
| 168 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GJZWMJ" type="number" | ||
| 169 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="构（建）筑物面积"></el-input> | ||
| 170 | </el-form-item> | ||
| 171 | </el-col> | ||
| 172 | |||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item prop="jgsj"> | ||
| 175 | <span slot="label"> | ||
| 176 | 竣工时间： <br /> | ||
| 177 | <p class="label-detail">（JGSJ）</p> | ||
| 178 | </span> | ||
| 179 | <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工时间" clearable | ||
| 180 | v-model="ruleForm.jgsj" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | </el-row> | ||
| 184 | |||
| 185 | <el-row> | ||
| 186 | <el-col :span="8"> | ||
| 187 | <el-form-item prop="BDCQZH"> | ||
| 188 | <span slot="label"> | ||
| 189 | 不动产权证号： <br /> | ||
| 190 | <p class="label-detail">（BDCQZH）</p> | ||
| 191 | </span> | ||
| 192 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 193 | </el-form-item> | ||
| 194 | </el-col> | ||
| 195 | |||
| 196 | <el-col :span="8"> | ||
| 197 | <el-form-item prop="QXDM"> | ||
| 198 | <span slot="label"> | ||
| 199 | 区县代码： <br /> | ||
| 200 | <p class="label-detail">（QXDM）</p> | ||
| 201 | </span> | ||
| 202 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 203 | </el-form-item> | ||
| 204 | </el-col> | ||
| 205 | |||
| 206 | <el-col :span="8"> | ||
| 207 | <el-form-item prop="DJJG"> | ||
| 208 | <span slot="label"> | ||
| 209 | 登记机构： <br /> | ||
| 210 | <p class="label-detail">（DJJG）</p> | ||
| 211 | </span> | ||
| 212 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 213 | </el-form-item> | ||
| 214 | </el-col> | ||
| 215 | </el-row> | ||
| 216 | |||
| 217 | <el-row> | ||
| 218 | <el-col :span="8"> | ||
| 219 | <el-form-item prop="DBR"> | ||
| 220 | <span slot="label"> | ||
| 221 | 登簿人： <br /> | ||
| 222 | <p class="label-detail">（DBR）</p> | ||
| 223 | </span> | ||
| 224 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 225 | </el-form-item> | ||
| 226 | </el-col> | ||
| 227 | |||
| 228 | <el-col :span="8"> | ||
| 229 | <el-form-item prop="DJSJ"> | ||
| 230 | <span slot="label"> | ||
| 231 | 登记时间： <br /> | ||
| 232 | <p class="label-detail">（DJSJ）</p> | ||
| 233 | </span> | ||
| 234 | <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable | ||
| 235 | v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 236 | </el-form-item> | ||
| 237 | </el-col> | ||
| 238 | |||
| 239 | <el-col :span="8"> | ||
| 240 | <el-form-item prop="FJ"> | ||
| 241 | <span slot="label"> | ||
| 242 | 附记： <br /> | ||
| 243 | <p class="label-detail">（FJ）</p> | ||
| 244 | </span> | ||
| 245 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 246 | </el-form-item> | ||
| 247 | </el-col> | ||
| 248 | </el-row> | ||
| 249 | |||
| 250 | <el-row> | ||
| 251 | <el-col :span="8"> | ||
| 252 | <el-form-item prop="GJZWPMT"> | ||
| 253 | <span slot="label"> | ||
| 254 | 构(建)筑物平面图： <br /> | ||
| 255 | <p class="label-detail">（GJZWPMT）</p> | ||
| 256 | </span> | ||
| 257 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWPMT" | ||
| 258 | placeholder="构(建)筑物平面图"></el-input> | ||
| 259 | </el-form-item> | ||
| 260 | </el-col> | ||
| 261 | |||
| 262 | <el-col :span="8"> | ||
| 263 | <el-form-item prop="QSZT"> | ||
| 264 | <span slot="label"> | ||
| 265 | 权属状态： <br /> | ||
| 266 | <p class="label-detail">（QSZT）</p> | ||
| 267 | </span> | ||
| 268 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 269 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 270 | </el-option> | ||
| 271 | </el-select> | ||
| 272 | </el-form-item> | ||
| 273 | </el-col> | ||
| 274 | </el-row> | ||
| 275 | </el-form> | ||
| 276 | <message-tips ref="msg" /> | ||
| 277 | </div> | ||
| 278 | </template> | ||
| 279 | <script> | ||
| 280 | // 构（建）筑物所有权信息 | ||
| 281 | import qltQlGjzwsyq from '@/api/qltQlGjzwsyq' | ||
| 282 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 283 | export default { | ||
| 284 | mixins: [ruleMixin], | ||
| 285 | props: { | ||
| 286 | bsmSjsb: { | ||
| 287 | type: String, | ||
| 288 | default: '' | ||
| 289 | }, | ||
| 290 | bsmYwsjb: { | ||
| 291 | type: String, | ||
| 292 | default: '' | ||
| 293 | } | ||
| 294 | }, | ||
| 295 | data () { | ||
| 296 | return { | ||
| 297 | pickerOptionsStart: { | ||
| 298 | // 禁止选择 | ||
| 299 | disabledDate: time => { | ||
| 300 | let endDateVal = this.ruleForm.TDHYSYJSSJ; | ||
| 301 | if (endDateVal) { | ||
| 302 | return time.getTime() > new Date(endDateVal).getTime(); | ||
| 303 | } | ||
| 304 | } | ||
| 305 | }, | ||
| 306 | pickerOptionsEnd: { | ||
| 307 | disabledDate: time => { | ||
| 308 | let beginDateVal = this.ruleForm.TDHYSYQSSJ; | ||
| 309 | if (beginDateVal) { | ||
| 310 | return ( | ||
| 311 | time.getTime() < | ||
| 312 | new Date(beginDateVal).getTime() | ||
| 313 | ); | ||
| 314 | } | ||
| 315 | } | ||
| 316 | }, | ||
| 317 | ruleForm: { | ||
| 318 | YSDM: '', | ||
| 319 | YWH: '', | ||
| 320 | BDCDYH: '', | ||
| 321 | QLLX: '', | ||
| 322 | DJLX: '', | ||
| 323 | DJYY: '', | ||
| 324 | ZL: '', | ||
| 325 | TDHYSYQR: '', | ||
| 326 | TDHYSYMJ: '', | ||
| 327 | TDHYSYQSSJ: '', | ||
| 328 | TDHYSYJSSJ: '', | ||
| 329 | GJZWLX: '', | ||
| 330 | GJZWGHYT: '', | ||
| 331 | GJZWMJ: '', | ||
| 332 | jgsj: '', | ||
| 333 | BDCQZH: '', | ||
| 334 | QXDM: '', | ||
| 335 | DJJG: '', | ||
| 336 | DBR: '', | ||
| 337 | DJSJ: '', | ||
| 338 | FJ: '', | ||
| 339 | GJZWPMT: '', | ||
| 340 | QSZT: '' | ||
| 341 | } | ||
| 342 | } | ||
| 343 | }, | ||
| 344 | methods: { | ||
| 345 | async featchData () { | ||
| 346 | try { | ||
| 347 | let { result: res } = await qltQlGjzwsyq.getQltQlGjzwsyqById(this.bsmSjsb) | ||
| 348 | this.ruleForm = res | ||
| 349 | //this.featchRule() | ||
| 350 | } catch (error) { | ||
| 351 | this.$refs.msg.messageShow() | ||
| 352 | } | ||
| 353 | }, | ||
| 354 | handleUpdateForm () { | ||
| 355 | return new Promise(async (resolve) => { | ||
| 356 | try { | ||
| 357 | let res = await qltQlGjzwsyq.updateQltQlGjzwsyq(this.ruleForm) | ||
| 358 | // this.$refs['formList'].resetFields(); | ||
| 359 | resolve(res.code) | ||
| 360 | } catch (error) { | ||
| 361 | this.$refs.msg.messageShow() | ||
| 362 | } | ||
| 363 | }) | ||
| 364 | }, | ||
| 365 | } | ||
| 366 | } | ||
| 367 | </script> | ||
| 368 | <style scoped lang="scss"> | ||
| 369 | @import "./css/itemForm.scss"; | ||
| 370 | </style> | ||
| 371 | |||
| 372 |
src/components/Business/qltQlLq.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="forestOwnership itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="164px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="YSDM"> | ||
| 7 | <span slot="label"> | ||
| 8 | 要素代码： <br /> | ||
| 9 | <p class="label-detail">（YSDM）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10" | ||
| 12 | placeholder="要素代码"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | |||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item prop="BDCDYH"> | ||
| 18 | <span slot="label"> | ||
| 19 | 不动产单元号： <br /> | ||
| 20 | <p class="label-detail">（BDCDYH）</p> | ||
| 21 | </span> | ||
| 22 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28" | ||
| 23 | placeholder="不动产单元号"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | |||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item prop="YWH"> | ||
| 29 | <span slot="label"> | ||
| 30 | 业务号： <br /> | ||
| 31 | <p class="label-detail">（YWH）</p> | ||
| 32 | </span> | ||
| 33 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20" | ||
| 34 | placeholder="业务号"></el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | |||
| 39 | <el-row> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item prop="QLLX"> | ||
| 42 | <span slot="label"> | ||
| 43 | 权利类型： <br /> | ||
| 44 | <p class="label-detail">（QLLX）</p> | ||
| 45 | </span> | ||
| 46 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型"> | ||
| 47 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 48 | </el-option> | ||
| 49 | </el-select> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | |||
| 53 | <el-col :span="8"> | ||
| 54 | <el-form-item prop="DJLX"> | ||
| 55 | <span slot="label"> | ||
| 56 | 登记类型： <br /> | ||
| 57 | <p class="label-detail">（DJLX）</p> | ||
| 58 | </span> | ||
| 59 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型"> | ||
| 60 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 61 | </el-option> | ||
| 62 | </el-select> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | |||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item prop="DJYY"> | ||
| 68 | <span slot="label"> | ||
| 69 | 登记原因： <br /> | ||
| 70 | <p class="label-detail">（DJYY）</p> | ||
| 71 | </span> | ||
| 72 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | |||
| 77 | <el-row> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item prop="FBF"> | ||
| 80 | <span slot="label"> | ||
| 81 | 发包方： <br /> | ||
| 82 | <p class="label-detail">（FBF）</p> | ||
| 83 | </span> | ||
| 84 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBF" placeholder="发包方"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | |||
| 88 | <el-col :span="8"> | ||
| 89 | <el-form-item prop="SYQMJ" :rules="{ type: 'number' }"> | ||
| 90 | <span slot="label"> | ||
| 91 | 使用权（承包）面积： <br /> | ||
| 92 | <p class="label-detail">（SYQMJ）</p> | ||
| 93 | </span> | ||
| 94 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYQMJ" type="number" | ||
| 95 | placeholder="使用权（承包）面积" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item prop="LDSYQSSJ"> | ||
| 101 | <span slot="label"> | ||
| 102 | 林地使用(承包)起始时间： <br /> | ||
| 103 | <p class="label-detail">（LDSYQSSJ）</p> | ||
| 104 | </span> | ||
| 105 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="林地使用(承包)起始时间" type="datetime" clearable | ||
| 106 | v-model="ruleForm.LDSYQSSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 107 | </el-date-picker> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | </el-row> | ||
| 111 | |||
| 112 | <el-row> | ||
| 113 | <el-col :span="8"> | ||
| 114 | <el-form-item prop="LDSYJSSJ"> | ||
| 115 | <span slot="label"> | ||
| 116 | 林地使用(承包)结束时间： <br /> | ||
| 117 | <p class="label-detail">（LDSYJSSJ）</p> | ||
| 118 | </span> | ||
| 119 | <el-date-picker :disabled="$store.state.business.Edit" placeholder="林地使用(承包)结束时间" type="datetime" clearable | ||
| 120 | v-model="ruleForm.LDSYJSSJ" value-format="yyyy-MM-dd HH:mm:ss"> | ||
| 121 | </el-date-picker> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | |||
| 125 | <el-col :span="8"> | ||
| 126 | <el-form-item prop="LDSYQXZ"> | ||
| 127 | <span slot="label"> | ||
| 128 | 林地所有权性质： <br /> | ||
| 129 | <p class="label-detail">（LDSYQXZ）</p> | ||
| 130 | </span> | ||
| 131 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LDSYQXZ" placeholder="林地所有权性质"> | ||
| 132 | <el-option v-for="item in dicData['A45']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 133 | </el-option> | ||
| 134 | </el-select> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | |||
| 138 | <el-col :span="8"> | ||
| 139 | <el-form-item prop="SLLMSYQR1"> | ||
| 140 | <span slot="label"> | ||
| 141 | 森林林木所有权人1： <br /> | ||
| 142 | <p class="label-detail">（SLLMSYQR1）</p> | ||
| 143 | </span> | ||
| 144 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLLMSYQR1" | ||
| 145 | placeholder="森林林木所有权人"></el-input> | ||
| 146 | </el-form-item> | ||
| 147 | </el-col> | ||
| 148 | </el-row> | ||
| 149 | |||
| 150 | <el-row> | ||
| 151 | <el-col :span="8"> | ||
| 152 | <el-form-item prop="SLLMSYQR2"> | ||
| 153 | <span slot="label"> | ||
| 154 | 森林林木使用权人2： <br /> | ||
| 155 | <p class="label-detail">（SLLMSYQR2）</p> | ||
| 156 | </span> | ||
| 157 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLLMSYQR2" | ||
| 158 | placeholder="森林林木使用权人2"></el-input> | ||
| 159 | </el-form-item> | ||
| 160 | </el-col> | ||
| 161 | |||
| 162 | <el-col :span="8"> | ||
| 163 | <el-form-item prop="ZYSZ"> | ||
| 164 | <span slot="label"> | ||
| 165 | 主要树种： <br /> | ||
| 166 | <p class="label-detail">（ZYSZ）</p> | ||
| 167 | </span> | ||
| 168 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZYSZ" placeholder="主要树种"></el-input> | ||
| 169 | </el-form-item> | ||
| 170 | </el-col> | ||
| 171 | |||
| 172 | <el-col :span="8"> | ||
| 173 | <el-form-item prop="ZS" :rules="{ type: 'number' }"> | ||
| 174 | <span slot="label"> | ||
| 175 | 株数： <br /> | ||
| 176 | <p class="label-detail">（ZS）</p> | ||
| 177 | </span> | ||
| 178 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZS" type="number" | ||
| 179 | v-only-number="{ max: 9999999999, min: 0, precision: 0 }" placeholder="株数"></el-input-number> | ||
| 180 | </el-form-item> | ||
| 181 | </el-col> | ||
| 182 | </el-row> | ||
| 183 | |||
| 184 | <el-row> | ||
| 185 | <el-col :span="8"> | ||
| 186 | <el-form-item prop="LZ"> | ||
| 187 | <span slot="label"> | ||
| 188 | 林种： <br /> | ||
| 189 | <p class="label-detail">（LZ）</p> | ||
| 190 | </span> | ||
| 191 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZ" placeholder="林种"> | ||
| 192 | <el-option v-for="item in dicData['A26']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 193 | </el-option> | ||
| 194 | </el-select> | ||
| 195 | </el-form-item> | ||
| 196 | </el-col> | ||
| 197 | <el-col :span="8"> | ||
| 198 | <el-form-item prop="QY"> | ||
| 199 | <span slot="label"> | ||
| 200 | 起源： <br /> | ||
| 201 | <p class="label-detail">（QY）</p> | ||
| 202 | </span> | ||
| 203 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QY" placeholder="起源"> | ||
| 204 | <el-option v-for="item in dicData['A52']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 205 | </el-option> | ||
| 206 | </el-select> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | |||
| 210 | <el-col :span="8"> | ||
| 211 | <el-form-item prop="ZLND" :rules="{ type: 'number' }"> | ||
| 212 | <span slot="label"> | ||
| 213 | 造林年度： <br /> | ||
| 214 | <p class="label-detail">（ZLND）</p> | ||
| 215 | </span> | ||
| 216 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZLND" type="number" | ||
| 217 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="造林年度"></el-input> | ||
| 218 | </el-form-item> | ||
| 219 | </el-col> | ||
| 220 | |||
| 221 | </el-row> | ||
| 222 | |||
| 223 | <el-row> | ||
| 224 | <el-col :span="8"> | ||
| 225 | <el-form-item prop="LB"> | ||
| 226 | <span slot="label"> | ||
| 227 | 林班： <br /> | ||
| 228 | <p class="label-detail">（LB）</p> | ||
| 229 | </span> | ||
| 230 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LB" placeholder="林班"></el-input> | ||
| 231 | </el-form-item> | ||
| 232 | </el-col> | ||
| 233 | <el-col :span="8"> | ||
| 234 | <el-form-item prop="XB"> | ||
| 235 | <span slot="label"> | ||
| 236 | 小班： <br /> | ||
| 237 | <p class="label-detail">（XB）</p> | ||
| 238 | </span> | ||
| 239 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="小班"></el-input> | ||
| 240 | </el-form-item> | ||
| 241 | </el-col> | ||
| 242 | |||
| 243 | <el-col :span="8"> | ||
| 244 | <el-form-item prop="XDM"> | ||
| 245 | <span slot="label"> | ||
| 246 | 小地名： <br /> | ||
| 247 | <p class="label-detail">（XDM）</p> | ||
| 248 | </span> | ||
| 249 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XDM" placeholder="小地名"></el-input> | ||
| 250 | </el-form-item> | ||
| 251 | </el-col> | ||
| 252 | |||
| 253 | </el-row> | ||
| 254 | |||
| 255 | <el-row> | ||
| 256 | <el-col :span="8"> | ||
| 257 | <el-form-item prop="BDCQZH"> | ||
| 258 | <span slot="label"> | ||
| 259 | 不动产权证号： <br /> | ||
| 260 | <p class="label-detail">（BDCQZH）</p> | ||
| 261 | </span> | ||
| 262 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input> | ||
| 263 | </el-form-item> | ||
| 264 | </el-col> | ||
| 265 | <el-col :span="8"> | ||
| 266 | <el-form-item prop="QXDM"> | ||
| 267 | <span slot="label"> | ||
| 268 | 区县代码： <br /> | ||
| 269 | <p class="label-detail">（QXDM）</p> | ||
| 270 | </span> | ||
| 271 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> | ||
| 272 | </el-form-item> | ||
| 273 | </el-col> | ||
| 274 | |||
| 275 | <el-col :span="8"> | ||
| 276 | <el-form-item prop="DJJG"> | ||
| 277 | <span slot="label"> | ||
| 278 | 登记机构： <br /> | ||
| 279 | <p class="label-detail">（DJJG）</p> | ||
| 280 | </span> | ||
| 281 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input> | ||
| 282 | </el-form-item> | ||
| 283 | </el-col> | ||
| 284 | |||
| 285 | </el-row> | ||
| 286 | |||
| 287 | <el-row> | ||
| 288 | <el-col :span="8"> | ||
| 289 | <el-form-item prop="DBR"> | ||
| 290 | <span slot="label"> | ||
| 291 | 登簿人： <br /> | ||
| 292 | <p class="label-detail">（DBR）</p> | ||
| 293 | </span> | ||
| 294 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input> | ||
| 295 | </el-form-item> | ||
| 296 | </el-col> | ||
| 297 | <el-col :span="8"> | ||
| 298 | <el-form-item prop="DJSJ"> | ||
| 299 | <span slot="label"> | ||
| 300 | 登记时间： <br /> | ||
| 301 | <p class="label-detail">（DJSJ）</p> | ||
| 302 | </span> | ||
| 303 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJSJ" placeholder="登记时间"></el-input> | ||
| 304 | </el-form-item> | ||
| 305 | </el-col> | ||
| 306 | |||
| 307 | <el-col :span="8"> | ||
| 308 | <el-form-item prop="FJ"> | ||
| 309 | <span slot="label"> | ||
| 310 | 附记： <br /> | ||
| 311 | <p class="label-detail">（FJ）</p> | ||
| 312 | </span> | ||
| 313 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input> | ||
| 314 | </el-form-item> | ||
| 315 | </el-col> | ||
| 316 | |||
| 317 | </el-row> | ||
| 318 | |||
| 319 | <el-row> | ||
| 320 | <el-col :span="8"> | ||
| 321 | <el-form-item prop="QSZT" :rules="{ type: 'number' }"> | ||
| 322 | <span slot="label"> | ||
| 323 | 权属状态： <br /> | ||
| 324 | <p class="label-detail">（QSZT）</p> | ||
| 325 | </span> | ||
| 326 | <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态"> | ||
| 327 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 328 | </el-option> | ||
| 329 | </el-select> | ||
| 330 | </el-form-item> | ||
| 331 | </el-col> | ||
| 332 | </el-row> | ||
| 333 | </el-form> | ||
| 334 | <message-tips ref="msg" /> | ||
| 335 | </div> | ||
| 336 | </template> | ||
| 337 | <script> | ||
| 338 | // 林权 | ||
| 339 | import qltQlLq from '@/api/qltQlLq' | ||
| 340 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 341 | export default { | ||
| 342 | mixins: [ruleMixin], | ||
| 343 | props: { | ||
| 344 | bsmSjsb: { | ||
| 345 | type: String, | ||
| 346 | default: '' | ||
| 347 | }, | ||
| 348 | bsmYwsjb: { | ||
| 349 | type: String, | ||
| 350 | default: '' | ||
| 351 | } | ||
| 352 | }, | ||
| 353 | data () { | ||
| 354 | return { | ||
| 355 | ruleForm: { | ||
| 356 | YSDM: '', | ||
| 357 | BDCDYH: '', | ||
| 358 | YWH: '', | ||
| 359 | QLLX: '', | ||
| 360 | DJLX: '', | ||
| 361 | DJYY: '', | ||
| 362 | FBF: '', | ||
| 363 | SYQMJ: '', | ||
| 364 | LDSYQSSJ: '', | ||
| 365 | LDSYJSSJ: '', | ||
| 366 | LDSYQXZ: '', | ||
| 367 | SLLMSYQR1: '', | ||
| 368 | SLLMSYQR2: '', | ||
| 369 | ZYSZ: '', | ||
| 370 | ZS: '', | ||
| 371 | LZ: '', | ||
| 372 | QY: '', | ||
| 373 | ZLND: '', | ||
| 374 | LB: '', | ||
| 375 | XB: '', | ||
| 376 | XDM: '', | ||
| 377 | BDCQZH: '', | ||
| 378 | QXDM: '', | ||
| 379 | DJJG: '', | ||
| 380 | DBR: '', | ||
| 381 | DJSJ: '', | ||
| 382 | FJ: '', | ||
| 383 | QSZT: '' | ||
| 384 | } | ||
| 385 | } | ||
| 386 | }, | ||
| 387 | methods: { | ||
| 388 | async featchData () { | ||
| 389 | try { | ||
| 390 | let { result: res } = await qltQlLq.getQltQlLqById(this.bsmSjsb) | ||
| 391 | this.ruleForm = res | ||
| 392 | //this.featchRule() | ||
| 393 | } catch (error) { | ||
| 394 | this.$refs.msg.messageShow() | ||
| 395 | } | ||
| 396 | }, | ||
| 397 | handleUpdateForm () { | ||
| 398 | return new Promise(async (resolve, reject) => { | ||
| 399 | try { | ||
| 400 | let res = await qltQlLq.updateQltQlLq(this.ruleForm) | ||
| 401 | // this.$refs['formList'].resetFields(); | ||
| 402 | resolve(res.code) | ||
| 403 | } catch (error) { | ||
| 404 | this.$refs.msg.messageShow() | ||
| 405 | } | ||
| 406 | }) | ||
| 407 | } | ||
| 408 | } | ||
| 409 | } | ||
| 410 | </script> | ||
| 411 | <style scoped lang="scss"> | ||
| 412 | @import "./css/itemForm.scss"; | ||
| 413 | </style> | ||
| 414 | |||
| 415 |
src/components/Business/zdK103.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="parcelSpaceProperties itemForm"> | ||
| 3 | <el-form :model="obligeeForm" ref="formList" label-width="113px" :key="key"> | ||
| 4 | <div v-for="(item, index) in ruleForm" :key="index" class="obligee-item"> | ||
| 5 | <p class="obligee-item-name">坐标点{{ index + 1 }}</p> | ||
| 6 | <div class="obligee-item-list"> | ||
| 7 | <el-row class="obligee-item-input"> | ||
| 8 | <el-col :span="8"> | ||
| 9 | <el-form-item class="borderTopNone"> | ||
| 10 | <span slot="label"> | ||
| 11 | 序号： <br /> | ||
| 12 | <p class="label-detail">（XH）</p> | ||
| 13 | </span> | ||
| 14 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].xh" placeholder="序号"> | ||
| 15 | </el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | </el-row> | ||
| 19 | <el-row class="obligee-item-input"> | ||
| 20 | <el-col :span="8"> | ||
| 21 | <el-form-item class="borderTopNone"> | ||
| 22 | <span slot="label"> | ||
| 23 | 空间类型： <br /> | ||
| 24 | <p class="label-detail">（KJLX）</p> | ||
| 25 | </span> | ||
| 26 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].kjlx" placeholder="空间类型"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="8"> | ||
| 31 | <el-form-item class="borderTopNone"> | ||
| 32 | <span slot="label"> | ||
| 33 | 子对象： <br /> | ||
| 34 | <p class="label-detail">（ZDX）</p> | ||
| 35 | </span> | ||
| 36 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zdx" placeholder="子对象"> | ||
| 37 | </el-input> | ||
| 38 | </el-form-item> | ||
| 39 | </el-col> | ||
| 40 | <el-col :span="8"> | ||
| 41 | <el-form-item class="borderTopNone"> | ||
| 42 | <span slot="label"> | ||
| 43 | 不动产单元号： <br /> | ||
| 44 | <p class="label-detail">（BDCDYH）</p> | ||
| 45 | </span> | ||
| 46 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].bdcdyh" placeholder="不动产单元号"> | ||
| 47 | </el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | </el-row> | ||
| 51 | <el-row class="obligee-item-input"> | ||
| 52 | <el-col :span="8"> | ||
| 53 | <el-form-item class="borderTopNone"> | ||
| 54 | <span slot="label"> | ||
| 55 | X坐标： <br /> | ||
| 56 | <p class="label-detail">（XZB）</p> | ||
| 57 | </span> | ||
| 58 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].xzb" placeholder="X坐标"> | ||
| 59 | </el-input> | ||
| 60 | </el-form-item> | ||
| 61 | </el-col> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item class="borderTopNone"> | ||
| 64 | <span slot="label"> | ||
| 65 | Y坐标： <br /> | ||
| 66 | <p class="label-detail">（YZB）</p> | ||
| 67 | </span> | ||
| 68 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].yzb" placeholder="Y坐标"> | ||
| 69 | </el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item class="borderTopNone"> | ||
| 74 | <span slot="label"> | ||
| 75 | Z坐标： <br /> | ||
| 76 | <p class="label-detail">（ZZB）</p> | ||
| 77 | </span> | ||
| 78 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zzb" placeholder="Z坐标"> | ||
| 79 | </el-input> | ||
| 80 | </el-form-item> | ||
| 81 | </el-col> | ||
| 82 | </el-row> | ||
| 83 | </div> | ||
| 84 | </div> | ||
| 85 | </el-form> | ||
| 86 | <message-tips ref="msg" /> | ||
| 87 | </div> | ||
| 88 | </template> | ||
| 89 | <script> | ||
| 90 | // 宗地空间属性 | ||
| 91 | import zdK103 from "@/api/zdK103"; | ||
| 92 | import ruleMixin from "@/mixins/ruleMixin.js"; | ||
| 93 | export default { | ||
| 94 | mixins: [ruleMixin], | ||
| 95 | props: { | ||
| 96 | bsmSjsb: { | ||
| 97 | type: String, | ||
| 98 | default: "", | ||
| 99 | }, | ||
| 100 | bsmYwsjb: { | ||
| 101 | type: String, | ||
| 102 | default: "", | ||
| 103 | }, | ||
| 104 | }, | ||
| 105 | data () { | ||
| 106 | return { | ||
| 107 | ruleForm: { | ||
| 108 | BDCDYH: "", | ||
| 109 | ZDX: "", | ||
| 110 | XH: "", | ||
| 111 | XZB: "", | ||
| 112 | YZB: "", | ||
| 113 | }, | ||
| 114 | }; | ||
| 115 | }, | ||
| 116 | methods: { | ||
| 117 | async featchData () { | ||
| 118 | try { | ||
| 119 | let { result: res } = await zdK103.getZdK103ById(this.bsmSjsb); | ||
| 120 | this.ruleForm = res; | ||
| 121 | //this.featchRule() | ||
| 122 | } catch (error) { | ||
| 123 | this.$refs.msg.messageShow(); | ||
| 124 | } | ||
| 125 | }, | ||
| 126 | handleUpdateForm () { | ||
| 127 | return new Promise(async (resolve) => { | ||
| 128 | try { | ||
| 129 | let res = await zdK103.updateZdK103(this.ruleForm); | ||
| 130 | // this.$refs['formList'].resetFields(); | ||
| 131 | resolve(res.code); | ||
| 132 | } catch (error) { | ||
| 133 | this.$refs.msg.messageShow(); | ||
| 134 | } | ||
| 135 | }); | ||
| 136 | }, | ||
| 137 | }, | ||
| 138 | }; | ||
| 139 | </script> | ||
| 140 | <style scoped lang="scss"> | ||
| 141 | @import "./css/itemForm.scss"; | ||
| 142 | |||
| 143 | .obligee-item { | ||
| 144 | display: flex; | ||
| 145 | height: 100%; | ||
| 146 | margin-bottom: 15px; | ||
| 147 | margin-right: 5px; | ||
| 148 | |||
| 149 | &-name { | ||
| 150 | display: flex; | ||
| 151 | align-items: center; | ||
| 152 | justify-content: center; | ||
| 153 | width: 20px; | ||
| 154 | padding: 10px 20px; | ||
| 155 | line-height: 28px; | ||
| 156 | border: 1px solid #ccc; | ||
| 157 | margin-right: 15px; | ||
| 158 | border-radius: 3px; | ||
| 159 | } | ||
| 160 | |||
| 161 | &-list { | ||
| 162 | width: 100%; | ||
| 163 | flex: 1; | ||
| 164 | display: flex; | ||
| 165 | justify-content: center; | ||
| 166 | flex-direction: column; | ||
| 167 | } | ||
| 168 | } | ||
| 169 | </style> | ||
| 170 | |||
| 171 |
src/components/Business/zhK105.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="seaSpaceAttribute itemForm"> | ||
| 3 | <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="8"> | ||
| 6 | <el-form-item prop="BDCDYH"> | ||
| 7 | <span slot="label"> | ||
| 8 | 不动产单元号： <br /> | ||
| 9 | <p class="label-detail">（BDCDYH）</p> | ||
| 10 | </span> | ||
| 11 | <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28" | ||
| 12 | placeholder="不动产单元号"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | <el-col :span="8"> | ||
| 16 | <el-form-item prop="ZDX" :rules="{ type: 'number' }"> | ||
| 17 | <span slot="label"> | ||
| 18 | 子对象： <br /> | ||
| 19 | <p class="label-detail">（ZDX）</p> | ||
| 20 | </span> | ||
| 21 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDX" type="number" | ||
| 22 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="子对象"></el-input> | ||
| 23 | </el-form-item> | ||
| 24 | </el-col> | ||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item prop="XH" :rules="{ type: 'number' }"> | ||
| 27 | <span slot="label"> | ||
| 28 | 序号： <br /> | ||
| 29 | <p class="label-detail">（XH）</p> | ||
| 30 | </span> | ||
| 31 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XH" type="number" | ||
| 32 | v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="序号"></el-input> | ||
| 33 | </el-form-item> | ||
| 34 | </el-col> | ||
| 35 | </el-row> | ||
| 36 | <el-row> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item prop="XZB" :rules="{ type: 'number' }"> | ||
| 39 | <span slot="label"> | ||
| 40 | X坐标： <br /> | ||
| 41 | <p class="label-detail">（XZB）</p> | ||
| 42 | </span> | ||
| 43 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XZB" | ||
| 44 | v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" type="number" placeholder="X坐标"></el-input> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item prop="YZB" :rules="{ type: 'number' }"> | ||
| 49 | <span slot="label"> | ||
| 50 | Y坐标： <br /> | ||
| 51 | <p class="label-detail">（YZB）</p> | ||
| 52 | </span> | ||
| 53 | <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YZB" type="number" | ||
| 54 | v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="Y坐标"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | </el-row> | ||
| 58 | </el-form> | ||
| 59 | <message-tips ref="msg" /> | ||
| 60 | </div> | ||
| 61 | </template> | ||
| 62 | <script> | ||
| 63 | // 宗海空间属性 | ||
| 64 | import business from '@/api/business' | ||
| 65 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 66 | export default { | ||
| 67 | mixins: [ruleMixin], | ||
| 68 | props: { | ||
| 69 | bsmSjsb: { | ||
| 70 | type: String, | ||
| 71 | default: '' | ||
| 72 | }, | ||
| 73 | bsmYwsjb: { | ||
| 74 | type: String, | ||
| 75 | default: '' | ||
| 76 | } | ||
| 77 | }, | ||
| 78 | data () { | ||
| 79 | return { | ||
| 80 | ruleForm: { | ||
| 81 | BDCDYH: '', | ||
| 82 | zhdm: '', | ||
| 83 | ZDX: '', | ||
| 84 | XH: '', | ||
| 85 | XZB: '', | ||
| 86 | YZB: '' | ||
| 87 | } | ||
| 88 | } | ||
| 89 | }, | ||
| 90 | methods: { | ||
| 91 | async featchData () { | ||
| 92 | try { | ||
| 93 | let { result: res } = await business.getZhK105ById(this.bsmSjsb) | ||
| 94 | this.ruleForm = res | ||
| 95 | //this.featchRule() | ||
| 96 | } catch (error) { | ||
| 97 | this.$refs.msg.messageShow() | ||
| 98 | } | ||
| 99 | }, | ||
| 100 | handleUpdateForm () { | ||
| 101 | return new Promise(async (resolve) => { | ||
| 102 | try { | ||
| 103 | let res = await business.updateZhK105(this.ruleForm) | ||
| 104 | // this.$refs['formList'].resetFields(); | ||
| 105 | resolve(res.code) | ||
| 106 | } catch (error) { | ||
| 107 | this.$refs.msg.messageShow() | ||
| 108 | } | ||
| 109 | }) | ||
| 110 | } | ||
| 111 | } | ||
| 112 | } | ||
| 113 | </script> | ||
| 114 | <style scoped lang="scss"> | ||
| 115 | @import "./css/itemForm.scss"; | ||
| 116 | </style> | ||
| 117 | |||
| 118 |
src/components/Business/zttGyQlr.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="obligee itemForm"> | ||
| 3 | <el-form :model="obligeeForm" ref="formList" label-width="113px" :key="key"> | ||
| 4 | <div v-for="(item, index) in obligeeForm.obligeeList" :key="index" class="obligee-item"> | ||
| 5 | <p class="obligee-item-name">权利人{{ index + 1 }}</p> | ||
| 6 | <div class="obligee-item-list"> | ||
| 7 | <el-row class="obligee-item-input"> | ||
| 8 | <el-col :span="8"> | ||
| 9 | <el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.YSDM'" :rules="rules.YSDM"> | ||
| 10 | <span slot="label"> | ||
| 11 | 要素代码： <br /> | ||
| 12 | <p class="label-detail">（YSDM）</p> | ||
| 13 | </span> | ||
| 14 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].YSDM" | ||
| 15 | placeholder="要素代码"></el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | |||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.SXH'" | ||
| 21 | :rules="{ ...rules.SXH, ...typeNum }"> | ||
| 22 | <span slot="label"> | ||
| 23 | 顺序号： <br /> | ||
| 24 | <p class="label-detail">（SXH）</p> | ||
| 25 | </span> | ||
| 26 | <el-input :disabled="$store.state.business.Edit" v-model.number="obligeeForm.obligeeList[index].SXH" | ||
| 27 | type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="顺序号"></el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | |||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.BDCDYH'" :rules="rules.BDCDYH"> | ||
| 33 | <span slot="label"> | ||
| 34 | 不动产单元号： <br /> | ||
| 35 | <p class="label-detail">（BDCDYH）</p> | ||
| 36 | </span> | ||
| 37 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BDCDYH" | ||
| 38 | placeholder="不动产单元号"></el-input> | ||
| 39 | </el-form-item> | ||
| 40 | </el-col> | ||
| 41 | </el-row> | ||
| 42 | |||
| 43 | <el-row class="obligee-item-input"> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item :prop="'obligeeList.' + index + '.QLRMC'" :rules="rules.QLRMC"> | ||
| 46 | <span slot="label"> | ||
| 47 | 权利人名称： <br /> | ||
| 48 | <p class="label-detail">（QLRMC）</p> | ||
| 49 | </span> | ||
| 50 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRMC" | ||
| 51 | placeholder="权利人名称"></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | |||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item :prop="'obligeeList.' + index + '.BDCQZH'" :rules="rules.BDCQZH"> | ||
| 57 | <span slot="label"> | ||
| 58 | 不动产权证号： <br /> | ||
| 59 | <p class="label-detail">（BDCQZH）</p> | ||
| 60 | </span> | ||
| 61 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BDCQZH" | ||
| 62 | placeholder="不动产权证号"></el-input> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | |||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item :prop="'obligeeList.' + index + '.QZYSXLH'" :rules="rules.QZYSXLH"> | ||
| 68 | <span slot="label"> | ||
| 69 | 权证印刷序列号： <br /> | ||
| 70 | <p class="label-detail">（QZYSXLH）</p> | ||
| 71 | </span> | ||
| 72 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QZYSXLH" | ||
| 73 | placeholder="权证印刷序列号"></el-input> | ||
| 74 | </el-form-item> | ||
| 75 | </el-col> | ||
| 76 | </el-row> | ||
| 77 | |||
| 78 | <el-row class="obligee-item-input"> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item :prop="'obligeeList.' + index + '.SFCZR'" :rules="rules.SFCZR"> | ||
| 81 | <span slot="label"> | ||
| 82 | 是否持证人： <br /> | ||
| 83 | <p class="label-detail">（SFCZR）</p> | ||
| 84 | </span> | ||
| 85 | <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SFCZR" | ||
| 86 | placeholder="请选择"> | ||
| 87 | <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 88 | </el-option> | ||
| 89 | </el-select> | ||
| 90 | </el-form-item> | ||
| 91 | </el-col> | ||
| 92 | |||
| 93 | <el-col :span="8"> | ||
| 94 | <el-form-item :prop="'obligeeList.' + index + '.ZJZL'" :rules="rules.ZJZL"> | ||
| 95 | <span slot="label"> | ||
| 96 | 证件种类： <br /> | ||
| 97 | <p class="label-detail">（ZJZL）</p> | ||
| 98 | </span> | ||
| 99 | <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJZL" | ||
| 100 | placeholder="请选择"> | ||
| 101 | <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 102 | </el-option> | ||
| 103 | </el-select> | ||
| 104 | </el-form-item> | ||
| 105 | </el-col> | ||
| 106 | |||
| 107 | <el-col :span="8"> | ||
| 108 | <el-form-item :prop="'obligeeList.' + index + '.ZJH'" :rules="rules.ZJH"> | ||
| 109 | <span slot="label"> | ||
| 110 | 证件号： <br /> | ||
| 111 | <p class="label-detail">（ZJH）</p> | ||
| 112 | </span> | ||
| 113 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJH" | ||
| 114 | placeholder="证件号"></el-input> | ||
| 115 | </el-form-item> | ||
| 116 | </el-col> | ||
| 117 | </el-row> | ||
| 118 | |||
| 119 | <el-row class="obligee-item-input"> | ||
| 120 | <el-col :span="8"> | ||
| 121 | <el-form-item :prop="'obligeeList.' + index + '.FZJG'" :rules="rules.FZJG"> | ||
| 122 | <span slot="label"> | ||
| 123 | 发证机关： <br /> | ||
| 124 | <p class="label-detail">（FZJG）</p> | ||
| 125 | </span> | ||
| 126 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].FZJG" | ||
| 127 | placeholder="发证机关"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | |||
| 131 | <el-col :span="8"> | ||
| 132 | <el-form-item :prop="'obligeeList.' + index + '.SSHY'" :rules="rules.SSHY"> | ||
| 133 | <span slot="label"> | ||
| 134 | 所属行业： <br /> | ||
| 135 | <p class="label-detail">（SSHY）</p> | ||
| 136 | </span> | ||
| 137 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SSHY" | ||
| 138 | placeholder="所属行业"></el-input> | ||
| 139 | </el-form-item> | ||
| 140 | </el-col> | ||
| 141 | |||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item :prop="'obligeeList.' + index + '.GJ'" :rules="rules.GJ"> | ||
| 144 | <span slot="label"> | ||
| 145 | 国家/地区： <br /> | ||
| 146 | <p class="label-detail">（GJ）</p> | ||
| 147 | </span> | ||
| 148 | <tree-select :options="dicData['A35']" v-model="obligeeForm.obligeeList[index].GJ" | ||
| 149 | placeholder="国家/地区" /> | ||
| 150 | </el-form-item> | ||
| 151 | </el-col> | ||
| 152 | </el-row> | ||
| 153 | |||
| 154 | <el-row class="obligee-item-input"> | ||
| 155 | <el-col :span="8"> | ||
| 156 | <el-form-item :prop="'obligeeList.' + index + '.HJSZSS'" :rules="rules.HJSZSS"> | ||
| 157 | <span slot="label"> | ||
| 158 | 户籍所在省市： <br /> | ||
| 159 | <p class="label-detail">（HJSZSS）</p> | ||
| 160 | </span> | ||
| 161 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].HJSZSS" | ||
| 162 | placeholder="户籍所在省市"></el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | |||
| 166 | <el-col :span="8"> | ||
| 167 | <el-form-item :prop="'obligeeList.' + index + '.XB'" :rules="rules.XB"> | ||
| 168 | <span slot="label"> | ||
| 169 | 性别： <br /> | ||
| 170 | <p class="label-detail">（XB）</p> | ||
| 171 | </span> | ||
| 172 | <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].XB" | ||
| 173 | placeholder="请选择"> | ||
| 174 | <el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 175 | </el-option> | ||
| 176 | </el-select> | ||
| 177 | </el-form-item> | ||
| 178 | </el-col> | ||
| 179 | |||
| 180 | <el-col :span="8"> | ||
| 181 | <el-form-item :prop="'obligeeList.' + index + '.DH'" :rules="rules.DH"> | ||
| 182 | <span slot="label"> | ||
| 183 | 电话： <br /> | ||
| 184 | <p class="label-detail">（DH）</p> | ||
| 185 | </span> | ||
| 186 | <el-input :disabled="$store.state.business.Edit" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" | ||
| 187 | maxlength="11" v-model="obligeeForm.obligeeList[index].DH" placeholder="电话"></el-input> | ||
| 188 | </el-form-item> | ||
| 189 | </el-col> | ||
| 190 | </el-row> | ||
| 191 | |||
| 192 | <el-row class="obligee-item-input"> | ||
| 193 | <el-col :span="8"> | ||
| 194 | <el-form-item :prop="'obligeeList.' + index + '.DZ'" :rules="rules.DZ"> | ||
| 195 | <span slot="label"> | ||
| 196 | 地址： <br /> | ||
| 197 | <p class="label-detail">（DZ）</p> | ||
| 198 | </span> | ||
| 199 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].DZ" | ||
| 200 | placeholder="地址"></el-input> | ||
| 201 | </el-form-item> | ||
| 202 | </el-col> | ||
| 203 | |||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item :prop="'obligeeList.' + index + '.YB'" :rules="rules.YB"> | ||
| 206 | <span slot="label"> | ||
| 207 | 邮编： <br /> | ||
| 208 | <p class="label-detail">（YB）</p> | ||
| 209 | </span> | ||
| 210 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].YB" | ||
| 211 | placeholder="邮编"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | |||
| 215 | <el-col :span="8"> | ||
| 216 | <el-form-item :prop="'obligeeList.' + index + '.GZDW'" :rules="rules.GZDW"> | ||
| 217 | <span slot="label"> | ||
| 218 | 工作单位： <br /> | ||
| 219 | <p class="label-detail">（GZDW）</p> | ||
| 220 | </span> | ||
| 221 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GZDW" | ||
| 222 | placeholder="工作单位"></el-input> | ||
| 223 | </el-form-item> | ||
| 224 | </el-col> | ||
| 225 | </el-row> | ||
| 226 | |||
| 227 | <el-row class="obligee-item-input"> | ||
| 228 | <el-col :span="8"> | ||
| 229 | <el-form-item :prop="'obligeeList.' + index + '.DZYJ'" :rules="rules.DZYJ"> | ||
| 230 | <span slot="label"> | ||
| 231 | 电子邮件： <br /> | ||
| 232 | <p class="label-detail">（DZYJ）</p> | ||
| 233 | </span> | ||
| 234 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].DZYJ" | ||
| 235 | placeholder="电子邮件"></el-input> | ||
| 236 | </el-form-item> | ||
| 237 | </el-col> | ||
| 238 | |||
| 239 | <el-col :span="8"> | ||
| 240 | <el-form-item :prop="'obligeeList.' + index + '.QLRLX'" :rules="rules.QLRLX"> | ||
| 241 | <span slot="label"> | ||
| 242 | 权利人类型： <br /> | ||
| 243 | <p class="label-detail">（QLRLX）</p> | ||
| 244 | </span> | ||
| 245 | <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRLX" | ||
| 246 | placeholder="请选择"> | ||
| 247 | <el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 248 | </el-option> | ||
| 249 | </el-select> | ||
| 250 | </el-form-item> | ||
| 251 | </el-col> | ||
| 252 | |||
| 253 | <el-col :span="8"> | ||
| 254 | <el-form-item :prop="'obligeeList.' + index + '.QLBL'" :rules="rules.QLBL"> | ||
| 255 | <span slot="label"> | ||
| 256 | 权利比例： <br /> | ||
| 257 | <p class="label-detail">（QLBL）</p> | ||
| 258 | </span> | ||
| 259 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLBL" | ||
| 260 | placeholder="权利比例"></el-input> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> | ||
| 263 | </el-row> | ||
| 264 | |||
| 265 | <el-row class="obligee-item-input"> | ||
| 266 | <el-col :span="8"> | ||
| 267 | <el-form-item :prop="'obligeeList.' + index + '.GYFS'" :rules="rules.GYFS"> | ||
| 268 | <span slot="label"> | ||
| 269 | 共有方式： <br /> | ||
| 270 | <p class="label-detail">（GYFS）</p> | ||
| 271 | </span> | ||
| 272 | <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GYFS" | ||
| 273 | placeholder="共有方式"> | ||
| 274 | <el-option v-for="item in dicData['A34']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 275 | </el-option> | ||
| 276 | </el-select> | ||
| 277 | </el-form-item> | ||
| 278 | </el-col> | ||
| 279 | |||
| 280 | <el-col :span="8"> | ||
| 281 | <el-form-item :prop="'obligeeList.' + index + '.GYQK'" :rules="rules.GYQK"> | ||
| 282 | <span slot="label"> | ||
| 283 | 共有情况： <br /> | ||
| 284 | <p class="label-detail">（GYQK）</p> | ||
| 285 | </span> | ||
| 286 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GYQK" | ||
| 287 | placeholder="共有情况"></el-input> | ||
| 288 | </el-form-item> | ||
| 289 | </el-col> | ||
| 290 | |||
| 291 | <el-col :span="8"> | ||
| 292 | <el-form-item :prop="'obligeeList.' + index + '.BZ'" :rules="rules.BZ"> | ||
| 293 | <span slot="label"> | ||
| 294 | 备注： <br /> | ||
| 295 | <p class="label-detail">（BZ）</p> | ||
| 296 | </span> | ||
| 297 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BZ" | ||
| 298 | placeholder="备注"></el-input> | ||
| 299 | </el-form-item> | ||
| 300 | </el-col> | ||
| 301 | </el-row> | ||
| 302 | |||
| 303 | <el-row class="obligee-item-input"> | ||
| 304 | <el-col :span="8"> | ||
| 305 | <el-form-item :prop="'obligeeList.' + index + '.QXDM'" :rules="rules.QXDM"> | ||
| 306 | <span slot="label"> | ||
| 307 | 区县代码： <br /> | ||
| 308 | <p class="label-detail">（QXDM）</p> | ||
| 309 | </span> | ||
| 310 | <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QXDM" | ||
| 311 | placeholder="区县代码"></el-input> | ||
| 312 | </el-form-item> | ||
| 313 | </el-col> | ||
| 314 | </el-row> | ||
| 315 | </div> | ||
| 316 | </div> | ||
| 317 | </el-form> | ||
| 318 | <message-tips ref="msg" /> | ||
| 319 | </div> | ||
| 320 | </template> | ||
| 321 | <script> | ||
| 322 | import zttGyQlr from '@/api/zttGyQlr' | ||
| 323 | import ruleMixin from '@/mixins/ruleMixin.js' | ||
| 324 | import treeSelect from '@/components/TreeSelect.vue' | ||
| 325 | // 权利人 | ||
| 326 | export default { | ||
| 327 | mixins: [ruleMixin], | ||
| 328 | props: { | ||
| 329 | bsmSjsb: { | ||
| 330 | type: String, | ||
| 331 | default: '' | ||
| 332 | }, | ||
| 333 | bsmYwsjb: { | ||
| 334 | type: String, | ||
| 335 | default: '' | ||
| 336 | } | ||
| 337 | }, | ||
| 338 | components: { | ||
| 339 | treeSelect | ||
| 340 | }, | ||
| 341 | data () { | ||
| 342 | return { | ||
| 343 | obligeeForm: { | ||
| 344 | obligeeList: [ | ||
| 345 | { | ||
| 346 | YSDM: '', | ||
| 347 | SXH: '', | ||
| 348 | BDCDYH: '', | ||
| 349 | QLRMC: '', | ||
| 350 | BDCQZH: '', | ||
| 351 | QZYSXLH: '', | ||
| 352 | SFCZR: '', | ||
| 353 | ZJZL: '', | ||
| 354 | ZJH: '', | ||
| 355 | FZJG: '', | ||
| 356 | SSHY: '', | ||
| 357 | GJ: '', | ||
| 358 | HJSZSS: '', | ||
| 359 | XB: '', | ||
| 360 | DH: '', | ||
| 361 | DZ: '', | ||
| 362 | YB: '', | ||
| 363 | GZDW: '', | ||
| 364 | DZYJ: '', | ||
| 365 | QLRLX: '', | ||
| 366 | QLBL: '', | ||
| 367 | GYFS: '', | ||
| 368 | GYQK: '', | ||
| 369 | BZ: '', | ||
| 370 | QXDM: '' | ||
| 371 | } | ||
| 372 | ] | ||
| 373 | } | ||
| 374 | } | ||
| 375 | }, | ||
| 376 | methods: { | ||
| 377 | async featchData () { | ||
| 378 | try { | ||
| 379 | let { result: res } = await zttGyQlr.getZttGyQlrById(this.bsmSjsb) | ||
| 380 | this.obligeeForm.obligeeList = res | ||
| 381 | //this.featchRule() | ||
| 382 | } catch (error) { | ||
| 383 | this.$refs.msg.messageShow() | ||
| 384 | } | ||
| 385 | }, | ||
| 386 | handleUpdateForm () { | ||
| 387 | return new Promise(async (resolve) => { | ||
| 388 | try { | ||
| 389 | let res = await zttGyQlr.updateZttGyQlr(this.obligeeForm.obligeeList) | ||
| 390 | // this.$refs['formList'].resetFields(); | ||
| 391 | resolve(res.code) | ||
| 392 | } catch (error) { | ||
| 393 | this.$refs.msg.messageShow() | ||
| 394 | } | ||
| 395 | }) | ||
| 396 | } | ||
| 397 | } | ||
| 398 | } | ||
| 399 | </script> | ||
| 400 | <style scoped lang="scss"> | ||
| 401 | @import "./css/itemForm.scss"; | ||
| 402 | |||
| 403 | .obligee-item { | ||
| 404 | display: flex; | ||
| 405 | height: 100%; | ||
| 406 | margin-bottom: 15px; | ||
| 407 | margin-right: 5px; | ||
| 408 | |||
| 409 | &-name { | ||
| 410 | display: flex; | ||
| 411 | align-items: center; | ||
| 412 | justify-content: center; | ||
| 413 | width: 20px; | ||
| 414 | padding: 10px 20px; | ||
| 415 | line-height: 28px; | ||
| 416 | border: 1px solid #ccc; | ||
| 417 | margin-right: 15px; | ||
| 418 | border-radius: 3px; | ||
| 419 | } | ||
| 420 | |||
| 421 | &-list { | ||
| 422 | width: 100%; | ||
| 423 | flex: 1; | ||
| 424 | display: flex; | ||
| 425 | justify-content: center; | ||
| 426 | flex-direction: column; | ||
| 427 | } | ||
| 428 | } | ||
| 429 | </style> | ||
| 430 | |||
| 431 |
src/components/Button.vue
0 → 100644
| 1 | <template> | ||
| 2 | <button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType"> | ||
| 3 | <slot></slot> | ||
| 4 | </button> | ||
| 5 | </template> | ||
| 6 | <script> | ||
| 7 | export default { | ||
| 8 | name: 'Button', | ||
| 9 | props: { | ||
| 10 | nativeType: { | ||
| 11 | type: String, | ||
| 12 | default: 'cx' | ||
| 13 | }, | ||
| 14 | }, | ||
| 15 | methods: { | ||
| 16 | handleClick (evt) { | ||
| 17 | this.$emit('click', evt); | ||
| 18 | } | ||
| 19 | } | ||
| 20 | }; | ||
| 21 | </script> | ||
| 22 | <style scoped lang="scss"> | ||
| 23 | .button { | ||
| 24 | width: 80px; //适配4字按钮样式 | ||
| 25 | height: 32px; | ||
| 26 | color: #ffffff; | ||
| 27 | margin: 0 5px; | ||
| 28 | } | ||
| 29 | |||
| 30 | .cx { | ||
| 31 | background: url('../image/btn.png') no-repeat -4px -40px; | ||
| 32 | cursor: pointer; | ||
| 33 | } | ||
| 34 | |||
| 35 | .cz { | ||
| 36 | background: url('../image/btn.png') no-repeat -4px -4px; | ||
| 37 | cursor: pointer; | ||
| 38 | } | ||
| 39 | |||
| 40 | .sb { | ||
| 41 | background: url('../image/btn.png') no-repeat -4px -112px; | ||
| 42 | } | ||
| 43 | </style> |
src/components/DialogBox/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" | ||
| 3 | :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" | ||
| 4 | :custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox" | ||
| 5 | id="dialogBox"> | ||
| 6 | <div slot="title"> | ||
| 7 | <div class="dialog_title"> | ||
| 8 | <b>{{ title }}</b> | ||
| 9 | <div v-if="isFullscreen" class="dialog_full"> | ||
| 10 | <i class="el-icon-rank" v-if="fullscreen" @click="handleFullscreen"></i> | ||
| 11 | <i class="el-icon-full-screen" v-else @click="handleFullscreen" /> | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | </div> | ||
| 15 | <div class="dialogBox-content" :style="{ height: scrollerHeight }"> | ||
| 16 | <slot></slot> | ||
| 17 | </div> | ||
| 18 | <div slot="footer" class="dialog_footer" v-if="isButton"> | ||
| 19 | <el-button @click="closeDialog" v-if="isReset">取消</el-button> | ||
| 20 | <el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding"> | ||
| 21 | {{ saveButton }}</el-button> | ||
| 22 | </div> | ||
| 23 | </el-dialog> | ||
| 24 | </template> | ||
| 25 | <script> | ||
| 26 | export default { | ||
| 27 | props: { | ||
| 28 | value: { type: Boolean, default: false }, | ||
| 29 | isMain: { | ||
| 30 | type: Boolean, | ||
| 31 | default: false | ||
| 32 | }, | ||
| 33 | appendToBody: { | ||
| 34 | type: Boolean, | ||
| 35 | default: true | ||
| 36 | }, | ||
| 37 | isButton: { | ||
| 38 | type: Boolean, | ||
| 39 | default: true, | ||
| 40 | }, | ||
| 41 | width: { | ||
| 42 | type: String, | ||
| 43 | default: '70%', | ||
| 44 | }, | ||
| 45 | title: { | ||
| 46 | type: String, | ||
| 47 | default: '', | ||
| 48 | }, | ||
| 49 | isFullscreen: { | ||
| 50 | type: Boolean, | ||
| 51 | default: false, | ||
| 52 | }, | ||
| 53 | isSave: { | ||
| 54 | type: Boolean, | ||
| 55 | default: true, | ||
| 56 | }, | ||
| 57 | saveButton: { | ||
| 58 | type: String, | ||
| 59 | default: '提交', | ||
| 60 | }, | ||
| 61 | isReset: { | ||
| 62 | type: Boolean, | ||
| 63 | default: true, | ||
| 64 | }, | ||
| 65 | saveloding: { | ||
| 66 | type: Boolean, | ||
| 67 | default: false, | ||
| 68 | }, | ||
| 69 | btnDisabled: { | ||
| 70 | type: Boolean, | ||
| 71 | default: false | ||
| 72 | }, | ||
| 73 | height: { | ||
| 74 | type: String, | ||
| 75 | default: '' | ||
| 76 | } | ||
| 77 | }, | ||
| 78 | data () { | ||
| 79 | return { | ||
| 80 | key: 0, | ||
| 81 | dialogVisible: false, | ||
| 82 | fullscreen: false, | ||
| 83 | scrollerHeight: '' | ||
| 84 | } | ||
| 85 | }, | ||
| 86 | watch: { | ||
| 87 | value (val) { | ||
| 88 | this.dialogVisible = val | ||
| 89 | this.height && (this.scrollerHeight = this.height + 'px') | ||
| 90 | } | ||
| 91 | }, | ||
| 92 | methods: { | ||
| 93 | handleFullscreen () { | ||
| 94 | this.fullscreen = !this.fullscreen | ||
| 95 | if (!this.fullscreen) { | ||
| 96 | this.scrollerHeight = '' | ||
| 97 | } else { | ||
| 98 | this.scrollerHeight = (window.innerHeight - 120) + 'px' | ||
| 99 | } | ||
| 100 | }, | ||
| 101 | submitForm () { | ||
| 102 | if (this.isButton) { | ||
| 103 | this.$emit('submitForm'); | ||
| 104 | } | ||
| 105 | }, | ||
| 106 | closeDialog () { | ||
| 107 | this.key++ | ||
| 108 | this.$emit('input', false) | ||
| 109 | this.$emit('closeDialog') | ||
| 110 | } | ||
| 111 | }, | ||
| 112 | } | ||
| 113 | </script> | ||
| 114 | <style rel="stylesheet/scss" lang="scss" > | ||
| 115 | @import "~@/styles/mixin.scss"; | ||
| 116 | @import "~@/styles/dialogBox.scss"; | ||
| 117 | </style> | ||
| 118 | <style rel="stylesheet/scss" scoped lang="scss" > | ||
| 119 | /deep/.is-fullscreen { | ||
| 120 | position: absolute; | ||
| 121 | top: 50% !important; | ||
| 122 | left: 50% !important; | ||
| 123 | transform: translate(-50%, -50%) !important; | ||
| 124 | } | ||
| 125 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/components/DialogBox/redeme.md
0 → 100644
src/components/Echart/Brokenline/Chart.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 折线图 --> | ||
| 3 | <Echart | ||
| 4 | :options="options" | ||
| 5 | id="bottomLeftChart" | ||
| 6 | height="100%" | ||
| 7 | width="100%" | ||
| 8 | ></Echart> | ||
| 9 | </template> | ||
| 10 | |||
| 11 | <script> | ||
| 12 | import Echart from "@/common/echart"; | ||
| 13 | export default { | ||
| 14 | data() { | ||
| 15 | return { | ||
| 16 | xAxisData: {}, | ||
| 17 | yAxisData1: {}, | ||
| 18 | yAxisData2: {}, | ||
| 19 | yAxisData3: {}, | ||
| 20 | options: {}, | ||
| 21 | }; | ||
| 22 | }, | ||
| 23 | components: { | ||
| 24 | Echart, | ||
| 25 | }, | ||
| 26 | props: { | ||
| 27 | cdata: { | ||
| 28 | type: Object, | ||
| 29 | default: () => ({}), | ||
| 30 | }, | ||
| 31 | }, | ||
| 32 | methods: { | ||
| 33 | hexToRgba(hex, opacity) { | ||
| 34 | let rgbaColor = ""; | ||
| 35 | let reg = /^#[\da-f]{6}$/i; | ||
| 36 | if (reg.test(hex)) { | ||
| 37 | rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt( | ||
| 38 | "0x" + hex.slice(3, 5) | ||
| 39 | )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`; | ||
| 40 | } | ||
| 41 | return rgbaColor; | ||
| 42 | }, | ||
| 43 | }, | ||
| 44 | watch: { | ||
| 45 | cdata: { | ||
| 46 | handler(newData) { | ||
| 47 | this.xAxisData = newData.echartData.map((v) => v.name); | ||
| 48 | this.yAxisData1 = newData.echartData.map((v) => v.value1); | ||
| 49 | this.yAxisData2 = newData.echartData.map((v) => v.value2); | ||
| 50 | this.yAxisData3 = newData.echartData.map((v) => v.value3); | ||
| 51 | this.options = { | ||
| 52 | color: newData.color, | ||
| 53 | legend: { | ||
| 54 | center: true, | ||
| 55 | top: "20%", | ||
| 56 | data: newData.legendItem, | ||
| 57 | textStyle: { | ||
| 58 | color: "#00DEFF", | ||
| 59 | }, | ||
| 60 | }, | ||
| 61 | // calculable: true, | ||
| 62 | tooltip: { | ||
| 63 | trigger: "axis", | ||
| 64 | formatter: function (params) { | ||
| 65 | let html = ""; | ||
| 66 | params.forEach((v) => { | ||
| 67 | html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000"> | ||
| 68 | <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${ | ||
| 69 | newData.color[v.componentIndex] | ||
| 70 | };"></span> | ||
| 71 | ${v.seriesName}.${v.name} | ||
| 72 | <span style="color:${ | ||
| 73 | newData.color[v.componentIndex] | ||
| 74 | };font-weight:700;font-size: 18px">${v.value}</span> | ||
| 75 | 个`; | ||
| 76 | }); | ||
| 77 | return html; | ||
| 78 | }, | ||
| 79 | extraCssText: | ||
| 80 | "background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;", | ||
| 81 | }, | ||
| 82 | // grid: { | ||
| 83 | // top: 70, | ||
| 84 | // containLabel: true | ||
| 85 | // }, | ||
| 86 | grid: { | ||
| 87 | top: "30%", | ||
| 88 | left: "3%", | ||
| 89 | right: "6%", | ||
| 90 | bottom: "8%", | ||
| 91 | containLabel: true, | ||
| 92 | }, | ||
| 93 | xAxis: [ | ||
| 94 | { | ||
| 95 | type: "category", | ||
| 96 | axisLine: { | ||
| 97 | show: true, | ||
| 98 | lineStyle: { | ||
| 99 | color: "#458ACF", | ||
| 100 | }, | ||
| 101 | }, | ||
| 102 | axisLabel: { | ||
| 103 | inside: false, | ||
| 104 | textStyle: { | ||
| 105 | color: "rgba(255, 255, 255,0.7)", // x轴颜色 | ||
| 106 | fontWeight: "normal", | ||
| 107 | fontSize: "12", | ||
| 108 | lineHeight: 22, | ||
| 109 | }, | ||
| 110 | }, | ||
| 111 | data: this.xAxisData, | ||
| 112 | }, | ||
| 113 | ], | ||
| 114 | yAxis: [ | ||
| 115 | { | ||
| 116 | type: "value", | ||
| 117 | axisLabel: { | ||
| 118 | textStyle: { | ||
| 119 | color: "rgba(255, 255, 255,0.7)", | ||
| 120 | }, | ||
| 121 | }, | ||
| 122 | splitLine: { | ||
| 123 | show: true, | ||
| 124 | lineStyle: { | ||
| 125 | color: "#458ACF", | ||
| 126 | }, | ||
| 127 | }, | ||
| 128 | axisLine: { | ||
| 129 | show: true, | ||
| 130 | lineStyle: { | ||
| 131 | color: "#458ACF", | ||
| 132 | }, | ||
| 133 | }, | ||
| 134 | axisTick: { | ||
| 135 | show: false, | ||
| 136 | }, | ||
| 137 | }, | ||
| 138 | ], | ||
| 139 | series: [ | ||
| 140 | { | ||
| 141 | name: newData.legendItem[0], | ||
| 142 | type: "line", | ||
| 143 | smooth: true, //是否平滑 | ||
| 144 | showSymbol: false, | ||
| 145 | symbol: "circle", | ||
| 146 | symbolSize: 6, | ||
| 147 | zlevel: 3, | ||
| 148 | lineStyle: { | ||
| 149 | normal: { | ||
| 150 | color: newData.color[0], | ||
| 151 | shadowBlur: 3, | ||
| 152 | shadowColor: this.hexToRgba(newData.color[0], 0.5), | ||
| 153 | shadowOffsetY: 0, | ||
| 154 | }, | ||
| 155 | }, | ||
| 156 | data: this.yAxisData1, | ||
| 157 | }, | ||
| 158 | { | ||
| 159 | name: newData.legendItem[1], | ||
| 160 | type: "line", | ||
| 161 | smooth: true, | ||
| 162 | showSymbol: false, | ||
| 163 | symbol: "circle", | ||
| 164 | symbolSize: 8, | ||
| 165 | zlevel: 3, | ||
| 166 | lineStyle: { | ||
| 167 | normal: { | ||
| 168 | color: newData.color[1], | ||
| 169 | shadowBlur: 0, | ||
| 170 | shadowColor: this.hexToRgba(newData.color[1], 0.5), | ||
| 171 | shadowOffsetY: 0, | ||
| 172 | }, | ||
| 173 | }, | ||
| 174 | data: this.yAxisData2, | ||
| 175 | }, | ||
| 176 | { | ||
| 177 | name: newData.legendItem[2], | ||
| 178 | type: "line", | ||
| 179 | smooth: true, | ||
| 180 | showSymbol: false, | ||
| 181 | symbol: "circle", | ||
| 182 | symbolSize: 8, | ||
| 183 | zlevel: 3, | ||
| 184 | lineStyle: { | ||
| 185 | normal: { | ||
| 186 | color: newData.color[2], | ||
| 187 | shadowBlur: 3, | ||
| 188 | shadowColor: this.hexToRgba(newData.color[2], 0.5), | ||
| 189 | shadowOffsetY: 0, | ||
| 190 | }, | ||
| 191 | }, | ||
| 192 | data: this.yAxisData3, | ||
| 193 | }, | ||
| 194 | ], | ||
| 195 | }; | ||
| 196 | }, | ||
| 197 | immediate: true, | ||
| 198 | deep: true, | ||
| 199 | }, | ||
| 200 | }, | ||
| 201 | }; | ||
| 202 | </script> |
src/components/Echart/Brokenline/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <Chart :cdata="cdata" /> | ||
| 3 | </template> | ||
| 4 | |||
| 5 | <script> | ||
| 6 | import Chart from './Chart' | ||
| 7 | export default { | ||
| 8 | data () { | ||
| 9 | return { | ||
| 10 | cdata: { | ||
| 11 | legendItem: ['接入', '上报', '登簿'], | ||
| 12 | color: [ | ||
| 13 | "#5324DA", | ||
| 14 | "#E873B2", | ||
| 15 | "#F4AF6F " | ||
| 16 | ], | ||
| 17 | echartData: [{ | ||
| 18 | name: "2017-11", | ||
| 19 | value1: 1351, | ||
| 20 | value2: 600, | ||
| 21 | value3: 568, | ||
| 22 | }, | ||
| 23 | { | ||
| 24 | name: "2017-11", | ||
| 25 | value1: 980, | ||
| 26 | value2: 1245, | ||
| 27 | value3: 1100, | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | name: "2017-11", | ||
| 31 | value1: 1127, | ||
| 32 | value2: 398, | ||
| 33 | value3: 568, | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | name: "2017-11", | ||
| 37 | value1: 1046, | ||
| 38 | value2: 689, | ||
| 39 | value3: 479 | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | name: "2018-02", | ||
| 43 | value1: 780, | ||
| 44 | value2: 396, | ||
| 45 | value3: 655 | ||
| 46 | }, | ||
| 47 | { | ||
| 48 | name: "2018-08", | ||
| 49 | value1: 359, | ||
| 50 | value2: 1220, | ||
| 51 | value3: 540, | ||
| 52 | }, | ||
| 53 | { | ||
| 54 | name: "2018-07", | ||
| 55 | value1: 229, | ||
| 56 | value2: 836, | ||
| 57 | value3: 1234, | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | name: "2018-09", | ||
| 61 | value1: 1176, | ||
| 62 | value2: 478, | ||
| 63 | value3: 755, | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | name: "2018-11", | ||
| 67 | value1: 515, | ||
| 68 | value2: 911, | ||
| 69 | value3: 806, | ||
| 70 | }, | ||
| 71 | { | ||
| 72 | name: "2019-01", | ||
| 73 | value1: 658, | ||
| 74 | value2: 979, | ||
| 75 | value3: 813, | ||
| 76 | }, | ||
| 77 | { | ||
| 78 | name: "2019-03", | ||
| 79 | value1: 364, | ||
| 80 | value2: 839, | ||
| 81 | value3: 886, | ||
| 82 | }, | ||
| 83 | ] | ||
| 84 | } | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | components: { | ||
| 88 | Chart | ||
| 89 | } | ||
| 90 | } | ||
| 91 | </script> |
src/components/Echart/Columnar/Chart.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 柱状图 --> | ||
| 3 | <Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart> | ||
| 4 | </template> | ||
| 5 | |||
| 6 | <script> | ||
| 7 | import Echart from "@/common/echart"; | ||
| 8 | export default { | ||
| 9 | data () { | ||
| 10 | return { | ||
| 11 | options: {}, | ||
| 12 | }; | ||
| 13 | }, | ||
| 14 | components: { | ||
| 15 | Echart, | ||
| 16 | }, | ||
| 17 | props: { | ||
| 18 | cdata: { | ||
| 19 | type: Object, | ||
| 20 | default: () => ({}), | ||
| 21 | }, | ||
| 22 | }, | ||
| 23 | watch: { | ||
| 24 | cdata: { | ||
| 25 | handler (newData) { | ||
| 26 | this.options = { | ||
| 27 | legend: { | ||
| 28 | data: ["成功", "失败"], | ||
| 29 | icon: "circle", | ||
| 30 | textStyle: { | ||
| 31 | color: "#B4B4B4", | ||
| 32 | }, | ||
| 33 | top: "10%", | ||
| 34 | right: "5%", | ||
| 35 | }, | ||
| 36 | grid: { | ||
| 37 | left: "5%", | ||
| 38 | right: "8%", | ||
| 39 | bottom: "5%", | ||
| 40 | containLabel: true, | ||
| 41 | }, | ||
| 42 | xAxis: { | ||
| 43 | type: "value", | ||
| 44 | splitLine: { show: false }, | ||
| 45 | axisTick: { show: false }, | ||
| 46 | axisLine: { | ||
| 47 | show: true, | ||
| 48 | lineStyle: { | ||
| 49 | color: "#01F3F5", | ||
| 50 | }, | ||
| 51 | }, | ||
| 52 | axisLabel: { | ||
| 53 | show: true, | ||
| 54 | textStyle: { | ||
| 55 | color: "#01F3F5", | ||
| 56 | fontSize: 12, | ||
| 57 | }, | ||
| 58 | }, | ||
| 59 | }, | ||
| 60 | yAxis: { | ||
| 61 | type: "category", | ||
| 62 | data: newData.category, | ||
| 63 | axisLine: { | ||
| 64 | show: true, | ||
| 65 | lineStyle: { | ||
| 66 | color: "#01F3F5", | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | }, | ||
| 70 | series: [ | ||
| 71 | { | ||
| 72 | name: "成功", | ||
| 73 | type: "bar", | ||
| 74 | stack: "总量", | ||
| 75 | barWidth: 10, | ||
| 76 | itemStyle: { | ||
| 77 | normal: { | ||
| 78 | // 这里设置圆角 | ||
| 79 | barBorderRadius: [0, 10, 10, 0], | ||
| 80 | color: "#16F4D2", | ||
| 81 | } | ||
| 82 | }, | ||
| 83 | data: newData.barData, | ||
| 84 | }, | ||
| 85 | { | ||
| 86 | name: "失败", | ||
| 87 | type: "bar", | ||
| 88 | stack: "总量", | ||
| 89 | itemStyle: { | ||
| 90 | normal: { | ||
| 91 | // 这里设置圆角 | ||
| 92 | barBorderRadius: [0, 10, 10, 0], | ||
| 93 | color: "#C99E68" | ||
| 94 | }, | ||
| 95 | }, | ||
| 96 | data: newData.lineData, | ||
| 97 | }, | ||
| 98 | ], | ||
| 99 | }; | ||
| 100 | }, | ||
| 101 | immediate: true, | ||
| 102 | deep: true, | ||
| 103 | }, | ||
| 104 | }, | ||
| 105 | }; | ||
| 106 | </script> |
src/components/Echart/Columnar/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <Chart :cdata="cdata" /> | ||
| 3 | </template> | ||
| 4 | |||
| 5 | <script> | ||
| 6 | import Chart from "./Chart"; | ||
| 7 | import work from "@/api/work"; | ||
| 8 | export default { | ||
| 9 | data () { | ||
| 10 | return { | ||
| 11 | cdata: { | ||
| 12 | category: [], | ||
| 13 | lineData: [], | ||
| 14 | barData: [], | ||
| 15 | }, | ||
| 16 | }; | ||
| 17 | }, | ||
| 18 | components: { | ||
| 19 | Chart, | ||
| 20 | }, | ||
| 21 | mounted () { | ||
| 22 | this.submitViews(); | ||
| 23 | }, | ||
| 24 | methods: { | ||
| 25 | async submitViews () { | ||
| 26 | try { | ||
| 27 | let { result: res } = await work.submitViews("A20"); | ||
| 28 | res.filter((item) => { | ||
| 29 | return ( | ||
| 30 | this.cdata.category.push(item.areaName), | ||
| 31 | this.cdata.lineData.push(item.successCount), | ||
| 32 | this.cdata.barData.push(item.failureCount) | ||
| 33 | ); | ||
| 34 | }); | ||
| 35 | } catch (error) { | ||
| 36 | // this.$refs.msg.messageShow(); | ||
| 37 | } | ||
| 38 | }, | ||
| 39 | }, | ||
| 40 | }; | ||
| 41 | </script> | ||
| 42 | |||
| 43 | <style lang="scss" scoped> | ||
| 44 | |||
| 45 | </style> |
src/components/Echart/Columnarsmat/Chart.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 柱状图 --> | ||
| 3 | <Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart> | ||
| 4 | </template> | ||
| 5 | |||
| 6 | <script> | ||
| 7 | import Echart from "@/common/echart"; | ||
| 8 | export default { | ||
| 9 | data () { | ||
| 10 | return { | ||
| 11 | options: {}, | ||
| 12 | }; | ||
| 13 | }, | ||
| 14 | components: { | ||
| 15 | Echart, | ||
| 16 | }, | ||
| 17 | props: { | ||
| 18 | cdata: { | ||
| 19 | type: Object, | ||
| 20 | default: () => ({}), | ||
| 21 | }, | ||
| 22 | }, | ||
| 23 | watch: { | ||
| 24 | cdata: { | ||
| 25 | handler (newData) { | ||
| 26 | this.options = { | ||
| 27 | grid: { | ||
| 28 | // 让图表占满容器 | ||
| 29 | top: "20%", | ||
| 30 | left: "18%", | ||
| 31 | right: "10%", | ||
| 32 | bottom: "16%", | ||
| 33 | }, | ||
| 34 | xAxis: { | ||
| 35 | data: newData.category, | ||
| 36 | axisLabel: { | ||
| 37 | show: true, | ||
| 38 | color: "#ffff", | ||
| 39 | textStyle: { | ||
| 40 | fontWeight: "normal", | ||
| 41 | fontSize: "8", | ||
| 42 | }, | ||
| 43 | }, | ||
| 44 | axisTick: { | ||
| 45 | show: false, | ||
| 46 | }, | ||
| 47 | axisLine: { | ||
| 48 | show: true, | ||
| 49 | lineStyle: { | ||
| 50 | color: "rgba(95, 180, 237, 0.32)", | ||
| 51 | }, | ||
| 52 | } | ||
| 53 | }, | ||
| 54 | yAxis: { | ||
| 55 | splitLine: { | ||
| 56 | show: false, | ||
| 57 | }, | ||
| 58 | axisLine: { | ||
| 59 | show: true, | ||
| 60 | lineStyle: { | ||
| 61 | color: "rgba(95, 180, 237, 0.32)", | ||
| 62 | }, | ||
| 63 | }, | ||
| 64 | axisTick: { | ||
| 65 | show: false, | ||
| 66 | }, | ||
| 67 | axisLabel: { | ||
| 68 | color: "#ffff", | ||
| 69 | }, | ||
| 70 | }, | ||
| 71 | series: [ | ||
| 72 | { | ||
| 73 | // 顶部圆片 | ||
| 74 | type: "pictorialBar", | ||
| 75 | animation: false, | ||
| 76 | itemStyle: { | ||
| 77 | color: "rgba(115, 240, 252, 1)", | ||
| 78 | }, | ||
| 79 | symbolRepeat: false, | ||
| 80 | symbolSize: [15, 8], | ||
| 81 | symbolMargin: 1, | ||
| 82 | z: 10, | ||
| 83 | data: newData.lineData, | ||
| 84 | symbolPosition: "end", | ||
| 85 | symbolOffset: [0, -4], | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | // 底部圆片 | ||
| 89 | type: "pictorialBar", | ||
| 90 | animation: false, | ||
| 91 | |||
| 92 | itemStyle: { | ||
| 93 | color: "rgba(50, 96, 225, 0.8)", | ||
| 94 | }, | ||
| 95 | symbolRepeat: false, | ||
| 96 | symbolSize: [15, 8], | ||
| 97 | symbolMargin: 1, | ||
| 98 | z: 10, | ||
| 99 | data: newData.lineData, | ||
| 100 | symbolPosition: "start", | ||
| 101 | symbolOffset: [0, 3], | ||
| 102 | }, | ||
| 103 | { | ||
| 104 | barWidth: 15, | ||
| 105 | animation: false, | ||
| 106 | |||
| 107 | type: "bar", | ||
| 108 | label: { | ||
| 109 | show: true, | ||
| 110 | position: "top", | ||
| 111 | textStyle: { | ||
| 112 | color: "#ffff", | ||
| 113 | }, | ||
| 114 | }, | ||
| 115 | itemStyle: { | ||
| 116 | color: this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ | ||
| 117 | { offset: 1, color: "rgba(82, 180, 249, 0.35)" }, | ||
| 118 | { offset: 0, color: "rgba(82, 180, 249, 1)" }, | ||
| 119 | ]), | ||
| 120 | }, | ||
| 121 | data: newData.lineData, | ||
| 122 | }, | ||
| 123 | ], | ||
| 124 | } | ||
| 125 | }, | ||
| 126 | immediate: true, | ||
| 127 | deep: true, | ||
| 128 | }, | ||
| 129 | }, | ||
| 130 | }; | ||
| 131 | </script> |
src/components/Echart/Columnarsmat/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <Chart :cdata="cdata" /> | ||
| 3 | </template> | ||
| 4 | |||
| 5 | <script> | ||
| 6 | import Chart from "./Chart"; | ||
| 7 | import work from "@/api/work"; | ||
| 8 | export default { | ||
| 9 | data () { | ||
| 10 | return { | ||
| 11 | cdata: { | ||
| 12 | category: [], | ||
| 13 | lineData: [], | ||
| 14 | }, | ||
| 15 | }; | ||
| 16 | }, | ||
| 17 | components: { | ||
| 18 | Chart, | ||
| 19 | }, | ||
| 20 | created () { | ||
| 21 | |||
| 22 | }, | ||
| 23 | mounted () { | ||
| 24 | this.getDjlxtotal(); | ||
| 25 | }, | ||
| 26 | methods: { | ||
| 27 | getDjlxtotal () { | ||
| 28 | return new Promise(async (resolve) => { | ||
| 29 | try { | ||
| 30 | let p = { | ||
| 31 | DJLX: "A21", | ||
| 32 | QLLX: "A8", | ||
| 33 | XZQDM: "A20", | ||
| 34 | }; | ||
| 35 | let res = await work.getDjlxtotal(p); | ||
| 36 | res.result.filter((item) => { | ||
| 37 | return ( | ||
| 38 | this.cdata.category.push(item.AREACODE), | ||
| 39 | this.cdata.lineData.push(item.ywtotal) | ||
| 40 | ); | ||
| 41 | }); | ||
| 42 | } catch (error) { | ||
| 43 | this.$refs.msg.messageShow(); | ||
| 44 | } | ||
| 45 | }); | ||
| 46 | } | ||
| 47 | } | ||
| 48 | }; | ||
| 49 | </script> | ||
| 50 | <style lang="scss" scoped> | ||
| 51 | </style> |
src/components/Echart/Map/Chart.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 地图 --> | ||
| 3 | <Echart id="centreLeft2Chart" class="centreLeft2Chart" ref="centreLeft2ChartRef" width="100%" height="53vh" | ||
| 4 | :options="options"></Echart> | ||
| 5 | </template> | ||
| 6 | |||
| 7 | <script> | ||
| 8 | import Echart from '@/common/echart'; | ||
| 9 | export default { | ||
| 10 | data () { | ||
| 11 | return { | ||
| 12 | options: {}, | ||
| 13 | max: "9000", //最大value值 | ||
| 14 | min: "500", // 最小value值 | ||
| 15 | }; | ||
| 16 | }, | ||
| 17 | components: { | ||
| 18 | Echart, | ||
| 19 | }, | ||
| 20 | props: { | ||
| 21 | cdata: { | ||
| 22 | type: Array, | ||
| 23 | default: () => [], | ||
| 24 | }, | ||
| 25 | }, | ||
| 26 | watch: { | ||
| 27 | cdata: { | ||
| 28 | handler (newData) { | ||
| 29 | let _this = this; | ||
| 30 | // 设置点的位置(经纬度) | ||
| 31 | const geoCoordMap = { | ||
| 32 | 汉台区: [107.03187, 33.06774, 20], | ||
| 33 | 南郑区: [106.94024, 33.00299, 20], | ||
| 34 | 城固县: [107.33367, 33.15661, 20], | ||
| 35 | 洋县: [107.545837, 33.222739, 20], | ||
| 36 | 西乡县: [107.76867, 32.98411, 20], | ||
| 37 | 镇巴县: [107.89648, 32.53487, 20], | ||
| 38 | 勉县: [106.673221, 33.153553, 20], | ||
| 39 | 留坝县: [106.92233, 33.61606, 20], | ||
| 40 | 佛坪县: [107.98974, 33.52496, 20], | ||
| 41 | 宁强县: [106.25958, 32.82881, 20], | ||
| 42 | 略阳县: [106.15399, 33.33009, 20], | ||
| 43 | }; | ||
| 44 | let seriesData = [ | ||
| 45 | { | ||
| 46 | name: '汉台区', | ||
| 47 | }, | ||
| 48 | { | ||
| 49 | name: '南郑区', | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | name: '城固县', | ||
| 53 | }, | ||
| 54 | { | ||
| 55 | name: '洋县', | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | name: '西乡县', | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | name: '镇巴县', | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | name: '勉县', | ||
| 65 | }, | ||
| 66 | { | ||
| 67 | name: '留坝县', | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | name: '佛坪县', | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | name: '宁强县', | ||
| 74 | }, | ||
| 75 | { | ||
| 76 | name: '略阳县' | ||
| 77 | } | ||
| 78 | ]; | ||
| 79 | let convertData = function (data) { | ||
| 80 | let scatterData = []; | ||
| 81 | for (var i = 0; i < data.length; i++) { | ||
| 82 | var geoCoord = geoCoordMap[data[i].name]; | ||
| 83 | if (geoCoord) { | ||
| 84 | scatterData.push({ | ||
| 85 | name: data[i].name, | ||
| 86 | value: geoCoord.concat(data[i].value), | ||
| 87 | }); | ||
| 88 | } | ||
| 89 | } | ||
| 90 | return scatterData; | ||
| 91 | }; | ||
| 92 | this.options = { | ||
| 93 | showLegendSymbol: true, | ||
| 94 | tooltip: { | ||
| 95 | trigger: 'item', | ||
| 96 | textStyle: { | ||
| 97 | fontSize: 14, | ||
| 98 | lineHeight: 22, | ||
| 99 | }, | ||
| 100 | position: point => { | ||
| 101 | // 固定在顶部 | ||
| 102 | return [point[0] + 50, point[1] - 20]; | ||
| 103 | }, | ||
| 104 | // 如果需要自定义 tooltip样式，需要使用formatter | ||
| 105 | formatter: params => { | ||
| 106 | return `<div style="">${params.name}:${params.value}</div>` | ||
| 107 | } | ||
| 108 | }, | ||
| 109 | visualMap: { | ||
| 110 | min: 0, | ||
| 111 | max: _this.max, | ||
| 112 | bottom: '20%', | ||
| 113 | left: 50, | ||
| 114 | splitNumber: 6, | ||
| 115 | seriesIndex: [0], | ||
| 116 | itemWidth: 20, // 每个图元的宽度 | ||
| 117 | itemGap: 2, // 每两个图元之间的间隔距离，单位为px | ||
| 118 | pieces: [ // 自定义每一段的范围，以及每一段的文字 | ||
| 119 | { gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max，表示 max 为无限大（Infinity）。 | ||
| 120 | { gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' }, | ||
| 121 | { gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' }, | ||
| 122 | { gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' }, | ||
| 123 | ], | ||
| 124 | textStyle: { | ||
| 125 | color: '#737373' | ||
| 126 | } | ||
| 127 | }, | ||
| 128 | series: [ | ||
| 129 | { | ||
| 130 | type: 'map', | ||
| 131 | aspectScale: 1, //长宽比 | ||
| 132 | zoom: 1.1, | ||
| 133 | mapType: '汉中市', // 自定义扩展图表类型 | ||
| 134 | top: '15%', | ||
| 135 | left: '10%', | ||
| 136 | itemStyle: { | ||
| 137 | normal: { | ||
| 138 | areaColor: 'rgba(19,54,162, .5)', | ||
| 139 | borderColor: 'rgba(0,242,252,.3)', | ||
| 140 | borderWidth: 1, | ||
| 141 | shadowBlur: 7, | ||
| 142 | shadowColor: '#00f2fc', | ||
| 143 | }, | ||
| 144 | emphasis: { | ||
| 145 | areaColor: '#4f7fff', | ||
| 146 | borderColor: 'rgba(0,242,252,.6)', | ||
| 147 | borderWidth: 2, | ||
| 148 | shadowBlur: 10, | ||
| 149 | shadowColor: '#00f2fc', | ||
| 150 | }, | ||
| 151 | }, | ||
| 152 | label: { | ||
| 153 | formatter: params => `${params.name}`, | ||
| 154 | show: true, | ||
| 155 | position: 'insideRight', | ||
| 156 | textStyle: { | ||
| 157 | fontSize: 14, | ||
| 158 | color: '#efefef', | ||
| 159 | }, | ||
| 160 | emphasis: { | ||
| 161 | textStyle: { | ||
| 162 | color: '#fff', | ||
| 163 | } | ||
| 164 | } | ||
| 165 | }, | ||
| 166 | data: newData, | ||
| 167 | }, | ||
| 168 | { | ||
| 169 | type: 'effectScatter', | ||
| 170 | coordinateSystem: 'geo', | ||
| 171 | symbolSize: 7, | ||
| 172 | effectType: 'ripple', | ||
| 173 | legendHoverLink: false, | ||
| 174 | showEffectOn: 'render', | ||
| 175 | rippleEffect: { | ||
| 176 | period: 4, | ||
| 177 | scale: 2.5, | ||
| 178 | brushType: 'stroke', | ||
| 179 | }, | ||
| 180 | zlevel: 1, | ||
| 181 | itemStyle: { | ||
| 182 | normal: { | ||
| 183 | color: '#99FBFE', | ||
| 184 | shadowBlur: 5, | ||
| 185 | shadowColor: '#fff', | ||
| 186 | }, | ||
| 187 | }, | ||
| 188 | data: convertData(seriesData), | ||
| 189 | }, | ||
| 190 | ], | ||
| 191 | }; | ||
| 192 | // 重新选择区域 | ||
| 193 | this.handleMapRandomSelect(); | ||
| 194 | }, | ||
| 195 | immediate: true, | ||
| 196 | deep: true, | ||
| 197 | }, | ||
| 198 | }, | ||
| 199 | methods: { | ||
| 200 | // 开启定时器 | ||
| 201 | startInterval () { | ||
| 202 | const _self = this; | ||
| 203 | // 应通过接口获取配置时间，暂时写死5s | ||
| 204 | const time = 2000; | ||
| 205 | if (this.intervalId !== null) { | ||
| 206 | clearInterval(this.intervalId); | ||
| 207 | } | ||
| 208 | this.intervalId = setInterval(() => { | ||
| 209 | _self.reSelectMapRandomArea(); | ||
| 210 | }, time); | ||
| 211 | }, | ||
| 212 | // 重新随机选中地图区域 | ||
| 213 | reSelectMapRandomArea () { | ||
| 214 | const length = 9; | ||
| 215 | this.$nextTick(() => { | ||
| 216 | try { | ||
| 217 | const map = this.$refs.centreLeft2ChartRef.chart; | ||
| 218 | let index = Math.floor(Math.random() * length); | ||
| 219 | while (index === this.preSelectMapIndex || index >= length) { | ||
| 220 | index = Math.floor(Math.random() * length); | ||
| 221 | } | ||
| 222 | map.dispatchAction({ | ||
| 223 | type: 'mapUnSelect', | ||
| 224 | seriesIndex: 0, | ||
| 225 | dataIndex: this.preSelectMapIndex, | ||
| 226 | }); | ||
| 227 | map.dispatchAction({ | ||
| 228 | type: 'showTip', | ||
| 229 | seriesIndex: 0, | ||
| 230 | dataIndex: index, | ||
| 231 | }); | ||
| 232 | map.dispatchAction({ | ||
| 233 | type: 'mapSelect', | ||
| 234 | seriesIndex: 0, | ||
| 235 | dataIndex: index, | ||
| 236 | }); | ||
| 237 | this.preSelectMapIndex = index; | ||
| 238 | } catch (error) { | ||
| 239 | console.log(error) | ||
| 240 | } | ||
| 241 | }); | ||
| 242 | }, | ||
| 243 | handleMapRandomSelect () { | ||
| 244 | this.$nextTick(() => { | ||
| 245 | try { | ||
| 246 | const map = this.$refs.centreLeft2ChartRef.chart; | ||
| 247 | const _self = this; | ||
| 248 | setTimeout(() => { | ||
| 249 | _self.reSelectMapRandomArea(); | ||
| 250 | }, 0); | ||
| 251 | // 移入区域，清除定时器、取消之前选中并选中当前 | ||
| 252 | map.on('mouseover', function (params) { | ||
| 253 | clearInterval(_self.intervalId); | ||
| 254 | map.dispatchAction({ | ||
| 255 | type: 'mapUnSelect', | ||
| 256 | seriesIndex: 0, | ||
| 257 | dataIndex: _self.preSelectMapIndex, | ||
| 258 | }); | ||
| 259 | map.dispatchAction({ | ||
| 260 | type: 'mapSelect', | ||
| 261 | seriesIndex: 0, | ||
| 262 | dataIndex: params.dataIndex, | ||
| 263 | }); | ||
| 264 | _self.preSelectMapIndex = params.dataIndex; | ||
| 265 | }); | ||
| 266 | // 移出区域重新随机选中地图区域，并开启定时器 | ||
| 267 | map.on('globalout', function () { | ||
| 268 | _self.reSelectMapRandomArea(); | ||
| 269 | _self.startInterval(); | ||
| 270 | }); | ||
| 271 | this.startInterval(); | ||
| 272 | } catch (error) { | ||
| 273 | console.log(error) | ||
| 274 | } | ||
| 275 | }); | ||
| 276 | }, | ||
| 277 | }, | ||
| 278 | }; | ||
| 279 | </script> | ||
| 280 | <style> | ||
| 281 | |||
| 282 | </style> |
src/components/Echart/Map/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <Chart :cdata="cdata" /> | ||
| 3 | </template> | ||
| 4 | |||
| 5 | <script> | ||
| 6 | import Chart from "./Chart"; | ||
| 7 | import work from "@/api/work"; | ||
| 8 | export default { | ||
| 9 | data () { | ||
| 10 | return { | ||
| 11 | cdata: [] | ||
| 12 | } | ||
| 13 | }, | ||
| 14 | components: { | ||
| 15 | Chart | ||
| 16 | }, | ||
| 17 | mounted () { | ||
| 18 | this.mapViews(); | ||
| 19 | |||
| 20 | }, | ||
| 21 | methods: { | ||
| 22 | async mapViews () { | ||
| 23 | try { | ||
| 24 | let { result: res } = await work.mapViews("A20"); | ||
| 25 | res.filter((item) => { | ||
| 26 | return ( | ||
| 27 | this.cdata.push({ "name": item.areaName, "value": item.areaCode }) | ||
| 28 | ) | ||
| 29 | |||
| 30 | }); | ||
| 31 | } catch (error) { | ||
| 32 | this.$refs.msg.messageShow(); | ||
| 33 | } | ||
| 34 | } | ||
| 35 | } | ||
| 36 | } | ||
| 37 | </script> |
src/components/Echart/Rose/Chart.vue
0 → 100644
| 1 | <template> | ||
| 2 | <Echart :options="options" id="centreLeft1Chart" height="200px" width="100%"></Echart> | ||
| 3 | </template> | ||
| 4 | <script> | ||
| 5 | import Echart from '@/common/echart' | ||
| 6 | export default { | ||
| 7 | components: { | ||
| 8 | Echart, | ||
| 9 | }, | ||
| 10 | props: { | ||
| 11 | cdata: { | ||
| 12 | type: Object, | ||
| 13 | default: () => ({}) | ||
| 14 | }, | ||
| 15 | }, | ||
| 16 | watch: { | ||
| 17 | cdata: { | ||
| 18 | handler (newData) { | ||
| 19 | this.options = { | ||
| 20 | grid: { | ||
| 21 | // 让图表占满容器 | ||
| 22 | top: 20, | ||
| 23 | right: 0, | ||
| 24 | }, | ||
| 25 | color: [ | ||
| 26 | "#37a2da", | ||
| 27 | "#32c5e9", | ||
| 28 | "#9fe6b8", | ||
| 29 | "#ffdb5c", | ||
| 30 | "#ff9f7f", | ||
| 31 | "#fb7293", | ||
| 32 | "#e7bcf3", | ||
| 33 | "#8378ea" | ||
| 34 | ], | ||
| 35 | tooltip: { | ||
| 36 | trigger: "item", | ||
| 37 | formatter: "{a} <br/>{b} : {c} ({d}%)" | ||
| 38 | }, | ||
| 39 | toolbox: { | ||
| 40 | show: true | ||
| 41 | }, | ||
| 42 | calculable: true, | ||
| 43 | series: [ | ||
| 44 | { | ||
| 45 | name: "业务量", | ||
| 46 | type: "pie", | ||
| 47 | radius: [0, 80], | ||
| 48 | roseType: "area", | ||
| 49 | data: newData.seriesData | ||
| 50 | } | ||
| 51 | ] | ||
| 52 | } | ||
| 53 | }, | ||
| 54 | immediate: true, | ||
| 55 | deep: true | ||
| 56 | } | ||
| 57 | } | ||
| 58 | }; | ||
| 59 | </script> | ||
| 60 | |||
| 61 | <style lang="scss" scoped> | ||
| 62 | #centreLeft1Chart { | ||
| 63 | margin-left: -20px; | ||
| 64 | } | ||
| 65 | </style> |
src/components/Echart/Rose/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <Chart :cdata="cdata" /> | ||
| 4 | <el-carousel height="40px" indicator-position="none"> | ||
| 5 | <el-carousel-item v-for="item in 4" :key="item"> | ||
| 6 | <div class="rotograph">佛坪县</div> | ||
| 7 | </el-carousel-item> | ||
| 8 | </el-carousel> | ||
| 9 | </div> | ||
| 10 | </template> | ||
| 11 | |||
| 12 | <script> | ||
| 13 | import Chart from "./Chart"; | ||
| 14 | import work from "@/api/work"; | ||
| 15 | export default { | ||
| 16 | data () { | ||
| 17 | return { | ||
| 18 | cdata: { | ||
| 19 | seriesData: [ | ||
| 20 | { value: 10, name: "土地所有权" }, | ||
| 21 | { value: 5, name: "建设用地、宅基地使用权" }, | ||
| 22 | { value: 15, name: "房地产权（项目内多幢房屋）" }, | ||
| 23 | { value: 25, name: "产地产权（独幢、层、套、间、房屋）" }, | ||
| 24 | { value: 20, name: "建筑物区分所有权业主共有部分" }, | ||
| 25 | { value: 35, name: "海域（含无居民海岛）使用权" }, | ||
| 26 | { value: 10, name: "构（建）筑物所有权" }, | ||
| 27 | { value: 5, name: "农用地使用权（非林地）" }, | ||
| 28 | { value: 15, name: "林权" }, | ||
| 29 | { value: 25, name: "注销登记" }, | ||
| 30 | { value: 20, name: "异议登记" }, | ||
| 31 | { value: 35, name: "预告登记" }, | ||
| 32 | { value: 20, name: "查封登记" }, | ||
| 33 | { value: 35, name: "抵押权登记" }, | ||
| 34 | { value: 20, name: "地役权登记" }, | ||
| 35 | ], | ||
| 36 | }, | ||
| 37 | }; | ||
| 38 | }, | ||
| 39 | components: { | ||
| 40 | Chart, | ||
| 41 | }, | ||
| 42 | mounted () { | ||
| 43 | this.getdjywltotal(); | ||
| 44 | }, | ||
| 45 | methods: { | ||
| 46 | getdjywltotal () { | ||
| 47 | return new Promise(async (resolve) => { | ||
| 48 | try { | ||
| 49 | let p = { | ||
| 50 | DJLX: "A21", | ||
| 51 | QLLX: "A8", | ||
| 52 | XZQDM: "A20", | ||
| 53 | }; | ||
| 54 | let res = await work.getdjywltotal(p); | ||
| 55 | |||
| 56 | } catch (error) { | ||
| 57 | this.$refs.msg.messageShow(); | ||
| 58 | } | ||
| 59 | }); | ||
| 60 | }, | ||
| 61 | }, | ||
| 62 | }; | ||
| 63 | </script> | ||
| 64 | |||
| 65 | <style lang="scss" scoped> | ||
| 66 | .rotograph { | ||
| 67 | margin: auto; | ||
| 68 | width: 200px; | ||
| 69 | height: 30px; | ||
| 70 | background-color: rgb(6, 121, 167); | ||
| 71 | font-size: 20px; | ||
| 72 | line-height: 30px; | ||
| 73 | text-align: center; | ||
| 74 | border-radius: 6px; | ||
| 75 | font-weight: 600; | ||
| 76 | color: #02d9fd; | ||
| 77 | } | ||
| 78 | </style> |
src/components/EditDialog/Result.vue
0 → 100644
| 1 | <!-- | ||
| 2 | 功能：结果 | ||
| 3 | 作者：calliope | ||
| 4 | --> | ||
| 5 | <template> | ||
| 6 | <div class='result'> | ||
| 7 | <p>响应xml</p> | ||
| 8 | <el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="REPMSGXML"> | ||
| 9 | </el-input> | ||
| 10 | <p>错误信息</p> | ||
| 11 | <el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="ERRORINFO"> | ||
| 12 | </el-input> | ||
| 13 | </div> | ||
| 14 | </template> | ||
| 15 | <script> | ||
| 16 | import { getReceiveDataReportResult } from "@/api/dataReport.js"; | ||
| 17 | export default { | ||
| 18 | components: {}, | ||
| 19 | props: { | ||
| 20 | formData: { | ||
| 21 | type: Object, | ||
| 22 | default: {} | ||
| 23 | } | ||
| 24 | }, | ||
| 25 | data () { | ||
| 26 | return { | ||
| 27 | REPMSGXML: '', | ||
| 28 | ERRORINFO: '', | ||
| 29 | } | ||
| 30 | }, | ||
| 31 | created () { | ||
| 32 | getReceiveDataReportResult(this.formData.bsmReport).then(res => { | ||
| 33 | let data = res.result | ||
| 34 | this.REPMSGXML = data.REPMSGXML | ||
| 35 | this.ERRORINFO = data.ERRORINFO | ||
| 36 | }) | ||
| 37 | } | ||
| 38 | } | ||
| 39 | </script> | ||
| 40 | <style scoped lang='scss'> | ||
| 41 | @import '~@/styles/public.scss'; | ||
| 42 | |||
| 43 | .result { | ||
| 44 | padding: 15px; | ||
| 45 | |||
| 46 | p { | ||
| 47 | color: #ffffff; | ||
| 48 | line-height: 26px; | ||
| 49 | font-size: 18px; | ||
| 50 | } | ||
| 51 | |||
| 52 | /deep/.el-textarea__inner { | ||
| 53 | min-height: 33vh !important; | ||
| 54 | background-color: #08346F !important; | ||
| 55 | color: #ffffff; | ||
| 56 | border: none !important; | ||
| 57 | } | ||
| 58 | |||
| 59 | } | ||
| 60 | |||
| 61 | </style> |
src/components/EditDialog/images/success.gif
0 → 100644
163 KB
src/components/EditDialog/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 编辑 --> | ||
| 3 | <el-dialog :close-on-click-modal="false" top="0" custom-class="dialogBox editDialogBox mainCenter" | ||
| 4 | :visible.sync="dialogVisible" width="85%"> | ||
| 5 | <div slot="title" class="dialog_title" ref="dialogTitle"> | ||
| 6 | <b>{{ title || '标题' }}</b> | ||
| 7 | </div> | ||
| 8 | <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab"> | ||
| 9 | <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> | ||
| 10 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> | ||
| 11 | <el-tab-pane label="响应结果" name="xyjg"></el-tab-pane> | ||
| 12 | </el-tabs> | ||
| 13 | <div v-if="titleName == 'sjmx'" class="sjmx"> | ||
| 14 | <div class="dialog-from"> | ||
| 15 | <el-row> | ||
| 16 | <el-col :span="5"> | ||
| 17 | <span>业务报文ID：</span> | ||
| 18 | <div>{{ dataReport.bizMsgid }}</div> | ||
| 19 | </el-col> | ||
| 20 | <el-col :span="7"> | ||
| 21 | <span>接入报文ID：</span> | ||
| 22 | <div>{{ dataReport.asid }}</div> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="5"> | ||
| 25 | <span>行政区划编码：</span> | ||
| 26 | <div>{{ dataReport.areacode }}</div> | ||
| 27 | </el-col> | ||
| 28 | <el-col :span="7"> | ||
| 29 | <span>上次不动产单元号：</span> | ||
| 30 | <div>{{ dataReport.preestatenum }}</div> | ||
| 31 | </el-col> | ||
| 32 | </el-row> | ||
| 33 | <el-row> | ||
| 34 | <el-col :span="5"> | ||
| 35 | <span>业务编码：</span> | ||
| 36 | <div>{{ dataReport.rectype }}</div> | ||
| 37 | </el-col> | ||
| 38 | <el-col :span="7"> | ||
| 39 | <span>权利类型：</span> | ||
| 40 | <div>{{ dataReport.righttype }}</div> | ||
| 41 | </el-col> | ||
| 42 | <el-col :span="5"> | ||
| 43 | <span>登记类型：</span> | ||
| 44 | <div>{{ dataReport.regtype }}</div> | ||
| 45 | </el-col> | ||
| 46 | <el-col :span="7"> | ||
| 47 | <span>不动产权证书数量：</span> | ||
| 48 | <div>{{ dataReport.certcount }}</div> | ||
| 49 | </el-col> | ||
| 50 | </el-row> | ||
| 51 | <el-row> | ||
| 52 | <el-col :span="5"> | ||
| 53 | <span>创建时间：</span> | ||
| 54 | <div>{{ dataReport.createdate }}</div> | ||
| 55 | </el-col> | ||
| 56 | <el-col :span="7"> | ||
| 57 | <span>业务流水号：</span> | ||
| 58 | <div>{{ dataReport.recflowid }}</div> | ||
| 59 | </el-col> | ||
| 60 | <el-col :span="5"> | ||
| 61 | <span>登记机构：</span> | ||
| 62 | <div>{{ dataReport.regorgid }}</div> | ||
| 63 | </el-col> | ||
| 64 | <el-col :span="7"> | ||
| 65 | <span>证明数量：</span> | ||
| 66 | <div>{{ dataReport.proofcount }}</div> | ||
| 67 | </el-col> | ||
| 68 | </el-row> | ||
| 69 | <el-row> | ||
| 70 | <el-col :span="5"> | ||
| 71 | <span>宗地/宗海代码：</span> | ||
| 72 | <div>{{ dataReport.parcelid }}</div> | ||
| 73 | </el-col> | ||
| 74 | <el-col :span="7"> | ||
| 75 | <span>不动产单元号：</span> | ||
| 76 | <div>{{ dataReport.estatenum }}</div> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="10"> | ||
| 79 | <span>上次不动产权证号/不动产登记证明：</span> | ||
| 80 | <div>{{ dataReport.precertid }}</div> | ||
| 81 | </el-col> | ||
| 82 | </el-row> | ||
| 83 | <!-- <el-row> | ||
| 84 | <el-col :span="24"> | ||
| 85 | <span>数字签名：</span> | ||
| 86 | <div>{{ dataReport.digitalsign }}</div> | ||
| 87 | </el-col> | ||
| 88 | </el-row> --> | ||
| 89 | </div> | ||
| 90 | <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList"> | ||
| 91 | <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl"> | ||
| 92 | <div slot="label" class="tab-pane-item"> | ||
| 93 | <p class="name">{{ item.chinesetable }}</p> | ||
| 94 | <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p> | ||
| 95 | </div> | ||
| 96 | </el-tab-pane> | ||
| 97 | </el-tabs> | ||
| 98 | <div class="edit-content"> | ||
| 99 | <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" | ||
| 100 | :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport" /> | ||
| 101 | </div> | ||
| 102 | </div> | ||
| 103 | <div v-if="titleName == 'xyjg'"> | ||
| 104 | <Xyjg :form-data = 'dataReport'></Xyjg> | ||
| 105 | </div> | ||
| 106 | <JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" /> | ||
| 107 | <!-- <div slot="footer" class="dialog_footer" ref="dialogFooter"> | ||
| 108 | <div class="dialog_button"> | ||
| 109 | <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding">确定 | ||
| 110 | </el-button> | ||
| 111 | <el-button @click="closeDialog()">关闭</el-button> | ||
| 112 | </div> | ||
| 113 | </div> --> | ||
| 114 | </el-dialog> | ||
| 115 | </template> | ||
| 116 | |||
| 117 | <script> | ||
| 118 | import { mapGetters } from "vuex"; | ||
| 119 | import JsonEditor from "@/components/JsonEditor.vue"; | ||
| 120 | import Xyjg from "./Result"; | ||
| 121 | import { getDetail, getXml } from "@/api/dataReport.js"; | ||
| 122 | import { MessageBox } from "element-ui"; | ||
| 123 | export default { | ||
| 124 | components: { JsonEditor, Xyjg }, | ||
| 125 | props: { | ||
| 126 | title: { | ||
| 127 | type: String, | ||
| 128 | default: '' | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | computed: { | ||
| 132 | ...mapGetters(["dicData"]), | ||
| 133 | }, | ||
| 134 | data () { | ||
| 135 | return { | ||
| 136 | |||
| 137 | resultInfo: '', | ||
| 138 | |||
| 139 | titleName: 'sjmx', | ||
| 140 | |||
| 141 | dataReport: {}, | ||
| 142 | index: 0, | ||
| 143 | bsmYwsjb: "", | ||
| 144 | ruleFormList: { | ||
| 145 | bizMsgID: "", | ||
| 146 | asid: "", | ||
| 147 | areaCode: "", | ||
| 148 | preestateNum: "", | ||
| 149 | recType: "", | ||
| 150 | rightType: "", | ||
| 151 | regType: "", | ||
| 152 | certCount: "", | ||
| 153 | createDate: "", | ||
| 154 | recFlowID: "", | ||
| 155 | regOrgID: "", | ||
| 156 | prllfCount: "", | ||
| 157 | parcelID: "", | ||
| 158 | estateNum: "", | ||
| 159 | preCertID: "", | ||
| 160 | digitalSign: "", | ||
| 161 | }, | ||
| 162 | images: require("./images/success.gif"), | ||
| 163 | saveloding: false, | ||
| 164 | dialogVisible: false, | ||
| 165 | activeName: undefined, | ||
| 166 | editItem: "", | ||
| 167 | headerList: [], | ||
| 168 | dataTable: "", | ||
| 169 | }; | ||
| 170 | }, | ||
| 171 | methods: { | ||
| 172 | handleTitleTab (val) { | ||
| 173 | console.log(val); | ||
| 174 | }, | ||
| 175 | isShow (item) { | ||
| 176 | this.dataReport = item; | ||
| 177 | this.titleName = 'sjmx'; | ||
| 178 | this.dialogVisible = true; | ||
| 179 | //获取表头列表 | ||
| 180 | getDetail({ bsmReport: this.dataReport.bsmReport }).then((res) => { | ||
| 181 | if (res.code == 200) { | ||
| 182 | this.headerList = res.result; | ||
| 183 | this.activeName = res.result[0].soleurl | ||
| 184 | this.bsmYwsjb = this.headerList[0].bsmYwsjb; | ||
| 185 | this.editItem = this.loadView(this.activeName); | ||
| 186 | } | ||
| 187 | }); | ||
| 188 | // 获取xml | ||
| 189 | getXml(item.bizMsgid).then((res) => { | ||
| 190 | console.log(res); | ||
| 191 | this.resultInfo = res.message | ||
| 192 | }) | ||
| 193 | }, | ||
| 194 | changeList (val) { | ||
| 195 | let _index = val.index; | ||
| 196 | if (_index > this.index) { | ||
| 197 | } | ||
| 198 | this.index = _index; | ||
| 199 | this.bsmYwsjb = this.headerList[val.index].bsmYwsjb; | ||
| 200 | this.editItem = this.loadView(this.activeName); | ||
| 201 | // this.diaData.list.forEach((item) => { | ||
| 202 | // if (item.soleurl == this.activeName) { | ||
| 203 | // this.dataTable = item.dataTable; | ||
| 204 | // } | ||
| 205 | // }); | ||
| 206 | }, | ||
| 207 | loadView (view) { | ||
| 208 | return (r) => | ||
| 209 | require.ensure([], () => r(require(`@/components/Business/${view}`))); | ||
| 210 | }, | ||
| 211 | closeDialog () { | ||
| 212 | this.dialogVisible = false; | ||
| 213 | }, | ||
| 214 | submitForm () { | ||
| 215 | let _this = this; | ||
| 216 | this.$store.dispatch( | ||
| 217 | "business/setRules", | ||
| 218 | this.$store.state.business.subRules | ||
| 219 | ); | ||
| 220 | this.$nextTick(() => { | ||
| 221 | this.$refs["editItem"] && | ||
| 222 | this.$refs["editItem"].verificationForm().then((res) => { | ||
| 223 | if (!res) { | ||
| 224 | _this.$message({ | ||
| 225 | message: "请检查表单必填项是否完整", | ||
| 226 | type: "warning", | ||
| 227 | }); | ||
| 228 | return false; | ||
| 229 | } else { | ||
| 230 | _this.saveloding = true; | ||
| 231 | _this.$refs["editItem"] | ||
| 232 | .handleUpdateForm() | ||
| 233 | .then((res) => { | ||
| 234 | if (res == 200) { | ||
| 235 | _this.$alert( | ||
| 236 | '<p><img class="success-images" src="' + | ||
| 237 | this.images + | ||
| 238 | '"/>编辑成功！</p>', | ||
| 239 | "提示", | ||
| 240 | { | ||
| 241 | showConfirmButton: false, | ||
| 242 | dangerouslyUseHTMLString: true, | ||
| 243 | } | ||
| 244 | ); | ||
| 245 | setTimeout(() => { | ||
| 246 | MessageBox.close(false); | ||
| 247 | }, 1500); | ||
| 248 | } | ||
| 249 | }) | ||
| 250 | .catch(function (error) { | ||
| 251 | _this.$alert(error, "提示", { | ||
| 252 | confirmButtonText: "确定", | ||
| 253 | type: "error", | ||
| 254 | }); | ||
| 255 | }); | ||
| 256 | _this.saveloding = false; | ||
| 257 | } | ||
| 258 | }); | ||
| 259 | }); | ||
| 260 | } | ||
| 261 | } | ||
| 262 | } | ||
| 263 | </script> | ||
| 264 | <style scoped lang="scss"> | ||
| 265 | @import "~@/styles/mixin.scss"; | ||
| 266 | @import "~@/styles/dialogBox.scss"; | ||
| 267 | |||
| 268 | .editForm { | ||
| 269 | /deep/.el-textarea__inner { | ||
| 270 | border: none !important; | ||
| 271 | margin: 0 !important; | ||
| 272 | width: 100% !important; | ||
| 273 | } | ||
| 274 | |||
| 275 | /deep/.el-input__inner { | ||
| 276 | border: none !important; | ||
| 277 | margin: 0 !important; | ||
| 278 | width: 100% !important; | ||
| 279 | } | ||
| 280 | } | ||
| 281 | |||
| 282 | /deep/.el-dialog__body { | ||
| 283 | display: flex; | ||
| 284 | flex-direction: column; | ||
| 285 | } | ||
| 286 | |||
| 287 | /deep/ .el-tabs { | ||
| 288 | margin: 0 15px 0 15px; | ||
| 289 | color: #CEF8FF; | ||
| 290 | } | ||
| 291 | |||
| 292 | .sjmx { | ||
| 293 | /deep/.el-tabs__item { | ||
| 294 | height: 50px; | ||
| 295 | padding-top: 6px; | ||
| 296 | } | ||
| 297 | } | ||
| 298 | |||
| 299 | /deep/.el-tabs__item { | ||
| 300 | color: #CEF8FF !important; | ||
| 301 | |||
| 302 | display: flex; | ||
| 303 | flex-direction: row; | ||
| 304 | justify-content: center; | ||
| 305 | background: url("~@/image/tabitem.png") no-repeat; | ||
| 306 | background-size: 100% 100%; | ||
| 307 | border: none !important; | ||
| 308 | } | ||
| 309 | |||
| 310 | .obligee-item-name { | ||
| 311 | background: #05275B; | ||
| 312 | color: #FFFFFF; | ||
| 313 | border: 1px solid #6BC1FC; | ||
| 314 | } | ||
| 315 | |||
| 316 | /deep/.el-tabs__nav-scroll { | ||
| 317 | background: none; | ||
| 318 | } | ||
| 319 | |||
| 320 | /deep/.el-tabs__nav { | ||
| 321 | display: flex; | ||
| 322 | border: none !important; | ||
| 323 | } | ||
| 324 | |||
| 325 | /deep/.el-tabs__item.is-top { | ||
| 326 | border: 1px solid #dfe4ed; | ||
| 327 | border-top: 1px solid #dfe4ed; | ||
| 328 | border-bottom: 1px solid transparent; | ||
| 329 | } | ||
| 330 | |||
| 331 | /deep/.el-tabs__header { | ||
| 332 | border: none; | ||
| 333 | } | ||
| 334 | |||
| 335 | /deep/.el-tabs__item.is-top:not(:last-child) { | ||
| 336 | margin-right: 5px; | ||
| 337 | } | ||
| 338 | |||
| 339 | /deep/.el-tabs__item.is-top { | ||
| 340 | background-color: none !important; | ||
| 341 | } | ||
| 342 | |||
| 343 | /deep/.el-tabs__item.is-active { | ||
| 344 | background: url("~@/image/tabitemse.png") no-repeat; | ||
| 345 | background-size: 100% 100%; | ||
| 346 | } | ||
| 347 | |||
| 348 | .success-images { | ||
| 349 | width: 30px; | ||
| 350 | height: 30px; | ||
| 351 | position: relative; | ||
| 352 | top: 10px; | ||
| 353 | right: 3px; | ||
| 354 | } | ||
| 355 | |||
| 356 | .tab-pane-item { | ||
| 357 | line-height: 20px; | ||
| 358 | |||
| 359 | p { | ||
| 360 | text-align: center; | ||
| 361 | } | ||
| 362 | } | ||
| 363 | |||
| 364 | .edit-content { | ||
| 365 | height: 400px; | ||
| 366 | overflow-y: auto; | ||
| 367 | overflow-x: hidden; | ||
| 368 | padding-right: 1px; | ||
| 369 | margin-bottom: 10px; | ||
| 370 | border-top: none; | ||
| 371 | } | ||
| 372 | |||
| 373 | /deep/.editDialogBox { | ||
| 374 | border-radius: 8px; | ||
| 375 | overflow: hidden; | ||
| 376 | min-width: 1228px; | ||
| 377 | height: 825px !important; | ||
| 378 | |||
| 379 | .dialog-from { | ||
| 380 | padding: 15px; | ||
| 381 | background: #08346F; | ||
| 382 | border-radius: 2px; | ||
| 383 | box-sizing: border-box; | ||
| 384 | margin: -3px 15px 15px 15px; | ||
| 385 | |||
| 386 | .el-col { | ||
| 387 | line-height: 18px; | ||
| 388 | display: flex; | ||
| 389 | align-items: center; | ||
| 390 | margin-bottom: 3px; | ||
| 391 | color: #B5D6DC; | ||
| 392 | |||
| 393 | span { | ||
| 394 | display: inline-block; | ||
| 395 | padding: 3px; | ||
| 396 | border-radius: 3px; | ||
| 397 | overflow: hidden; | ||
| 398 | min-width: 140px; | ||
| 399 | text-align: right; | ||
| 400 | margin-right: 5px; | ||
| 401 | color: #02D9FD; | ||
| 402 | } | ||
| 403 | |||
| 404 | div { | ||
| 405 | flex: 1; | ||
| 406 | width: 100%; | ||
| 407 | padding-left: 5px; | ||
| 408 | line-height: 20px; | ||
| 409 | color: #c0c4cc; | ||
| 410 | cursor: not-allowed; | ||
| 411 | margin-right: 5px; | ||
| 412 | } | ||
| 413 | } | ||
| 414 | } | ||
| 415 | |||
| 416 | .dialog_title { | ||
| 417 | display: flex; | ||
| 418 | position: relative; | ||
| 419 | top: -2px; | ||
| 420 | |||
| 421 | b { | ||
| 422 | flex: 1; | ||
| 423 | width: 100%; | ||
| 424 | @flex-center(); | ||
| 425 | } | ||
| 426 | } | ||
| 427 | |||
| 428 | .el-dialog__header { | ||
| 429 | height: 50px; | ||
| 430 | } | ||
| 431 | |||
| 432 | .dialog_footer { | ||
| 433 | flex-direction: column; | ||
| 434 | |||
| 435 | .dialog_button { | ||
| 436 | margin-top: 8px; | ||
| 437 | } | ||
| 438 | } | ||
| 439 | |||
| 440 | .divider { | ||
| 441 | width: 100%; | ||
| 442 | border-bottom: 1px solid #ccc; | ||
| 443 | } | ||
| 444 | } | ||
| 445 | |||
| 446 | .el-dialog__wrapper { | ||
| 447 | overflow: hidden; | ||
| 448 | } | ||
| 449 | </style> | ||
| 450 |
src/components/JsonEditor.vue
0 → 100644
| 1 | <template> | ||
| 2 | <el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="resultInfo"> | ||
| 3 | </el-input> | ||
| 4 | </template> | ||
| 5 | <script> | ||
| 6 | // 引入json编译器 | ||
| 7 | export default { | ||
| 8 | props: { | ||
| 9 | resultInfo: { | ||
| 10 | type: String, | ||
| 11 | default: '' | ||
| 12 | } | ||
| 13 | }, | ||
| 14 | data () { | ||
| 15 | return { | ||
| 16 | myValue: this.value, | ||
| 17 | } | ||
| 18 | }, | ||
| 19 | methods: { | ||
| 20 | onJsonChange (value) { | ||
| 21 | console.log('value:', value); | ||
| 22 | }, | ||
| 23 | onJsonSave (value) { | ||
| 24 | console.log('value:', value); | ||
| 25 | } | ||
| 26 | } | ||
| 27 | } | ||
| 28 | |||
| 29 | </script> | ||
| 30 | |||
| 31 | <style scoped lang="scss"> | ||
| 32 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ | ||
| 33 | /deep/.el-textarea__inner { | ||
| 34 | min-height: 73vh !important; | ||
| 35 | background-color: #08346F !important; | ||
| 36 | color: #ffffff; | ||
| 37 | border: none !important; | ||
| 38 | } | ||
| 39 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/components/LbTable/LbColumn.vue
0 → 100644
| 1 | /* | ||
| 2 | * FileName: lb-column.vue | ||
| 3 | * Remark: element-column | ||
| 4 | * Project: lb-element-table | ||
| 5 | * Author: 任超 | ||
| 6 | * File Created: Tuesday, 19th March 2019 9:58:23 am | ||
| 7 | * Last Modified: Tuesday, 19th March 2019 10:14:42 am | ||
| 8 | * Modified By: 任超 | ||
| 9 | */ | ||
| 10 | |||
| 11 | <template> | ||
| 12 | <el-table-column v-bind="$attrs" v-on="$listeners" :prop="column.prop" :label="column.label" :type="column.type" | ||
| 13 | :index="column.index" :column-key="column.columnKey" :width="column.width" :min-width="column.minWidth" | ||
| 14 | :fixed="column.fixed" :scoped-slot="column.renderHeader" :sortable="column.sortable || false" | ||
| 15 | :sort-method="column.sortMethod" :sort-by="column.sortBy" :sort-orders="column.sortOrders" | ||
| 16 | :resizable="column.resizable || true" :formatter="column.formatter" | ||
| 17 | :show-overflow-tooltip="column.showOverflowTooltip || false" :align="column.align || align || 'center'" | ||
| 18 | :header-align="column.headerAlign || headerAlign || column.align || align || 'center'" | ||
| 19 | :class-name="column.className" :label-class-name="column.labelClassName" :selectable="column.selectable" | ||
| 20 | :reserve-selection="column.reserveSelection || false" :filters="column.filters" | ||
| 21 | :filter-placement="column.filterPlacement" :filter-multiple="column.filterMultiple" | ||
| 22 | :filter-method="column.filterMethod" :filtered-value="column.filteredValue"> | ||
| 23 | <template slot="header" slot-scope="scope"> | ||
| 24 | <lb-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader"> | ||
| 25 | </lb-render> | ||
| 26 | <span v-else>{{ scope.column.label }}</span> | ||
| 27 | </template> | ||
| 28 | |||
| 29 | <template slot-scope="scope"> | ||
| 30 | <lb-render :scope="scope" :render="column.render"> | ||
| 31 | </lb-render> | ||
| 32 | </template> | ||
| 33 | |||
| 34 | <template v-if="column.children"> | ||
| 35 | <lb-column v-for="(col, index) in column.children" :key="index" :column="col"> | ||
| 36 | </lb-column> | ||
| 37 | </template> | ||
| 38 | </el-table-column> | ||
| 39 | </template> | ||
| 40 | |||
| 41 | <script> | ||
| 42 | import LbRender from './LbRender' | ||
| 43 | import forced from './forced.js' | ||
| 44 | export default { | ||
| 45 | name: 'LbColumn', | ||
| 46 | props: { | ||
| 47 | column: Object, | ||
| 48 | headerAlign: String, | ||
| 49 | align: String | ||
| 50 | }, | ||
| 51 | components: { | ||
| 52 | LbRender | ||
| 53 | }, | ||
| 54 | methods: { | ||
| 55 | setColumn () { | ||
| 56 | if (this.column.type) { | ||
| 57 | this.column.renderHeader = forced[this.column.type].renderHeader | ||
| 58 | this.column.render = this.column.render || forced[this.column.type].renderCell | ||
| 59 | } | ||
| 60 | if (this.column.formatter) { | ||
| 61 | this.column.render = (h, scope) => { | ||
| 62 | return <span>{scope.column.formatter(scope.row, scope.column, scope.row, scope.$index)}</span> | ||
| 63 | } | ||
| 64 | } | ||
| 65 | if (!this.column.render) { | ||
| 66 | this.column.render = (h, scope) => { | ||
| 67 | return <span>{scope.row[scope.column.property]}</span> | ||
| 68 | } | ||
| 69 | } | ||
| 70 | } | ||
| 71 | }, | ||
| 72 | watch: { | ||
| 73 | column: { | ||
| 74 | handler () { | ||
| 75 | this.setColumn() | ||
| 76 | }, | ||
| 77 | immediate: true | ||
| 78 | } | ||
| 79 | } | ||
| 80 | } | ||
| 81 | </script> |
src/components/LbTable/LbRender.vue
0 → 100644
| 1 | /* | ||
| 2 | * FileName: lb-render.vue | ||
| 3 | * Remark: 自定义render | ||
| 4 | * Project: lb-element-table | ||
| 5 | * Author: 任超 | ||
| 6 | * File Created: Tuesday, 19th March 2019 10:15:30 am | ||
| 7 | * Last Modified: Tuesday, 19th March 2019 10:15:32 am | ||
| 8 | * Modified By: 任超 | ||
| 9 | */ | ||
| 10 | <script> | ||
| 11 | export default { | ||
| 12 | name: 'LbRender', | ||
| 13 | functional: true, | ||
| 14 | props: { | ||
| 15 | scope: Object, | ||
| 16 | render: Function | ||
| 17 | }, | ||
| 18 | render: (h, ctx) => { | ||
| 19 | return ctx.props.render ? ctx.props.render(h, ctx.props.scope) : '' | ||
| 20 | } | ||
| 21 | } | ||
| 22 | </script> |
src/components/LbTable/forced.js
0 → 100644
| 1 | export default { | ||
| 2 | selection: { | ||
| 3 | renderHeader: (h, { store }) => { | ||
| 4 | return ( | ||
| 5 | <el-checkbox | ||
| 6 | disabled={store.states.data && store.states.data.length === 0} | ||
| 7 | indeterminate={ | ||
| 8 | store.states.selection.length > 0 && !store.states.isAllSelected | ||
| 9 | } | ||
| 10 | nativeOn-click={store.toggleAllSelection} | ||
| 11 | value={store.states.isAllSelected} | ||
| 12 | /> | ||
| 13 | ) | ||
| 14 | }, | ||
| 15 | renderCell: (h, { row, column, store, $index }) => { | ||
| 16 | return ( | ||
| 17 | <el-checkbox | ||
| 18 | nativeOn-click={event => event.stopPropagation()} | ||
| 19 | value={store.isSelected(row)} | ||
| 20 | disabled={ | ||
| 21 | column.selectable | ||
| 22 | ? !column.selectable.call(null, row, $index) | ||
| 23 | : false | ||
| 24 | } | ||
| 25 | on-input={() => { | ||
| 26 | store.commit('rowSelectedChanged', row) | ||
| 27 | }} | ||
| 28 | /> | ||
| 29 | ) | ||
| 30 | }, | ||
| 31 | sortable: false, | ||
| 32 | resizable: false | ||
| 33 | }, | ||
| 34 | index: { | ||
| 35 | renderHeader: (h, scope) => { | ||
| 36 | return <span>{scope.column.label || '#'}</span> | ||
| 37 | }, | ||
| 38 | renderCell: (h, { $index, column }) => { | ||
| 39 | let i = $index + 1 | ||
| 40 | const index = column.index | ||
| 41 | |||
| 42 | if (typeof index === 'number') { | ||
| 43 | i = $index + index | ||
| 44 | } else if (typeof index === 'function') { | ||
| 45 | i = index($index) | ||
| 46 | } | ||
| 47 | |||
| 48 | return <div>{i}</div> | ||
| 49 | }, | ||
| 50 | sortable: false | ||
| 51 | }, | ||
| 52 | expand: { | ||
| 53 | renderHeader: (h, scope) => { | ||
| 54 | return <span>{scope.column.label || ''}</span> | ||
| 55 | }, | ||
| 56 | renderCell: (h, { row, store }, proxy) => { | ||
| 57 | const expanded = store.states.expandRows.indexOf(row) > -1 | ||
| 58 | return ( | ||
| 59 | <div | ||
| 60 | class={ | ||
| 61 | 'el-table__expand-icon ' + | ||
| 62 | (expanded ? 'el-table__expand-icon--expanded' : '') | ||
| 63 | } | ||
| 64 | on-click={e => proxy.handleExpandClick(row, e)} | ||
| 65 | > | ||
| 66 | <i class='el-icon el-icon-arrow-right' /> | ||
| 67 | </div> | ||
| 68 | ) | ||
| 69 | }, | ||
| 70 | sortable: false, | ||
| 71 | resizable: false, | ||
| 72 | className: 'el-table__expand-column' | ||
| 73 | } | ||
| 74 | } |
src/components/LbTable/index.vue
0 → 100644
| 1 | /* | ||
| 2 | * FileName: lb-table.vue | ||
| 3 | * Remark: element table | ||
| 4 | * Project: lb-element-table | ||
| 5 | * Author: 任超 | ||
| 6 | * File Created: Tuesday, 19th March 2019 9:55:27 am | ||
| 7 | * Last Modified: Tuesday, 19th March 2019 9:55:34 am | ||
| 8 | * Modified By: 任超 | ||
| 9 | */ | ||
| 10 | |||
| 11 | <template> | ||
| 12 | <div :class="['lb-table', customClass]"> | ||
| 13 | <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" ref="elTable" | ||
| 14 | :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" | ||
| 15 | v-bind="$attrs" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" | ||
| 16 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> | ||
| 17 | <el-table-column width="45" align="center" v-if="isRadio"> | ||
| 18 | <template slot-scope="scope"> | ||
| 19 | <el-radio v-model="selected" :label="scope.$index"></el-radio> | ||
| 20 | </template> | ||
| 21 | </el-table-column> | ||
| 22 | |||
| 23 | <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> | ||
| 24 | </lb-column> | ||
| 25 | </el-table> | ||
| 26 | |||
| 27 | <el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border' | ||
| 28 | :row-class-name="tableRowClassName" :show-header='showHeader' v-bind="$attrs" :max-height="maxHeight" | ||
| 29 | v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod"> | ||
| 30 | |||
| 31 | <el-table-column width="45" align="center" v-if="isRadio"> | ||
| 32 | <template slot-scope="scope"> | ||
| 33 | <el-radio v-model="selected" :label="scope.$index"></el-radio> | ||
| 34 | </template> | ||
| 35 | </el-table-column> | ||
| 36 | <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> | ||
| 37 | </lb-column> | ||
| 38 | </el-table> | ||
| 39 | |||
| 40 | <br> | ||
| 41 | <el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background | ||
| 42 | :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange" | ||
| 43 | :style="{ 'margin-top': paginationTop, 'text-align': paginationAlign }"> | ||
| 44 | </el-pagination> | ||
| 45 | </div> | ||
| 46 | </template> | ||
| 47 | |||
| 48 | <script> | ||
| 49 | import LbColumn from './LbColumn' | ||
| 50 | export default { | ||
| 51 | props: { | ||
| 52 | column: Array, | ||
| 53 | data: Array, | ||
| 54 | spanMethod: Function, | ||
| 55 | pagination: { | ||
| 56 | type: Boolean, | ||
| 57 | default: true, | ||
| 58 | }, | ||
| 59 | isRadio: { | ||
| 60 | type: Boolean, | ||
| 61 | default: false, | ||
| 62 | }, | ||
| 63 | border: { | ||
| 64 | type: Boolean, | ||
| 65 | default: false, | ||
| 66 | }, | ||
| 67 | showHeader: { | ||
| 68 | type: Boolean, | ||
| 69 | default: true, | ||
| 70 | }, | ||
| 71 | paginationTop: { | ||
| 72 | type: String, | ||
| 73 | default: '0', | ||
| 74 | }, | ||
| 75 | heightNum: { | ||
| 76 | type: Number, | ||
| 77 | default: 345, | ||
| 78 | }, | ||
| 79 | maxHeight: { | ||
| 80 | type: Number, | ||
| 81 | default: 500 | ||
| 82 | }, | ||
| 83 | heightNumSetting: { | ||
| 84 | type: Boolean, | ||
| 85 | default: false, | ||
| 86 | }, | ||
| 87 | customClass: { | ||
| 88 | type: String, | ||
| 89 | default: '', | ||
| 90 | }, | ||
| 91 | paginationAlign: { | ||
| 92 | type: String, | ||
| 93 | default: 'left', | ||
| 94 | }, | ||
| 95 | merge: Array, | ||
| 96 | }, | ||
| 97 | components: { | ||
| 98 | LbColumn, | ||
| 99 | }, | ||
| 100 | data () { | ||
| 101 | return { | ||
| 102 | tableHeight: '', | ||
| 103 | mergeLine: {}, | ||
| 104 | mergeIndex: {}, | ||
| 105 | selected: '' | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | created () { | ||
| 109 | this.getMergeArr(this.data, this.merge) | ||
| 110 | this.getHeight() | ||
| 111 | }, | ||
| 112 | computed: { | ||
| 113 | dataLength () { | ||
| 114 | return [] || this.data.length | ||
| 115 | }, | ||
| 116 | }, | ||
| 117 | methods: { | ||
| 118 | |||
| 119 | // 单选 | ||
| 120 | singleElection (row) { | ||
| 121 | this.selected = this.data.indexOf(row); | ||
| 122 | }, | ||
| 123 | |||
| 124 | tableRowClassName ({ row, rowIndex }) { | ||
| 125 | if (rowIndex % 2 === 1) { | ||
| 126 | return 'interlaced'; | ||
| 127 | } | ||
| 128 | }, | ||
| 129 | getHeight () { | ||
| 130 | if (!this.heightNumSetting) { | ||
| 131 | this.tableHeight = window.innerHeight - this.heightNum | ||
| 132 | } | ||
| 133 | }, | ||
| 134 | clearSelection () { | ||
| 135 | this.$refs.elTable.clearSelection() | ||
| 136 | }, | ||
| 137 | toggleRowSelection (row, selected) { | ||
| 138 | this.$refs.elTable.toggleRowSelection(row, selected) | ||
| 139 | }, | ||
| 140 | toggleAllSelection () { | ||
| 141 | this.$refs.elTable.toggleAllSelection() | ||
| 142 | }, | ||
| 143 | toggleRowExpansion (row, expanded) { | ||
| 144 | this.$refs.elTable.toggleRowExpansion(row, expanded) | ||
| 145 | }, | ||
| 146 | setCurrentRow (row) { | ||
| 147 | this.$refs.elTable.setCurrentRow(row) | ||
| 148 | }, | ||
| 149 | clearSort () { | ||
| 150 | this.$refs.elTable.clearSort() | ||
| 151 | }, | ||
| 152 | clearFilter (columnKey) { | ||
| 153 | this.$refs.elTable.clearFilter(columnKey) | ||
| 154 | }, | ||
| 155 | doLayout () { | ||
| 156 | this.$refs.elTable.doLayout() | ||
| 157 | }, | ||
| 158 | sort (prop, order) { | ||
| 159 | this.$refs.elTable.sort(prop, order) | ||
| 160 | }, | ||
| 161 | paginationCurrentChange (val) { | ||
| 162 | this.$emit('p-current-change', val) | ||
| 163 | }, | ||
| 164 | getMergeArr (tableData, merge) { | ||
| 165 | if (!merge) return | ||
| 166 | this.mergeLine = {} | ||
| 167 | this.mergeIndex = {} | ||
| 168 | merge.forEach((item, k) => { | ||
| 169 | tableData.forEach((data, i) => { | ||
| 170 | if (i === 0) { | ||
| 171 | this.mergeIndex[item] = this.mergeIndex[item] || [] | ||
| 172 | this.mergeIndex[item].push(1) | ||
| 173 | this.mergeLine[item] = 0 | ||
| 174 | } else { | ||
| 175 | if (data[item] === tableData[i - 1][item]) { | ||
| 176 | this.mergeIndex[item][this.mergeLine[item]] += 1 | ||
| 177 | this.mergeIndex[item].push(0) | ||
| 178 | } else { | ||
| 179 | this.mergeIndex[item].push(1) | ||
| 180 | this.mergeLine[item] = i | ||
| 181 | } | ||
| 182 | } | ||
| 183 | }) | ||
| 184 | }) | ||
| 185 | }, | ||
| 186 | mergeMethod ({ row, column, rowIndex, columnIndex }) { | ||
| 187 | const index = this.merge.indexOf(column.property) | ||
| 188 | if (index > -1) { | ||
| 189 | const _row = this.mergeIndex[this.merge[index]][rowIndex] | ||
| 190 | const _col = _row > 0 ? 1 : 0 | ||
| 191 | return { | ||
| 192 | rowspan: _row, | ||
| 193 | colspan: _col, | ||
| 194 | } | ||
| 195 | } | ||
| 196 | }, | ||
| 197 | }, | ||
| 198 | watch: { | ||
| 199 | merge () { | ||
| 200 | this.getMergeArr(this.data, this.merge) | ||
| 201 | }, | ||
| 202 | dataLength () { | ||
| 203 | this.getMergeArr(this.data, this.merge) | ||
| 204 | } | ||
| 205 | }, | ||
| 206 | } | ||
| 207 | </script> | ||
| 208 | <style rel="stylesheet/scss" scoped lang="scss"> | ||
| 209 | .lb-table { | ||
| 210 | margin-top: 1px; | ||
| 211 | |||
| 212 | .interlaced { | ||
| 213 | background: #fafcff; | ||
| 214 | border: 1px solid #ebf2fa; | ||
| 215 | } | ||
| 216 | } | ||
| 217 | |||
| 218 | /deep/.el-table .cell { | ||
| 219 | padding-left: 3px; | ||
| 220 | padding-right: 3px; | ||
| 221 | } | ||
| 222 | |||
| 223 | /deep/.el-radio__label { | ||
| 224 | display: none; | ||
| 225 | } | ||
| 226 | </style> |
src/components/LbTable/redeme.md
0 → 100644
src/components/Loading/index.js
0 → 100644
src/components/Loading/src/index.js
0 → 100644
| 1 | import Vue from 'vue'; | ||
| 2 | import loadingVue from './loading.vue'; | ||
| 3 | import { addClass, removeClass, getStyle } from 'element-ui/src/utils/dom'; | ||
| 4 | import { PopupManager } from 'element-ui/src/utils/popup'; | ||
| 5 | import afterLeave from 'element-ui/src/utils/after-leave'; | ||
| 6 | import merge from 'element-ui/src/utils/merge'; | ||
| 7 | |||
| 8 | const LoadingConstructor = Vue.extend(loadingVue); | ||
| 9 | |||
| 10 | const defaults = { | ||
| 11 | text: null, | ||
| 12 | fullscreen: true, | ||
| 13 | body: false, | ||
| 14 | lock: false, | ||
| 15 | customClass: '' | ||
| 16 | }; | ||
| 17 | |||
| 18 | let fullscreenLoading; | ||
| 19 | |||
| 20 | LoadingConstructor.prototype.originalPosition = ''; | ||
| 21 | LoadingConstructor.prototype.originalOverflow = ''; | ||
| 22 | |||
| 23 | LoadingConstructor.prototype.close = function() { | ||
| 24 | if (this.fullscreen) { | ||
| 25 | fullscreenLoading = undefined; | ||
| 26 | } | ||
| 27 | afterLeave(this, _ => { | ||
| 28 | const target = this.fullscreen || this.body | ||
| 29 | ? document.body | ||
| 30 | : this.target; | ||
| 31 | removeClass(target, 'el-loading-parent--relative'); | ||
| 32 | removeClass(target, 'el-loading-parent--hidden'); | ||
| 33 | if (this.$el && this.$el.parentNode) { | ||
| 34 | this.$el.parentNode.removeChild(this.$el); | ||
| 35 | } | ||
| 36 | this.$destroy(); | ||
| 37 | }, 300); | ||
| 38 | this.visible = false; | ||
| 39 | }; | ||
| 40 | |||
| 41 | const addStyle = (options, parent, instance) => { | ||
| 42 | let maskStyle = {}; | ||
| 43 | if (options.fullscreen) { | ||
| 44 | instance.originalPosition = getStyle(document.body, 'position'); | ||
| 45 | instance.originalOverflow = getStyle(document.body, 'overflow'); | ||
| 46 | maskStyle.zIndex = PopupManager.nextZIndex(); | ||
| 47 | } else if (options.body) { | ||
| 48 | instance.originalPosition = getStyle(document.body, 'position'); | ||
| 49 | ['top', 'left'].forEach(property => { | ||
| 50 | let scroll = property === 'top' ? 'scrollTop' : 'scrollLeft'; | ||
| 51 | maskStyle[property] = options.target.getBoundingClientRect()[property] + | ||
| 52 | document.body[scroll] + | ||
| 53 | document.documentElement[scroll] + | ||
| 54 | 'px'; | ||
| 55 | }); | ||
| 56 | ['height', 'width'].forEach(property => { | ||
| 57 | maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px'; | ||
| 58 | }); | ||
| 59 | } else { | ||
| 60 | instance.originalPosition = getStyle(parent, 'position'); | ||
| 61 | } | ||
| 62 | Object.keys(maskStyle).forEach(property => { | ||
| 63 | instance.$el.style[property] = maskStyle[property]; | ||
| 64 | }); | ||
| 65 | }; | ||
| 66 | |||
| 67 | const Loading = (options = {}) => { | ||
| 68 | if (Vue.prototype.$isServer) return; | ||
| 69 | options = merge({}, defaults, options); | ||
| 70 | if (typeof options.target === 'string') { | ||
| 71 | options.target = document.querySelector(options.target); | ||
| 72 | } | ||
| 73 | options.target = options.target || document.body; | ||
| 74 | if (options.target !== document.body) { | ||
| 75 | options.fullscreen = false; | ||
| 76 | } else { | ||
| 77 | options.body = true; | ||
| 78 | } | ||
| 79 | if (options.fullscreen && fullscreenLoading) { | ||
| 80 | return fullscreenLoading; | ||
| 81 | } | ||
| 82 | |||
| 83 | let parent = options.body ? document.body : options.target; | ||
| 84 | let instance = new LoadingConstructor({ | ||
| 85 | el: document.createElement('div'), | ||
| 86 | data: options | ||
| 87 | }); | ||
| 88 | |||
| 89 | addStyle(options, parent, instance); | ||
| 90 | if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') { | ||
| 91 | addClass(parent, 'el-loading-parent--relative'); | ||
| 92 | } | ||
| 93 | if (options.fullscreen && options.lock) { | ||
| 94 | addClass(parent, 'el-loading-parent--hidden'); | ||
| 95 | } | ||
| 96 | parent.appendChild(instance.$el); | ||
| 97 | Vue.nextTick(() => { | ||
| 98 | instance.visible = true; | ||
| 99 | }); | ||
| 100 | if (options.fullscreen) { | ||
| 101 | fullscreenLoading = instance; | ||
| 102 | } | ||
| 103 | return instance; | ||
| 104 | }; | ||
| 105 | |||
| 106 | export default Loading; |
src/components/Loading/src/loading.vue
0 → 100644
| 1 | <template> | ||
| 2 | <transition name="el-loading-fade" @after-leave="handleAfterLeave"> | ||
| 3 | <div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }" | ||
| 4 | :class="[customClass, { 'is-fullscreen': fullscreen }]"> | ||
| 5 | <div class="el-loading-spinner"> | ||
| 6 | <!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50"> | ||
| 7 | <circle class="path" cx="50" cy="50" r="20" fill="none" /> | ||
| 8 | </svg> | ||
| 9 | <i v-else :class="spinner"></i> --> | ||
| 10 | <img class="img" src="../../../image/progress.gif" alt=""> | ||
| 11 | <p v-if="text" class="el-loading-text">{{ text }}</p> | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | </transition> | ||
| 15 | </template> | ||
| 16 | |||
| 17 | <script> | ||
| 18 | export default { | ||
| 19 | data () { | ||
| 20 | return { | ||
| 21 | text: null, | ||
| 22 | spinner: null, | ||
| 23 | background: null, | ||
| 24 | fullscreen: true, | ||
| 25 | visible: false, | ||
| 26 | customClass: '' | ||
| 27 | }; | ||
| 28 | }, | ||
| 29 | |||
| 30 | methods: { | ||
| 31 | handleAfterLeave () { | ||
| 32 | this.$emit('after-leave'); | ||
| 33 | }, | ||
| 34 | setText (text) { | ||
| 35 | this.text = text; | ||
| 36 | } | ||
| 37 | } | ||
| 38 | }; | ||
| 39 | </script> | ||
| 40 | <style scoped lang="scss"> | ||
| 41 | .el-loading-spinner { | ||
| 42 | margin-top: -100px !important; | ||
| 43 | |||
| 44 | .img { | ||
| 45 | width: 80px; | ||
| 46 | height: 80px; | ||
| 47 | } | ||
| 48 | } | ||
| 49 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/components/MessageBox/index.js
0 → 100644
src/components/MessageBox/src/main.js
0 → 100644
| 1 | const defaults = { | ||
| 2 | title: null, | ||
| 3 | message: '', | ||
| 4 | type: '', | ||
| 5 | iconClass: '', | ||
| 6 | showInput: false, | ||
| 7 | showClose: true, | ||
| 8 | modalFade: true, | ||
| 9 | lockScroll: true, | ||
| 10 | closeOnClickModal: true, | ||
| 11 | closeOnPressEscape: true, | ||
| 12 | closeOnHashChange: true, | ||
| 13 | inputValue: null, | ||
| 14 | inputPlaceholder: '', | ||
| 15 | inputType: 'text', | ||
| 16 | inputPattern: null, | ||
| 17 | inputValidator: null, | ||
| 18 | inputErrorMessage: '', | ||
| 19 | showConfirmButton: true, | ||
| 20 | showCancelButton: false, | ||
| 21 | confirmButtonPosition: 'right', | ||
| 22 | confirmButtonHighlight: false, | ||
| 23 | cancelButtonHighlight: false, | ||
| 24 | confirmButtonText: '', | ||
| 25 | cancelButtonText: '', | ||
| 26 | confirmButtonClass: '', | ||
| 27 | cancelButtonClass: '', | ||
| 28 | customClass: '', | ||
| 29 | beforeClose: null, | ||
| 30 | dangerouslyUseHTMLString: false, | ||
| 31 | center: false, | ||
| 32 | roundButton: false, | ||
| 33 | distinguishCancelAndClose: false | ||
| 34 | }; | ||
| 35 | |||
| 36 | import Vue from 'vue'; | ||
| 37 | import msgboxVue from './main.vue'; | ||
| 38 | import merge from 'element-ui/src/utils/merge'; | ||
| 39 | import { isVNode } from 'element-ui/src/utils/vdom'; | ||
| 40 | |||
| 41 | const MessageBoxConstructor = Vue.extend(msgboxVue); | ||
| 42 | |||
| 43 | let currentMsg, instance; | ||
| 44 | let msgQueue = []; | ||
| 45 | |||
| 46 | const defaultCallback = action => { | ||
| 47 | if (currentMsg) { | ||
| 48 | let callback = currentMsg.callback; | ||
| 49 | if (typeof callback === 'function') { | ||
| 50 | if (instance.showInput) { | ||
| 51 | callback(instance.inputValue, action); | ||
| 52 | } else { | ||
| 53 | callback(action); | ||
| 54 | } | ||
| 55 | } | ||
| 56 | } | ||
| 57 | }; | ||
| 58 | |||
| 59 | const initInstance = () => { | ||
| 60 | instance = new MessageBoxConstructor({ | ||
| 61 | el: document.createElement('div') | ||
| 62 | }); | ||
| 63 | |||
| 64 | instance.callback = defaultCallback; | ||
| 65 | }; | ||
| 66 | |||
| 67 | const showNextMsg = () => { | ||
| 68 | if (!instance) { | ||
| 69 | initInstance(); | ||
| 70 | } | ||
| 71 | instance.action = ''; | ||
| 72 | |||
| 73 | if (!instance.visible || instance.closeTimer) { | ||
| 74 | if (msgQueue.length > 0) { | ||
| 75 | currentMsg = msgQueue.shift(); | ||
| 76 | |||
| 77 | let options = currentMsg.options; | ||
| 78 | for (let prop in options) { | ||
| 79 | if (options.hasOwnProperty(prop)) { | ||
| 80 | instance[prop] = options[prop]; | ||
| 81 | } | ||
| 82 | } | ||
| 83 | if (options.callback === undefined) { | ||
| 84 | instance.callback = defaultCallback; | ||
| 85 | } | ||
| 86 | |||
| 87 | let oldCb = instance.callback; | ||
| 88 | instance.callback = (action, instance) => { | ||
| 89 | oldCb(action, instance); | ||
| 90 | showNextMsg(); | ||
| 91 | }; | ||
| 92 | if (isVNode(instance.message)) { | ||
| 93 | instance.$slots.default = [instance.message]; | ||
| 94 | instance.message = null; | ||
| 95 | } else { | ||
| 96 | delete instance.$slots.default; | ||
| 97 | } | ||
| 98 | ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(prop => { | ||
| 99 | if (instance[prop] === undefined) { | ||
| 100 | instance[prop] = true; | ||
| 101 | } | ||
| 102 | }); | ||
| 103 | document.body.appendChild(instance.$el); | ||
| 104 | |||
| 105 | Vue.nextTick(() => { | ||
| 106 | instance.visible = true; | ||
| 107 | }); | ||
| 108 | } | ||
| 109 | } | ||
| 110 | }; | ||
| 111 | |||
| 112 | const MessageBox = function (options, callback) { | ||
| 113 | if (Vue.prototype.$isServer) return; | ||
| 114 | if (typeof options === 'string' || isVNode(options)) { | ||
| 115 | options = { | ||
| 116 | message: options | ||
| 117 | }; | ||
| 118 | if (typeof arguments[1] === 'string') { | ||
| 119 | options.title = arguments[1]; | ||
| 120 | } | ||
| 121 | } else if (options.callback && !callback) { | ||
| 122 | callback = options.callback; | ||
| 123 | } | ||
| 124 | |||
| 125 | if (typeof Promise !== 'undefined') { | ||
| 126 | return new Promise((resolve, reject) => { // eslint-disable-line | ||
| 127 | msgQueue.push({ | ||
| 128 | options: merge({}, defaults, MessageBox.defaults, options), | ||
| 129 | callback: callback, | ||
| 130 | resolve: resolve, | ||
| 131 | reject: reject | ||
| 132 | }); | ||
| 133 | |||
| 134 | showNextMsg(); | ||
| 135 | }); | ||
| 136 | } else { | ||
| 137 | msgQueue.push({ | ||
| 138 | options: merge({}, defaults, MessageBox.defaults, options), | ||
| 139 | callback: callback | ||
| 140 | }); | ||
| 141 | |||
| 142 | showNextMsg(); | ||
| 143 | } | ||
| 144 | }; | ||
| 145 | |||
| 146 | MessageBox.setDefaults = defaults => { | ||
| 147 | MessageBox.defaults = defaults; | ||
| 148 | }; | ||
| 149 | |||
| 150 | MessageBox.alert = (title, message, options) => { | ||
| 151 | if (typeof title === 'object') { | ||
| 152 | options = title; | ||
| 153 | title = ''; | ||
| 154 | } else if (title === undefined) { | ||
| 155 | title = ''; | ||
| 156 | } | ||
| 157 | return MessageBox(merge({ | ||
| 158 | title: title, | ||
| 159 | message: message, | ||
| 160 | $type: 'alert', | ||
| 161 | closeOnPressEscape: false, | ||
| 162 | closeOnClickModal: false | ||
| 163 | }, options)); | ||
| 164 | }; | ||
| 165 | |||
| 166 | MessageBox.close = () => { | ||
| 167 | instance.doClose(); | ||
| 168 | instance.visible = false; | ||
| 169 | msgQueue = []; | ||
| 170 | currentMsg = null; | ||
| 171 | }; | ||
| 172 | |||
| 173 | export default MessageBox; | ||
| 174 | export { MessageBox }; |
src/components/MessageBox/src/main.vue
0 → 100644
| 1 | <template> | ||
| 2 | <transition name="msgbox-fade"> | ||
| 3 | <div class="el-message-box__wrapper" tabindex="-1" v-show="visible" @click.self="handleWrapperClick" role="dialog" | ||
| 4 | aria-modal="true" :aria-label="title || 'dialog'"> | ||
| 5 | <div class="el-message-box" :class="[customClass, center && 'el-message-box--center']"> | ||
| 6 | <div class="el-message-box__header" v-if="title !== null"> | ||
| 7 | <div class="el-message-box__title"> | ||
| 8 | <span>标题：{{ title }}</span> | ||
| 9 | </div> | ||
| 10 | <button type="button" class="el-message-box__headerbtn" aria-label="Close" v-if="showClose" | ||
| 11 | @click="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')" | ||
| 12 | @keydown.enter="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')"> | ||
| 13 | <i class="el-message-box__close el-icon-close"></i> | ||
| 14 | </button> | ||
| 15 | </div> | ||
| 16 | <div class="el-message-box__content"> | ||
| 17 | <div v-if="message !== ''" class="richText" v-html="message"></div> | ||
| 18 | </div> | ||
| 19 | <div class="el-message-box__btns"> | ||
| 20 | <el-button :loading="cancelButtonLoading" :class="[cancelButtonClasses]" :round="roundButton" size="small" | ||
| 21 | @click.native="handleAction('cancel')" @keydown.enter="handleAction('cancel')"> | ||
| 22 | {{ cancelButtonText || t('el.messagebox.cancel') }} | ||
| 23 | </el-button> | ||
| 24 | </div> | ||
| 25 | </div> | ||
| 26 | </div> | ||
| 27 | </transition> | ||
| 28 | </template> | ||
| 29 | |||
| 30 | <script type="text/babel"> | ||
| 31 | import Popup from 'element-ui/src/utils/popup'; | ||
| 32 | import Locale from 'element-ui/src/mixins/locale'; | ||
| 33 | import ElInput from 'element-ui/packages/input'; | ||
| 34 | import ElButton from 'element-ui/packages/button'; | ||
| 35 | import { addClass, removeClass } from 'element-ui/src/utils/dom'; | ||
| 36 | import { t } from 'element-ui/src/locale'; | ||
| 37 | import Dialog from 'element-ui/src/utils/aria-dialog'; | ||
| 38 | |||
| 39 | let messageBox; | ||
| 40 | let typeMap = { | ||
| 41 | success: 'success', | ||
| 42 | info: 'info', | ||
| 43 | warning: 'warning', | ||
| 44 | error: 'error' | ||
| 45 | }; | ||
| 46 | |||
| 47 | export default { | ||
| 48 | mixins: [Popup, Locale], | ||
| 49 | |||
| 50 | props: { | ||
| 51 | modal: { | ||
| 52 | default: true | ||
| 53 | }, | ||
| 54 | lockScroll: { | ||
| 55 | default: true | ||
| 56 | }, | ||
| 57 | showClose: { | ||
| 58 | type: Boolean, | ||
| 59 | default: true | ||
| 60 | }, | ||
| 61 | closeOnClickModal: { | ||
| 62 | default: true | ||
| 63 | }, | ||
| 64 | closeOnPressEscape: { | ||
| 65 | default: true | ||
| 66 | }, | ||
| 67 | closeOnHashChange: { | ||
| 68 | default: true | ||
| 69 | }, | ||
| 70 | center: { | ||
| 71 | default: false, | ||
| 72 | type: Boolean | ||
| 73 | }, | ||
| 74 | roundButton: { | ||
| 75 | default: false, | ||
| 76 | type: Boolean | ||
| 77 | } | ||
| 78 | }, | ||
| 79 | |||
| 80 | components: { | ||
| 81 | ElInput, | ||
| 82 | ElButton | ||
| 83 | }, | ||
| 84 | |||
| 85 | computed: { | ||
| 86 | icon () { | ||
| 87 | const { type, iconClass } = this; | ||
| 88 | return iconClass || (type && typeMap[type] ? `el-icon-${typeMap[type]}` : ''); | ||
| 89 | }, | ||
| 90 | |||
| 91 | confirmButtonClasses () { | ||
| 92 | return `el-button--primary ${this.confirmButtonClass}`; | ||
| 93 | }, | ||
| 94 | cancelButtonClasses () { | ||
| 95 | return `${this.cancelButtonClass}`; | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | |||
| 99 | methods: { | ||
| 100 | getSafeClose () { | ||
| 101 | const currentId = this.uid; | ||
| 102 | return () => { | ||
| 103 | this.$nextTick(() => { | ||
| 104 | if (currentId === this.uid) this.doClose(); | ||
| 105 | }); | ||
| 106 | }; | ||
| 107 | }, | ||
| 108 | doClose () { | ||
| 109 | if (!this.visible) return; | ||
| 110 | this.visible = false; | ||
| 111 | this._closing = true; | ||
| 112 | |||
| 113 | this.onClose && this.onClose(); | ||
| 114 | messageBox.closeDialog(); // 解绑 | ||
| 115 | if (this.lockScroll) { | ||
| 116 | setTimeout(this.restoreBodyStyle, 200); | ||
| 117 | } | ||
| 118 | this.opened = false; | ||
| 119 | this.doAfterClose(); | ||
| 120 | setTimeout(() => { | ||
| 121 | if (this.action) this.callback(this.action, this); | ||
| 122 | }); | ||
| 123 | }, | ||
| 124 | |||
| 125 | handleWrapperClick () { | ||
| 126 | if (this.closeOnClickModal) { | ||
| 127 | this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel'); | ||
| 128 | } | ||
| 129 | }, | ||
| 130 | |||
| 131 | handleInputEnter () { | ||
| 132 | if (this.inputType !== 'textarea') { | ||
| 133 | return this.handleAction('confirm'); | ||
| 134 | } | ||
| 135 | }, | ||
| 136 | |||
| 137 | handleAction (action) { | ||
| 138 | if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) { | ||
| 139 | return; | ||
| 140 | } | ||
| 141 | this.action = action; | ||
| 142 | if (typeof this.beforeClose === 'function') { | ||
| 143 | this.close = this.getSafeClose(); | ||
| 144 | this.beforeClose(action, this, this.close); | ||
| 145 | } else { | ||
| 146 | this.doClose(); | ||
| 147 | } | ||
| 148 | }, | ||
| 149 | |||
| 150 | validate () { | ||
| 151 | if (this.$type === 'prompt') { | ||
| 152 | const inputPattern = this.inputPattern; | ||
| 153 | if (inputPattern && !inputPattern.test(this.inputValue || '')) { | ||
| 154 | this.editorErrorMessage = this.inputErrorMessage || t('el.messagebox.error'); | ||
| 155 | addClass(this.getInputElement(), 'invalid'); | ||
| 156 | return false; | ||
| 157 | } | ||
| 158 | const inputValidator = this.inputValidator; | ||
| 159 | if (typeof inputValidator === 'function') { | ||
| 160 | const validateResult = inputValidator(this.inputValue); | ||
| 161 | if (validateResult === false) { | ||
| 162 | this.editorErrorMessage = this.inputErrorMessage || t('el.messagebox.error'); | ||
| 163 | addClass(this.getInputElement(), 'invalid'); | ||
| 164 | return false; | ||
| 165 | } | ||
| 166 | if (typeof validateResult === 'string') { | ||
| 167 | this.editorErrorMessage = validateResult; | ||
| 168 | addClass(this.getInputElement(), 'invalid'); | ||
| 169 | return false; | ||
| 170 | } | ||
| 171 | } | ||
| 172 | } | ||
| 173 | this.editorErrorMessage = ''; | ||
| 174 | removeClass(this.getInputElement(), 'invalid'); | ||
| 175 | return true; | ||
| 176 | }, | ||
| 177 | getFirstFocus () { | ||
| 178 | const btn = this.$el.querySelector('.el-message-box__btns .el-button'); | ||
| 179 | const title = this.$el.querySelector('.el-message-box__btns .el-message-box__title'); | ||
| 180 | return btn || title; | ||
| 181 | }, | ||
| 182 | getInputElement () { | ||
| 183 | const inputRefs = this.$refs.input.$refs; | ||
| 184 | return inputRefs.input || inputRefs.textarea; | ||
| 185 | }, | ||
| 186 | handleClose () { | ||
| 187 | this.handleAction('close'); | ||
| 188 | } | ||
| 189 | }, | ||
| 190 | |||
| 191 | watch: { | ||
| 192 | inputValue: { | ||
| 193 | immediate: true, | ||
| 194 | handler (val) { | ||
| 195 | this.$nextTick(_ => { | ||
| 196 | if (this.$type === 'prompt' && val !== null) { | ||
| 197 | this.validate(); | ||
| 198 | } | ||
| 199 | }); | ||
| 200 | } | ||
| 201 | }, | ||
| 202 | |||
| 203 | visible (val) { | ||
| 204 | if (val) { | ||
| 205 | this.uid++; | ||
| 206 | this.focusAfterClosed = document.activeElement; | ||
| 207 | messageBox = new Dialog(this.$el, this.focusAfterClosed, this.getFirstFocus()); | ||
| 208 | } | ||
| 209 | |||
| 210 | // prompt | ||
| 211 | if (this.$type !== 'prompt') return; | ||
| 212 | if (val) { | ||
| 213 | setTimeout(() => { | ||
| 214 | if (this.$refs.input && this.$refs.input.$el) { | ||
| 215 | this.getInputElement().focus(); | ||
| 216 | } | ||
| 217 | }, 500); | ||
| 218 | } else { | ||
| 219 | this.editorErrorMessage = ''; | ||
| 220 | removeClass(this.getInputElement(), 'invalid'); | ||
| 221 | } | ||
| 222 | } | ||
| 223 | }, | ||
| 224 | |||
| 225 | mounted () { | ||
| 226 | this.$nextTick(() => { | ||
| 227 | if (this.closeOnHashChange) { | ||
| 228 | window.addEventListener('hashchange', this.close); | ||
| 229 | } | ||
| 230 | }); | ||
| 231 | }, | ||
| 232 | |||
| 233 | beforeDestroy () { | ||
| 234 | if (this.closeOnHashChange) { | ||
| 235 | window.removeEventListener('hashchange', this.close); | ||
| 236 | } | ||
| 237 | setTimeout(() => { | ||
| 238 | messageBox.closeDialog(); | ||
| 239 | }); | ||
| 240 | }, | ||
| 241 | |||
| 242 | data () { | ||
| 243 | return { | ||
| 244 | uid: 1, | ||
| 245 | title: undefined, | ||
| 246 | message: '', | ||
| 247 | type: '', | ||
| 248 | iconClass: '', | ||
| 249 | customClass: '', | ||
| 250 | showInput: false, | ||
| 251 | inputValue: null, | ||
| 252 | inputPlaceholder: '', | ||
| 253 | inputType: 'text', | ||
| 254 | inputPattern: null, | ||
| 255 | inputValidator: null, | ||
| 256 | inputErrorMessage: '', | ||
| 257 | showConfirmButton: true, | ||
| 258 | showCancelButton: false, | ||
| 259 | action: '', | ||
| 260 | confirmButtonText: '', | ||
| 261 | cancelButtonText: '', | ||
| 262 | confirmButtonLoading: false, | ||
| 263 | cancelButtonLoading: false, | ||
| 264 | confirmButtonClass: '', | ||
| 265 | confirmButtonDisabled: false, | ||
| 266 | cancelButtonClass: '', | ||
| 267 | editorErrorMessage: null, | ||
| 268 | callback: null, | ||
| 269 | dangerouslyUseHTMLString: false, | ||
| 270 | focusAfterClosed: null, | ||
| 271 | isOnComposition: false, | ||
| 272 | distinguishCancelAndClose: false | ||
| 273 | }; | ||
| 274 | } | ||
| 275 | }; | ||
| 276 | </script> | ||
| 277 | <style scoped> | ||
| 278 | /deep/.el-message-box { | ||
| 279 | width: 500px; | ||
| 280 | max-height: 95%; | ||
| 281 | } | ||
| 282 | |||
| 283 | /deep/.message-title { | ||
| 284 | font-size: 18px; | ||
| 285 | font-weight: 700; | ||
| 286 | margin-bottom: 5px; | ||
| 287 | } | ||
| 288 | |||
| 289 | /deep/.el-message-box__content img { | ||
| 290 | width: 100%; | ||
| 291 | height: 100%; | ||
| 292 | } | ||
| 293 | |||
| 294 | /deep/.el-message-box__content { | ||
| 295 | padding-top: 0; | ||
| 296 | } | ||
| 297 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/components/Popup/index.js
0 → 100644
| 1 | import Vue from 'vue' | ||
| 2 | import Popup from './index.vue' | ||
| 3 | const PopupBox = Vue.extend(Popup) | ||
| 4 | let popuping = undefined | ||
| 5 | |||
| 6 | PopupBox.prototype.close = function () { | ||
| 7 | // 如果Popup 有引用，则去掉引用 | ||
| 8 | if (popuping) { | ||
| 9 | popuping = undefined | ||
| 10 | } | ||
| 11 | // 先将组件隐藏 | ||
| 12 | this.isShow = false | ||
| 13 | // 延迟300毫秒，等待Popup关闭动画执行完之后销毁组件 | ||
| 14 | setTimeout(() => { | ||
| 15 | // 移除挂载的dom元素 | ||
| 16 | if (this.$el && this.$el.parentNode) { | ||
| 17 | this.$el.parentNode.removeChild(this.$el) | ||
| 18 | } | ||
| 19 | }, 300) | ||
| 20 | } | ||
| 21 | |||
| 22 | const Popup1 = (title, editItem, data, formData) => { | ||
| 23 | // 如果组件已渲染，则返回即可 | ||
| 24 | if (popuping) { | ||
| 25 | return popuping | ||
| 26 | } | ||
| 27 | data.title = title | ||
| 28 | data.editItem = editItem | ||
| 29 | if (formData) { | ||
| 30 | data.formData = formData | ||
| 31 | } | ||
| 32 | // 通过构造函数初始化组件 相当于 new Vue() | ||
| 33 | let instance = new PopupBox({ | ||
| 34 | data | ||
| 35 | }).$mount() | ||
| 36 | document.body.appendChild(instance.$el) | ||
| 37 | Vue.nextTick(() => { | ||
| 38 | instance.isShow = true | ||
| 39 | }) | ||
| 40 | // 将组件实例赋值给loading | ||
| 41 | popuping = instance | ||
| 42 | return instance | ||
| 43 | } | ||
| 44 | export default Popup1 |
src/components/Popup/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <transition name="msgbox-fade" v-if="myShow"> | ||
| 3 | <div class="ls-mask" v-loading="loading"> | ||
| 4 | <div class="ls-mask-window dialogBox" :style="{ 'width': width }"> | ||
| 5 | <div class="ls-head"> | ||
| 6 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> | ||
| 7 | <svg-icon v-if="iconClass != ''" :icon-class='iconClass' /> | ||
| 8 | <b>{{ title }}</b> | ||
| 9 | </div> | ||
| 10 | <svg-icon icon-class='cancel' class="closeStyle" @click="onCancel" /> | ||
| 11 | </div> | ||
| 12 | <div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }"> | ||
| 13 | <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' /> | ||
| 14 | </div> | ||
| 15 | <div class="ls-mask-footer" v-if='btnShow'> | ||
| 16 | <el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button> | ||
| 17 | <el-button @click="onCancel">{{ cancelText }}</el-button> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | </div> | ||
| 21 | </transition> | ||
| 22 | </template> | ||
| 23 | <script> | ||
| 24 | import Popup1 from './index' | ||
| 25 | export default { | ||
| 26 | name: 'index', | ||
| 27 | data () { | ||
| 28 | return { | ||
| 29 | title: '标题', | ||
| 30 | editItem: "", | ||
| 31 | formData: undefined,//父组件传递的参数 负责传给子组件 | ||
| 32 | btnShow: false, | ||
| 33 | cancel: function () { }, | ||
| 34 | confirm: function () { }, | ||
| 35 | cancelText: '取消', | ||
| 36 | confirmText: '确认', | ||
| 37 | isSync: false, | ||
| 38 | isShow: false, | ||
| 39 | myShow: false, | ||
| 40 | titleStyle: 'center', | ||
| 41 | width: "75%", | ||
| 42 | height: "auto", | ||
| 43 | contentHeight: "", | ||
| 44 | iconClass: "", | ||
| 45 | key: 0 | ||
| 46 | } | ||
| 47 | }, | ||
| 48 | props: { | ||
| 49 | loading: { type: Boolean, default: false }, | ||
| 50 | }, | ||
| 51 | watch: { | ||
| 52 | isShow (newValue) { | ||
| 53 | this.editItem = this.loadViewFn(this.editItem) | ||
| 54 | document.body.appendChild(this.$el); | ||
| 55 | this.myShow = newValue | ||
| 56 | } | ||
| 57 | }, | ||
| 58 | mounted () { | ||
| 59 | // 计算滚动条高度 | ||
| 60 | setTimeout(() => { | ||
| 61 | if (this.btnShow) { | ||
| 62 | if (this.height == 'auto') { | ||
| 63 | this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px' | ||
| 64 | } else { | ||
| 65 | this.contentHeight = this.height | ||
| 66 | } | ||
| 67 | } else { | ||
| 68 | if (this.height == 'auto') { | ||
| 69 | this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px' | ||
| 70 | } else { | ||
| 71 | this.contentHeight = this.height | ||
| 72 | } | ||
| 73 | } | ||
| 74 | }, 300) | ||
| 75 | }, | ||
| 76 | methods: { | ||
| 77 | onCancel () { | ||
| 78 | Popup1().close() | ||
| 79 | }, | ||
| 80 | onConfirm () { | ||
| 81 | this.loading = true | ||
| 82 | let res = new Promise((resolve, reject) => { | ||
| 83 | this.confirm() | ||
| 84 | resolve(true) | ||
| 85 | }) | ||
| 86 | if (res) { | ||
| 87 | this.isShow = false | ||
| 88 | } | ||
| 89 | }, | ||
| 90 | loadingFn (e) { //加载状态 | ||
| 91 | this.loading = e | ||
| 92 | }, | ||
| 93 | loadViewFn (view) { | ||
| 94 | return (r) => | ||
| 95 | require.ensure([], () => | ||
| 96 | r(require(`@/${view}.vue`)) | ||
| 97 | ) | ||
| 98 | } | ||
| 99 | }, | ||
| 100 | destroyed () { | ||
| 101 | if (this.appendToBody && this.$el && this.$el.parentNode) { | ||
| 102 | this.$el.parentNode.removeChild(this.$el); | ||
| 103 | } | ||
| 104 | } | ||
| 105 | } | ||
| 106 | </script> | ||
| 107 | <style scoped lang="scss" > | ||
| 108 | @import "~@/styles/mixin.scss"; | ||
| 109 | @import "~@/styles/dialogBox.scss"; | ||
| 110 | |||
| 111 | .ls-mask { | ||
| 112 | width: 100%; | ||
| 113 | height: 100%; | ||
| 114 | z-index: 2000; | ||
| 115 | position: fixed; | ||
| 116 | left: 0; | ||
| 117 | top: 0; | ||
| 118 | background: rgba(0, 0, 0, 0.3); | ||
| 119 | |||
| 120 | } | ||
| 121 | |||
| 122 | .ls-mask-window { | ||
| 123 | background: white; | ||
| 124 | position: relative; | ||
| 125 | left: 50%; | ||
| 126 | top: 50%; | ||
| 127 | min-height: 200px; | ||
| 128 | transform: translate(-50%, -50%); | ||
| 129 | border-radius: 5px; | ||
| 130 | overflow: hidden; | ||
| 131 | } | ||
| 132 | |||
| 133 | .ls-mask-window b { | ||
| 134 | padding-left: 5px; | ||
| 135 | } | ||
| 136 | |||
| 137 | /deep/.closeStyle { | ||
| 138 | top: 7px !important; | ||
| 139 | } | ||
| 140 | |||
| 141 | .ls-title { | ||
| 142 | padding: 10px; | ||
| 143 | color: #ffffff; | ||
| 144 | // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | ||
| 145 | font-size: 16px; | ||
| 146 | } | ||
| 147 | |||
| 148 | .ls-title .svg-icon { | ||
| 149 | font-size: 18px; | ||
| 150 | } | ||
| 151 | |||
| 152 | .mask-content { | ||
| 153 | padding: 15px; | ||
| 154 | width: 100%; | ||
| 155 | min-height: 20%; | ||
| 156 | max-height: 95%; | ||
| 157 | // overflow-y: scroll; | ||
| 158 | } | ||
| 159 | |||
| 160 | .ls-mask-footer { | ||
| 161 | height: 50px; | ||
| 162 | display: flex; | ||
| 163 | justify-content: center; | ||
| 164 | width: 100%; | ||
| 165 | position: absolute; | ||
| 166 | border-top: 1px solid $borderColor; | ||
| 167 | bottom: 0; | ||
| 168 | background: #ffffff; | ||
| 169 | border-bottom-left-radius: 5px; | ||
| 170 | border-bottom-right-radius: 5px; | ||
| 171 | overflow: hidden; | ||
| 172 | } | ||
| 173 | |||
| 174 | |||
| 175 | /deep/.closeStyle { | ||
| 176 | position: absolute; | ||
| 177 | top: 13px; | ||
| 178 | right: 26px; | ||
| 179 | font-size: 24px; | ||
| 180 | cursor: pointer; | ||
| 181 | color: #409EFF; | ||
| 182 | } | ||
| 183 | |||
| 184 | /deep/.el-loading-mask { | ||
| 185 | background: none; | ||
| 186 | } | ||
| 187 | |||
| 188 | /deep/.el-button { | ||
| 189 | margin: 8px 10px; | ||
| 190 | width: 75px; | ||
| 191 | } | ||
| 192 | </style> |
src/components/Popup/redeme.md
0 → 100644
| 1 | 弹窗封装 | ||
| 2 | 2.用法以及参数： | ||
| 3 | this.$popup('提示','ywbl/dbx/aa',{ | ||
| 4 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 | ||
| 5 | formData: this.formData, // 父组件传给子组件的参数 | ||
| 6 | cancel: function () {}, //取消事件的回调 没有按钮可以不需要 | ||
| 7 | confirm: function () {} //确认事件的回调 没有按钮可以不需要 | ||
| 8 | }) | ||
| 9 | |||
| 10 | 5.后续有修改请添加在此处文档说明作用 | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/components/SvgIcon.vue
0 → 100644
| 1 | <!--显示svg文件图标--> | ||
| 2 | <template> | ||
| 3 | <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> | ||
| 4 | <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> | ||
| 5 | <use :xlink:href="iconName" /> | ||
| 6 | </svg> | ||
| 7 | </template> | ||
| 8 | |||
| 9 | <script> | ||
| 10 | // doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage | ||
| 11 | import { isExternal } from '@/utils/validate' | ||
| 12 | |||
| 13 | export default { | ||
| 14 | name: 'SvgIcon', | ||
| 15 | props: { | ||
| 16 | iconClass: { | ||
| 17 | type: String, | ||
| 18 | required: true | ||
| 19 | }, | ||
| 20 | className: { | ||
| 21 | type: String, | ||
| 22 | default: '' | ||
| 23 | } | ||
| 24 | }, | ||
| 25 | computed: { | ||
| 26 | isExternal() { | ||
| 27 | return isExternal(this.iconClass) | ||
| 28 | }, | ||
| 29 | iconName() { | ||
| 30 | return `#icon-${this.iconClass}` | ||
| 31 | }, | ||
| 32 | svgClass() { | ||
| 33 | if (this.className) { | ||
| 34 | return 'svg-icon ' + this.className | ||
| 35 | } else { | ||
| 36 | return 'svg-icon' | ||
| 37 | } | ||
| 38 | }, | ||
| 39 | styleExternalIcon() { | ||
| 40 | return { | ||
| 41 | mask: `url(${this.iconClass}) no-repeat 50% 50%`, | ||
| 42 | '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%` | ||
| 43 | } | ||
| 44 | } | ||
| 45 | } | ||
| 46 | } | ||
| 47 | </script> | ||
| 48 | |||
| 49 | <style scoped> | ||
| 50 | .svg-icon { | ||
| 51 | width: 1em; | ||
| 52 | height: 1em; | ||
| 53 | vertical-align: -0.15em; | ||
| 54 | fill: currentColor; | ||
| 55 | overflow: hidden; | ||
| 56 | } | ||
| 57 | |||
| 58 | .svg-external-icon { | ||
| 59 | background-color: currentColor; | ||
| 60 | mask-size: cover!important; | ||
| 61 | display: inline-block; | ||
| 62 | } | ||
| 63 | </style> |
src/components/Theme.vue
0 → 100644
| 1 | <template> | ||
| 2 | <el-color-picker v-model="theme" | ||
| 3 | :predefine="['#409EFF', '#1890ff', '#304156', '#212121', '#11a983', '#13c2c2', '#6959CD', '#f5222d',]" | ||
| 4 | class="theme-picker" popper-class="theme-picker-dropdown" /> | ||
| 5 | </template> | ||
| 6 | |||
| 7 | <script> | ||
| 8 | const version = require('element-ui/package.json').version // element-ui version from node_modules | ||
| 9 | const ORIGINAL_THEME = '#409EFF' // default color | ||
| 10 | |||
| 11 | export default { | ||
| 12 | data () { | ||
| 13 | return { | ||
| 14 | chalk: '', // content of theme-chalk css | ||
| 15 | theme: '' | ||
| 16 | } | ||
| 17 | }, | ||
| 18 | computed: { | ||
| 19 | defaultTheme () { | ||
| 20 | return this.$store.state.app.theme | ||
| 21 | } | ||
| 22 | }, | ||
| 23 | watch: { | ||
| 24 | defaultTheme: { | ||
| 25 | handler: function (val, oldVal) { | ||
| 26 | this.theme = val | ||
| 27 | }, | ||
| 28 | immediate: true | ||
| 29 | }, | ||
| 30 | async theme (val) { | ||
| 31 | const oldVal = this.chalk ? this.theme : ORIGINAL_THEME | ||
| 32 | if (typeof val !== 'string') return | ||
| 33 | const themeCluster = this.getThemeCluster(val.replace('#', '')) | ||
| 34 | const originalCluster = this.getThemeCluster(oldVal.replace('#', '')) | ||
| 35 | console.log(themeCluster, originalCluster) | ||
| 36 | |||
| 37 | const $message = this.$message({ | ||
| 38 | message: ' Compiling the theme', | ||
| 39 | customClass: 'theme-message', | ||
| 40 | type: 'success', | ||
| 41 | duration: 0, | ||
| 42 | iconClass: 'el-icon-loading' | ||
| 43 | }) | ||
| 44 | |||
| 45 | const getHandler = (variable, id) => { | ||
| 46 | return () => { | ||
| 47 | const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', '')) | ||
| 48 | const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster) | ||
| 49 | |||
| 50 | let styleTag = document.getElementById(id) | ||
| 51 | if (!styleTag) { | ||
| 52 | styleTag = document.createElement('style') | ||
| 53 | styleTag.setAttribute('id', id) | ||
| 54 | document.head.appendChild(styleTag) | ||
| 55 | } | ||
| 56 | styleTag.innerText = newStyle | ||
| 57 | } | ||
| 58 | } | ||
| 59 | |||
| 60 | if (!this.chalk) { | ||
| 61 | const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css` | ||
| 62 | await this.getCSSString(url, 'chalk') | ||
| 63 | } | ||
| 64 | |||
| 65 | const chalkHandler = getHandler('chalk', 'chalk-style') | ||
| 66 | |||
| 67 | chalkHandler() | ||
| 68 | |||
| 69 | const styles = [].slice.call(document.querySelectorAll('style')) | ||
| 70 | .filter(style => { | ||
| 71 | const text = style.innerText | ||
| 72 | return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text) | ||
| 73 | }) | ||
| 74 | styles.forEach(style => { | ||
| 75 | const { innerText } = style | ||
| 76 | if (typeof innerText !== 'string') return | ||
| 77 | style.innerText = this.updateStyle(innerText, originalCluster, themeCluster) | ||
| 78 | }) | ||
| 79 | |||
| 80 | this.$emit('change', val) | ||
| 81 | |||
| 82 | $message.close() | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | |||
| 86 | methods: { | ||
| 87 | updateStyle (style, oldCluster, newCluster) { | ||
| 88 | let newStyle = style | ||
| 89 | oldCluster.forEach((color, index) => { | ||
| 90 | newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index]) | ||
| 91 | }) | ||
| 92 | return newStyle | ||
| 93 | }, | ||
| 94 | |||
| 95 | getCSSString (url, variable) { | ||
| 96 | return new Promise(resolve => { | ||
| 97 | const xhr = new XMLHttpRequest() | ||
| 98 | xhr.onreadystatechange = () => { | ||
| 99 | if (xhr.readyState === 4 && xhr.status === 200) { | ||
| 100 | this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '') | ||
| 101 | resolve() | ||
| 102 | } | ||
| 103 | } | ||
| 104 | xhr.open('GET', url) | ||
| 105 | xhr.send() | ||
| 106 | }) | ||
| 107 | }, | ||
| 108 | |||
| 109 | getThemeCluster (theme) { | ||
| 110 | const tintColor = (color, tint) => { | ||
| 111 | let red = parseInt(color.slice(0, 2), 16) | ||
| 112 | let green = parseInt(color.slice(2, 4), 16) | ||
| 113 | let blue = parseInt(color.slice(4, 6), 16) | ||
| 114 | |||
| 115 | if (tint === 0) { // when primary color is in its rgb space | ||
| 116 | return [red, green, blue].join(',') | ||
| 117 | } else { | ||
| 118 | red += Math.round(tint * (255 - red)) | ||
| 119 | green += Math.round(tint * (255 - green)) | ||
| 120 | blue += Math.round(tint * (255 - blue)) | ||
| 121 | |||
| 122 | red = red.toString(16) | ||
| 123 | green = green.toString(16) | ||
| 124 | blue = blue.toString(16) | ||
| 125 | |||
| 126 | return `#${red}${green}${blue}` | ||
| 127 | } | ||
| 128 | } | ||
| 129 | |||
| 130 | const shadeColor = (color, shade) => { | ||
| 131 | let red = parseInt(color.slice(0, 2), 16) | ||
| 132 | let green = parseInt(color.slice(2, 4), 16) | ||
| 133 | let blue = parseInt(color.slice(4, 6), 16) | ||
| 134 | |||
| 135 | red = Math.round((1 - shade) * red) | ||
| 136 | green = Math.round((1 - shade) * green) | ||
| 137 | blue = Math.round((1 - shade) * blue) | ||
| 138 | |||
| 139 | red = red.toString(16) | ||
| 140 | green = green.toString(16) | ||
| 141 | blue = blue.toString(16) | ||
| 142 | |||
| 143 | return `#${red}${green}${blue}` | ||
| 144 | } | ||
| 145 | |||
| 146 | const clusters = [theme] | ||
| 147 | for (let i = 0; i <= 9; i++) { | ||
| 148 | clusters.push(tintColor(theme, Number((i / 10).toFixed(2)))) | ||
| 149 | } | ||
| 150 | clusters.push(shadeColor(theme, 0.1)) | ||
| 151 | return clusters | ||
| 152 | } | ||
| 153 | } | ||
| 154 | } | ||
| 155 | </script> | ||
| 156 | |||
| 157 | <style> | ||
| 158 | .theme-message, | ||
| 159 | .theme-picker-dropdown { | ||
| 160 | z-index: 99999 !important; | ||
| 161 | } | ||
| 162 | |||
| 163 | .theme-picker .el-color-picker__trigger { | ||
| 164 | height: 26px !important; | ||
| 165 | width: 26px !important; | ||
| 166 | padding: 2px; | ||
| 167 | } | ||
| 168 | |||
| 169 | .theme-picker-dropdown .el-color-dropdown__link-btn { | ||
| 170 | display: none; | ||
| 171 | } | ||
| 172 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/components/TreeSelect.vue
0 → 100644
| 1 | <template> | ||
| 2 | <el-select :value="valueTitle" ref="carrerSelect" :disabled="$store.state.business.Edit" style="width:100%" | ||
| 3 | :placeholder="placeholder" | ||
| 4 | clearable @clear="clearHandle"> | ||
| 5 | <el-option :value="valueTitle" :label="valueTitle" class="options"> | ||
| 6 | <el-tree id="tree-option" ref="selectTree" :accordion="accordion" :data="options" | ||
| 7 | :check-strictly="true" | ||
| 8 | :props="props" :node-key="props.value" :default-expanded-keys="defaultExpandedKey" | ||
| 9 | :filter-node-method="filterNode" @node-click="handleNodeClick"> | ||
| 10 | </el-tree> | ||
| 11 | </el-option> | ||
| 12 | </el-select> | ||
| 13 | </template> | ||
| 14 | |||
| 15 | <script> | ||
| 16 | export default { | ||
| 17 | name: 'el-tree-select', | ||
| 18 | props: { | ||
| 19 | /* 配置项 */ | ||
| 20 | props: { | ||
| 21 | type: Object, | ||
| 22 | default: () => { | ||
| 23 | return { | ||
| 24 | value: 'DCODE', // ID字段名 | ||
| 25 | label: 'DNAME', // 显示名称 | ||
| 26 | children: 'children', // 子级字段名 | ||
| 27 | } | ||
| 28 | }, | ||
| 29 | }, | ||
| 30 | options: { | ||
| 31 | type: Array, | ||
| 32 | default: () => { | ||
| 33 | return [] | ||
| 34 | }, | ||
| 35 | }, | ||
| 36 | /* 初始值 */ | ||
| 37 | value: { | ||
| 38 | type: String, | ||
| 39 | default: () => { | ||
| 40 | return null | ||
| 41 | }, | ||
| 42 | }, | ||
| 43 | /* 自动收起 */ | ||
| 44 | accordion: { | ||
| 45 | type: Boolean, | ||
| 46 | default: () => { | ||
| 47 | return true | ||
| 48 | }, | ||
| 49 | }, | ||
| 50 | placeholder: { | ||
| 51 | type: String, | ||
| 52 | default: () => { | ||
| 53 | return '请选择' | ||
| 54 | }, | ||
| 55 | }, | ||
| 56 | }, | ||
| 57 | data () { | ||
| 58 | return { | ||
| 59 | valueId: this.value, // 初始值 | ||
| 60 | valueTitle: '', | ||
| 61 | defaultExpandedKey: [], | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | mounted () { | ||
| 65 | this.initHandle() | ||
| 66 | }, | ||
| 67 | methods: { | ||
| 68 | // 初始化值 | ||
| 69 | initHandle () { | ||
| 70 | if (this.valueId && this.options.length!=0) { | ||
| 71 | this.valueTitle = this.$refs.selectTree.getNode(this.valueId).data[ | ||
| 72 | this.props.label | ||
| 73 | ] // 初始化显示 | ||
| 74 | this.$refs.selectTree.setCurrentKey(this.valueId) // 设置默认选中 | ||
| 75 | this.defaultExpandedKey = [this.valueId] // 设置默认展开 | ||
| 76 | } | ||
| 77 | this.initScroll() | ||
| 78 | }, | ||
| 79 | // 初始化滚动条 | ||
| 80 | initScroll () { | ||
| 81 | this.$nextTick(() => { | ||
| 82 | let scrollWrap = document.querySelectorAll( | ||
| 83 | '.el-scrollbar .el-select-dropdown__wrap' | ||
| 84 | )[0] | ||
| 85 | let scrollBar = document.querySelectorAll( | ||
| 86 | '.el-scrollbar .el-scrollbar__bar' | ||
| 87 | ) | ||
| 88 | scrollWrap.style.cssText = | ||
| 89 | 'margin: 0px; max-height: none; overflow: hidden;' | ||
| 90 | scrollBar.forEach((ele) => (ele.style.width = 0)) | ||
| 91 | }) | ||
| 92 | }, | ||
| 93 | // 切换选项 | ||
| 94 | handleNodeClick (node) { | ||
| 95 | this.valueId = node[this.props.value] | ||
| 96 | this.valueTitle = node[this.props.label] | ||
| 97 | // this.$emit('getValue', this.valueId) | ||
| 98 | this.$emit("input", this.valueId); | ||
| 99 | this.defaultExpandedKey = [] | ||
| 100 | if (!node.children) { | ||
| 101 | this.$refs.carrerSelect.handleClose() | ||
| 102 | } | ||
| 103 | }, | ||
| 104 | // parentId (arr1, id) { | ||
| 105 | // let _this = this | ||
| 106 | // var temp = [] | ||
| 107 | // var forFn = function (arr, id) { | ||
| 108 | // for (var i = 0; i < arr.length; i++) { | ||
| 109 | // var item = arr[i] | ||
| 110 | // if (item[_this.props.value] === id) { | ||
| 111 | // forFn(arr1, item.parentid) | ||
| 112 | // temp.push(item[_this.props.label]) | ||
| 113 | // break | ||
| 114 | // } else { | ||
| 115 | // if (item.children) { | ||
| 116 | // forFn(item.children, id) | ||
| 117 | // } | ||
| 118 | // } | ||
| 119 | // } | ||
| 120 | // } | ||
| 121 | // forFn(arr1, id) | ||
| 122 | // return temp | ||
| 123 | // }, | ||
| 124 | // 清除选中 | ||
| 125 | clearHandle () { | ||
| 126 | this.valueTitle = '' | ||
| 127 | this.valueId = null | ||
| 128 | this.defaultExpandedKey = [] | ||
| 129 | this.clearSelected() | ||
| 130 | this.$emit('getValue', null) | ||
| 131 | }, | ||
| 132 | /* 清空选中样式 */ | ||
| 133 | clearSelected () { | ||
| 134 | let allNode = document.querySelectorAll('#tree-option .el-tree-node') | ||
| 135 | allNode.forEach((element) => element.classList.remove('is-current')) | ||
| 136 | }, | ||
| 137 | filterNode (value, data) { | ||
| 138 | if (!value) return true | ||
| 139 | return data.name.indexOf(value) !== -1 | ||
| 140 | }, | ||
| 141 | }, | ||
| 142 | watch: { | ||
| 143 | value () { | ||
| 144 | this.valueId = this.value | ||
| 145 | this.initHandle() | ||
| 146 | }, | ||
| 147 | filterText (val) { | ||
| 148 | this.$refs.selectTree.filter(val) | ||
| 149 | }, | ||
| 150 | }, | ||
| 151 | } | ||
| 152 | </script> | ||
| 153 | <!-- Add "scoped" attribute to limit CSS to this component only --> | ||
| 154 | <style scoped> | ||
| 155 | .el-scrollbar .el-scrollbar__view .el-select-dropdown__item { | ||
| 156 | height: auto; | ||
| 157 | max-height: 274px; | ||
| 158 | padding: 0; | ||
| 159 | overflow: hidden; | ||
| 160 | overflow-y: auto; | ||
| 161 | } | ||
| 162 | .el-select-dropdown__item.selected { | ||
| 163 | font-weight: normal; | ||
| 164 | } | ||
| 165 | ul li >>> .el-tree .el-tree-node__content { | ||
| 166 | height: auto; | ||
| 167 | padding: 0 20px; | ||
| 168 | } | ||
| 169 | .el-tree-node__label { | ||
| 170 | font-weight: normal; | ||
| 171 | } | ||
| 172 | .el-tree >>> .is-current .el-tree-node__label { | ||
| 173 | color: #409eff; | ||
| 174 | font-weight: 700; | ||
| 175 | } | ||
| 176 | .el-tree >>> .is-current .el-tree-node__children .el-tree-node__label { | ||
| 177 | color: #606266; | ||
| 178 | font-weight: normal; | ||
| 179 | } | ||
| 180 | .selectInput { | ||
| 181 | padding: 0 5px; | ||
| 182 | box-sizing: border-box; | ||
| 183 | } | ||
| 184 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment