Skip to content

bdc / bdcjg-web

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

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

1 parent e29c8c44
Expand all
Inline Side-by-side
Showing 106 changed files with 4969 additions and 4 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="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="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="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="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="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="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