Skip to content

bdc / bdcjg-web

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

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

1 parent e29c8c44
Inline Side-by-side
Showing 106 changed files with 14611 additions and 85 deletions
import dialogBox from '@/components/DialogBox/dialogBox.vue'
import LbTable from '@/components/LbTable/lb-table.vue'
import Theme from '@/components/Theme/theme.vue'
import dialogBox from '@/components/DialogBox'
import LbTable from '@/components/LbTable'
import Theme from '@/components/Theme.vue'
// 引入按钮
import btn from '@/components/Button/src/button'
import btn from '@/components/Button.vue'
import Popup from '@/components/Popup/index'
import MessageBox from '@/components/MessageBox/index.js'
export default {
......
.itemForm {
position: relative;
padding: 10px;
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item__error {
right: 25px;
top: 15px;
text-align: right;
pointer-events: none;
}
/deep/.el-date-editor {
width: 100%;
}
/deep/.el-date-editor--date {
width: 100%;
}
/deep/.el-cascader {
width: 100%;
}
// table 样式
/deep/.el-form-item__label {
border-right: none;
text-align: center;
padding: 0;
line-height: 16px;
font-size: 12px;
color: #CEF8FF;
margin-top: 8px !important;
}
/deep/.el-form-item__content {
display: flex;
margin-right: -1px;
}
/deep/.el-textarea__inner {
margin: 5px;
width: 96%;
background: #05275B;
color: #FFFFFF;
border-radius: 2px;
border: 1px solid #6BC1FC;
}
/deep/.el-input-number{
width: 100%;
}
/deep/.el-input-number__increase{
background: #05275B;
color: #FFFFFF;
border:none;
right: 12px;
top: 6px;
}
/deep/.el-input-number__decrease{
background: #05275B;
color: #FFFFFF;
border:none;
right: 12px;
bottom:6px;
}
/deep/.el-input__inner {
margin: 5px;
width: 96%;
background: #05275B;
border-radius: 2px;
border: 1px solid #6BC1FC;
text-align: left;
}
/deep/.el-form-item {
margin-bottom: 0;
margin-top: -1px;
}
.item-label {
display: flex;
align-items: flex-end;
flex-direction: column;
font-size: 12px;
flex: 0 0 90px;
margin-right: 3px;
p {
line-height: 16px;
white-space: nowrap;
text-align: right;
}
p:nth-child(1) {
position: relative;
right: 5px;
}
}
}
<template>
<div class="applicantInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码：<br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM" class="borderTopNone">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="DBYJ">
<span slot="label">
登簿意见： <br />
<p class="label-detail">（DBYJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbyj" maxlength="11" placeholder="登簿意见">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBRYXM">
<span slot="label">
登簿人员姓名： <br />
<p class="label-detail">（DBRYXM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbryxm" maxlength="11"
placeholder="登簿意见"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBSJ">
<span slot="label">
登簿时间： <br />
<p class="label-detail">（DBSJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbsj" placeholder="登簿时间"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CZJG">
<span slot="label">
操作结果： <br />
<p class="label-detail">（CZJG）</p>
</span>
<!-- <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="权利人通讯地址">
</el-input> -->
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="请选择">
<el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 申请人属性信息
import djfDjSqr from "@/api/djfDjSqr";
import djfDjDb from "@/api/djfDjDb"
import ruleMixin from "@/mixins/ruleMixin.js";
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
components: {
treeSelect,
},
data() {
return {
ruleForm: {
YSDM: "",
YWH: "",
QLRMC: "",
QLRZJZL: "",
QLRZJH: "",
QLRTXDZ: "",
QLRYB: "",
QLRFRMC: "",
QLRFRDH: "",
QLRDLRMC: "",
QLRDLRDH: "",
QLRDLJG: "",
HJSZSS: "",
XB: "",
DH: "",
YWRMC: "",
YWRZJZL: "",
YWRZJH: "",
YWRTXDZ: "",
YWRYB: "",
YWRFRMC: "",
YWRFRDH: "",
YWRDLRMC: "",
YWRDLJG: "",
BZ: "",
QXDM: "",
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await djfDjDb.getDjfDjDbById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
return new Promise(async (resolve, reject) => {
try {
let data = _.cloneDeep(this.ruleForm);
let res = await djfDjSqr.updateDjfDjSqr(data);
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="issuingInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="108px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FZRY" class="borderTopNone">
<span slot="label">
发证人员： <br />
<p class="label-detail">（FZRY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FZRY" placeholder="发证人员"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FZSJ">
<span slot="label">
发证时间： <br />
<p class="label-detail">（FZSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="发证时间" type="datetime" clearable
v-model="ruleForm.FZSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FZMC">
<span slot="label">
发证名称： <br />
<p class="label-detail">（FZMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FZMC" placeholder="发证名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FZSL" :rules="{ type: 'number' }">
<span slot="label">
发证数量： <br />
<p class="label-detail">（FZSL）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }" type="number"
v-model.number="ruleForm.FZSL" placeholder="发证数量"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HFZSH">
<span slot="label">
核发证书号： <br />
<p class="label-detail">（HFZSH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HFZSH" placeholder="核发证书号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LZRXM">
<span slot="label">
领证人姓名： <br />
<p class="label-detail">（LZRXM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRXM" placeholder="领证人姓名"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LZRZJLB">
<span slot="label">
领证人证件类别： <br />
<p class="label-detail">（LZRZJLB）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJLB" placeholder="请选择">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="LZRZJHM">
<span slot="label">
领证人证件号码： <br />
<p class="label-detail">（LZRZJHM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJHM"
placeholder="领证人证件号码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LZRDH">
<span slot="label">
领证人电话： <br />
<p class="label-detail">（LZRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRDH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="领证人电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LZRDZ">
<span slot="label">
领证人地址： <br />
<p class="label-detail">（LZRDZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRDZ" placeholder="领证人地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="LZRYB">
<span slot="label">
领证人邮编： <br />
<p class="label-detail">（LZRYB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRYB" placeholder="领证人邮编"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSXLH">
<span slot="label">
印刷序列号： <br />
<p class="label-detail">（YSXLH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSXLH" placeholder="印刷序列号"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 发证信息
import djfDjFz from '@/api/djfDjFz'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
components: {
treeSelect
},
data () {
return {
ruleForm: {
YSDM: '',
YWH: '',
FZRY: '',
FZSJ: '',
FZMC: '',
FZSL: '',
HFZSH: '',
LZRXM: '',
LZRZJHM: '',
LZRDH: '',
LZRDZ: '',
LZRYB: '',
BZ: '',
QXDM: '',
YSXLH: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await djfDjFz.getDjfDjFzDetailById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await djfDjFz.updateDjfDjFz(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="registrationFiling itemForm" :key="key">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码：<br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJDL" class="borderTopNone">
<span slot="label">
登记大类： <br />
<p class="label-detail">（DJDL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJDL" placeholder="登记大类">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJXL" :rules="{ type: 'number' }">
<span slot="label">
登记小类： <br />
<p class="label-detail">（DJXL）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.DJXL" type="number"
v-only-number="{ max: 999999, min: 0, precision: 0 }" placeholder="登记小类"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QZHM">
<span slot="label">
权证号码： <br />
<p class="label-detail">（QZHM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QZHM" placeholder="权证号码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="WJJS" :rules="{ type: 'number' }">
<span slot="label">
文件件数： <br />
<p class="label-detail">（WJJS）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.WJJS" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="文件件数"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZYS" :rules="{ type: 'number' }">
<span slot="label">
总页数： <br />
<p class="label-detail">（ZYS）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZYS" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总页数"></el-input-number>
<!-- <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZYS" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总页数"></el-input> -->
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GDRY">
<span slot="label">
归档人员： <br />
<p class="label-detail">（GDRY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GDRY" placeholder="归档人员"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GDSJ">
<span slot="label">
归档时间： <br />
<p class="label-detail">（GDSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" v-model="ruleForm.GDSJ" type="datetime"
format="yyyy-MM-dd HH:mm:ss" placeholder="归档时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import djfDjGd from '@/api/djfDjGd'
import ruleMixin from '@/mixins/ruleMixin.js'
// 登记归档信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YWH: '',
YSDM: '',
DJDL: '',
DJXL: '',
ZL: '',
QZHM: '',
WJJS: '',
ZYS: '',
GDRY: '',
GDSJ: '',
BZ: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await djfDjGd.getDjfDjGdById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjGd.updateDjfDjGd(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="registrationChargeInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFRY" class="borderTopNone">
<span slot="label">
计费人员： <br />
<p class="label-detail">（JFRY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFRY" placeholder="计费人员"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JFRQ">
<span slot="label">
计费日期： <br />
<p class="label-detail">（JFRQ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="计费日期" clearable
v-model="ruleForm.JFRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFKMMC">
<span slot="label">
收费科目名称： <br />
<p class="label-detail">（SFKMMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFKMMC" placeholder="收费科目名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFEWSF">
<span slot="label">
是否额外收费： <br />
<p class="label-detail">（SFEWSF）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFEWSF" placeholder="是否额外收费">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SFJS" :rules="{ type: 'number' }">
<span slot="label">
收费基数： <br />
<p class="label-detail">（SFJS）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.SFJS" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="收费基数"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFLX">
<span slot="label">
收费类型： <br />
<p class="label-detail">（SFLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFLX" placeholder="收费类型">
<el-option v-for="item in dicData['A39']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSJE" :rules="{ type: 'number' }">
<span slot="label">
应收金额： <br />
<p class="label-detail">（YSJE）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.YSJE" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="应收金额"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZKHYSJE" :rules="{ type: 'number' }">
<span slot="label">
折扣后应收金额： <br />
<p class="label-detail">（ZKHYSJE）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.ZKHYSJE" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="折扣后应收金额"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFRY">
<span slot="label">
收费人员： <br />
<p class="label-detail">（SFRY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFRY" placeholder="收费人员"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFRQ">
<span slot="label">
收费日期： <br />
<p class="label-detail">（SFRQ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.SFRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FFF">
<span slot="label">
付费方： <br />
<p class="label-detail">（FFF）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FFF" placeholder="付费方">
<el-option v-for="item in dicData['A33']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SJFFR">
<span slot="label">
实际付费人： <br />
<p class="label-detail">（SJFFR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SJFFR" placeholder="实际付费人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SSJE" :rules="{ type: 'number' }">
<span slot="label">
实收金额： <br />
<p class="label-detail">（SSJE）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.SSJE" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="实收金额"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SFDW">
<span slot="label">
收费单位： <br />
<p class="label-detail">（SFDW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFDW" placeholder="收费单位"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 登记收费信息
import djfDjSf from '@/api/djfDjSf'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
YWH: '',
JFRY: '',
JFRQ: '',
SFKMMC: '',
SFEWSF: '',
SFJS: '',
SFLX: '',
YSJE: '',
ZKHYSJE: '',
SFRY: '',
SFRQ: '',
FFF: '',
SJFFR: '',
SSJE: '',
SFDW: '',
QXDM: '',
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await djfDjSf.getDjfDjSfById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjSf.updateDjfDjSf(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="auditInfo itemForm">
<el-form :model="form" ref="formList" label-width="110px" :key="key">
<div v-for="(item, index) in form.auditInfo" :key="index" class="auditInfo-item">
<p class="auditInfo-item-name">审核信息{{ index + 1 }}</p>
<div class="auditInfo-item-list">
<el-row class="auditInfo-item-input">
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.YSDM'" :rules="rules.YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].YSDM"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.YWH'" :rules="rules.YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].YWH"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.JDMC'" :rules="rules.JDMC">
<span slot="label">
节点名称： <br />
<p class="label-detail">（JDMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].JDMC"
placeholder="节点名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="auditInfo-item-input">
<el-col :span="24">
<el-form-item :prop="'auditInfo.' + index + '.SHYJ'" :rules="rules.SHYJ">
<span slot="label">
审核意见： <br />
<p class="label-detail">（SHYJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].SHYJ" type="textarea"
:rows="2" placeholder="审核意见"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="auditInfo-item-input">
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.SHRYXM'" :rules="rules.SHRYXM">
<span slot="label">
审核人员姓名： <br />
<p class="label-detail">（SHRYXM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].SHRYXM"
placeholder="审核人员姓名"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.SHKSSJ'" :rules="rules.SHKSSJ">
<span slot="label">
审核开始时间： <br />
<p class="label-detail">（SHKSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="审核开始时间" clearable
v-model="form.auditInfo[index].SHKSSJ" value-format="yyyy-MM-dd HH:mm:ss"
:picker-options="item.traceStart" @change="changeTraceStart(item)"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.SHJSSJ'" :rules="rules.SHJSSJ">
<span slot="label">
审核结束时间： <br />
<p class="label-detail">（SHJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="审核结束时间" clearable
v-model="form.auditInfo[index].SHJSSJ" :picker-options="item.traceEnd" @change="changeTraceEnd(item)"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row class="auditInfo-item-input">
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.SXH'" :rules="{ ...rules.SXH, ...typeNum }">
<span slot="label">
顺序号： <br />
<p class="label-detail">（SXH）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="form.auditInfo[index].SXH"
type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="顺序号"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.CZJG'" :rules="rules.SHKSSJ">
<span slot="label">
操作结果： <br />
<p class="label-detail">（CZJG）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].CZJG"
placeholder="请选择操作结果">
<el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.QXDM'" :rules="rules.QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].QXDM"
placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'auditInfo.' + index + '.BZ'" :rules="rules.BZ">
<span slot="label">
区县代码： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].BZ"
placeholder="备注"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import djfDjSh from '@/api/djfDjSh'
import ruleMixin from '@/mixins/ruleMixin.js'
// 审核信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
form: {
auditInfo: [
{
YSDM: '',
YWH: '',
JDMC: '',
SHYJ: '',
SHRYXM: '',
SHKSSJ: '',
traceStart: {},
SHJSSJ: '',
traceEnd: {},
SXH: '',
CZJG: '',
QXDM: '',
BZ: ''
}
]
}
}
},
methods: {
changeTraceEnd (item) {
if (item.SHJSSJ !== null) { //当前值为空 也会进行判断 所以条件最好不要非空验证
item.traceStart = {
disabledDate: (time) => {
return time.getTime() > new Date(item.SHJSSJ).getTime() //大于结束时间的不选
}
}
} else {
item.traceStart = {}
}
},
//跟踪API结束时间限制开始时间
changeTraceStart (item) {
if (item.SHKSSJ !== null) { //当前值为空 也会进行判断 所以条件最好不要非空验证
item.traceEnd = {
disabledDate: (time) => {
return time.getTime() < new Date(item.SHKSSJ).getTime() //小于开始时间的不选
}
}
} else {
item.traceEnd = {}
}
},
async featchData () {
try {
let { result: res } = await djfDjSh.getDjfDjShById(this.bsmSjsb)
this.form.auditInfo = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjSh.updateDjfDjSh(this.form.auditInfo)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.auditInfo-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="receivingInfo itemForm">
<el-form :model="form" :rules="rules" ref="formList" label-width="112px" :key="key">
<div v-for="(item, index) in form.receivingInfo" :key="index" class="receivingInfo-item">
<p class="receivingInfo-item-name">收件信息{{ index + 1 }}</p>
<div class="receivingInfo-item-list">
<el-row class="receivingInfo-item-input">
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.YSDM'" :rules="rules.YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].YSDM"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.YWH'" :rules="rules.YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].YWH"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.SJSJ'" :rules="rules.SJSJ">
<span slot="label">
收件时间： <br />
<p class="label-detail">（SJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="收件时间" type="datetime" clearable
v-model="form.receivingInfo[index].SJSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row class="receivingInfo-item-input">
<el-col :span="8">
<el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJLX'" :rules="rules.SJLX">
<span slot="label">
收件类型： <br />
<p class="label-detail">（SJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJLX"
placeholder="请选择">
<el-option v-for="item in dicData['A40']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJMC'" :rules="rules.SJMC">
<span slot="label">
收件名称： <br />
<p class="label-detail">（SJMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJMC"
placeholder="收件名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJSL'"
:rules="{ ...rules.SJSL, ...typeNum }">
<span slot="label">
收件数量： <br />
<p class="label-detail">（SJSL）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }"
type="number" v-model.number="form.receivingInfo[index].SJSL" placeholder="收件数量"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row class="receivingInfo-item-input">
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.SFSJSY'" :rules="rules.SFSJSY">
<span slot="label">
是否收缴收验： <br />
<p class="label-detail">（SFSJSY）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFSJSY"
placeholder="请选择">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.SFEWSJ'" :rules="rules.SFEWSJ">
<span slot="label">
是否额外收件： <br />
<p class="label-detail">（SFEWSJ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFEWSJ"
placeholder="请选择">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.SFBCSJ'" :rules="rules.SFBCSJ">
<span slot="label">
是否补充收件： <br />
<p class="label-detail">（SFBCSJ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFBCSJ"
placeholder="请选择">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row class="receivingInfo-item-input">
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.YS'" :rules="{ ...rules.YS, ...typeNum }">
<span slot="label">
页数： <br />
<p class="label-detail">（YS）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }"
type="number" v-model.number="form.receivingInfo[index].YS" placeholder="页数"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.BZ'" :rules="rules.BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].BZ"
placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'receivingInfo.' + index + '.QXDM'" :rules="rules.QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].QXDM"
placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import djfDjSj from '@/api/djfDjSj'
import ruleMixin from '@/mixins/ruleMixin.js'
// 登记收件信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
form: {
receivingInfo: [
{
YSDM: '',
YWH: '',
SJSJ: '',
SJLX: '',
SJMC: '',
SJSL: '',
SFSJSY: '',
SFEWSJ: '',
SFBCSJ: '',
YS: '',
BZ: '',
QXDM: ''
}
]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await djfDjSj.getDjfDjSjById(this.bsmSjsb)
this.form.receivingInfo = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjSj.updateDjfDjSj(this.form.receivingInfo)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.receivingInfo-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="applicantInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码：<br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRMC" class="borderTopNone">
<span slot="label">
权利人名称： <br />
<p class="label-detail">（QLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRMC" placeholder="权利人名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLRZJZL">
<span slot="label">
权利人证件种类： <br />
<p class="label-detail">（QLRZJZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJZL" placeholder="权利人证件种类">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRZJH">
<span slot="label">
权利人证件号： <br />
<p class="label-detail">（QLRZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJH" placeholder="权利人证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRTXDZ">
<span slot="label">
权利人通讯地址： <br />
<p class="label-detail">（QLRTXDZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRTXDZ" placeholder="权利人通讯地址">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLRYB">
<span slot="label">
权利人邮编： <br />
<p class="label-detail">（QLRYB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRYB" placeholder="权利人邮编"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRFRMC">
<span slot="label">
权利人法人名称： <br />
<p class="label-detail">（QLRFRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRMC" placeholder="权利人法人名称">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRFRDH">
<span slot="label">
权利人法人电话： <br />
<p class="label-detail">（QLRFRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRDH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人法人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLRDLRMC">
<span slot="label">
权利人代理人名称： <br />
<p class="label-detail">（QLRDLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRMC" placeholder="权利人代理人名称">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRDLRDH">
<span slot="label">
权利人代理人电话： <br />
<p class="label-detail">（QLRDLRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRDH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人代理人电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRDLJG">
<span slot="label">
权利人代理机构： <br />
<p class="label-detail">（QLRDLJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLJG" placeholder="权利人代理机构">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HJSZSS">
<span slot="label">
户籍所在省市： <br />
<p class="label-detail">（HJSZSS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HJSZSS" placeholder="户籍所在省市"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XB">
<span slot="label">
性别： <br />
<p class="label-detail">（XB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="性别"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DH">
<span slot="label">
电话： <br />
<p class="label-detail">（DH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRMC">
<span slot="label">
义务人名称： <br />
<p class="label-detail">（YWRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRMC" placeholder="义务人名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRZJZL">
<span slot="label">
义务人证件种类： <br />
<p class="label-detail">（YWRZJZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="义务人证件种类"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRZJH">
<span slot="label">
义务人证件号： <br />
<p class="label-detail">（YWRZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRTXDZ">
<span slot="label">
义务人通讯地址： <br />
<p class="label-detail">（YWRTXDZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRTXDZ" placeholder="义务人通讯地址">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRYB">
<span slot="label">
义务人邮编： <br />
<p class="label-detail">（YWRYB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRYB" placeholder="义务人邮编"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRFRMC">
<span slot="label">
义务人法人名称： <br />
<p class="label-detail">（YWRFRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRMC" placeholder="义务人法人名称">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRFRDH">
<span slot="label">
义务人法人电话： <br />
<p class="label-detail">（YWRFRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRDH" placeholder="义务人法人电话">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRDLRMC">
<span slot="label">
义务人代理人名称： <br />
<p class="label-detail">（YWRDLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRMC" placeholder="义务人代理人名称">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRDLRDH">
<span slot="label">
义务人代理人电话： <br />
<p class="label-detail">（YWRDLRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRDH" placeholder="义务人代理人电话">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRDLJG">
<span slot="label">
义务人代理机构： <br />
<p class="label-detail">（YWRDLJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLJG" placeholder="义务人代理机构">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 申请人属性信息
import djfDjSqr from "@/api/djfDjSqr";
import ruleMixin from "@/mixins/ruleMixin.js";
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
components: {
treeSelect,
},
data() {
return {
ruleForm: {
YSDM: "",
YWH: "",
QLRMC: "",
QLRZJZL: "",
QLRZJH: "",
QLRTXDZ: "",
QLRYB: "",
QLRFRMC: "",
QLRFRDH: "",
QLRDLRMC: "",
QLRDLRDH: "",
QLRDLJG: "",
HJSZSS: "",
XB: "",
DH: "",
YWRMC: "",
YWRZJZL: "",
YWRZJH: "",
YWRTXDZ: "",
YWRYB: "",
YWRFRMC: "",
YWRFRDH: "",
YWRDLRMC: "",
YWRDLJG: "",
BZ: "",
QXDM: "",
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await djfDjSqr.getDjfDjSqrById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
return new Promise(async (resolve, reject) => {
try {
let data = _.cloneDeep(this.ruleForm);
let res = await djfDjSqr.updateDjfDjSqr(data);
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="certificateInfo itemForm">
<el-form :model="certificateInfo" :rules="rules" ref="formList" label-width="100px" :key="key">
<div v-for="(item, index) in certificateInfo.ruleForm" :key="index" class="obligee-item">
<p class="obligee-item-name">善证信息{{ index + 1 }}</p>
<div class="obligee-item-list">
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.YSDM'">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YSDM"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.YWH'">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YWH"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.SZMC'">
<span slot="label">
缮证名称： <br />
<p class="label-detail">（SZMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZMC"
placeholder="缮证名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.SZZH'">
<span slot="label">
缮证证号： <br />
<p class="label-detail">（SZZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZZH"
placeholder="缮证证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.YSXLH'">
<span slot="label">
印刷序列号： <br />
<p class="label-detail">（YSXLH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YSXLH"
placeholder="印刷序列号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.SZRY'">
<span slot="label">
缮证人员： <br />
<p class="label-detail">（SZRY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZRY"
placeholder="缮证人员"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.SZSJ'">
<span slot="label">
缮证时间： <br />
<p class="label-detail">（SZSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="缮证时间" type="datetime" clearable
v-model="certificateInfo.ruleForm[index].SZSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.BZ'">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].BZ"
placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.QXDM'">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].QXDM"
placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import djfDjSz from '@/api/djfDjSz'
import ruleMixin from '@/mixins/ruleMixin.js'
// 缮证信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
certificateInfo: {
ruleForm: [{
YSDM: '',
YWH: '',
SZMC: '',
SZZH: '',
YSXLH: '',
SZRY: '',
SZSJ: '',
BZ: '',
QXDM: ''
}]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb)
this.certificateInfo.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="acceptanceInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM"
:placeholder="$store.state.business.Edit ? '' : '要素代码'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH"
:placeholder="$store.state.business.Edit ? '' : '业务号'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX" class="borderTopNone">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX"
:placeholder="$store.state.business.Edit ? '' : '登记类型'">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<!-- <el-col :span="8">
<el-form-item prop="DJXL">
<span slot="label">
登记小类： <br />
<p class="label-detail">（DJXL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJXL"
:placeholder="$store.state.business.Edit ? '' : '登记小类'"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM"
:placeholder="$store.state.business.Edit ? '' : '区县代码'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SQZSBS" :rules="{ type: 'number' }">
<span slot="label">
申请证书版式： <br />
<p class="label-detail">（SQZSBS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SQZSBS" placeholder="申请证书版式">
<el-option v-for="item in dicData['A41']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE-0">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SQFBCZ" :rules="{ type: 'number' }">
<span slot="label">
申请分别持证： <br />
<p class="label-detail">（SQFBCZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SQFBCZ" placeholder="申请分别持证">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE-0">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SLRY">
<span slot="label">
受理人员： <br />
<p class="label-detail">（SLRY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLRY"
:placeholder="$store.state.business.Edit ? '' : '受理人员'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SLSJ">
<span slot="label">
受理时间： <br />
<p class="label-detail">（SLSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit"
:placeholder="$store.state.business.Edit ? '' : '受理时间'" clearable type="datetime" v-model="ruleForm.SLSJ"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL"
:placeholder="$store.state.business.Edit ? '' : '坐落'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="TZRXM">
<span slot="label">
通知人姓名： <br />
<p class="label-detail">（TZRXM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRXM"
:placeholder="$store.state.business.Edit ? '' : '通知人姓名'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TZFS">
<span slot="label">
通知方式： <br />
<p class="label-detail">（TZFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.TZFS" placeholder="通知方式">
<el-option v-for="item in dicData['A42']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TZRDH">
<span slot="label">
通知人电话： <br />
<p class="label-detail">（TZRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
maxlength="11" placeholder="通知人电话" v-model="ruleForm.TZRDH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="TZRYDDH">
<span slot="label">
通知人移动电话： <br />
<p class="label-detail">（TZRYDDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRYDDH" placeholder="通知人移动电话"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TZRDZYJ">
<span slot="label">
通知人电子邮件： <br />
<p class="label-detail">（TZRDZYJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRDZYJ" placeholder="通知人电子邮件">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFWTAJ">
<span slot="label">
是否问题案件： <br />
<p class="label-detail">（SFWTAJ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFWTAJ" placeholder="是否问题案件">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JSSJ">
<span slot="label">
结束时间： <br />
<p class="label-detail">（JSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="结束时间" clearable type="datetime"
v-model="ruleForm.JSSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="AJZT">
<span slot="label">
案件状态： <br />
<p class="label-detail">（AJZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.AJZT" placeholder="案件状态">
<el-option v-for="item in dicData['A31']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 登记受理申请信息
import djtDjSlsq from "@/api/djtDjSlsq";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data () {
return {
ruleForm: {
YSDM: "",
YWH: "",
DJDL: "",
DJXL: "",
QXDM: "",
SQZSBS: null,
SQFBCZ: null,
SLRY: "",
SLSJ: "",
ZL: "",
TZRXM: "",
TZFS: "",
TZRDH: "",
TZRYDDH: "",
TZRDZYJ: "",
SFWTAJ: "",
JSSJ: "",
AJZT: "",
BZ: "",
},
};
},
methods: {
async featchData () {
try {
let { result: res } = await djtDjSlsq.getDjtDjSlsqById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djtDjSlsq.updateDjtDjSlsq(this.ruleForm);
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="unstructuredDoc itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="FJMC">
<span slot="label">
附件名称： <br />
<p class="label-detail">（FJMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJMC" placeholder="附件名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJLX">
<span slot="label">
附件类型： <br />
<p class="label-detail">（FJLX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJLX" placeholder="附件类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJNR">
<span slot="label">
附件内容： <br />
<p class="label-detail">（FJNR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJNR" placeholder="附件内容"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 非结构化文档
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
FJMC: '',
FJLX: '',
FJNR: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getFjF100ById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await business.updateFjF100(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
},
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="punctateFixator itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ ruleForm.bsm || '暂无' }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDZHDM">
<span slot="label">
宗地/宗海代码： <br />
<p class="label-detail">（ZDZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DZDZWLX">
<span slot="label">
点状定着物类型： <br />
<p class="label-detail">（DZDZWLX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZDZWLX"
placeholder="点状定着物类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DZWMC">
<span slot="label">
定着物名称： <br />
<p class="label-detail">（DZWMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJ">
<span slot="label">
面积： <br />
<p class="label-detail">（MJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.MJ"
v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="面积"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DAH">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 点状定着物信息
import ktfQtDzdzw from '@/api/ktfQtDzdzw'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
BDCDYH: '',
ZDZHDM: '',
DZDZWLX: '',
DZWMC: '',
MJ: '',
DAH: '',
ZT: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await ktfQtDzdzw.getKtfQtDzdzwById(this.bsmSjsb)
this.ruleForm = res
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await ktfQtDzdzw.updateKtfQtDzdzw(this.ruleForm)
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="planarFixture itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ ruleForm.bsm || '暂无' }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDZHDM">
<span slot="label">
宗地/宗海代码： <br />
<p class="label-detail">（ZDZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MZDZWLX">
<span slot="label">
面状定着物类型： <br />
<p class="label-detail">（MZDZWLX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MZDZWLX"
placeholder="面状定着物类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DZWMC">
<span slot="label">
定着物名称： <br />
<p class="label-detail">（DZWMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJ">
<span slot="label">
面积： <br />
<p class="label-detail">（MJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.MJ"
v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="面积"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DAH">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 面状定着物
import ktfQtMzdzw from '@/api/ktfQtMzdzw'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
BDCDYH: '',
ZDZHDM: '',
MZDZWLX: '',
DZWMC: '',
MJ: '',
DAH: '',
ZT: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await ktfQtMzdzw.getKtfQtMzdzwById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await ktfQtMzdzw.updateKtfQtMzdzw(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="linearFixture itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ ruleForm.bsm }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDZHDM">
<span slot="label">
宗地/宗海代码： <br />
<p class="label-detail">（ZDZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XZDZWLX">
<span slot="label">
线状定着物类型： <br />
<p class="label-detail">（XZDZWLX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XZDZWLX"
placeholder="线状定着物类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DZWMC">
<span slot="label">
定着物名称： <br />
<p class="label-detail">（DZWMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位：<br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJ">
<span slot="label">
面积： <br />
<p class="label-detail">（MJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.MJ"
v-only-number="{ max: 99999, min: 1, precision: 2 }" placeholder="面积"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DAH">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 线状定着物
import ktfQtXzdzw from '@/api/ktfQtXzdzw'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
BSM: '',
YSDM: '',
BDCDYH: '',
ZDZHDM: '',
mzdzwlx: '',
DZWMC: '',
MJ: '',
DAH: '',
ZT: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await ktfQtXzdzw.getKtfQtXzdzwById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await ktfQtXzdzw.updateKtfQtXzdzw(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="parcelChange itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="ZDDM">
<span slot="label">
宗地代码： <br />
<p class="label-detail">（ZDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zddm" placeholder="宗地代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BHYY">
<span slot="label">
变化原因： <br />
<p class="label-detail">（BHYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bhyy" placeholder="变化原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BHNR">
<span slot="label">
变化内容： <br />
<p class="label-detail">（BHNR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bhnr" placeholder="变化内容"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.djsj" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 宗地变化情况
import ktfZdbhqk from '@/api/ktfZdbhqk'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
ZDDM: '',
BHYY: '',
BHNR: '',
DJSJ: '',
DBR: '',
FJ: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await ktfZdbhqk.getKtfZdbhqkById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await ktfZdbhqk.updateKtfZdbhqk(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="islandCoordinates itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="ZHHDDM">
<span slot="label">
宗海/海岛代码： <br />
<p class="label-detail">（ZHHDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19"
placeholder="宗海/海岛代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XH" :rules="{ type: 'number' }">
<span slot="label">
序号： <br />
<p class="label-detail">（XH）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.XH" type="number" v-only-number="{ max: 999999, min: 0, precision: 0 }"
placeholder="序号"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BW" :rules="{ type: 'number' }">
<span slot="label">
北纬： <br />
<p class="label-detail">（BW）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.BW" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 8 }"
placeholder="北纬"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJ" :rules="{ type: 'number' }">
<span slot="label">
东经： <br />
<p class="label-detail">（DJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-model.number="ruleForm.DJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 8 }"
placeholder="东经"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 用海、用岛坐标
import ktfZhYhydzb from '@/api/ktfZhYhydzb'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
ZHHDDM: '',
XH: '',
BW: '',
DJ: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await ktfZhYhydzb.getKtfZhYhydzbById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await ktfZhYhydzb.updateKtfZhYhydzb(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="seaUse itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="ZHDM">
<span slot="label">
宗海代码： <br />
<p class="label-detail">（ZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHFS">
<span slot="label">
用海方式： <br />
<p class="label-detail">（YHFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHFS" placeholder="用海方式">
<el-option v-for="item in dicData['A51']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHMJ" :rules="{ type: 'number' }">
<span slot="label">
用海面积： <br />
<p class="label-detail">（YHMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHMJ" type="number"
v-only-number="{ max: 999999, min: 1, precision: 2 }" placeholder="用海面积"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JTYT">
<span slot="label">
具体用途： <br />
<p class="label-detail">（JTYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JTYT" placeholder="具体用途"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYJES" :rules="{ type: 'number' }">
<span slot="label">
使用金额数： <br />
<p class="label-detail">（SYJES）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYJES" type="number"
v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="使用金额数"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 用海状况
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
ZHDM: '',
YHFS: '',
YHMJ: '',
JTYT: '',
SYJES: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getKtfZhYhzkById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await business.updateKtfZhYhzk(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="parcelChange itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="ZHDM">
<span slot="label">
宗海代码: <br />
<p class="label-detail">（ZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" maxlength="19"
placeholder="宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BHYY">
<span slot="label">
变化原因: <br />
<p class="label-detail">（BHYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHYY" placeholder="变化原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BHNR">
<span slot="label">
变化内容: <br />
<p class="label-detail">（BHNR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHNR" placeholder="变化内容"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间: <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人: <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码: <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
// 宗海变化情况
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
ZHDM: '',
BHYY: '',
BHNR: '',
DJSJ: '',
DBR: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getZhK105ById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await business.updateZhK105(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="houseFloor itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CH">
<span slot="label">
层号： <br />
<p class="label-detail">（CH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch" placeholder="层号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZRZH">
<span slot="label">
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh" placeholder="自然幢号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SJC">
<span slot="label">
实际层： <br />
<p class="label-detail">（SJC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.sjc" placeholder="实际层"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MYC">
<span slot="label">
名义层： <br />
<p class="label-detail">（MYC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.myc" placeholder="名义层"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层建筑面积： <br />
<p class="label-detail">（CJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="层建筑面积" type="number" v-model.number="ruleForm.cjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层套内建筑面积： <br />
<p class="label-detail">（CTNJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="层套内建筑面积" type="number" v-model.number="ruleForm.ctnjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CYTMJ" :rules="{ type: 'number' }">
<span slot="label">
层阳台面积： <br />
<p class="label-detail">（CYTMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="层阳台面积" type="number" v-model.number="ruleForm.cytmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层共有建筑面积： <br />
<p class="label-detail">（CGYJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="层共有建筑面积" type="number" v-model.number="ruleForm.cgyjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层分摊建筑面积： <br />
<p class="label-detail">（CFTJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="层分摊建筑面积" type="number" v-model.number="ruleForm.cftjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CBQMJ" :rules="{ type: 'number' }">
<span slot="label">
层半墙面积： <br />
<p class="label-detail">（CBQMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
type="number" placeholder="层半墙面积" v-model.number="ruleForm.cbqmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CG" :rules="{ type: 'number' }">
<span slot="label">
层高： <br />
<p class="label-detail">（CG）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="层高" type="number" v-model.number="ruleForm.cg"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SPTYMJ" :rules="{ type: 'number' }">
<span slot="label">
水平投影面积： <br />
<p class="label-detail">（SPTYMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="水平投影面积" type="number" v-model.number="ruleForm.sptymj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 层信息
import kttFwC from '@/api/kttFwC'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
CH: '',
ZRZH: '',
SJC: '',
MYC: '',
CJZMJ: '',
CTNJZMJ: '',
CYTMJ: '',
CGYJZMJ: '',
CFTJZMJ: '',
CBQMJ: '',
CG: '',
SPTYMJ: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await kttFwC.updateKttFwC(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
},
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="households itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LJZH">
<span slot="label">
逻辑幢号： <br />
<p class="label-detail">（LJZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh" placeholder="逻辑幢号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZRZH">
<span slot="label">
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh" placeholder="自然幢号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWBM">
<span slot="label">
房屋编码： <br />
<p class="label-detail">（FWBM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwbm" placeholder="房屋编码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CH">
<span slot="label">
层号： <br />
<p class="label-detail">（CH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch" placeholder="层号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zl" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.mjdw" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SJCS">
<span slot="label">
实际层数： <br />
<p class="label-detail">（SJCS）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }"
placeholder="实际层数" v-model="ruleForm.sjcs"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HH">
<span slot="label">
户号： <br />
<p class="label-detail">（HH）</p>
</span>
<el-input-number controls-position="right":disabled="$store.state.business.Edit" v-model="ruleForm.hh" placeholder="户号"
v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SHBW">
<span slot="label">
室号部位： <br />
<p class="label-detail">（SHBW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.shbw" placeholder="室号部位"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="HX">
<span slot="label">
户型： <br />
<p class="label-detail">（HX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hx" placeholder="户型">
<el-option v-for="item in dicData['A15']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HXJG">
<span slot="label">
户型结构： <br />
<p class="label-detail">（HXJG）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hxjg" placeholder="户型结构">
<el-option v-for="item in dicData['A16']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWYT1">
<span slot="label">
房屋用途1： <br />
<p class="label-detail">（FWYT1）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt1" placeholder="房屋用途1">
<el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWYT2">
<span slot="label">
房屋用途2： <br />
<p class="label-detail">（FWYT2）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2" placeholder="房屋用途2">
<el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FWYT3">
<span slot="label">
房屋用途3： <br />
<p class="label-detail">（FWYT3）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3" placeholder="房屋用途3">
<el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测建筑面积： <br />
<p class="label-detail">（YCJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number"
v-model.number="ruleForm.ycjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测套内建筑面积： <br />
<p class="label-detail">（YCTNJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number"
v-model.number="ruleForm.yctnjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测分摊建筑面积： <br />
<p class="label-detail">（YCFTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
v-model.number="ruleForm.ycftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测地下部分建筑面积： <br />
<p class="label-detail">（YCDXBFJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number"
v-model.number="ruleForm.ycdxbfjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测其它建筑面积： <br />
<p class="label-detail">（YCQTJZMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number"
v-model.number="ruleForm.ycqtjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<!-- 预测分摊系数 -->
<el-row>
<el-col :span="8">
<el-form-item prop="YCFTXS" :rules="{ type: 'number' }">
<span slot="label">
预测分摊系数： <br />
<p class="label-detail">（YCFTXS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ycftxs" placeholder="预测分摊系数"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测建筑面积： <br />
<p class="label-detail">（SCJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number"
v-model.number="ruleForm.scjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测套内建筑面积： <br />
<p class="label-detail">（SCTNJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测套内建筑面积" type="number"
v-model.number="ruleForm.sctnjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 实测分摊建筑面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测分摊建筑面积： <br />
<p class="label-detail">（SCFTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测分摊建筑面积" type="number"
v-model.number="ruleForm.scftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测地下部分建筑面积： <br />
<p class="label-detail">（SCDXBFJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测地下部分建筑面积" type="number"
v-model.number="ruleForm.scdxbfjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测其它建筑面积： <br />
<p class="label-detail">（SCQTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测其它建筑面积" type="number"
v-model.number="ruleForm.scqtjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 实测分摊系数 -->
<el-row>
<el-col :span="8">
<el-form-item prop="SCFTXS" :rules="{ type: 'number' }">
<span slot="label">
实测分摊系数： <br />
<p class="label-detail">（SCFTXS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.scftxs" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 6 }" placeholder="实测分摊系数"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
共有土地面积： <br />
<p class="label-detail">（GYTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="共有土地面积" type="number"
v-model.number="ruleForm.gytdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊土地面积： <br />
<p class="label-detail">（FTTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
v-model.number="ruleForm.fttdmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 独用土地面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
独用土地面积： <br />
<p class="label-detail">（DYTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.dytdmj" placeholder="独用土地面积"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWLX">
<span slot="label">
房屋类型： <br />
<p class="label-detail">（FWLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwlx" placeholder="房屋类型">
<el-option v-for="item in dicData['A18']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWXZ">
<span slot="label">
房屋性质： <br />
<p class="label-detail">（FWXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwxz" placeholder="房屋性质">
<el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- 房产分户图 -->
<el-row>
<el-col :span="8">
<el-form-item prop="FCFHT">
<span slot="label">
房产分户图： <br />
<p class="label-detail">（FCFHT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fcfht" placeholder="房产分户图"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.zt" placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 户信息
import kttFwH from "@/api/kttFwH";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
ruleForm: {
YSDM: "",
BDCDYH: "",
LJZH: "",
ZRZH: "",
FWBM: "",
CH: "",
ZL: "",
MJDW: "",
SJCS: "",
HH: "",
SHBW: "",
HX: "",
HXJG: "",
FWYT1: "",
FWYT2: "",
FWYT3: "",
YCJZMJ: "",
YCTNJZMJ: "",
YCFTJZMJ: "",
YCDXBFJZMJ: "",
YCQTJZMJ: "",
YCFTXS: "",
SCJZMJ: "",
SCTNJZMJ: "",
SCFTJZMJ: "",
SCDXBFJZMJ: "",
SCQTJZMJ: "",
SCFTXS: "",
GYTDMJ: "",
FTTDMJ: "",
DYTDMJ: "",
FWLX: "",
FWXZ: "",
FCFHT: "",
ZT: "",
QXDM: "",
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
return new Promise(async (resolve, reject) => {
try {
let res = await kttFwH.updateKttFwH(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.households {
.item-label {
flex: 0 0 120px;
}
}
</style>
<template>
<div class="logicBuilding itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LJZH">
<span slot="label">
逻辑幢号： <br />
<p class="label-detail">（LJZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh" placeholder="逻辑幢号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZRZH">
<span slot="label">
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh" placeholder="自然幢号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="MPH">
<span slot="label">
门牌号： <br />
<p class="label-detail">（MPH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.mph" placeholder="门牌号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测建筑面积： <br />
<p class="label-detail">（YCJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="预测建筑面积" type="number" v-model.number="ruleForm.ycjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCDXMJ" :rules="{ type: 'number' }">
<span slot="label">
预测地下面积： <br />
<p class="label-detail">（YCDXMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="预测地下面积" type="number" v-model.number="ruleForm.ycdxmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YCQTMJ" :rules="{ type: 'number' }">
<span slot="label">
预测其它面积： <br />
<p class="label-detail">（YCQTMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="预测其它面积" type="number" v-model.number="ruleForm.ycqtmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测建筑面积： <br />
<p class="label-detail">（SCJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="实测建筑面积" type="number" v-model.number="ruleForm.scjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCDXMJ" :rules="{ type: 'number' }">
<span slot="label">
实测地下面积： <br />
<p class="label-detail">（SCDXMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="实测地下面积" type="number" v-model.number="ruleForm.scdxmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SCQTMJ" :rules="{ type: 'number' }">
<span slot="label">
实测其它面积： <br />
<p class="label-detail">（SCQTMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="实测其它面积" type="number" v-model.number="ruleForm.scqtmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JGRQ">
<span slot="label">
竣工日期： <br />
<p class="label-detail">（JGRQ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工日期" clearable
v-model="ruleForm.jgrq" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWJG1">
<span slot="label">
房屋结构1： <br />
<p class="label-detail">（FWJG1）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg1" placeholder="房屋结构1"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FWJG2">
<span slot="label">
房屋结构2： <br />
<p class="label-detail">（FWJG2）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg2" placeholder="房屋结构2"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWJG3">
<span slot="label">
房屋结构3： <br />
<p class="label-detail">（FWJG3）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg3" placeholder="房屋结构3"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JZWZT">
<span slot="label">
建筑物状态： <br />
<p class="label-detail">（JZWZT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jzwzt" placeholder="建筑物状态"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FWYT">
<span slot="label">
房屋用途1： <br />
<p class="label-detail">（FWYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt" placeholder="房屋用途1"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWYT2">
<span slot="label">
房屋用途2： <br />
<p class="label-detail">（FWYT2）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2" placeholder="房屋用途2"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWYT3">
<span slot="label">
房屋用途3： <br />
<p class="label-detail">（FWYT3）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3" placeholder="房屋用途3"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZCS" :rules="{ type: 'number' }">
<span slot="label">
总层数： <br />
<p class="label-detail">（ZCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }"
placeholder="总层数" type="number" v-model.number="ruleForm.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DSCS">
<span slot="label">
地上层数： <br />
<p class="label-detail">（DSCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="地上层数" maxlength="5"
v-model="ruleForm.dscs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DXCS">
<span slot="label">
地下层数： <br />
<p class="label-detail">（DXCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" maxlength="5" placeholder="地下层数"
v-model="ruleForm.dxcs"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bz" placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 逻辑幢信息
import kttFwLjz from '@/api/kttFwLjz'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
LJZH: '',
ZRZH: '',
MPH: '',
YCJZMJ: '',
YCDXMJ: '',
YCQTMJ: '',
SCJZMJ: '',
SCDXMJ: '',
SCQTMJ: '',
JGRQ: '',
FWJG1: '',
FWJG2: '',
FWJG3: '',
JZWZT: '',
FWYT: '',
FWYT2: '',
FWYT3: '',
ZCS: '',
DSCS: '',
DXCS: '',
BZ: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttFwLjz.getKttFwLjzById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await kttFwLjz.updateKttFwLjz(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="naturalBuilding itemForm">
<el-form :model="naturalForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<div v-for="(item, index) in naturalForm.naturalList" :key="index" class="naturalBuilding-item">
<p class="naturalBuilding-name">自然幢{{ index + 1 }}</p>
<div class="naturalBuilding-list">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bsm"
placeholder="标识码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.YSDM'" :rules="rules.YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ysdm"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.BDCDYH'" :rules="rules.BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bdcdyh"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZDDM'" :rules="rules.ZDDM">
<span slot="label">
宗地代码： <br />
<p class="label-detail">（ZDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].zddm"
placeholder="宗地代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZRZH'" :rules="rules.ZRZH">
<span slot="label">
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].zrzh"
placeholder="自然幢号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.XMMC'" :rules="rules.XMMC">
<span slot="label">
项目名称： <br />
<p class="label-detail">（XMMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].xmmc"
placeholder="项目名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.JZWMC'" :rules="rules.JZWMC">
<span slot="label">
建筑物名称： <br />
<p class="label-detail">（JZWMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].jzwmc"
placeholder="建筑物名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.JGRQ'" :rules="rules.JGRQ">
<span slot="label">
竣工日期： <br />
<p class="label-detail">（JGRQ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="竣工日期" clearable
v-model="naturalForm.naturalList[index].jgrq" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.JZWGD'" :rules="{ ...rules.JZWGD, ...typeNum }">
<span slot="label">
建筑物高度： <br />
<p class="label-detail">（JZWGD）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="建筑物高度" type="number"
v-model.number="naturalForm.naturalList[index].jzwgd"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZZDMJ'" :rules="{ ...rules.ZZDMJ, ...typeNum }">
<span slot="label">
幢占地面积： <br />
<p class="label-detail">（ZZDMJ）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number"
v-model.number="naturalForm.naturalList[index].zzdmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZYDMJ'" :rules="{ ...rules.ZYDMJ, ...typeNum }">
<span slot="label">
幢用地面积： <br />
<p class="label-detail">（ZYDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢用地面积" type="number"
v-model.number="naturalForm.naturalList[index].zydmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.YCJZMJ'" :rules="{ ...rules.YCJZMJ, ...typeNum }">
<span slot="label">
预测建筑面积： <br />
<p class="label-detail">（YCJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="预测建筑面积" type="number"
v-model.number="naturalForm.naturalList[index].ycjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.SCJZMJ'" :rules="{ ...rules.SCJZMJ, ...typeNum }">
<span slot="label">
实测建筑面积： <br />
<p class="label-detail">（SCJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number"
v-model.number="naturalForm.naturalList[index].scjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZCS'" :rules="{ ...rules.ZCS, ...typeNum }">
<span slot="label">
总层数： <br />
<p class="label-detail">（ZCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="总层数" type="number"
v-only-number="{ max: 9999, min: 0, precision: 3 }"
v-model.number="naturalForm.naturalList[index].zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.DSCS'" :rules="rules.DSCS">
<span slot="label">
地上层数： <br />
<p class="label-detail">（DSCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999, min: 0, precision: 0 }"
placeholder="地上层数" v-model="naturalForm.naturalList[index].dscs"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.DXCS'" :rules="rules.DXCS">
<span slot="label">
地下层数： <br />
<p class="label-detail">（DXCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9, min: 0, precision: 0 }"
placeholder="地下层数" v-model="naturalForm.naturalList[index].dxcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.DXSD'" :rules="{ ...rules.DXSD, ...typeNum }">
<span slot="label">
地下深度： <br />
<p class="label-detail">（DXSD）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="地下深度" type="number"
v-model.number="naturalForm.naturalList[index].dxsd"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.GHYT'" :rules="rules.GHYT">
<span slot="label">
规划用途： <br />
<p class="label-detail">（GHYT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ghyt"
placeholder="规划用途">
<el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.FWJG'" :rules="rules.FWJG">
<span slot="label">
房屋结构： <br />
<p class="label-detail">（FWJG）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].fwjg"
placeholder="房屋结构">
<el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZTS'" :rules="{ ...rules.ZTS, ...typeNum }">
<span slot="label">
总套数： <br />
<p class="label-detail">（ZTS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999, min: 0, precision: 0 }"
placeholder="总套数" type="number" v-model.number="naturalForm.naturalList[index].zts"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.JZWJBYT'" :rules="rules.JZWJBYT">
<span slot="label">
建筑物基本用途： <br />
<p class="label-detail">（JZWJBYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].jzwjbyt"
placeholder="建筑物基本用途"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.DAH'" :rules="rules.DAH">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].dah"
placeholder="档案号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.BZ'" :rules="rules.BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bz"
placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.ZT'" :rules="rules.ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].zt"
placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'naturalList.' + index + '.QXDM'" :rules="rules.QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].qxdm"
placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 自然幢
import kttFwZrz from '@/api/kttFwZrz'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
naturalForm: {
naturalList: [
{
BSM: '',
YSDM: '',
BDCDYH: '',
ZDDM: '',
ZRZH: '',
XMMC: '',
JZWMC: '',
JGRQ: '',
JZWGD: '',
ZZDMJ: '',
ZYDMJ: '',
YCJZMJ: '',
SCJZMJ: '',
ZCS: '',
DSCS: '',
DXCS: '',
DXSD: '',
GHYT: '',
FWJG: '',
ZTS: '',
JZWJBYT: '',
DAH: '',
BZ: '',
ZT: '',
QXDM: ''
}
]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttFwZrz.getKttFwZrzById(this.bsmSjsb)
this.naturalForm.naturalList = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttFwZrz.updateKttFwZrz(this.naturalForm.naturalList)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.naturalBuilding {
.naturalBuilding-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
.naturalBuilding-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
.naturalBuilding-list {
width: 100%;
flex: 1;
}
}
.bsm {
white-space: nowrap;
}
}
</style>
<template>
<div class="boundaryPoint itemForm">
<el-form :model="boundaryPoint" :rules="rules" ref="formList" label-width="113px" :key="key">
<div v-for="(item, index) in boundaryPoint.ruleForm" :key="index" class="boundaryPoint-item">
<p class="boundaryPoint-item-name">界址点{{ index + 1 }}</p>
<div class="boundaryPoint-item-list">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ boundaryPoint.ruleForm[index].bsm }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.YSDM'" :rules="rules.YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].YSDM"
maxlength="10" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.ZDZHDM'" :rules="rules.ZDZHDM">
<span slot="label">
宗地/宗海代码： <br />
<p class="label-detail">（ZDZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].ZDZHDM"
maxlength="19" placeholder="宗地/宗海代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JZDH'" :rules="rules.JZDH">
<span slot="label">
界址点号： <br />
<p class="label-detail">（JZDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JZDH"
maxlength="10" placeholder="界址点号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.SXH'" :rules="{ ...rules.SXH, ...typeNum }">
<span slot="label">
顺序号： <br />
<p class="label-detail">（SXH）</p>
</span>
<el-input-number :disabled="$store.state.business.Edit" v-model.number="form.auditInfo[index].SXH"
type="number" v-only-number="{ max: 999999999, min: 0, precision: 0 }"
placeholder="顺序号"></el-input-number>
<el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].SXH"
type="number" v-only-number="{ max: 99999999999, min: 0, precision: 0 }" placeholder="顺序号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JBLX'" :rules="rules.JBLX">
<span slot="label">
界标类型： <br />
<p class="label-detail">（JBLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JBLX"
placeholder="界标类型">
<el-option v-for="item in dicData['A4']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JZDLX'" :rules="rules.JZDLX">
<span slot="label">
界址点类型： <br />
<p class="label-detail">（JZDLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JZDLX"
placeholder="界址点类型">
<el-option v-for="item in dicData['A5']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.XZBZ'" :rules="{ ...rules.XZBZ, ...typeNum }">
<span slot="label">
X坐标值： <br />
<p class="label-detail">（XZBZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].XZBZ"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="X坐标值"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.YZBZ'" :rules="{ ...rules.YZBZ, ...typeNum }">
<span slot="label">
Y坐标值： <br />
<p class="label-detail">（YZBZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].YZBZ"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
placeholder="Y坐标值"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 界址点信息
import kttGyJzd from '@/api/kttGyJzd'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
boundaryPoint: {
ruleForm: [{
BSM: '',
YSDM: '',
ZDZHDM: '',
JZDH: '',
SXH: '',
JBLX: '',
JZDLX: '',
XZBZ: '',
YZBZ: '',
}]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttGyJzd.getKttGyJzdById(this.bsmSjsb)
this.boundaryPoint.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttGyJzd.updateKttGyJzd(this.boundaryPoint.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.boundaryPoint-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="boundaryLine itemForm">
<el-form :model="boundaryLine" :rules="rules" ref="formList" label-width="121px" :key="key">
<div v-for="(item, index) in boundaryLine.ruleForm" :key="index" class="boundaryLine-item">
<p class="boundaryLine-item-name">界址线{{ index + 1 }}</p>
<div class="boundaryLine-item-list">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ boundaryLine.ruleForm[index].bsm }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.YSDM'" :rules="rules.YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].YSDM"
maxlength="10" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.ZDZHDM'" :rules="rules.ZDZHDM">
<span slot="label">
宗地/宗海代码： <br />
<p class="label-detail">（ZDZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].ZDZHDM"
maxlength="19" placeholder="宗地/宗海代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JZXCD'" :rules="{ ...rules.JZXCD, ...typeNum }">
<span slot="label">
界址线长度： <br />
<p class="label-detail">（JZXCD）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="boundaryLine.ruleForm[index].JZXCD"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="界址线长度"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JZXLB'" :rules="rules.JZXLB">
<span slot="label">
界址线类别： <br />
<p class="label-detail">（JZXLB）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JZXLB"
placeholder="界址线类别">
<el-option v-for="item in dicData['A48']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JZXWZ'" :rules="rules.JZXWZ">
<span slot="label">
界址线位置： <br />
<p class="label-detail">（JZXWZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JZXWZ"
placeholder="界址线位置">
<el-option v-for="item in dicData['A3']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.JXXZ'" class="borderTopNone" :rules="rules.JXXZ">
<span slot="label">
界线性质： <br />
<p class="label-detail">（JXXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JXXZ"
placeholder="界线性质">
<el-option v-for="item in dicData['A2']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.QSJXXYSBH'" class="borderTopNone" :rules="rules.QSJXXYSBH">
<span slot="label">
权属界线协议书编号： <br />
<p class="label-detail">（QSJXXYSBH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSJXXYSBH"
placeholder="权属界线协议书编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.QSJXXYS'" class="borderTopNone" :rules="rules.QSJXXYS">
<span slot="label">
权属界线协议书： <br />
<p class="label-detail">（QSJXXYS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSJXXYS"
placeholder="权属界线协议书"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.QSZYYYSBH'" :rules="rules.QSZYYYSBH">
<span slot="label">
权属争议原由书编号： <br />
<p class="label-detail">（QSZYYYSBH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSZYYYSBH"
placeholder="权属争议原由书编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'ruleForm.' + index + '.QSZYYYS'" :rules="rules.QSZYYYS">
<span slot="label">
权属争议原由书： <br />
<p class="label-detail">（QSZYYYS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSZYYYS"
placeholder="权属争议原由书"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import kttGyJzx from '@/api/kttGyJzx'
import ruleMixin from '@/mixins/ruleMixin.js'
// 界址线信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
boundaryLine: {
ruleForm: [
{
BSM: '',
YSDM: '',
ZDZHDM: '',
JZXCD: undefined,
JZXLB: '',
JZXWZ: '',
JXXZ: '',
QSJXXYSBH: '',
QSJXXYS: '',
QSZYYYSBH: '',
QSZYYYS: ''
}
]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttGyJzx.getKttGyJzxById(this.bsmSjsb)
this.boundaryLine.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttGyJzx.updateKttGyJzx(this.boundaryLine.ruleForm)
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.boundaryLine-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="structure itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ ruleForm.bsm }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDZHDM">
<span slot="label">
宗地/宗海代码： <br />
<p class="label-detail">（ZDZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GZWMC">
<span slot="label">
构筑物名称： <br />
<p class="label-detail">（GZWMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GZWMC" placeholder="构筑物名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJ" :rules="{ type: 'number' }">
<span slot="label">
面积： <br />
<p class="label-detail">（MJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.MJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DAH">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="请选择">
<el-option v-for="item in ZTOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 构筑物
import kttGzw from '@/api/kttGzw'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ZTOptions: [],
ruleForm: {
BSM: '',
YSDM: '',
BDCDYH: '',
ZDZHDM: '',
GZWMC: '',
ZL: '',
MJDW: '',
MJ: '',
DAH: '',
ZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttGzw.getKttGzwById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttGzw.updateKttGzw(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="parcelBaseInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="120px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BSM" placeholder="标识码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDDM" class="borderTopNone">
<span slot="label">
宗地代码： <br />
<p class="label-detail">（ZDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDTZM">
<span slot="label">
宗地特征码： <br />
<p class="label-detail">（ZDTZM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDTZM" placeholder="宗地特征码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDMJ" :rules="{ type: 'number' }">
<span slot="label">
宗地面积： <br />
<p class="label-detail">（ZDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDMJ" type="number"
v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="宗地面积">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YT">
<span slot="label">
用途： <br />
<p class="label-detail">（YT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YT" placeholder="用途"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJ">
<span slot="label">
等级： <br />
<p class="label-detail">（DJ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJ" placeholder="等级">
<el-option v-for="item in dicData['A50']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JG" :rules="{ type: 'number' }">
<span slot="label">
价格： <br />
<p class="label-detail">（JG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JG" type="number"
v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="价格"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利性质">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLXZ">
<span slot="label">
权利性质： <br />
<p class="label-detail">（QLXZ）</p>
</span>
<tree-select :disabled="$store.state.business.Edit" :options="dicData['A9']" v-model="ruleForm.QLXZ"
placeholder="权利性质" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLSDFS">
<span slot="label">
权利设定方式： <br />
<p class="label-detail">（QLSDFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLSDFS" placeholder="权利设定方式">
<el-option v-for="item in dicData['A10']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="RJL">
<span slot="label">
容积率： <br />
<p class="label-detail">（RJL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.RJL"
v-only-number="{ max: 99999, min: 0, precision: 0 }" placeholder="容积率"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JZMD" :rules="{ type: 'number' }">
<span slot="label">
建筑密度： <br />
<p class="label-detail">（JZMD）</p>
</span>
<el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZMD"
placeholder="建筑密度">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JZXG" :rules="{ type: 'number' }">
<span slot="label">
建筑限高： <br />
<p class="label-detail">（JZXG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZXG"
v-only-number="{ max: 99999, min: 1, precision: 2 }" placeholder="建筑限高">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDSZD">
<span slot="label">
宗地四至-东: <br />
<p class="label-detail">（ZDSZD）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZD" placeholder="宗地四至-东">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDSZN">
<span slot="label">
宗地四至-南： <br />
<p class="label-detail">（ZDSZN）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZN" placeholder="宗地四至-南">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDSZX">
<span slot="label">
宗地四至-西： <br />
<p class="label-detail">（ZDSZX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZX" placeholder="宗地四至-西">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDSZB">
<span slot="label">
宗地四至-北： <br />
<p class="label-detail">（ZDSZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZB" placeholder="宗地四至-北">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDT">
<span slot="label">
宗地图： <br />
<p class="label-detail">（ZDT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDT" placeholder="宗地图">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TFH">
<span slot="label">
图幅号： <br />
<p class="label-detail">（TFH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TFH" placeholder="图幅号">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJh">
<span slot="label">
地籍号：<br />
<p class="label-detail">（DJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJh" placeholder="地籍号">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DAH" class="borderTopNone">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ" class="borderTopNone">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZT" class="borderTopNone">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码：<br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" type="datetime" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人: <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJGBM">
<span slot="label">
登记机构编码： <br />
<p class="label-detail">（DJJGBM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGBM" placeholder="登记机构编码">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJGMC">
<span slot="label">
登记机构名称： <br />
<p class="label-detail">（DJJGMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGMC" placeholder="登记机构名称">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JDH">
<span slot="label">
街道（乡、镇）： <br />
<p class="label-detail">（JDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH" placeholder="街道（乡、镇）">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFH">
<span slot="label">
街坊（村）: <br />
<p class="label-detail">（JFH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH" placeholder="街坊（村）">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZH">
<span slot="label">
组： <br />
<p class="label-detail">（ZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH" placeholder="组">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 宗地基本信息
import kttZdjbxx from '@/api/kttZdjbxx'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
components: {
treeSelect
},
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
BSM: '',
YSDM: '',
ZDDM: '',
BDCDYH: '',
ZDTZM: '',
ZL: '',
ZDMJ: '',
MJDW: '',
YT: '',
DJ: '',
JG: '',
QLLX: '',
QLXZ: '',
QLSDFS: '',
RJL: '',
JZMD: '',
JZXG: '',
ZDSZD: '',
ZDSZN: '',
ZDSZX: '',
ZDSZB: '',
ZDT: '',
TFH: '',
DJh: '',
DAH: '',
BZ: '',
ZT: '',
QXDM: '',
DJSJ: '',
DBR: '',
FJ: '',
DJJGBM: '',
DJJGMC: '',
JDH: '',
JFH: '',
ZH: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttZdjbxx.kttZdjbxxDetail(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttZdjbxx.updateKttZdjbxx(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="zonghaiBasicInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item>
<span slot="label">
标识码：<br />
<p class="label-detail">（BSM）</p>
</span>
<p :class="{ 'disabled': $store.state.business.Edit }">
{{ ruleForm.bsm }}
</p>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZHDM">
<span slot="label">
宗海代码： <br />
<p class="label-detail">（ZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号 <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZHTZM">
<span slot="label">
宗海特征码： <br />
<p class="label-detail">（ZHTZM）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZHTZM" placeholder="请选择宗海特征码">
<el-option v-for="item in dicData['A44']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XMMC">
<span slot="label">
项目名称： <br />
<p class="label-detail">（XMMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XMMC" placeholder="项目名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="XMXZ">
<span slot="label">
项目性质： <br />
<p class="label-detail">（XMXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XMXZ" placeholder="请选择项目性质">
<el-option v-for="item in dicData['A49']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHZMJ" :rules="{ type: 'number' }">
<span slot="label">
用海总面积： <br />
<p class="label-detail">（YHZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHZMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="用海总面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZHMJ" :rules="{ type: 'number' }">
<span slot="label">
宗海面积： <br />
<p class="label-detail">（ZHMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZHMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="宗海面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DB">
<span slot="label">
等别： <br />
<p class="label-detail">（DB）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DB" placeholder="等别">
<el-option v-for="item in dicData['A14']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZHAX" :rules="{ type: 'number' }">
<span slot="label">
占海岸线： <br />
<p class="label-detail">（ZHAX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZHAX" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="占海岸线"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHLXA">
<span slot="label">
用海类型A： <br />
<p class="label-detail">（YHLXA）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHLXA" placeholder="用海类型A">
<el-option v-for="item in dicData['A12']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YHLXB">
<span slot="label">
用海类型B： <br />
<p class="label-detail">（YHLXB）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHLXB" placeholder="用海类型B">
<el-option v-for="item in dicData['A13']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHWZSM">
<span slot="label">
用海位置说明： <br />
<p class="label-detail">（YHWZSM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YHWZSM" placeholder="用海位置说明"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="HDMC">
<span slot="label">
海岛名称： <br />
<p class="label-detail">（HDMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDMC" placeholder="海岛名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HDDM">
<span slot="label">
海岛代码： <br />
<p class="label-detail">（HDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDDM" placeholder="海岛代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YDFW">
<span slot="label">
用岛范围： <br />
<p class="label-detail">（YDFW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YDFW" placeholder="用岛范围"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YDMJ" :rules="{ type: 'number' }">
<span slot="label">
用岛面积： <br />
<p class="label-detail">（YDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="用岛面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HDWZ">
<span slot="label">
海岛位置： <br />
<p class="label-detail">（HDWZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDWZ" placeholder="海岛位置"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="HDYT">
<span slot="label">
海岛用途： <br />
<p class="label-detail">（HDYT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HDYT" placeholder="海岛用途">
<el-option v-for="item in dicData['A53']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZHT">
<span slot="label">
宗海图： <br />
<p class="label-detail">（ZHT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHT" placeholder="宗海图"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DAH">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
<el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" v-model="ruleForm.DJSJ" type="datetime"
format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJGBM">
<span slot="label">
登记机构编码： <br />
<p class="label-detail">（DJJGBM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGBM" placeholder="登记机构编码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJGMC">
<span slot="label">
登记机构名称： <br />
<p class="label-detail">（DJJGMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGMC" placeholder="登记机构名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JDH">
<span slot="label">
街道（乡、镇）： <br />
<p class="label-detail">（JDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH" placeholder="街道（乡、镇）"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JFH">
<span slot="label">
街坊（村）： <br />
<p class="label-detail">（JFH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH" placeholder="街坊（村）"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZH">
<span slot="label">
组： <br />
<p class="label-detail">（ZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH" placeholder="组"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 宗海基本信息
import kttZhjbxx from '@/api/kttZhjbxx'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
BSM: '',
YSDM: '',
// 宗海代码
ZHDM: '',
BDCDYH: '',
ZHTZM: '',
XMMC: '',
XMXZ: '',
YHZMJ: '',
ZHMJ: '',
DB: '',
ZHAX: '',
YHLXA: '',
YHLXB: '',
YHWZSM: '',
HDMC: '',
HDDM: '',
YDFW: '',
YDMJ: '',
HDWZ: '',
HDYT: '',
ZHT: '',
DAH: '',
ZT: '',
QXDM: '',
DJSJ: '',
DBR: '',
FJ: '',
DJJGBM: '',
DJJGMC: '',
JDH: '',
JFH: '',
ZH: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await kttZhjbxx.getKttZhjbxxById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttZhjbxx.updateKttZhjbxx(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="multiplehouseInfoXmsx itemForm">
<el-form :model="ruleForm" ref="formList" label-width="115px" :key="key">
<div v-for="(item, index) in ruleForm.itemList" :key="index" class="multiplehouseInfoXmsx-item">
<p class="multiplehouseInfoXmsx-item-name">项目属性{{ index + 1 }}</p>
<div class="multiplehouseInfoXmsx-item-list">
<el-row>
<el-col :span="16">
<el-form-item :prop="'itemList.' + index + '.XMMC'" :rules="rules.XMMC">
<span slot="label">
项目名称： <br />
<p class="label-detail">（XMMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].XMMC"
placeholder="项目名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.BDCDYH'" :rules="rules.BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].BDCDYH"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.ZH'" :rules="rules.ZH">
<span slot="label">
幢号： <br />
<p class="label-detail">（ZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].ZH"
placeholder="幢号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.ZCS'" :rules="{ ...rules.ZCS, ...typeNum }">
<span slot="label">
总层数： <br />
<p class="label-detail">（ZCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].ZCS"
type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.GHYT'" :rules="rules.GHYT">
<span slot="label">
规划用途： <br />
<p class="label-detail">（GHYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].GHYT"
placeholder="规划用途"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.FWJG'" :rules="rules.FWJG">
<span slot="label">
房屋结构： <br />
<p class="label-detail">（FWJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].FWJG"
placeholder="房屋结构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.JZMJ'" :rules="{ ...rules.JZMJ, ...typeNum }">
<span slot="label">
建筑面积：<br />
<p class="label-detail">（JZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].JZMJ"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="建筑面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.JGSJ'" :rules="rules.JGSJ">
<span slot="label">
竣工时间： <br />
<p class="label-detail">（JGSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.itemList[index].JGSJ" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.ZTS'" :rules="{ ...rules.ZTS, ...typeNum }">
<span slot="label">
总套数： <br />
<p class="label-detail">（ZTS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].ZTS"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总套数"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'itemList.' + index + '.QXDM'" :rules="rules.QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].QXDM"
placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 房地产权（项目内多幢房屋）项目属性
import qlfFwFdcqDzXm from '@/api/qlfFwFdcqDzXm'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
itemList: [
{
XMMC: '',
BDCDYH: '',
ZH: '',
ZCS: '',
GHYT: '',
FWJG: '',
JZMJ: '',
JGSJ: '',
ZTS: '',
QXDM: ''
}
]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfFwFdcqDzXm.getQlfFwFdcqDzXmById(this.bsmSjsb)
this.ruleForm.itemList = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qlfFwFdcqDzXm.updateQlfFwFdcqDzXm(this.ruleForm.itemList)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.multiplehouseInfoXmsx-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="mainCommonPart itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码：<br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型 <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JGZWBH">
<span slot="label">
建（构）筑物编号： <br />
<p class="label-detail">（JGZWBH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JGZWBH"
placeholder="建（构）筑物编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JGZWMC">
<span slot="label">
建（构）筑物名称： <br />
<p class="label-detail">（JGZWMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物名称"
v-model="ruleForm.JGZWMC"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JGZWSL" :rules="{ type: 'number' }">
<span slot="label">
建（构）筑物数量： <br />
<p class="label-detail">（JGZWSL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物数量" type="number"
v-only-number="{ max: 999999, min: 0, precision: 0 }" v-model.number="ruleForm.JGZWSL"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JGZWMJ" :rules="{ type: 'number' }">
<span slot="label">
建（构）筑物面积 <br />
<p class="label-detail">（JGZWMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物面积" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.JGZWMJ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊土地面积： <br />
<p class="label-detail">（FTTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="分摊土地面积" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.FTTDMJ"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="区县代码" v-model="ruleForm.QXDM"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="登记机构" v-model="ruleForm.DJJG"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="登簿人" v-model="ruleForm.DBR"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable v-model="ruleForm.DJSJ"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="附记" v-model="ruleForm.FJ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 建筑物区分所有权业主共有部分信息
import qlfFwFdcqQfsyq from '@/api/qlfFwFdcqQfsyq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
BDCDYH: '',
YWH: '',
QLLX: '',
JGZWBH: '',
JGZWMC: '',
JGZWSL: '',
JGZWMJ: '',
FTTDMJ: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfFwFdcqQfsyq.getQlfFwFdcqQfsyqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qlfFwFdcqQfsyq.updateQlfFwFdcqQfsyq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="seizureRegistration itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="112px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CFJG">
<span slot="label">
查封机关： <br />
<p class="label-detail">（CFJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cfjg" placeholder="查封机关"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CFLX">
<span slot="label">
查封类型： <br />
<p class="label-detail">（CFLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.cflx" placeholder="查封类型">
<el-option v-for="item in dicData['A32']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CFWJ">
<span slot="label">
查封文件： <br />
<p class="label-detail">（CFWJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cfwj" placeholder="查封文件"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CFWH">
<span slot="label">
查封文号： <br />
<p class="label-detail">（CFWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cfwh" placeholder="查封文号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CFQSSJ">
<span slot="label">
查封起始时间： <br />
<p class="label-detail">（CFQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.cfqssj"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CFJSSJ">
<span slot="label">
查封结束时间： <br />
<p class="label-detail">（CFJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable
:picker-options="pickerOptionsEnd" v-model="ruleForm.cfjssj" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CFFW">
<span slot="label">
查封范围： <br />
<p class="label-detail">（CFFW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.cffw" placeholder="查封范围"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.djsj" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFYWH">
<span slot="label">
解封业务号： <br />
<p class="label-detail">（JFYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfywh" placeholder="解封业务号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JFJG">
<span slot="label">
解封机关： <br />
<p class="label-detail">（JFJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfjg" placeholder="解封机关"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFWJ">
<span slot="label">
解封文件： <br />
<p class="label-detail">（JFWJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfwj" placeholder="解封文件"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFWH">
<span slot="label">
解封文号： <br />
<p class="label-detail">（JFWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfwh" placeholder="解封文号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JFDBR">
<span slot="label">
解封登簿人： <br />
<p class="label-detail">（JFDBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jfdbr" placeholder="解封登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFDJSJ">
<span slot="label">
解封登记时间： <br />
<p class="label-detail">（JFDJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.jfdjsj" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 查封登记信息
import qlfQlCfdj from '@/api/qlfQlCfdj'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.CFJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.CFQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
YWH: '',
BDCDYH: '',
CFJG: '',
CFWJ: '',
CFWH: '',
CFQSSJ: '',
CFJSSJ: '',
CFFW: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
JFYWH: '',
JFJG: '',
JFWJ: '',
JFWH: '',
JFDBR: '',
JFDJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlCfdj.getQlfQlCfdjById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlCfdj.updateQlfQlCfdj(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="otherRelevant itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" maxlength="20"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SCYWH">
<span slot="label">
上次业务号： <br />
<p class="label-detail">（SCYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.scywh" placeholder="上次业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DYJELX">
<span slot="label">
抵押金额类型： <br />
<p class="label-detail">（DYJELX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dyjelx" placeholder="抵押金额类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DYBDCLX">
<span slot="label">
抵押不动产类型： <br />
<p class="label-detail">（DYBDCLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.dybdclx" placeholder="抵押不动产类型">
<el-option v-for="item in dicData['A27']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DYR">
<span slot="label">
抵押人： <br />
<p class="label-detail">（DYR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dyr" placeholder="抵押人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DYFS">
<span slot="label">
抵押方式： <br />
<p class="label-detail">（DYFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.dyfs" placeholder="抵押方式">
<el-option v-for="item in dicData['A28']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.djlx" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDBZZQSE" :rules="{ type: 'number' }">
<span slot="label">
被担保主债权数额： <br />
<p class="label-detail">（BDBZZQSE）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.bdbzzqse" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="被担保主债权数额"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZWLXQSSJ">
<span slot="label">
债务履行起始时间： <br />
<p class="label-detail">（ZWLXQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择开始日期"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.zwlxqssj"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZWLXJSSJ">
<span slot="label">
债务履行结束时间： <br />
<p class="label-detail">（ZWLXJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择结束日期" clearable
:picker-options="pickerOptionsEnd" v-model="ruleForm.zwlxjssj" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZGZQQDSS">
<span slot="label">
最高债权确定事实： <br />
<p class="label-detail">（ZGZQQDSS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zgzqqdss"
placeholder="最高债权确定事实"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZGZQSE" :rules="{ type: 'number' }">
<span slot="label">
最高债权数额： <br />
<p class="label-detail">（ZGZQSE）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.zgzqse" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="最高债权数额"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXDYYWH">
<span slot="label">
注销抵押业务号： <br />
<p class="label-detail">（ZXDYYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zxdyywh"
placeholder="注销抵押业务号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable
v-model="ruleForm.djsj" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 抵押权信息
import qlfQlDyaq from '@/api/qlfQlDyaq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.ZWLXJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.ZWLXQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
YWH: '',
BDCDYH: '',
SCYWH: '',
DYJELX: '',
DYBDCLX: '',
DYR: '',
DYFS: '',
DJLX: '',
djyy: '',
zjjzwzl: '',
zjjzwdyfw: '',
BDBZZQSE: '',
ZWLXQSSJ: '',
ZWLXJSSJ: '',
ZGZQQDSS: '',
ZGZQSE: '',
ZXDYYWH: '',
zxdyyy: '',
zxsj: '',
bdcdjzmh: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlDyaq.getQlfQlDyaqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qlfQlDyaq.updateQlfQlDyaq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="otherRelevant itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GYDBDCDYH">
<span slot="label">
供地役不动产单元号： <br />
<p class="label-detail">（GYDBDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDBDCDYH"
placeholder="供地役不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GYDQLR">
<span slot="label">
供役地权利人： <br />
<p class="label-detail">（GYDQLR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLR" placeholder="供役地权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GYDQLRZJZL">
<span slot="label">
供役地权利人证件种类： <br />
<p class="label-detail">（GYDQLRZJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLRZJZL" placeholder="证件种类">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GYDQLRZJH">
<span slot="label">
供役地权利人证件号： <br />
<p class="label-detail">（GYDQLRZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLRZJH"
placeholder="供役地权利人证件号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="XYDBDCDYH">
<span slot="label">
需役地不动产单元号： <br />
<p class="label-detail">（XYDBDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDBDCDYH"
placeholder="需役地不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XYDZL">
<span slot="label">
需役地坐落： <br />
<p class="label-detail">（XYDZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDZL" placeholder="需役地坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XYDQLR">
<span slot="label">
需役地权利人： <br />
<p class="label-detail">（XYDQLR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLR" placeholder="需役地权利人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="XYDQLRZJZL">
<span slot="label">
需役地权利人证件种类： <br />
<p class="label-detail">（XYDQLRZJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLRZJZL" placeholder="证件种类">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XYDQLRZJZH">
<span slot="label">
需役地权利人证件号： <br />
<p class="label-detail">（XYDQLRZJZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLRZJZH"
placeholder="需役地权利人证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DYQNR">
<span slot="label">
地役权内容： <br />
<p class="label-detail">（DYQNR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DYQNR" placeholder="地役权内容"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDJZMH">
<span slot="label">
不动产登记证明号： <br />
<p class="label-detail">（BDCDJZMH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH"
placeholder="不动产登记证明号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLQSSJ">
<span slot="label">
权利起始时间： <br />
<p class="label-detail">（QLQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.QLQSSJ"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLJSSJ">
<span slot="label">
权利结束时间： <br />
<p class="label-detail">（QLJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable
:picker-options="pickerOptionsEnd" v-model="ruleForm.QLJSSJ" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable type="datetime"
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 地役权信息
import qlfQlDyiq from '@/api/qlfQlDyiq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.QLJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.QLQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
YWH: '',
GYDBDCDYH: '',
GYDQLR: '',
GYDQLRZJZL: '',
GYDQLRZJH: '',
XYDBDCDYH: '',
XYDZL: '',
XYDQLR: '',
XYDQLRZJZL: '',
XYDQLRZJZH: '',
DJLX: '',
DJYY: '',
DYQNR: '',
BDCDJZMH: '',
QLQSSJ: '',
QLJSSJ: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlDyiq.getQlfQlDyiqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlDyiq.updateQlfQlDyiq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="issuingInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="issuingInfo" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJDL">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（DJDL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJXL">
<span slot="label">
上手业务号： <br />
<p class="label-detail">（SSYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ssywh" placeholder="上手业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcqzh" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QZHM">
<span slot="label">
不动产登记证明号： <br />
<p class="label-detail">（BDCZMH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdczmh" placeholder="不动产登记证明号">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="WJJS">
<span slot="label">
更正登记类型： <br />
<p class="label-detail">（GZDJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.gzdjlx" placeholder="更正登记类型">
<el-option v-for="item in dicData['A54']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZYS">
<span slot="label">
更正依据： <br />
<p class="label-detail">（GZYJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.gzyj" placeholder="更正依据"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GDRY">
<span slot="label">
申请主体： <br />
<p class="label-detail">（GZGT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.gzgt" placeholder="申请主体"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GDSJ">
<span slot="label">
更正内容： <br />
<p class="label-detail">（GZNR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.gznr" placeholder="更正内容"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable
v-model="ruleForm.djsj" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 归档信息
import qlfQlGzdj from "@/api/qlfQlGzdj";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data () {
return {
ruleForm: {
YSDM: "",
YWH: "",
DJDL: "",
DJXL: "",
ZL: "",
QZHM: "",
WJJS: "",
ZYS: "",
GDRY: "",
GDSJ: "",
BZ: "",
QXDM: "",
},
};
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlGzdj.getQlfQlGzdjById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlGzdj.updateQlfQlGzdj(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="seaAreaUse itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZHHDDM">
<span slot="label">
宗海海岛代码： <br />
<p class="label-detail">（ZHHDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19"
placeholder="宗海海岛代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYQMJ" :rules="{ type: 'number' }">
<span slot="label">
使用权面积： <br />
<p class="label-detail">（SYQMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="使用权面积" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.SYQMJ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYJZE" :rules="{ type: 'number' }">
<span slot="label">
使用金总额： <br />
<p class="label-detail">（SYJZE）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="使用金总额" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.SYJZE"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SYQQSSJ">
<span slot="label">
使用权起始时间： <br />
<p class="label-detail">（SYQQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权起始时间"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQQSSJ"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYQJSSJ">
<span slot="label">
使用权结束时间： <br />
<p class="label-detail">（SYQJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权结束时间"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQJSSJ"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYJBZYJ">
<span slot="label">
使用金标准依据： <br />
<p class="label-detail">（SYJBZYJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYJBZYJ"
placeholder="使用金标准依据"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SYJJNQK">
<span slot="label">
使用金缴纳情况： <br />
<p class="label-detail">（SYJJNQK）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYJJNQK"
placeholder="使用金缴纳情况"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder=" 区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 海域（含无居民海岛）使用权
import qlfQlHysyq from '@/api/qlfQlHysyq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.SYQJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.SYQQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
BDCDYH: '',
ZHHDDM: '',
YWH: '',
QLLX: '',
DJLX: '',
DJYY: '',
SYQMJ: '',
SYJZE: '',
SYQQSSJ: '',
SYQJSSJ: '',
SYJBZYJ: '',
SYJJNQK: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlHysyq.getQlfQlHysyqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlHysyq.updateQlfQlHysyq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="landBuildingInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="108px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH" class="borderTopNone">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDDM" class="borderTopNone">
<span slot="label">
宗地代码： <br />
<p class="label-detail">（ZDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="请选择">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="请选择">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYQMJ" :rules="{ type: 'number' }">
<span slot="label">
使用权面积： <br />
<p class="label-detail">（SYQMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="使用权面积" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.SYQMJ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QDJG" :rules="{ type: 'number' }">
<span slot="label">
取得价格： <br />
<p class="label-detail">（QDJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="取得价格" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.QDJG"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SYQQSSJ">
<span slot="label">
使用权起始时间： <br />
<p class="label-detail">（SYQQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权起始时间"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQQSSJ"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYQJSSJ">
<span slot="label">
使用权结束时间： <br />
<p class="label-detail">（SYQJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权结束时间"
:picker-options="pickerOptionsEnd" clearable v-model="ruleForm.SYQJSSJ"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="请选择">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 建设用地、宅基地使用权信息
import qlfQlJsydsyq from '@/api/qlfQlJsydsyq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.SYQJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.SYQQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
BDCDYH: '',
ZDDM: '',
YWH: '',
QLLX: '',
DJLX: '',
DJYY: '',
SYQMJ: '',
QDJG: '',
SYQQSSJ: '',
SYQJSSJ: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: '',
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlJsydsyq.getQlfQlJsydsyqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qlfQlJsydsyq.updateQlfQlJsydsyq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="agriculturalLandUse itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="123px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FBFDM">
<span slot="label">
发包方代码： <br />
<p class="label-detail">（FBFDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBFDM" placeholder="发包方代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FBFMC">
<span slot="label">
发包方名称： <br />
<p class="label-detail">（FBFMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBFMC" placeholder="发包方名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CBMJ" :rules="{ type: 'number' }">
<span slot="label">
承包(使用权)面积： <br />
<p class="label-detail">（CBMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CBMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="承包(使用权)面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CBQSSJ">
<span slot="label">
承包(使用)起始时间： <br />
<p class="label-detail">（CBQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.CBQSSJ"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CBJSSJ">
<span slot="label">
承包(使用)结束时间： <br />
<p class="label-detail">（CBJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable
:picker-options="pickerOptionsEnd" v-model="ruleForm.CBJSSJ" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="TDSYQXZ">
<span slot="label">
土地所有权性质： <br />
<p class="label-detail">（TDSYQXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQXZ" placeholder="土地所有权性质">
<el-option v-for="item in dicData['A45']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYTTLX">
<span slot="label">
水域滩涂类型： <br />
<p class="label-detail">（SYTTLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SYTTLX" placeholder="水域滩涂类型">
<el-option v-for="item in dicData['A23']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YZYFS">
<span slot="label">
养殖业方式： <br />
<p class="label-detail">（YZYFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YZYFS" placeholder="养殖业方式">
<el-option v-for="item in dicData['A24']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CYZL">
<span slot="label">
草原质量： <br />
<p class="label-detail">（CYZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CYZL" placeholder="草原质量"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYZCL" :rules="{ type: 'number' }">
<span slot="label">
适宜载畜量： <br />
<p class="label-detail">（SYZCL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYZCL" type="number"
v-only-number="{ max: 9999999999, min: 0, precision: 0 }" placeholder="适宜载畜量"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 农用地使用权（非林地）
import qlfQlNydsyq from '@/api/qlfQlNydsyq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.CBJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.CBQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
YWH: '',
BDCDYH: '',
QLLX: '',
DJLX: '',
DJYY: '',
ZL: '',
FBFDM: '',
FBFMC: '',
CBMJ: '',
CBQSSJ: '',
CBJSSJ: '',
TDSYQXZ: '',
SYTTLX: '',
YZYFS: '',
CYZL: '',
SYZCL: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlNydsyq.getQlfQlNydsyqByID(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlNydsyq.updateQlfQlNydsyq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="otherRelevant itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLQSSJ">
<span slot="label">
权利起始时间： <br />
<p class="label-detail">（QLQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="权利起始时间"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.QLQSSJ"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLJSSJ">
<span slot="label">
权利结束时间： <br />
<p class="label-detail">（QLJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="权利结束时间" clearable
:picker-options="pickerOptionsEnd" v-model="ruleForm.QLJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSFS">
<span slot="label">
取水方式： <br />
<p class="label-detail">（QSFS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSFS" placeholder="取水方式"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SYLX">
<span slot="label">
水源类型： <br />
<p class="label-detail">（SYLX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYLX" placeholder="水源类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSL">
<span slot="label">
取水量： <br />
<p class="label-detail">（QSL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSL" placeholder="取水量"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSYT">
<span slot="label">
取水用途： <br />
<p class="label-detail">（QSYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSYT" placeholder="取水用途"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="KCMJ">
<span slot="label">
勘查面积： <br />
<p class="label-detail">（KCMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCMJ"
v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="勘查面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="KCFS">
<span slot="label">
开采方式： <br />
<p class="label-detail">（KCFS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCFS" placeholder="开采方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="KCKZ">
<span slot="label">
开采矿种： <br />
<p class="label-detail">（KCKZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCKZ" placeholder="开采矿种"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SCGM">
<span slot="label">
生产规模： <br />
<p class="label-detail">（SCGM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SCGM" placeholder="生产规模"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FT">
<span slot="label">
附图： <br />
<p class="label-detail">（FT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FT" placeholder="附图"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权利类型">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 其他相关权利
import qlfQlQtxgql from '@/api/qlfQlQtxgql'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.QLJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.QLQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
BSM: '',
YSDM: '',
YWH: '',
BDCDYH: '',
QLLX: '',
DJLX: '',
DJYY: '',
QLQSSJ: '',
QLJSSJ: '',
QSFS: '',
SYLX: '',
QSL: '',
QSYT: '',
KCMJ: '',
KCFS: '',
KCKZ: '',
SCGM: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
FT: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlQtxgql.getQlfQlQtxgqlById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlQtxgql.updateQlfQlQtxgql(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="landOwnershipInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDDM">
<span slot="label">
宗地代码： <br />
<p class="label-detail">（ZDDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MJDW">
<span slot="label">
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
<el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="NYDMJ" :rules="{ type: 'number' }">
<span slot="label">
农用地面积： <br />
<p class="label-detail">（NYDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.NYDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="农用地面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GDMJ" :rules="{ type: 'number' }">
<span slot="label">
耕地面积 <br />
<p class="label-detail">（GDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="耕地面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LDMJ" :rules="{ type: 'number' }">
<span slot="label">
林地面积： <br />
<p class="label-detail">（LDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.LDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="林地面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CDMJ" :rules="{ type: 'number' }">
<span slot="label">
草地面积： <br />
<p class="label-detail">（CDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="草地面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QTNYDMJ" :rules="{ type: 'number' }">
<span slot="label">
其它农用地面积 <br />
<p class="label-detail">（QTNYDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QTNYDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="其它农用地面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JSYDMJ" :rules="{ type: 'number' }">
<span slot="label">
建设用地面积： <br />
<p class="label-detail">（JSYDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JSYDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="建设用地面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="WLYDMJ" :rules="{ type: 'number' }">
<span slot="label">
未利用地面积： <br />
<p class="label-detail">（WLYDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.WLYDMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="未利用地面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 土地所有权信息
import qlfQlTdsyq from '@/api/qlfQlTdsyq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
BDCDYH: '',
ZDDM: '',
YWH: '',
QLLX: '',
DJLX: '',
DJYY: '',
MJDW: '',
NYDMJ: '',
GDMJ: '',
LDMJ: '',
CDMJ: '',
QTNYDMJ: '',
JSYDMJ: '',
WLYDMJ: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlTdsyq.getQlfQlTdsyqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qlfQlTdsyq.updateQlfQlTdsyq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="advanceNoticeRegistration itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="scYWH">
<span slot="label">
上次业务号： <br />
<p class="label-detail">（SCYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.scYWH" placeholder="上次业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCZL">
<span slot="label">
不动产坐落： <br />
<p class="label-detail">（BDCZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCZL" placeholder="不动产坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWR">
<span slot="label">
义务人： <br />
<p class="label-detail">（YWR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWR" placeholder="义务人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRZJZL">
<span slot="label">
义务人证件种类： <br />
<p class="label-detail">（YWRZJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="义务人证件种类">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRZJH">
<span slot="label">
义务人证件号： <br />
<p class="label-detail">（YWRZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YGDJZL">
<span slot="label">
预告登记种类： <br />
<p class="label-detail">（YGDJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YGDJZL" placeholder="预告登记种类">
<el-option v-for="item in dicData['A29']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYQR">
<span slot="label">
土地使用权人： <br />
<p class="label-detail">（TDSYQR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GHYT">
<span slot="label">
规划用途： <br />
<p class="label-detail">（GHYT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GHYT" placeholder="规划用途">
<el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YTMC">
<span slot="label">
用途名称： <br />
<p class="label-detail">（YTMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YTMC" placeholder="用途名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWXZ">
<span slot="label">
房屋性质： <br />
<p class="label-detail">（FWXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZ" placeholder="房屋性质">
<el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FWXZMC">
<span slot="label">
房屋性质名称： <br />
<p class="label-detail">（FWXZMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZMC" placeholder="房屋性质名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWJG">
<span slot="label">
房屋结构： <br />
<p class="label-detail">（FWJG）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG" placeholder="房屋结构">
<el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SZC">
<span slot="label">
所在层： <br />
<p class="label-detail">（SZC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SZC"
v-only-number="{ max: 99, min: 0, precision: 0 }" placeholder="所在层"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZCS" :rules="{ type: 'number' }">
<span slot="label">
总层数： <br />
<p class="label-detail">（ZCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZCS" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JZMJ" :rules="{ type: 'number' }">
<span slot="label">
建筑面积： <br />
<p class="label-detail">（JZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JZMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="建筑面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QDJG" :rules="{ type: 'number' }">
<span slot="label">
取得价格/被担保主债权数额： <br />
<p class="label-detail">（QDJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QDJG" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="取得价格/被担保主债权数额"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JEDW">
<span slot="label">
金额单位： <br />
<p class="label-detail">（JEDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.JEDW" placeholder="金额单位">
<el-option v-for="item in dicData['A57']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBFW">
<span slot="label">
担保范围： <br />
<p class="label-detail">（DBFW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBFW" placeholder="担保范围">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SFCZJZHXZ">
<span slot="label">
是否存在禁止或限制转让抵押不动产的约定： <br />
<p class="label-detail">（SFCZJZHXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFCZJZHXZ"
placeholder="是否存在禁止或限制转让抵押不动产的约定">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCDJZMH">
<span slot="label">
不动产登记证明号： <br />
<p class="label-detail">（BDCDJZMH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH" placeholder="不动产登记证明号">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZXYGYWH">
<span slot="label">
注销预告业务号： <br />
<p class="label-detail">（ZXYGYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYGYWH" placeholder="注销预告业务号">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXSJ">
<span slot="label">
注销时间： <br />
<p class="label-detail">（ZXSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.ZXSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXYGYY">
<span slot="label">
注销预告原因： <br />
<p class="label-detail">（ZXYGYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYGYY" placeholder="注销预告原因">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 预告登记信息
import qlfQlYgdj from "@/api/qlfQlYgdj";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
ruleForm: {
YSDM: "",
YWH: "",
BDCDYH: "",
scYWH: "",
BDCZL: "",
YWR: "",
YWRZJZL: "",
YWRZJH: "",
DJLX: "",
DJYY: "",
YGDJZL: "",
TDSYQR: "",
GHYT: "",
FWXZ: "",
FWJG: "",
SZC: "",
ZCS: "",
JZMJ: "",
QDJG: "",
BDCDJZMH: "",
QXDM: "",
DJJG: "",
DBR: "",
DJSJ: "",
FJ: "",
QSZT: "",
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await qlfQlYgdj.getQlfQlYgdjById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
return new Promise(async (resolve) => {
try {
let res = await qlfQlYgdj.updateQlfQlYgdj(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="objectionRegistration itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YYSX">
<span slot="label">
异议事项： <br />
<p class="label-detail">（YYSX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YYSX" placeholder="异议事项"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDJZMH">
<span slot="label">
不动产登记证明号： <br />
<p class="label-detail">（BDCDJZMH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH"
placeholder="不动产登记证明号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZXYYYWH">
<span slot="label">
注销异议业务号： <br />
<p class="label-detail">（ZXYYYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYYWH"
placeholder="注销异议业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXYYYY">
<span slot="label">
注销异议原因： <br />
<p class="label-detail">（ZXYYYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYYY" placeholder="注销异议原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXYYDBR">
<span slot="label">
注销异议登簿人： <br />
<p class="label-detail">（ZXYYDBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYDBR"
placeholder="注销异议登簿人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZXYYDJSJ">
<span slot="label">
注销异议登记时间： <br />
<p class="label-detail">（ZXYYDJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
v-model="ruleForm.ZXYYDJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 异议登记信息
import qlfQlYydj from '@/api/qlfQlYydj'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
YWH: '',
BDCDYH: '',
YYSX: '',
BDCDJZMH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
ZXYYYWH: '',
ZXYYYY: '',
ZXYYDBR: '',
ZXYYDJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qlfQlYydj.getQlfQlYydjById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qlfQlYydj.updateQlfQlYydj(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="cancellationRegistration itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXYWH">
<span slot="label">
注销业务号： <br />
<p class="label-detail">（ZXYWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYWH" placeholder="注销业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZXSJ">
<span slot="label">
注销时间： <br />
<p class="label-detail">（ZXSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.ZXSJ" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCQZMH">
<span slot="label">
不动产权证明号： <br />
<p class="label-detail">（BDCQZMH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZMH" placeholder="不动产权证明号">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人：<br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 注销登记信息
import qlfQlZxdj from "@/api/qlfQlZxdj";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
ruleForm: {
YSDM: "",
YWH: "",
BDCDYH: "",
BDCQZH: "",
ZXYWH: "",
ZXSJ: "",
QXDM: "",
DJJG: "",
DBR: "",
DJSJ: "",
BZ: "",
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await qlfQlZxdj.getQlfQlZxdjById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
return new Promise(async (resolve) => {
try {
let res = await qlfQlZxdj.updateQlfQlZxdj(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="multiplehouseInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="125px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FDZL">
<span slot="label">
房地坐落： <br />
<p class="label-detail">（FDZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FDZL" placeholder="房地坐落"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYQR">
<span slot="label">
土地使用权人： <br />
<p class="label-detail">（TDSYQR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DYJZMJ" :rules="{ type: 'number' }">
<span slot="label">
独用土地面积： <br />
<p class="label-detail">（DYJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DYJZMJ" placeholder="独用土地面积"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊土地面积： <br />
<p class="label-detail">（FTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FTJZMJ" placeholder="分摊土地面积"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYQSSJ">
<span slot="label">
土地使用起始时间： <br />
<p class="label-detail">（TDSYQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="土地使用起始时间"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.TDSYQSSJ"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYJSSJ">
<span slot="label">
土地使用结束时间： <br />
<p class="label-detail">（TDSYJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="土地使用结束时间"
:picker-options="pickerOptionsEnd" clearable v-model="ruleForm.TDSYJSSJ"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FDCJYJG" :rules="{ type: 'number' }">
<span slot="label">
房地产交易价格： <br />
<p class="label-detail">（FDCJYJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FDCJYJG" type="number"
placeholder="房地产交易价格" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构：<br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable v-model="ruleForm.DJSJ"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FCFHT">
<span slot="label">
房产分户图： <br />
<p class="label-detail">（FCFHT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FCFHT" placeholder="房产分户图"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 房地产权_项目内多幢房屋信息
import qltFwFdcqDz from '@/api/qltFwFdcqDz'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.TDSYJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.TDSYQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
// 权属状态
ruleForm: {
YSDM: '',
BDCDYH: '',
FDZL: '',
YWH: '',
QLLX: '',
DJLX: '',
DJYY: '',
TDSYQR: '',
DYJZMJ: '',
FTJZMJ: '',
TDSYQSSJ: '',
TDSYJSSJ: '',
FDCJYJG: '',
BDCQZH: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
FCFHT: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qltFwFdcqDz.getQltFwFdcqDzById(this.bsmSjsb)
this.ruleForm = res
// this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qltFwFdcqDz.updateQltFwFdcqDz(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="singleBuilding itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ywh" maxlength="20"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qllx" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.djlx" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djyy" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FDZL">
<span slot="label">
房地坐落： <br />
<p class="label-detail">（FDZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fdzl" placeholder="房地坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYQR">
<span slot="label">
土地使用权人： <br />
<p class="label-detail">（TDSYQR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.tdsyqr" placeholder="土地使用权人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
独用土地面积： <br />
<p class="label-detail">（DYTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="独用土地面积" type="number" v-model.number="ruleForm.dytdmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 分摊土地面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊土地面积： <br />
<p class="label-detail">（FTTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="分摊土地面积" type="number" v-model.number="ruleForm.fttdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYQSSJ">
<span slot="label">
土地使用起始时间： <br />
<p class="label-detail">（TDSYQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.tdsyqssj" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDSYJSSJ">
<span slot="label">
土地使用结束时间： <br />
<p class="label-detail">（TDSYJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.tdsyjssj" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<!-- 房地产交易价格 -->
<el-row>
<el-col :span="8">
<el-form-item prop="FDCJYJG" :rules="{ type: 'number' }">
<span slot="label">
房地产交易价格： <br />
<p class="label-detail">（FDCJYJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.fdcjyjg" placeholder="房地产交易价格"
type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GHYT">
<span slot="label">
规划用途： <br />
<p class="label-detail">（GHYT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ghyt" placeholder="规划用途">
<el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWXZ">
<span slot="label">
房屋性质： <br />
<p class="label-detail">（FWXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwxz" placeholder="房屋性质">
<el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- 房屋结构 -->
<el-row>
<el-col :span="8">
<el-form-item prop="FWJG">
<span slot="label">
房屋结构： <br />
<p class="label-detail">（FWJG）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg" placeholder="房屋结构">
<el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SZC">
<span slot="label">
所在层： <br />
<p class="label-detail">（SZC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" placeholder="所在层" v-model="ruleForm.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZCS" :rules="{ type: 'number' }">
<span slot="label">
总层数： <br />
<p class="label-detail">（ZCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.zcs" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 建筑面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="JZMJ" :rules="{ type: 'number' }">
<span slot="label">
建筑面积： <br />
<p class="label-detail">（JZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="建筑面积" type="number" v-model.number="ruleForm.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZYJZMJ" :rules="{ type: 'number' }">
<span slot="label">
专有建筑面积： <br />
<p class="label-detail">（ZYJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="专有建筑面积" type="number" v-model.number="ruleForm.zyjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊建筑面积： <br />
<p class="label-detail">（FTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
placeholder="分摊建筑面积" type="number" v-model.number="ruleForm.ftjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 竣工时间 -->
<el-row>
<el-col :span="8">
<el-form-item prop="JGSJ">
<span slot="label">
竣工时间： <br />
<p class="label-detail">（JGSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.jgsj" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcqzh" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.dbr" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 登记时间 -->
<el-row>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fj" placeholder="附记"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.djjg" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.qszt" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
// 房地产权_独幢
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
BDCDYH: '',
YWH: '',
QLLX: '',
DJLX: '',
DJYY: '',
FDZL: '',
TDSYQR: '',
DYTDMJ: '',
FTTDMJ: '',
TDSYQSSJ: '',
TDSYJSSJ: '',
FDCJYJG: '',
GHYT: '',
FWXZ: '',
FWJG: '',
SZC: '',
ZCS: '',
JZMJ: '',
ZYJZMJ: '',
FTJZMJ: '',
JGSJ: '',
BDCQZH: '',
DBR: '',
DJSJ: '',
FJ: '',
QXDM: '',
DJJG: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getQltFwFdcqYzById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await business.updateQltFwFdcqYz(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="buildingOwnershipInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="150px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZL">
<span slot="label">
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDHYSYQR">
<span slot="label">
土地/海域使用权人： <br />
<p class="label-detail">（TDHYSYQR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDHYSYQR"
placeholder="土地/海域使用权人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDHYSYMJ" :rules="{ type: 'number' }">
<span slot="label">
土地/海域使用面积： <br />
<p class="label-detail">（TDHYSYMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.TDHYSYMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="土地/海域使用面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="TDHYSYQSSJ">
<span slot="label">
土地/海域使用起始时间： <br />
<p class="label-detail">（TDHYSYQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="土地/海域使用起始时间"
:picker-options="pickerOptionsStart" clearable v-model="ruleForm.TDHYSYQSSJ"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TDHYSYJSSJ">
<span slot="label">
土地/海域使用结束时间： <br />
<p class="label-detail">（TDHYSYJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="土地/海域使用结束时间" clearable
:picker-options="pickerOptionsEnd" v-model="ruleForm.TDHYSYJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GJZWLX">
<span slot="label">
构（建）筑物类型： <br />
<p class="label-detail">（GJZWLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWLX" placeholder="构（建）筑物类型">
<el-option v-for="item in dicData['A25']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GJZWGHYT">
<span slot="label">
构（建）筑物规划用途： <br />
<p class="label-detail">（GJZWGHYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWGHYT"
placeholder="构（建）筑物规划用途"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GJZWMJ" :rules="{ type: 'number' }">
<span slot="label">
构（建）筑物面积： <br />
<p class="label-detail">（GJZWMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GJZWMJ" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="构（建）筑物面积"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="jgsj">
<span slot="label">
竣工时间： <br />
<p class="label-detail">（JGSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工时间" clearable
v-model="ruleForm.jgsj" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="GJZWPMT">
<span slot="label">
构(建)筑物平面图： <br />
<p class="label-detail">（GJZWPMT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWPMT"
placeholder="构(建)筑物平面图"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QSZT">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 构（建）筑物所有权信息
import qltQlGjzwsyq from '@/api/qltQlGjzwsyq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
pickerOptionsStart: {
// 禁止选择
disabledDate: time => {
let endDateVal = this.ruleForm.TDHYSYJSSJ;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.ruleForm.TDHYSYQSSJ;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
}
},
ruleForm: {
YSDM: '',
YWH: '',
BDCDYH: '',
QLLX: '',
DJLX: '',
DJYY: '',
ZL: '',
TDHYSYQR: '',
TDHYSYMJ: '',
TDHYSYQSSJ: '',
TDHYSYJSSJ: '',
GJZWLX: '',
GJZWGHYT: '',
GJZWMJ: '',
jgsj: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
GJZWPMT: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qltQlGjzwsyq.getQltQlGjzwsyqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await qltQlGjzwsyq.updateQltQlGjzwsyq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
},
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="forestOwnership itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="164px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
placeholder="业务号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLLX">
<span slot="label">
权利类型： <br />
<p class="label-detail">（QLLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJLX">
<span slot="label">
登记类型： <br />
<p class="label-detail">（DJLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJYY">
<span slot="label">
登记原因： <br />
<p class="label-detail">（DJYY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FBF">
<span slot="label">
发包方： <br />
<p class="label-detail">（FBF）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBF" placeholder="发包方"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYQMJ" :rules="{ type: 'number' }">
<span slot="label">
使用权（承包）面积： <br />
<p class="label-detail">（SYQMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYQMJ" type="number"
placeholder="使用权（承包）面积" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LDSYQSSJ">
<span slot="label">
林地使用(承包)起始时间： <br />
<p class="label-detail">（LDSYQSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="林地使用(承包)起始时间" type="datetime" clearable
v-model="ruleForm.LDSYQSSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="LDSYJSSJ">
<span slot="label">
林地使用(承包)结束时间： <br />
<p class="label-detail">（LDSYJSSJ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" placeholder="林地使用(承包)结束时间" type="datetime" clearable
v-model="ruleForm.LDSYJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="LDSYQXZ">
<span slot="label">
林地所有权性质： <br />
<p class="label-detail">（LDSYQXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LDSYQXZ" placeholder="林地所有权性质">
<el-option v-for="item in dicData['A45']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SLLMSYQR1">
<span slot="label">
森林林木所有权人1： <br />
<p class="label-detail">（SLLMSYQR1）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLLMSYQR1"
placeholder="森林林木所有权人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SLLMSYQR2">
<span slot="label">
森林林木使用权人2： <br />
<p class="label-detail">（SLLMSYQR2）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLLMSYQR2"
placeholder="森林林木使用权人2"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZYSZ">
<span slot="label">
主要树种： <br />
<p class="label-detail">（ZYSZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZYSZ" placeholder="主要树种"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZS" :rules="{ type: 'number' }">
<span slot="label">
株数： <br />
<p class="label-detail">（ZS）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZS" type="number"
v-only-number="{ max: 9999999999, min: 0, precision: 0 }" placeholder="株数"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="LZ">
<span slot="label">
林种： <br />
<p class="label-detail">（LZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZ" placeholder="林种">
<el-option v-for="item in dicData['A26']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QY">
<span slot="label">
起源： <br />
<p class="label-detail">（QY）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QY" placeholder="起源">
<el-option v-for="item in dicData['A52']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZLND" :rules="{ type: 'number' }">
<span slot="label">
造林年度： <br />
<p class="label-detail">（ZLND）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZLND" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="造林年度"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="LB">
<span slot="label">
林班： <br />
<p class="label-detail">（LB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LB" placeholder="林班"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XB">
<span slot="label">
小班： <br />
<p class="label-detail">（XB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="小班"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XDM">
<span slot="label">
小地名： <br />
<p class="label-detail">（XDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XDM" placeholder="小地名"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJJG">
<span slot="label">
登记机构： <br />
<p class="label-detail">（DJJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DBR">
<span slot="label">
登簿人： <br />
<p class="label-detail">（DBR）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJSJ">
<span slot="label">
登记时间： <br />
<p class="label-detail">（DJSJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJSJ" placeholder="登记时间"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FJ">
<span slot="label">
附记： <br />
<p class="label-detail">（FJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QSZT" :rules="{ type: 'number' }">
<span slot="label">
权属状态： <br />
<p class="label-detail">（QSZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 林权
import qltQlLq from '@/api/qltQlLq'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
YSDM: '',
BDCDYH: '',
YWH: '',
QLLX: '',
DJLX: '',
DJYY: '',
FBF: '',
SYQMJ: '',
LDSYQSSJ: '',
LDSYJSSJ: '',
LDSYQXZ: '',
SLLMSYQR1: '',
SLLMSYQR2: '',
ZYSZ: '',
ZS: '',
LZ: '',
QY: '',
ZLND: '',
LB: '',
XB: '',
XDM: '',
BDCQZH: '',
QXDM: '',
DJJG: '',
DBR: '',
DJSJ: '',
FJ: '',
QSZT: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await qltQlLq.getQltQlLqById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await qltQlLq.updateQltQlLq(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="parcelSpaceProperties itemForm">
<el-form :model="obligeeForm" ref="formList" label-width="113px" :key="key">
<div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
<p class="obligee-item-name">坐标点{{ index + 1 }}</p>
<div class="obligee-item-list">
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
序号： <br />
<p class="label-detail">（XH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].xh" placeholder="序号">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
空间类型： <br />
<p class="label-detail">（KJLX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].kjlx" placeholder="空间类型">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
子对象： <br />
<p class="label-detail">（ZDX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zdx" placeholder="子对象">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].bdcdyh" placeholder="不动产单元号">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
X坐标： <br />
<p class="label-detail">（XZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].xzb" placeholder="X坐标">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
Y坐标： <br />
<p class="label-detail">（YZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].yzb" placeholder="Y坐标">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
Z坐标： <br />
<p class="label-detail">（ZZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zzb" placeholder="Z坐标">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 宗地空间属性
import zdK103 from "@/api/zdK103";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data () {
return {
ruleForm: {
BDCDYH: "",
ZDX: "",
XH: "",
XZB: "",
YZB: "",
},
};
},
methods: {
async featchData () {
try {
let { result: res } = await zdK103.getZdK103ById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await zdK103.updateZdK103(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
<template>
<div class="seaSpaceAttribute itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDX" :rules="{ type: 'number' }">
<span slot="label">
子对象： <br />
<p class="label-detail">（ZDX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDX" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="子对象"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XH" :rules="{ type: 'number' }">
<span slot="label">
序号： <br />
<p class="label-detail">（XH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XH" type="number"
v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="序号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="XZB" :rules="{ type: 'number' }">
<span slot="label">
X坐标： <br />
<p class="label-detail">（XZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XZB"
v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" type="number" placeholder="X坐标"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YZB" :rules="{ type: 'number' }">
<span slot="label">
Y坐标： <br />
<p class="label-detail">（YZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YZB" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="Y坐标"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 宗海空间属性
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
BDCDYH: '',
zhdm: '',
ZDX: '',
XH: '',
XZB: '',
YZB: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getZhK105ById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await business.updateZhK105(this.ruleForm)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
<template>
<div class="obligee itemForm">
<el-form :model="obligeeForm" ref="formList" label-width="113px" :key="key">
<div v-for="(item, index) in obligeeForm.obligeeList" :key="index" class="obligee-item">
<p class="obligee-item-name">权利人{{ index + 1 }}</p>
<div class="obligee-item-list">
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.YSDM'" :rules="rules.YSDM">
<span slot="label">
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].YSDM"
placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.SXH'"
:rules="{ ...rules.SXH, ...typeNum }">
<span slot="label">
顺序号： <br />
<p class="label-detail">（SXH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="obligeeForm.obligeeList[index].SXH"
type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="顺序号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.BDCDYH'" :rules="rules.BDCDYH">
<span slot="label">
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BDCDYH"
placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.QLRMC'" :rules="rules.QLRMC">
<span slot="label">
权利人名称： <br />
<p class="label-detail">（QLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRMC"
placeholder="权利人名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.BDCQZH'" :rules="rules.BDCQZH">
<span slot="label">
不动产权证号： <br />
<p class="label-detail">（BDCQZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BDCQZH"
placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.QZYSXLH'" :rules="rules.QZYSXLH">
<span slot="label">
权证印刷序列号： <br />
<p class="label-detail">（QZYSXLH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QZYSXLH"
placeholder="权证印刷序列号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.SFCZR'" :rules="rules.SFCZR">
<span slot="label">
是否持证人： <br />
<p class="label-detail">（SFCZR）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SFCZR"
placeholder="请选择">
<el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.ZJZL'" :rules="rules.ZJZL">
<span slot="label">
证件种类： <br />
<p class="label-detail">（ZJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJZL"
placeholder="请选择">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.ZJH'" :rules="rules.ZJH">
<span slot="label">
证件号： <br />
<p class="label-detail">（ZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJH"
placeholder="证件号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.FZJG'" :rules="rules.FZJG">
<span slot="label">
发证机关： <br />
<p class="label-detail">（FZJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].FZJG"
placeholder="发证机关"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.SSHY'" :rules="rules.SSHY">
<span slot="label">
所属行业： <br />
<p class="label-detail">（SSHY）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SSHY"
placeholder="所属行业"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.GJ'" :rules="rules.GJ">
<span slot="label">
国家/地区： <br />
<p class="label-detail">（GJ）</p>
</span>
<tree-select :options="dicData['A35']" v-model="obligeeForm.obligeeList[index].GJ"
placeholder="国家/地区" />
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.HJSZSS'" :rules="rules.HJSZSS">
<span slot="label">
户籍所在省市： <br />
<p class="label-detail">（HJSZSS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].HJSZSS"
placeholder="户籍所在省市"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.XB'" :rules="rules.XB">
<span slot="label">
性别： <br />
<p class="label-detail">（XB）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].XB"
placeholder="请选择">
<el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.DH'" :rules="rules.DH">
<span slot="label">
电话： <br />
<p class="label-detail">（DH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
maxlength="11" v-model="obligeeForm.obligeeList[index].DH" placeholder="电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.DZ'" :rules="rules.DZ">
<span slot="label">
地址： <br />
<p class="label-detail">（DZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].DZ"
placeholder="地址"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.YB'" :rules="rules.YB">
<span slot="label">
邮编： <br />
<p class="label-detail">（YB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].YB"
placeholder="邮编"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.GZDW'" :rules="rules.GZDW">
<span slot="label">
工作单位： <br />
<p class="label-detail">（GZDW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GZDW"
placeholder="工作单位"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.DZYJ'" :rules="rules.DZYJ">
<span slot="label">
电子邮件： <br />
<p class="label-detail">（DZYJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].DZYJ"
placeholder="电子邮件"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.QLRLX'" :rules="rules.QLRLX">
<span slot="label">
权利人类型： <br />
<p class="label-detail">（QLRLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRLX"
placeholder="请选择">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.QLBL'" :rules="rules.QLBL">
<span slot="label">
权利比例： <br />
<p class="label-detail">（QLBL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLBL"
placeholder="权利比例"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.GYFS'" :rules="rules.GYFS">
<span slot="label">
共有方式： <br />
<p class="label-detail">（GYFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GYFS"
placeholder="共有方式">
<el-option v-for="item in dicData['A34']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.GYQK'" :rules="rules.GYQK">
<span slot="label">
共有情况： <br />
<p class="label-detail">（GYQK）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GYQK"
placeholder="共有情况"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.BZ'" :rules="rules.BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BZ"
placeholder="备注"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="obligee-item-input">
<el-col :span="8">
<el-form-item :prop="'obligeeList.' + index + '.QXDM'" :rules="rules.QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QXDM"
placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
import zttGyQlr from '@/api/zttGyQlr'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '@/components/TreeSelect.vue'
// 权利人
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
components: {
treeSelect
},
data () {
return {
obligeeForm: {
obligeeList: [
{
YSDM: '',
SXH: '',
BDCDYH: '',
QLRMC: '',
BDCQZH: '',
QZYSXLH: '',
SFCZR: '',
ZJZL: '',
ZJH: '',
FZJG: '',
SSHY: '',
GJ: '',
HJSZSS: '',
XB: '',
DH: '',
DZ: '',
YB: '',
GZDW: '',
DZYJ: '',
QLRLX: '',
QLBL: '',
GYFS: '',
GYQK: '',
BZ: '',
QXDM: ''
}
]
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await zttGyQlr.getZttGyQlrById(this.bsmSjsb)
this.obligeeForm.obligeeList = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await zttGyQlr.updateZttGyQlr(this.obligeeForm.obligeeList)
// this.$refs['formList'].resetFields();
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
......@@ -28,16 +28,16 @@ export default {
}
.cx {
background: url('../../../image/btn.png') no-repeat -4px -40px;
background: url('../image/btn.png') no-repeat -4px -40px;
cursor: pointer;
}
.cz {
background: url('../../../image/btn.png') no-repeat -4px -4px;
background: url('../image/btn.png') no-repeat -4px -4px;
cursor: pointer;
}
.sb {
background: url('../../../image/btn.png') no-repeat -4px -112px;
background: url('../image/btn.png') no-repeat -4px -112px;
}
</style>
......
<template>
<!-- 折线图 -->
<Echart
:options="options"
id="bottomLeftChart"
height="100%"
width="100%"
></Echart>
</template>
<script>
import Echart from "@/common/echart";
export default {
data() {
return {
xAxisData: {},
yAxisData1: {},
yAxisData2: {},
yAxisData3: {},
options: {},
};
},
components: {
Echart,
},
props: {
cdata: {
type: Object,
default: () => ({}),
},
},
methods: {
hexToRgba(hex, opacity) {
let rgbaColor = "";
let reg = /^#[\da-f]{6}$/i;
if (reg.test(hex)) {
rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
"0x" + hex.slice(3, 5)
)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
}
return rgbaColor;
},
},
watch: {
cdata: {
handler(newData) {
this.xAxisData = newData.echartData.map((v) => v.name);
this.yAxisData1 = newData.echartData.map((v) => v.value1);
this.yAxisData2 = newData.echartData.map((v) => v.value2);
this.yAxisData3 = newData.echartData.map((v) => v.value3);
this.options = {
color: newData.color,
legend: {
center: true,
top: "20%",
data: newData.legendItem,
textStyle: {
color: "#00DEFF",
},
},
// calculable: true,
tooltip: {
trigger: "axis",
formatter: function (params) {
let html = "";
params.forEach((v) => {
html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
newData.color[v.componentIndex]
};"></span>
${v.seriesName}.${v.name}
<span style="color:${
newData.color[v.componentIndex]
};font-weight:700;font-size: 18px">${v.value}</span>
个`;
});
return html;
},
extraCssText:
"background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
},
// grid: {
// top: 70,
// containLabel: true
// },
grid: {
top: "30%",
left: "3%",
right: "6%",
bottom: "8%",
containLabel: true,
},
xAxis: [
{
type: "category",
axisLine: {
show: true,
lineStyle: {
color: "#458ACF",
},
},
axisLabel: {
inside: false,
textStyle: {
color: "rgba(255, 255, 255,0.7)", // x轴颜色
fontWeight: "normal",
fontSize: "12",
lineHeight: 22,
},
},
data: this.xAxisData,
},
],
yAxis: [
{
type: "value",
axisLabel: {
textStyle: {
color: "rgba(255, 255, 255,0.7)",
},
},
splitLine: {
show: true,
lineStyle: {
color: "#458ACF",
},
},
axisLine: {
show: true,
lineStyle: {
color: "#458ACF",
},
},
axisTick: {
show: false,
},
},
],
series: [
{
name: newData.legendItem[0],
type: "line",
smooth: true, //是否平滑
showSymbol: false,
symbol: "circle",
symbolSize: 6,
zlevel: 3,
lineStyle: {
normal: {
color: newData.color[0],
shadowBlur: 3,
shadowColor: this.hexToRgba(newData.color[0], 0.5),
shadowOffsetY: 0,
},
},
data: this.yAxisData1,
},
{
name: newData.legendItem[1],
type: "line",
smooth: true,
showSymbol: false,
symbol: "circle",
symbolSize: 8,
zlevel: 3,
lineStyle: {
normal: {
color: newData.color[1],
shadowBlur: 0,
shadowColor: this.hexToRgba(newData.color[1], 0.5),
shadowOffsetY: 0,
},
},
data: this.yAxisData2,
},
{
name: newData.legendItem[2],
type: "line",
smooth: true,
showSymbol: false,
symbol: "circle",
symbolSize: 8,
zlevel: 3,
lineStyle: {
normal: {
color: newData.color[2],
shadowBlur: 3,
shadowColor: this.hexToRgba(newData.color[2], 0.5),
shadowOffsetY: 0,
},
},
data: this.yAxisData3,
},
],
};
},
immediate: true,
deep: true,
},
},
};
</script>
<template>
<Chart :cdata="cdata" />
</template>
<script>
import Chart from './Chart'
export default {
data () {
return {
cdata: {
legendItem: ['接入', '上报', '登簿'],
color: [
"#5324DA",
"#E873B2",
"#F4AF6F "
],
echartData: [{
name: "2017-11",
value1: 1351,
value2: 600,
value3: 568,
},
{
name: "2017-11",
value1: 980,
value2: 1245,
value3: 1100,
},
{
name: "2017-11",
value1: 1127,
value2: 398,
value3: 568,
},
{
name: "2017-11",
value1: 1046,
value2: 689,
value3: 479
},
{
name: "2018-02",
value1: 780,
value2: 396,
value3: 655
},
{
name: "2018-08",
value1: 359,
value2: 1220,
value3: 540,
},
{
name: "2018-07",
value1: 229,
value2: 836,
value3: 1234,
},
{
name: "2018-09",
value1: 1176,
value2: 478,
value3: 755,
},
{
name: "2018-11",
value1: 515,
value2: 911,
value3: 806,
},
{
name: "2019-01",
value1: 658,
value2: 979,
value3: 813,
},
{
name: "2019-03",
value1: 364,
value2: 839,
value3: 886,
},
]
}
}
},
components: {
Chart
}
}
</script>
<template>
<!-- 柱状图 -->
<Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart>
</template>
<script>
import Echart from "@/common/echart";
export default {
data () {
return {
options: {},
};
},
components: {
Echart,
},
props: {
cdata: {
type: Object,
default: () => ({}),
},
},
watch: {
cdata: {
handler (newData) {
this.options = {
legend: {
data: ["成功", "失败"],
icon: "circle",
textStyle: {
color: "#B4B4B4",
},
top: "10%",
right: "5%",
},
grid: {
left: "5%",
right: "8%",
bottom: "5%",
containLabel: true,
},
xAxis: {
type: "value",
splitLine: { show: false },
axisTick: { show: false },
axisLine: {
show: true,
lineStyle: {
color: "#01F3F5",
},
},
axisLabel: {
show: true,
textStyle: {
color: "#01F3F5",
fontSize: 12,
},
},
},
yAxis: {
type: "category",
data: newData.category,
axisLine: {
show: true,
lineStyle: {
color: "#01F3F5",
},
},
},
series: [
{
name: "成功",
type: "bar",
stack: "总量",
barWidth: 10,
itemStyle: {
normal: {
// 这里设置圆角
barBorderRadius: [0, 10, 10, 0],
color: "#16F4D2",
}
},
data: newData.barData,
},
{
name: "失败",
type: "bar",
stack: "总量",
itemStyle: {
normal: {
// 这里设置圆角
barBorderRadius: [0, 10, 10, 0],
color: "#C99E68"
},
},
data: newData.lineData,
},
],
};
},
immediate: true,
deep: true,
},
},
};
</script>
<template>
<Chart :cdata="cdata" />
</template>
<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
return {
cdata: {
category: [],
lineData: [],
barData: [],
},
};
},
components: {
Chart,
},
mounted () {
this.submitViews();
},
methods: {
async submitViews () {
try {
let { result: res } = await work.submitViews("A20");
res.filter((item) => {
return (
this.cdata.category.push(item.areaName),
this.cdata.lineData.push(item.successCount),
this.cdata.barData.push(item.failureCount)
);
});
} catch (error) {
// this.$refs.msg.messageShow();
}
},
},
};
</script>
<style lang="scss" scoped>
</style>
<template>
<!-- 柱状图 -->
<Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart>
</template>
<script>
import Echart from "@/common/echart";
export default {
data () {
return {
options: {},
};
},
components: {
Echart,
},
props: {
cdata: {
type: Object,
default: () => ({}),
},
},
watch: {
cdata: {
handler (newData) {
this.options = {
grid: {
// 让图表占满容器
top: "20%",
left: "18%",
right: "10%",
bottom: "16%",
},
xAxis: {
data: newData.category,
axisLabel: {
show: true,
color: "#ffff",
textStyle: {
fontWeight: "normal",
fontSize: "8",
},
},
axisTick: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: "rgba(95, 180, 237, 0.32)",
},
}
},
yAxis: {
splitLine: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: "rgba(95, 180, 237, 0.32)",
},
},
axisTick: {
show: false,
},
axisLabel: {
color: "#ffff",
},
},
series: [
{
// 顶部圆片
type: "pictorialBar",
animation: false,
itemStyle: {
color: "rgba(115, 240, 252, 1)",
},
symbolRepeat: false,
symbolSize: [15, 8],
symbolMargin: 1,
z: 10,
data: newData.lineData,
symbolPosition: "end",
symbolOffset: [0, -4],
},
{
// 底部圆片
type: "pictorialBar",
animation: false,
itemStyle: {
color: "rgba(50, 96, 225, 0.8)",
},
symbolRepeat: false,
symbolSize: [15, 8],
symbolMargin: 1,
z: 10,
data: newData.lineData,
symbolPosition: "start",
symbolOffset: [0, 3],
},
{
barWidth: 15,
animation: false,
type: "bar",
label: {
show: true,
position: "top",
textStyle: {
color: "#ffff",
},
},
itemStyle: {
color: this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 1, color: "rgba(82, 180, 249, 0.35)" },
{ offset: 0, color: "rgba(82, 180, 249, 1)" },
]),
},
data: newData.lineData,
},
],
}
},
immediate: true,
deep: true,
},
},
};
</script>
<template>
<Chart :cdata="cdata" />
</template>
<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
return {
cdata: {
category: [],
lineData: [],
},
};
},
components: {
Chart,
},
created () {
},
mounted () {
this.getDjlxtotal();
},
methods: {
getDjlxtotal () {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "A21",
QLLX: "A8",
XZQDM: "A20",
};
let res = await work.getDjlxtotal(p);
res.result.filter((item) => {
return (
this.cdata.category.push(item.AREACODE),
this.cdata.lineData.push(item.ywtotal)
);
});
} catch (error) {
this.$refs.msg.messageShow();
}
});
}
}
};
</script>
<style lang="scss" scoped>
</style>
<template>
<!-- 地图 -->
<Echart id="centreLeft2Chart" class="centreLeft2Chart" ref="centreLeft2ChartRef" width="100%" height="53vh"
:options="options"></Echart>
</template>
<script>
import Echart from '@/common/echart';
export default {
data () {
return {
options: {},
max: "9000", //最大value值
min: "500", // 最小value值
};
},
components: {
Echart,
},
props: {
cdata: {
type: Array,
default: () => [],
},
},
watch: {
cdata: {
handler (newData) {
let _this = this;
// 设置点的位置(经纬度)
const geoCoordMap = {
汉台区: [107.03187, 33.06774, 20],
南郑区: [106.94024, 33.00299, 20],
城固县: [107.33367, 33.15661, 20],
洋县: [107.545837, 33.222739, 20],
西乡县: [107.76867, 32.98411, 20],
镇巴县: [107.89648, 32.53487, 20],
勉县: [106.673221, 33.153553, 20],
留坝县: [106.92233, 33.61606, 20],
佛坪县: [107.98974, 33.52496, 20],
宁强县: [106.25958, 32.82881, 20],
略阳县: [106.15399, 33.33009, 20],
};
let seriesData = [
{
name: '汉台区',
},
{
name: '南郑区',
},
{
name: '城固县',
},
{
name: '洋县',
},
{
name: '西乡县',
},
{
name: '镇巴县',
},
{
name: '勉县',
},
{
name: '留坝县',
},
{
name: '佛坪县',
},
{
name: '宁强县',
},
{
name: '略阳县'
}
];
let convertData = function (data) {
let scatterData = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
scatterData.push({
name: data[i].name,
value: geoCoord.concat(data[i].value),
});
}
}
return scatterData;
};
this.options = {
showLegendSymbol: true,
tooltip: {
trigger: 'item',
textStyle: {
fontSize: 14,
lineHeight: 22,
},
position: point => {
// 固定在顶部
return [point[0] + 50, point[1] - 20];
},
// 如果需要自定义 tooltip样式，需要使用formatter
formatter: params => {
return `<div style="">${params.name}:${params.value}</div>`
}
},
visualMap: {
min: 0,
max: _this.max,
bottom: '20%',
left: 50,
splitNumber: 6,
seriesIndex: [0],
itemWidth: 20, // 每个图元的宽度
itemGap: 2, // 每两个图元之间的间隔距离，单位为px
pieces: [ // 自定义每一段的范围，以及每一段的文字
{ gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max，表示 max 为无限大（Infinity）。
{ gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' },
{ gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' },
{ gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' },
],
textStyle: {
color: '#737373'
}
},
series: [
{
type: 'map',
aspectScale: 1, //长宽比
zoom: 1.1,
mapType: '汉中市', // 自定义扩展图表类型
top: '15%',
left: '10%',
itemStyle: {
normal: {
areaColor: 'rgba(19,54,162, .5)',
borderColor: 'rgba(0,242,252,.3)',
borderWidth: 1,
shadowBlur: 7,
shadowColor: '#00f2fc',
},
emphasis: {
areaColor: '#4f7fff',
borderColor: 'rgba(0,242,252,.6)',
borderWidth: 2,
shadowBlur: 10,
shadowColor: '#00f2fc',
},
},
label: {
formatter: params => `${params.name}`,
show: true,
position: 'insideRight',
textStyle: {
fontSize: 14,
color: '#efefef',
},
emphasis: {
textStyle: {
color: '#fff',
}
}
},
data: newData,
},
{
type: 'effectScatter',
coordinateSystem: 'geo',
symbolSize: 7,
effectType: 'ripple',
legendHoverLink: false,
showEffectOn: 'render',
rippleEffect: {
period: 4,
scale: 2.5,
brushType: 'stroke',
},
zlevel: 1,
itemStyle: {
normal: {
color: '#99FBFE',
shadowBlur: 5,
shadowColor: '#fff',
},
},
data: convertData(seriesData),
},
],
};
// 重新选择区域
this.handleMapRandomSelect();
},
immediate: true,
deep: true,
},
},
methods: {
// 开启定时器
startInterval () {
const _self = this;
// 应通过接口获取配置时间，暂时写死5s
const time = 2000;
if (this.intervalId !== null) {
clearInterval(this.intervalId);
}
this.intervalId = setInterval(() => {
_self.reSelectMapRandomArea();
}, time);
},
// 重新随机选中地图区域
reSelectMapRandomArea () {
const length = 9;
this.$nextTick(() => {
try {
const map = this.$refs.centreLeft2ChartRef.chart;
let index = Math.floor(Math.random() * length);
while (index === this.preSelectMapIndex || index >= length) {
index = Math.floor(Math.random() * length);
}
map.dispatchAction({
type: 'mapUnSelect',
seriesIndex: 0,
dataIndex: this.preSelectMapIndex,
});
map.dispatchAction({
type: 'showTip',
seriesIndex: 0,
dataIndex: index,
});
map.dispatchAction({
type: 'mapSelect',
seriesIndex: 0,
dataIndex: index,
});
this.preSelectMapIndex = index;
} catch (error) {
console.log(error)
}
});
},
handleMapRandomSelect () {
this.$nextTick(() => {
try {
const map = this.$refs.centreLeft2ChartRef.chart;
const _self = this;
setTimeout(() => {
_self.reSelectMapRandomArea();
}, 0);
// 移入区域，清除定时器、取消之前选中并选中当前
map.on('mouseover', function (params) {
clearInterval(_self.intervalId);
map.dispatchAction({
type: 'mapUnSelect',
seriesIndex: 0,
dataIndex: _self.preSelectMapIndex,
});
map.dispatchAction({
type: 'mapSelect',
seriesIndex: 0,
dataIndex: params.dataIndex,
});
_self.preSelectMapIndex = params.dataIndex;
});
// 移出区域重新随机选中地图区域，并开启定时器
map.on('globalout', function () {
_self.reSelectMapRandomArea();
_self.startInterval();
});
this.startInterval();
} catch (error) {
console.log(error)
}
});
},
},
};
</script>
<style>
</style>
<template>
<Chart :cdata="cdata" />
</template>
<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
return {
cdata: []
}
},
components: {
Chart
},
mounted () {
this.mapViews();
},
methods: {
async mapViews () {
try {
let { result: res } = await work.mapViews("A20");
res.filter((item) => {
return (
this.cdata.push({ "name": item.areaName, "value": item.areaCode })
)
});
} catch (error) {
this.$refs.msg.messageShow();
}
}
}
}
</script>
<template>
<Echart :options="options" id="centreLeft1Chart" height="200px" width="100%"></Echart>
</template>
<script>
import Echart from '@/common/echart'
export default {
components: {
Echart,
},
props: {
cdata: {
type: Object,
default: () => ({})
},
},
watch: {
cdata: {
handler (newData) {
this.options = {
grid: {
// 让图表占满容器
top: 20,
right: 0,
},
color: [
"#37a2da",
"#32c5e9",
"#9fe6b8",
"#ffdb5c",
"#ff9f7f",
"#fb7293",
"#e7bcf3",
"#8378ea"
],
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
toolbox: {
show: true
},
calculable: true,
series: [
{
name: "业务量",
type: "pie",
radius: [0, 80],
roseType: "area",
data: newData.seriesData
}
]
}
},
immediate: true,
deep: true
}
}
};
</script>
<style lang="scss" scoped>
#centreLeft1Chart {
margin-left: -20px;
}
</style>
<template>
<div>
<Chart :cdata="cdata" />
<el-carousel height="40px" indicator-position="none">
<el-carousel-item v-for="item in 4" :key="item">
<div class="rotograph">佛坪县</div>
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
return {
cdata: {
seriesData: [
{ value: 10, name: "土地所有权" },
{ value: 5, name: "建设用地、宅基地使用权" },
{ value: 15, name: "房地产权（项目内多幢房屋）" },
{ value: 25, name: "产地产权（独幢、层、套、间、房屋）" },
{ value: 20, name: "建筑物区分所有权业主共有部分" },
{ value: 35, name: "海域（含无居民海岛）使用权" },
{ value: 10, name: "构（建）筑物所有权" },
{ value: 5, name: "农用地使用权（非林地）" },
{ value: 15, name: "林权" },
{ value: 25, name: "注销登记" },
{ value: 20, name: "异议登记" },
{ value: 35, name: "预告登记" },
{ value: 20, name: "查封登记" },
{ value: 35, name: "抵押权登记" },
{ value: 20, name: "地役权登记" },
],
},
};
},
components: {
Chart,
},
mounted () {
this.getdjywltotal();
},
methods: {
getdjywltotal () {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "A21",
QLLX: "A8",
XZQDM: "A20",
};
let res = await work.getdjywltotal(p);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
</script>
<style lang="scss" scoped>
.rotograph {
margin: auto;
width: 200px;
height: 30px;
background-color: rgb(6, 121, 167);
font-size: 20px;
line-height: 30px;
text-align: center;
border-radius: 6px;
font-weight: 600;
color: #02d9fd;
}
</style>
......@@ -116,8 +116,8 @@
<script>
import { mapGetters } from "vuex";
import JsonEditor from "@/components/JsonEditor/index";
import Xyjg from "./result";
import JsonEditor from "@/components/JsonEditor.vue";
import Xyjg from "./Result";
import { getDetail, getXml } from "@/api/dataReport.js";
import { MessageBox } from "element-ui";
export default {
......@@ -206,7 +206,7 @@ export default {
},
loadView (view) {
return (r) =>
require.ensure([], () => r(require(`@/components/business/${view}`)));
require.ensure([], () => r(require(`@/components/Business/${view}`)));
},
closeDialog () {
this.dialogVisible = false;
......
......@@ -39,7 +39,7 @@
</template>
<script>
import LbRender from './lb-render'
import LbRender from './LbRender'
import forced from './forced.js'
export default {
name: 'LbColumn',
......
......@@ -46,7 +46,7 @@
</template>
<script>
import LbColumn from './lb-column'
import LbColumn from './LbColumn'
export default {
props: {
column: Array,
......
......@@ -90,7 +90,7 @@
import djfDjSqr from "@/api/djfDjSqr";
import djfDjDb from "@/api/djfDjDb"
import ruleMixin from "@/mixins/ruleMixin.js";
import treeSelect from "@/components/treeSelect/index.vue";
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
props: {
......
......@@ -186,7 +186,7 @@
// 发证信息
import djfDjFz from '@/api/djfDjFz'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
props: {
......
......@@ -311,7 +311,7 @@
// 申请人属性信息
import djfDjSqr from "@/api/djfDjSqr";
import ruleMixin from "@/mixins/ruleMixin.js";
import treeSelect from "@/components/treeSelect/index.vue";
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
props: {
......
......@@ -435,7 +435,7 @@
// 宗地基本信息
import kttZdjbxx from '@/api/kttZdjbxx'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
mixins: [ruleMixin],
components: {
......
......@@ -321,7 +321,7 @@
<script>
import zttGyQlr from '@/api/zttGyQlr'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '../treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
// 权利人
export default {
mixins: [ruleMixin],
......
......@@ -3,7 +3,7 @@
</template>
<script>
import Chart from './chart.vue'
import Chart from './Chart'
export default {
data () {
return {
......
......@@ -10,7 +10,7 @@
</template>
<script>
import Chart from "./chart.vue";
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
......
......@@ -3,7 +3,7 @@
</template>
<script>
import Chart from "./chart.vue";
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
......
......@@ -3,7 +3,7 @@
</template>
<script>
import Chart from "./chart.vue";
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
......
......@@ -3,7 +3,7 @@
</template>
<script>
import Chart from './chart.vue';
import Chart from "./Chart";
import work from "@/api/work";
export default {
data () {
......
<template>
<div>
<el-table :data="data" border v-loading="loading" v-bind="$attrs" v-on="$listeners">
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
<el-pagination class="lb-table-pagination" v-if="pagination" :page-sizes="[10, 20, 50, 100]"
layout="total, prev, pager, next, jumper" :style="{
'margin-top': '16px',
'text-align': 'right',
}" v-bind="$attrs" v-on="$listeners" :pager-count="6" @current-change="paginationCurrentChange">
</el-pagination>
</div>
</template>
<script>
import LbColumn from "@/components/LbTable/lb-column";
export default {
components: { LbColumn },
props: {
data: Array,
column: Array,
pagination: {
type: Boolean,
default: true,
},
},
methods: {
paginationCurrentChange (val) {
this.$emit("current-change", val);
},
},
};
</script>
<style rel="stylesheet/less" lang="less" scoped>
</style>
import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component
import SvgIcon from '@/components/SvgIcon.vue'// svg component
// register globally
Vue.component('svg-icon', SvgIcon)
......
......@@ -7,7 +7,7 @@
</section>
</template>
<script>
import Breadcrumb from "@/components/Breadcrumb/index";
import Breadcrumb from "@/components/Breadcrumb.vue";
export default {
name: 'AppMain',
components: {
......
......@@ -4,7 +4,7 @@ import 'normalize.css/normalize.css' // a modern alternative to CSS resets
import Element from 'element-ui'
import '@/styles/element-variables.scss'
import '@/styles/index.scss'
import Base from '@/components/Base/base' // 全局组件引入
import Base from './base' // 全局组件引入
import mixin from '@/utils/mixin/theme.js'
import dataV from '@jiaminghi/data-view';
import echarts from "echarts"
......
import { mapGetters } from 'vuex'
// 引入详情弹框
import dataDetails from "@/components/dataDetails/edit-dialog";
import dataDetails from "@/components/EditDialog";
let mixin = {
data () {
return {
......
......@@ -80,7 +80,7 @@
import data from "./data"
import qlfQlDyaq from '@/api/qlfQlDyaq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "dyaq",
mixins: [tableMixin],
......
......@@ -82,7 +82,7 @@
import data from "./data"
import qlfQlDyiq from '@/api/qlfQlDyiq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "dyiq",
mixins: [tableMixin],
......
......@@ -73,7 +73,7 @@ import data from "./data"
import qltFwFdcqDz from '@/api/qltFwFdcqDz'
import sjsbFunctionOper from '@/api/sjsbFunctionOper'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "fdcqdz",
mixins: [tableMixin],
......
......@@ -45,7 +45,7 @@ import data from "./data"
import qlfFwFdcqQfsyq from '@/api/qlfFwFdcqQfsyq'
import sjsbFunctionOper from '@/api/sjsbFunctionOper'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "fdcqqfsyq",
mixins: [tableMixin],
......
......@@ -73,7 +73,7 @@ import data from "./data"
import qltFwFdcqYz from '@/api/qltFwFdcqYz'
import sjsbFunctionOper from '@/api/sjsbFunctionOper'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "fdcqyz",
mixins: [tableMixin],
......
......@@ -69,7 +69,7 @@
import data from "./data"
import qltQlGjzwsyq from '@/api/qltQlGjzwsyq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "gzwsyq",
mixins: [tableMixin],
......
......@@ -70,7 +70,7 @@
import data from "./data"
import qlfQlHysyq from '@/api/qlfQlHysyq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "hysyq",
mixins: [tableMixin],
......
......@@ -68,7 +68,7 @@ import data from "./data"
import qlfQlJsydsyq from '@/api/qlfQlJsydsyq'
import sjsbFunctionOper from '@/api/sjsbFunctionOper'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "jsydzjdsyq",
mixins: [tableMixin],
......
......@@ -65,7 +65,7 @@
import data from "./data"
import qltQlLq from '@/api/qltQlLq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "lq",
mixins: [tableMixin],
......
......@@ -69,7 +69,7 @@
import data from "./data"
import qlfQlNydsyq from '@/api/qlfQlNydsyq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "nydsyq",
mixins: [tableMixin],
......
......@@ -67,7 +67,7 @@
import data from "./data"
import qlfQlTdsyq from '@/api/qlfQlTdsyq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
components: {
treeSelect
......
......@@ -76,7 +76,7 @@
import data from "./data"
import qlfQlYgdj from '@/api/qlfQlYgdj'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "ygdj",
mixins: [tableMixin],
......
......@@ -66,7 +66,7 @@
import data from "./data"
import qlfQlYydj from '@/api/qlfQlYydj'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "yydj",
mixins: [tableMixin],
......
......@@ -12,8 +12,8 @@
</template>
<script>
import maps from "@/components/echart/map";
import brokenline from "@/components/echart/brokenline";
import maps from "@/components/Echart/Map";
import brokenline from "@/components/Echart/Brokenline";
export default {
data () {
return {};
......
......@@ -54,7 +54,7 @@
</template>
<script>
import columnar from "@/components/echart/columnar";
import columnar from "@/components/Echart/Columnar";
import work from "@/api/work";
export default {
data () {
......
......@@ -18,8 +18,8 @@
</template>
<script>
import columnarsmat from "@/components/echart/columnarsmat";
import Rose from "@/components/echart/Rose";
import columnarsmat from "@/components/Echart/Columnarsmat";
import Rose from "@/components/Echart/Rose";
export default {
data () {
return {
......
......@@ -95,7 +95,7 @@
<script>
// 上报首页
import wgsl from "./wgsl.vue";
import CenterLeft2Chart from "@/components/echart/map";
import CenterLeft2Chart from "@/components/Echart/Map";
// 引入表格数据
import data from "./data"
export default {
......
......@@ -103,7 +103,7 @@ import data from "./data";
import tableMixin from "@/mixins/tableMixin.js";
import { getReceiveDataReportPage } from "@/api/dataReport.js";
// 引入详情弹框
import dataDetails from "@/components/dataDetails/edit-dialog";
import dataDetails from "@/components/EditDialog";
export default {
name: "jsbwcx",
mixins: [tableMixin],
......
......@@ -85,7 +85,7 @@ import { datas, sendThis } from "./data";
// 引入表格混入方法
import table from "@/utils/mixin/table";
// 引入详情弹框
import dataDetails from "@/components/dataDetails/edit-dialog";
import dataDetails from "@/components/EditDialog";
import { getDataReportPage } from "@/api/dataReport.js";
export default {
......