Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
05e6771c by yangwei
Options

components组件文件命名规范修改，组件目录层级及引用关系修改

1 parent e29c8c44
Inline Side-by-side
Showing 106 changed files with 14611 additions and 85 deletions
1 import dialogBox from '@/components/DialogBox/dialogBox.vue' 1 import dialogBox from '@/components/DialogBox'
2 import LbTable from '@/components/LbTable/lb-table.vue' 2 import LbTable from '@/components/LbTable'
3 import Theme from '@/components/Theme/theme.vue' 3 import Theme from '@/components/Theme.vue'
4 // 引入按钮 4 // 引入按钮
5 import btn from '@/components/Button/src/button' 5 import btn from '@/components/Button.vue'
6 import Popup from '@/components/Popup/index' 6 import Popup from '@/components/Popup/index'
7 import MessageBox from '@/components/MessageBox/index.js' 7 import MessageBox from '@/components/MessageBox/index.js'
8 export default { 8 export default {
......
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 }
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
...@@ -28,16 +28,16 @@ export default { ...@@ -28,16 +28,16 @@ export default {
28 } 28 }
29 29
30 .cx { 30 .cx {
31 background: url('../../../image/btn.png') no-repeat -4px -40px; 31 background: url('../image/btn.png') no-repeat -4px -40px;
32 cursor: pointer; 32 cursor: pointer;
33 } 33 }
34 34
35 .cz { 35 .cz {
36 background: url('../../../image/btn.png') no-repeat -4px -4px; 36 background: url('../image/btn.png') no-repeat -4px -4px;
37 cursor: pointer; 37 cursor: pointer;
38 } 38 }
39 39
40 .sb { 40 .sb {
41 background: url('../../../image/btn.png') no-repeat -4px -112px; 41 background: url('../image/btn.png') no-repeat -4px -112px;
42 } 42 }
43 </style> 43 </style>
......
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
...@@ -116,8 +116,8 @@ ...@@ -116,8 +116,8 @@
116 116
117 <script> 117 <script>
118 import { mapGetters } from "vuex"; 118 import { mapGetters } from "vuex";
119 import JsonEditor from "@/components/JsonEditor/index"; 119 import JsonEditor from "@/components/JsonEditor.vue";
120 import Xyjg from "./result"; 120 import Xyjg from "./Result";
121 import { getDetail, getXml } from "@/api/dataReport.js"; 121 import { getDetail, getXml } from "@/api/dataReport.js";
122 import { MessageBox } from "element-ui"; 122 import { MessageBox } from "element-ui";
123 export default { 123 export default {
...@@ -206,7 +206,7 @@ export default { ...@@ -206,7 +206,7 @@ export default {
206 }, 206 },
207 loadView (view) { 207 loadView (view) {
208 return (r) => 208 return (r) =>
209 require.ensure([], () => r(require(`@/components/business/${view}`))); 209 require.ensure([], () => r(require(`@/components/Business/${view}`)));
210 }, 210 },
211 closeDialog () { 211 closeDialog () {
212 this.dialogVisible = false; 212 this.dialogVisible = false;
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 </template> 39 </template>
40 40
41 <script> 41 <script>
42 import LbRender from './lb-render' 42 import LbRender from './LbRender'
43 import forced from './forced.js' 43 import forced from './forced.js'
44 export default { 44 export default {
45 name: 'LbColumn', 45 name: 'LbColumn',
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </template> 46 </template>
47 47
48 <script> 48 <script>
49 import LbColumn from './lb-column' 49 import LbColumn from './LbColumn'
50 export default { 50 export default {
51 props: { 51 props: {
52 column: Array, 52 column: Array,
......
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
90 import djfDjSqr from "@/api/djfDjSqr"; 90 import djfDjSqr from "@/api/djfDjSqr";
91 import djfDjDb from "@/api/djfDjDb" 91 import djfDjDb from "@/api/djfDjDb"
92 import ruleMixin from "@/mixins/ruleMixin.js"; 92 import ruleMixin from "@/mixins/ruleMixin.js";
93 import treeSelect from "@/components/treeSelect/index.vue"; 93 import treeSelect from '@/components/TreeSelect.vue'
94 export default { 94 export default {
95 mixins: [ruleMixin], 95 mixins: [ruleMixin],
96 props: { 96 props: {
......
...@@ -186,7 +186,7 @@ ...@@ -186,7 +186,7 @@
186 // 发证信息 186 // 发证信息
187 import djfDjFz from '@/api/djfDjFz' 187 import djfDjFz from '@/api/djfDjFz'
188 import ruleMixin from '@/mixins/ruleMixin.js' 188 import ruleMixin from '@/mixins/ruleMixin.js'
189 import treeSelect from '@/components/treeSelect/index.vue' 189 import treeSelect from '@/components/TreeSelect.vue'
190 export default { 190 export default {
191 mixins: [ruleMixin], 191 mixins: [ruleMixin],
192 props: { 192 props: {
......
...@@ -311,7 +311,7 @@ ...@@ -311,7 +311,7 @@
311 // 申请人属性信息 311 // 申请人属性信息
312 import djfDjSqr from "@/api/djfDjSqr"; 312 import djfDjSqr from "@/api/djfDjSqr";
313 import ruleMixin from "@/mixins/ruleMixin.js"; 313 import ruleMixin from "@/mixins/ruleMixin.js";
314 import treeSelect from "@/components/treeSelect/index.vue"; 314 import treeSelect from '@/components/TreeSelect.vue'
315 export default { 315 export default {
316 mixins: [ruleMixin], 316 mixins: [ruleMixin],
317 props: { 317 props: {
......
...@@ -435,7 +435,7 @@ ...@@ -435,7 +435,7 @@
435 // 宗地基本信息 435 // 宗地基本信息
436 import kttZdjbxx from '@/api/kttZdjbxx' 436 import kttZdjbxx from '@/api/kttZdjbxx'
437 import ruleMixin from '@/mixins/ruleMixin.js' 437 import ruleMixin from '@/mixins/ruleMixin.js'
438 import treeSelect from '@/components/treeSelect/index.vue' 438 import treeSelect from '@/components/TreeSelect.vue'
439 export default { 439 export default {
440 mixins: [ruleMixin], 440 mixins: [ruleMixin],
441 components: { 441 components: {
......
...@@ -321,7 +321,7 @@ ...@@ -321,7 +321,7 @@
321 <script> 321 <script>
322 import zttGyQlr from '@/api/zttGyQlr' 322 import zttGyQlr from '@/api/zttGyQlr'
323 import ruleMixin from '@/mixins/ruleMixin.js' 323 import ruleMixin from '@/mixins/ruleMixin.js'
324 import treeSelect from '../treeSelect/index.vue' 324 import treeSelect from '@/components/TreeSelect.vue'
325 // 权利人 325 // 权利人
326 export default { 326 export default {
327 mixins: [ruleMixin], 327 mixins: [ruleMixin],
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 import Chart from './chart.vue' 6 import Chart from './Chart'
7 export default { 7 export default {
8 data () { 8 data () {
9 return { 9 return {
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 </template> 10 </template>
11 11
12 <script> 12 <script>
13 import Chart from "./chart.vue"; 13 import Chart from "./Chart";
14 import work from "@/api/work"; 14 import work from "@/api/work";
15 export default { 15 export default {
16 data () { 16 data () {
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 import Chart from "./chart.vue"; 6 import Chart from "./Chart";
7 import work from "@/api/work"; 7 import work from "@/api/work";
8 export default { 8 export default {
9 data () { 9 data () {
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 import Chart from "./chart.vue"; 6 import Chart from "./Chart";
7 import work from "@/api/work"; 7 import work from "@/api/work";
8 export default { 8 export default {
9 data () { 9 data () {
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 import Chart from './chart.vue'; 6 import Chart from "./Chart";
7 import work from "@/api/work"; 7 import work from "@/api/work";
8 export default { 8 export default {
9 data () { 9 data () {
......
1 <template>
2 <div>
3 <el-table :data="data" border v-loading="loading" v-bind="$attrs" v-on="$listeners">
4 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
5 </lb-column>
6 </el-table>
7 <el-pagination class="lb-table-pagination" v-if="pagination" :page-sizes="[10, 20, 50, 100]"
8 layout="total, prev, pager, next, jumper" :style="{
9 'margin-top': '16px',
10 'text-align': 'right',
11 }" v-bind="$attrs" v-on="$listeners" :pager-count="6" @current-change="paginationCurrentChange">
12 </el-pagination>
13 </div>
14 </template>
15
16 <script>
17 import LbColumn from "@/components/LbTable/lb-column";
18
19 export default {
20 components: { LbColumn },
21 props: {
22 data: Array,
23 column: Array,
24 pagination: {
25 type: Boolean,
26 default: true,
27 },
28 },
29 methods: {
30 paginationCurrentChange (val) {
31 this.$emit("current-change", val);
32 },
33 },
34 };
35 </script>
36 <style rel="stylesheet/less" lang="less" scoped>
37
38 </style>
1 import Vue from 'vue' 1 import Vue from 'vue'
2 import SvgIcon from '@/components/SvgIcon'// svg component 2 import SvgIcon from '@/components/SvgIcon.vue'// svg component
3 3
4 // register globally 4 // register globally
5 Vue.component('svg-icon', SvgIcon) 5 Vue.component('svg-icon', SvgIcon)
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 </section> 7 </section>
8 </template> 8 </template>
9 <script> 9 <script>
10 import Breadcrumb from "@/components/Breadcrumb/index"; 10 import Breadcrumb from "@/components/Breadcrumb.vue";
11 export default { 11 export default {
12 name: 'AppMain', 12 name: 'AppMain',
13 components: { 13 components: {
......
...@@ -4,7 +4,7 @@ import 'normalize.css/normalize.css' // a modern alternative to CSS resets ...@@ -4,7 +4,7 @@ import 'normalize.css/normalize.css' // a modern alternative to CSS resets
4 import Element from 'element-ui' 4 import Element from 'element-ui'
5 import '@/styles/element-variables.scss' 5 import '@/styles/element-variables.scss'
6 import '@/styles/index.scss' 6 import '@/styles/index.scss'
7 import Base from '@/components/Base/base' // 全局组件引入 7 import Base from './base' // 全局组件引入
8 import mixin from '@/utils/mixin/theme.js' 8 import mixin from '@/utils/mixin/theme.js'
9 import dataV from '@jiaminghi/data-view'; 9 import dataV from '@jiaminghi/data-view';
10 import echarts from "echarts" 10 import echarts from "echarts"
......
1 import { mapGetters } from 'vuex' 1 import { mapGetters } from 'vuex'
2 // 引入详情弹框 2 // 引入详情弹框
3 import dataDetails from "@/components/dataDetails/edit-dialog"; 3 import dataDetails from "@/components/EditDialog";
4 let mixin = { 4 let mixin = {
5 data () { 5 data () {
6 return { 6 return {
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
80 import data from "./data" 80 import data from "./data"
81 import qlfQlDyaq from '@/api/qlfQlDyaq' 81 import qlfQlDyaq from '@/api/qlfQlDyaq'
82 import tableMixin from '@/mixins/tableMixin.js' 82 import tableMixin from '@/mixins/tableMixin.js'
83 import treeSelect from '@/components/treeSelect/index.vue' 83 import treeSelect from '@/components/TreeSelect.vue'
84 export default { 84 export default {
85 name: "dyaq", 85 name: "dyaq",
86 mixins: [tableMixin], 86 mixins: [tableMixin],
......
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
82 import data from "./data" 82 import data from "./data"
83 import qlfQlDyiq from '@/api/qlfQlDyiq' 83 import qlfQlDyiq from '@/api/qlfQlDyiq'
84 import tableMixin from '@/mixins/tableMixin.js' 84 import tableMixin from '@/mixins/tableMixin.js'
85 import treeSelect from '@/components/treeSelect/index.vue' 85 import treeSelect from '@/components/TreeSelect.vue'
86 export default { 86 export default {
87 name: "dyiq", 87 name: "dyiq",
88 mixins: [tableMixin], 88 mixins: [tableMixin],
......
...@@ -73,7 +73,7 @@ import data from "./data" ...@@ -73,7 +73,7 @@ import data from "./data"
73 import qltFwFdcqDz from '@/api/qltFwFdcqDz' 73 import qltFwFdcqDz from '@/api/qltFwFdcqDz'
74 import sjsbFunctionOper from '@/api/sjsbFunctionOper' 74 import sjsbFunctionOper from '@/api/sjsbFunctionOper'
75 import tableMixin from '@/mixins/tableMixin.js' 75 import tableMixin from '@/mixins/tableMixin.js'
76 import treeSelect from '@/components/treeSelect/index.vue' 76 import treeSelect from '@/components/TreeSelect.vue'
77 export default { 77 export default {
78 name: "fdcqdz", 78 name: "fdcqdz",
79 mixins: [tableMixin], 79 mixins: [tableMixin],
......
...@@ -45,7 +45,7 @@ import data from "./data" ...@@ -45,7 +45,7 @@ import data from "./data"
45 import qlfFwFdcqQfsyq from '@/api/qlfFwFdcqQfsyq' 45 import qlfFwFdcqQfsyq from '@/api/qlfFwFdcqQfsyq'
46 import sjsbFunctionOper from '@/api/sjsbFunctionOper' 46 import sjsbFunctionOper from '@/api/sjsbFunctionOper'
47 import tableMixin from '@/mixins/tableMixin.js' 47 import tableMixin from '@/mixins/tableMixin.js'
48 import treeSelect from '@/components/treeSelect/index.vue' 48 import treeSelect from '@/components/TreeSelect.vue'
49 export default { 49 export default {
50 name: "fdcqqfsyq", 50 name: "fdcqqfsyq",
51 mixins: [tableMixin], 51 mixins: [tableMixin],
......
...@@ -73,7 +73,7 @@ import data from "./data" ...@@ -73,7 +73,7 @@ import data from "./data"
73 import qltFwFdcqYz from '@/api/qltFwFdcqYz' 73 import qltFwFdcqYz from '@/api/qltFwFdcqYz'
74 import sjsbFunctionOper from '@/api/sjsbFunctionOper' 74 import sjsbFunctionOper from '@/api/sjsbFunctionOper'
75 import tableMixin from '@/mixins/tableMixin.js' 75 import tableMixin from '@/mixins/tableMixin.js'
76 import treeSelect from '@/components/treeSelect/index.vue' 76 import treeSelect from '@/components/TreeSelect.vue'
77 export default { 77 export default {
78 name: "fdcqyz", 78 name: "fdcqyz",
79 mixins: [tableMixin], 79 mixins: [tableMixin],
......
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 import data from "./data" 69 import data from "./data"
70 import qltQlGjzwsyq from '@/api/qltQlGjzwsyq' 70 import qltQlGjzwsyq from '@/api/qltQlGjzwsyq'
71 import tableMixin from '@/mixins/tableMixin.js' 71 import tableMixin from '@/mixins/tableMixin.js'
72 import treeSelect from '@/components/treeSelect/index.vue' 72 import treeSelect from '@/components/TreeSelect.vue'
73 export default { 73 export default {
74 name: "gzwsyq", 74 name: "gzwsyq",
75 mixins: [tableMixin], 75 mixins: [tableMixin],
......
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
70 import data from "./data" 70 import data from "./data"
71 import qlfQlHysyq from '@/api/qlfQlHysyq' 71 import qlfQlHysyq from '@/api/qlfQlHysyq'
72 import tableMixin from '@/mixins/tableMixin.js' 72 import tableMixin from '@/mixins/tableMixin.js'
73 import treeSelect from '@/components/treeSelect/index.vue' 73 import treeSelect from '@/components/TreeSelect.vue'
74 export default { 74 export default {
75 name: "hysyq", 75 name: "hysyq",
76 mixins: [tableMixin], 76 mixins: [tableMixin],
......
...@@ -68,7 +68,7 @@ import data from "./data" ...@@ -68,7 +68,7 @@ import data from "./data"
68 import qlfQlJsydsyq from '@/api/qlfQlJsydsyq' 68 import qlfQlJsydsyq from '@/api/qlfQlJsydsyq'
69 import sjsbFunctionOper from '@/api/sjsbFunctionOper' 69 import sjsbFunctionOper from '@/api/sjsbFunctionOper'
70 import tableMixin from '@/mixins/tableMixin.js' 70 import tableMixin from '@/mixins/tableMixin.js'
71 import treeSelect from '@/components/treeSelect/index.vue' 71 import treeSelect from '@/components/TreeSelect.vue'
72 export default { 72 export default {
73 name: "jsydzjdsyq", 73 name: "jsydzjdsyq",
74 mixins: [tableMixin], 74 mixins: [tableMixin],
......
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
65 import data from "./data" 65 import data from "./data"
66 import qltQlLq from '@/api/qltQlLq' 66 import qltQlLq from '@/api/qltQlLq'
67 import tableMixin from '@/mixins/tableMixin.js' 67 import tableMixin from '@/mixins/tableMixin.js'
68 import treeSelect from '@/components/treeSelect/index.vue' 68 import treeSelect from '@/components/TreeSelect.vue'
69 export default { 69 export default {
70 name: "lq", 70 name: "lq",
71 mixins: [tableMixin], 71 mixins: [tableMixin],
......
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 import data from "./data" 69 import data from "./data"
70 import qlfQlNydsyq from '@/api/qlfQlNydsyq' 70 import qlfQlNydsyq from '@/api/qlfQlNydsyq'
71 import tableMixin from '@/mixins/tableMixin.js' 71 import tableMixin from '@/mixins/tableMixin.js'
72 import treeSelect from '@/components/treeSelect/index.vue' 72 import treeSelect from '@/components/TreeSelect.vue'
73 export default { 73 export default {
74 name: "nydsyq", 74 name: "nydsyq",
75 mixins: [tableMixin], 75 mixins: [tableMixin],
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 import data from "./data" 67 import data from "./data"
68 import qlfQlTdsyq from '@/api/qlfQlTdsyq' 68 import qlfQlTdsyq from '@/api/qlfQlTdsyq'
69 import tableMixin from '@/mixins/tableMixin.js' 69 import tableMixin from '@/mixins/tableMixin.js'
70 import treeSelect from '@/components/treeSelect/index.vue' 70 import treeSelect from '@/components/TreeSelect.vue'
71 export default { 71 export default {
72 components: { 72 components: {
73 treeSelect 73 treeSelect
......
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
76 import data from "./data" 76 import data from "./data"
77 import qlfQlYgdj from '@/api/qlfQlYgdj' 77 import qlfQlYgdj from '@/api/qlfQlYgdj'
78 import tableMixin from '@/mixins/tableMixin.js' 78 import tableMixin from '@/mixins/tableMixin.js'
79 import treeSelect from '@/components/treeSelect/index.vue' 79 import treeSelect from '@/components/TreeSelect.vue'
80 export default { 80 export default {
81 name: "ygdj", 81 name: "ygdj",
82 mixins: [tableMixin], 82 mixins: [tableMixin],
......
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 import data from "./data" 66 import data from "./data"
67 import qlfQlYydj from '@/api/qlfQlYydj' 67 import qlfQlYydj from '@/api/qlfQlYydj'
68 import tableMixin from '@/mixins/tableMixin.js' 68 import tableMixin from '@/mixins/tableMixin.js'
69 import treeSelect from '@/components/treeSelect/index.vue' 69 import treeSelect from '@/components/TreeSelect.vue'
70 export default { 70 export default {
71 name: "yydj", 71 name: "yydj",
72 mixins: [tableMixin], 72 mixins: [tableMixin],
......
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
12 </template> 12 </template>
13 13
14 <script> 14 <script>
15 import maps from "@/components/echart/map"; 15 import maps from "@/components/Echart/Map";
16 import brokenline from "@/components/echart/brokenline"; 16 import brokenline from "@/components/Echart/Brokenline";
17 export default { 17 export default {
18 data () { 18 data () {
19 return {}; 19 return {};
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
54 </template> 54 </template>
55 55
56 <script> 56 <script>
57 import columnar from "@/components/echart/columnar"; 57 import columnar from "@/components/Echart/Columnar";
58 import work from "@/api/work"; 58 import work from "@/api/work";
59 export default { 59 export default {
60 data () { 60 data () {
......
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 </template> 18 </template>
19 19
20 <script> 20 <script>
21 import columnarsmat from "@/components/echart/columnarsmat"; 21 import columnarsmat from "@/components/Echart/Columnarsmat";
22 import Rose from "@/components/echart/Rose"; 22 import Rose from "@/components/Echart/Rose";
23 export default { 23 export default {
24 data () { 24 data () {
25 return { 25 return {
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
95 <script> 95 <script>
96 // 上报首页 96 // 上报首页
97 import wgsl from "./wgsl.vue"; 97 import wgsl from "./wgsl.vue";
98 import CenterLeft2Chart from "@/components/echart/map"; 98 import CenterLeft2Chart from "@/components/Echart/Map";
99 // 引入表格数据 99 // 引入表格数据
100 import data from "./data" 100 import data from "./data"
101 export default { 101 export default {
......
...@@ -103,7 +103,7 @@ import data from "./data"; ...@@ -103,7 +103,7 @@ import data from "./data";
103 import tableMixin from "@/mixins/tableMixin.js"; 103 import tableMixin from "@/mixins/tableMixin.js";
104 import { getReceiveDataReportPage } from "@/api/dataReport.js"; 104 import { getReceiveDataReportPage } from "@/api/dataReport.js";
105 // 引入详情弹框 105 // 引入详情弹框
106 import dataDetails from "@/components/dataDetails/edit-dialog"; 106 import dataDetails from "@/components/EditDialog";
107 export default { 107 export default {
108 name: "jsbwcx", 108 name: "jsbwcx",
109 mixins: [tableMixin], 109 mixins: [tableMixin],
......
...@@ -85,7 +85,7 @@ import { datas, sendThis } from "./data"; ...@@ -85,7 +85,7 @@ import { datas, sendThis } from "./data";
85 // 引入表格混入方法 85 // 引入表格混入方法
86 import table from "@/utils/mixin/table"; 86 import table from "@/utils/mixin/table";
87 // 引入详情弹框 87 // 引入详情弹框
88 import dataDetails from "@/components/dataDetails/edit-dialog"; 88 import dataDetails from "@/components/EditDialog";
89 import { getDataReportPage } from "@/api/dataReport.js"; 89 import { getDataReportPage } from "@/api/dataReport.js";
90 90
91 export default { 91 export default {
......