Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
413d204c by yangwei
Options

component修改

1 parent f0c301fc
Inline Side-by-side
Showing 83 changed files with 17112 additions and 0 deletions
<template>
<div class="breadcrumb">
<el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right">
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
<span
v-if="
item.redirect === 'noRedirect' || index == levelList.length - 1
"
class="no-redirect"
>{{ item.meta.title }}</span
>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</div>
</template>
<script>
import pathToRegexp from "path-to-regexp";
export default {
data() {
return {
levelList: null,
};
},
watch: {
$route() {
this.getBreadcrumb();
},
},
created() {
this.getBreadcrumb();
},
methods: {
getBreadcrumb() {
// only show routes with meta.title
let matched = this.$route.matched.filter(
(item) => item.meta && item.meta.title
);
this.levelList = matched.filter(
(item) => item.meta && item.meta.title
);
},
isDashboard(route) {
const name = route && route.name;
if (!name) {
return false;
}
return (
name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase()
);
},
pathCompile(path) {
const { params } = this.$route;
var toPath = pathToRegexp.compile(path);
return toPath(params);
},
handleLink(item) {
// const { redirect, path } = item;
// if (redirect) {
// this.$router.push(redirect);
// return;
// }
// this.$router.push(path);
},
},
};
</script>
<style lang="scss" scoped>
.breadcrumb {
margin: 15px auto 0;
box-sizing: border-box;
text-indent: 16px;
}
.breadcrumb1366 {
padding: 10px 0 !important;
}
.isFullScreen{
width: calc(100% - 20px);
margin: 0 auto;
padding: 10px!important;
}
.cur-location {
font-size: 16px;
color: white;
line-height: 40px;
float: left;
img {
position: relative;
top: 3px;
margin-right: 4px;
}
}
.app-breadcrumb.el-breadcrumb {
display: inline-block;
font-size: 14px;
// line-height: 40px;
.no-redirect {
color: white;
cursor: text;
}
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
color: white;
cursor: text;
font-weight: normal;
}
// .el-breadcrumb__inner a:hover,
// .el-breadcrumb__inner.is-link:hover {
// text-decoration: underline;
// }
</style>
.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>
<template>
<button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType">
<slot></slot>
</button>
</template>
<script>
export default {
name: 'Button',
props: {
nativeType: {
type: String,
default: 'cx'
},
},
methods: {
handleClick (evt) {
this.$emit('click', evt);
}
}
};
</script>
<style scoped lang="scss">
.button {
width: 80px; //适配4字按钮样式
height: 32px;
color: #ffffff;
margin: 0 5px;
}
.cx {
background: url('../image/btn.png') no-repeat -4px -40px;
cursor: pointer;
}
.cz {
background: url('../image/btn.png') no-repeat -4px -4px;
cursor: pointer;
}
.sb {
background: url('../image/btn.png') no-repeat -4px -112px;
}
</style>
<template>
<el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0"
:append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key"
:custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox"
id="dialogBox">
<div slot="title">
<div class="dialog_title">
<b>{{ title }}</b>
<div v-if="isFullscreen" class="dialog_full">
<i class="el-icon-rank" v-if="fullscreen" @click="handleFullscreen"></i>
<i class="el-icon-full-screen" v-else @click="handleFullscreen" />
</div>
</div>
</div>
<div class="dialogBox-content" :style="{ height: scrollerHeight }">
<slot></slot>
</div>
<div slot="footer" class="dialog_footer" v-if="isButton">
<el-button @click="closeDialog" v-if="isReset">取消</el-button>
<el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding">
{{ saveButton }}</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
props: {
value: { type: Boolean, default: false },
isMain: {
type: Boolean,
default: false
},
appendToBody: {
type: Boolean,
default: true
},
isButton: {
type: Boolean,
default: true,
},
width: {
type: String,
default: '70%',
},
title: {
type: String,
default: '',
},
isFullscreen: {
type: Boolean,
default: false,
},
isSave: {
type: Boolean,
default: true,
},
saveButton: {
type: String,
default: '提交',
},
isReset: {
type: Boolean,
default: true,
},
saveloding: {
type: Boolean,
default: false,
},
btnDisabled: {
type: Boolean,
default: false
},
height: {
type: String,
default: ''
}
},
data () {
return {
key: 0,
dialogVisible: false,
fullscreen: false,
scrollerHeight: ''
}
},
watch: {
value (val) {
this.dialogVisible = val
this.height && (this.scrollerHeight = this.height + 'px')
}
},
methods: {
handleFullscreen () {
this.fullscreen = !this.fullscreen
if (!this.fullscreen) {
this.scrollerHeight = ''
} else {
this.scrollerHeight = (window.innerHeight - 120) + 'px'
}
},
submitForm () {
if (this.isButton) {
this.$emit('submitForm');
}
},
closeDialog () {
this.key++
this.$emit('input', false)
this.$emit('closeDialog')
}
},
}
</script>
<style rel="stylesheet/scss" lang="scss" >
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
</style>
<style rel="stylesheet/scss" scoped lang="scss" >
/deep/.is-fullscreen {
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
</style>
\ No newline at end of file
## 这个是弹框组件，对于element自带的组件进行封装，方便修改全局样式做统一操作
### 使用时在组件中引用
<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>
<!--
功能：结果
作者：calliope
-->
<template>
<div class='result'>
<p>响应xml</p>
<el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="REPMSGXML">
</el-input>
<p>错误信息</p>
<el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="ERRORINFO">
</el-input>
</div>
</template>
<script>
import { getReceiveDataReportResult } from "@/api/dataReport.js";
export default {
components: {},
props: {
formData: {
type: Object,
default: {}
}
},
data () {
return {
REPMSGXML: '',
ERRORINFO: '',
}
},
created () {
getReceiveDataReportResult(this.formData.bsmReport).then(res => {
let data = res.result
this.REPMSGXML = data.REPMSGXML
this.ERRORINFO = data.ERRORINFO
})
}
}
</script>
<style scoped lang='scss'>
@import '~@/styles/public.scss';
.result {
padding: 15px;
p {
color: #ffffff;
line-height: 26px;
font-size: 18px;
}
/deep/.el-textarea__inner {
min-height: 33vh !important;
background-color: #08346F !important;
color: #ffffff;
border: none !important;
}
}
</style>
<template>
<!-- 编辑 -->
<el-dialog :close-on-click-modal="false" top="0" custom-class="dialogBox editDialogBox mainCenter"
:visible.sync="dialogVisible" width="85%">
<div slot="title" class="dialog_title" ref="dialogTitle">
<b>{{ title || '标题' }}</b>
</div>
<el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
<el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
<el-tab-pane label="xml报文" name="xml"></el-tab-pane>
<el-tab-pane label="响应结果" name="xyjg"></el-tab-pane>
</el-tabs>
<div v-if="titleName == 'sjmx'" class="sjmx">
<div class="dialog-from">
<el-row>
<el-col :span="5">
<span>业务报文ID：</span>
<div>{{ dataReport.bizMsgid }}</div>
</el-col>
<el-col :span="7">
<span>接入报文ID：</span>
<div>{{ dataReport.asid }}</div>
</el-col>
<el-col :span="5">
<span>行政区划编码：</span>
<div>{{ dataReport.areacode }}</div>
</el-col>
<el-col :span="7">
<span>上次不动产单元号：</span>
<div>{{ dataReport.preestatenum }}</div>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span>业务编码：</span>
<div>{{ dataReport.rectype }}</div>
</el-col>
<el-col :span="7">
<span>权利类型：</span>
<div>{{ dataReport.righttype }}</div>
</el-col>
<el-col :span="5">
<span>登记类型：</span>
<div>{{ dataReport.regtype }}</div>
</el-col>
<el-col :span="7">
<span>不动产权证书数量：</span>
<div>{{ dataReport.certcount }}</div>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span>创建时间：</span>
<div>{{ dataReport.createdate }}</div>
</el-col>
<el-col :span="7">
<span>业务流水号：</span>
<div>{{ dataReport.recflowid }}</div>
</el-col>
<el-col :span="5">
<span>登记机构：</span>
<div>{{ dataReport.regorgid }}</div>
</el-col>
<el-col :span="7">
<span>证明数量：</span>
<div>{{ dataReport.proofcount }}</div>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span>宗地/宗海代码：</span>
<div>{{ dataReport.parcelid }}</div>
</el-col>
<el-col :span="7">
<span>不动产单元号：</span>
<div>{{ dataReport.estatenum }}</div>
</el-col>
<el-col :span="10">
<span>上次不动产权证号/不动产登记证明：</span>
<div>{{ dataReport.precertid }}</div>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="24">
<span>数字签名：</span>
<div>{{ dataReport.digitalsign }}</div>
</el-col>
</el-row> -->
</div>
<el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
<el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
<div slot="label" class="tab-pane-item">
<p class="name">{{ item.chinesetable }}</p>
<p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p>
</div>
</el-tab-pane>
</el-tabs>
<div class="edit-content">
<component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }"
:bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport" />
</div>
</div>
<div v-if="titleName == 'xyjg'">
<Xyjg :form-data = 'dataReport'></Xyjg>
</div>
<JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" />
<!-- <div slot="footer" class="dialog_footer" ref="dialogFooter">
<div class="dialog_button">
<el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding">确定
</el-button>
<el-button @click="closeDialog()">关闭</el-button>
</div>
</div> -->
</el-dialog>
</template>
<script>
import { mapGetters } from "vuex";
import JsonEditor from "@/components/JsonEditor.vue";
import Xyjg from "./Result";
import { getDetail, getXml } from "@/api/dataReport.js";
import { MessageBox } from "element-ui";
export default {
components: { JsonEditor, Xyjg },
props: {
title: {
type: String,
default: ''
}
},
computed: {
...mapGetters(["dicData"]),
},
data () {
return {
resultInfo: '',
titleName: 'sjmx',
dataReport: {},
index: 0,
bsmYwsjb: "",
ruleFormList: {
bizMsgID: "",
asid: "",
areaCode: "",
preestateNum: "",
recType: "",
rightType: "",
regType: "",
certCount: "",
createDate: "",
recFlowID: "",
regOrgID: "",
prllfCount: "",
parcelID: "",
estateNum: "",
preCertID: "",
digitalSign: "",
},
images: require("./images/success.gif"),
saveloding: false,
dialogVisible: false,
activeName: undefined,
editItem: "",
headerList: [],
dataTable: "",
};
},
methods: {
handleTitleTab (val) {
console.log(val);
},
isShow (item) {
this.dataReport = item;
this.titleName = 'sjmx';
this.dialogVisible = true;
//获取表头列表
getDetail({ bsmReport: this.dataReport.bsmReport }).then((res) => {
if (res.code == 200) {
this.headerList = res.result;
this.activeName = res.result[0].soleurl
this.bsmYwsjb = this.headerList[0].bsmYwsjb;
this.editItem = this.loadView(this.activeName);
}
});
// 获取xml
getXml(item.bizMsgid).then((res) => {
console.log(res);
this.resultInfo = res.message
})
},
changeList (val) {
let _index = val.index;
if (_index > this.index) {
}
this.index = _index;
this.bsmYwsjb = this.headerList[val.index].bsmYwsjb;
this.editItem = this.loadView(this.activeName);
// this.diaData.list.forEach((item) => {
// if (item.soleurl == this.activeName) {
// this.dataTable = item.dataTable;
// }
// });
},
loadView (view) {
return (r) =>
require.ensure([], () => r(require(`@/components/Business/${view}`)));
},
closeDialog () {
this.dialogVisible = false;
},
submitForm () {
let _this = this;
this.$store.dispatch(
"business/setRules",
this.$store.state.business.subRules
);
this.$nextTick(() => {
this.$refs["editItem"] &&
this.$refs["editItem"].verificationForm().then((res) => {
if (!res) {
_this.$message({
message: "请检查表单必填项是否完整",
type: "warning",
});
return false;
} else {
_this.saveloding = true;
_this.$refs["editItem"]
.handleUpdateForm()
.then((res) => {
if (res == 200) {
_this.$alert(
'<p><img class="success-images" src="' +
this.images +
'"/>编辑成功！</p>',
"提示",
{
showConfirmButton: false,
dangerouslyUseHTMLString: true,
}
);
setTimeout(() => {
MessageBox.close(false);
}, 1500);
}
})
.catch(function (error) {
_this.$alert(error, "提示", {
confirmButtonText: "确定",
type: "error",
});
});
_this.saveloding = false;
}
});
});
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
.editForm {
/deep/.el-textarea__inner {
border: none !important;
margin: 0 !important;
width: 100% !important;
}
/deep/.el-input__inner {
border: none !important;
margin: 0 !important;
width: 100% !important;
}
}
/deep/.el-dialog__body {
display: flex;
flex-direction: column;
}
/deep/ .el-tabs {
margin: 0 15px 0 15px;
color: #CEF8FF;
}
.sjmx {
/deep/.el-tabs__item {
height: 50px;
padding-top: 6px;
}
}
/deep/.el-tabs__item {
color: #CEF8FF !important;
display: flex;
flex-direction: row;
justify-content: center;
background: url("~@/image/tabitem.png") no-repeat;
background-size: 100% 100%;
border: none !important;
}
.obligee-item-name {
background: #05275B;
color: #FFFFFF;
border: 1px solid #6BC1FC;
}
/deep/.el-tabs__nav-scroll {
background: none;
}
/deep/.el-tabs__nav {
display: flex;
border: none !important;
}
/deep/.el-tabs__item.is-top {
border: 1px solid #dfe4ed;
border-top: 1px solid #dfe4ed;
border-bottom: 1px solid transparent;
}
/deep/.el-tabs__header {
border: none;
}
/deep/.el-tabs__item.is-top:not(:last-child) {
margin-right: 5px;
}
/deep/.el-tabs__item.is-top {
background-color: none !important;
}
/deep/.el-tabs__item.is-active {
background: url("~@/image/tabitemse.png") no-repeat;
background-size: 100% 100%;
}
.success-images {
width: 30px;
height: 30px;
position: relative;
top: 10px;
right: 3px;
}
.tab-pane-item {
line-height: 20px;
p {
text-align: center;
}
}
.edit-content {
height: 400px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 1px;
margin-bottom: 10px;
border-top: none;
}
/deep/.editDialogBox {
border-radius: 8px;
overflow: hidden;
min-width: 1228px;
height: 825px !important;
.dialog-from {
padding: 15px;
background: #08346F;
border-radius: 2px;
box-sizing: border-box;
margin: -3px 15px 15px 15px;
.el-col {
line-height: 18px;
display: flex;
align-items: center;
margin-bottom: 3px;
color: #B5D6DC;
span {
display: inline-block;
padding: 3px;
border-radius: 3px;
overflow: hidden;
min-width: 140px;
text-align: right;
margin-right: 5px;
color: #02D9FD;
}
div {
flex: 1;
width: 100%;
padding-left: 5px;
line-height: 20px;
color: #c0c4cc;
cursor: not-allowed;
margin-right: 5px;
}
}
}
.dialog_title {
display: flex;
position: relative;
top: -2px;
b {
flex: 1;
width: 100%;
@flex-center();
}
}
.el-dialog__header {
height: 50px;
}
.dialog_footer {
flex-direction: column;
.dialog_button {
margin-top: 8px;
}
}
.divider {
width: 100%;
border-bottom: 1px solid #ccc;
}
}
.el-dialog__wrapper {
overflow: hidden;
}
</style>
<template>
<el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="resultInfo">
</el-input>
</template>
<script>
// 引入json编译器
export default {
props: {
resultInfo: {
type: String,
default: ''
}
},
data () {
return {
myValue: this.value,
}
},
methods: {
onJsonChange (value) {
console.log('value:', value);
},
onJsonSave (value) {
console.log('value:', value);
}
}
}
</script>
<style scoped lang="scss">
/* jsoneditor右上角默认有一个链接,加css去掉了 */
/deep/.el-textarea__inner {
min-height: 73vh !important;
background-color: #08346F !important;
color: #ffffff;
border: none !important;
}
</style>
\ No newline at end of file
/*
* FileName: lb-column.vue
* Remark: element-column
* Project: lb-element-table
* Author: 任超
* File Created: Tuesday, 19th March 2019 9:58:23 am
* Last Modified: Tuesday, 19th March 2019 10:14:42 am
* Modified By: 任超
*/
<template>
<el-table-column v-bind="$attrs" v-on="$listeners" :prop="column.prop" :label="column.label" :type="column.type"
:index="column.index" :column-key="column.columnKey" :width="column.width" :min-width="column.minWidth"
:fixed="column.fixed" :scoped-slot="column.renderHeader" :sortable="column.sortable || false"
:sort-method="column.sortMethod" :sort-by="column.sortBy" :sort-orders="column.sortOrders"
:resizable="column.resizable || true" :formatter="column.formatter"
:show-overflow-tooltip="column.showOverflowTooltip || false" :align="column.align || align || 'center'"
:header-align="column.headerAlign || headerAlign || column.align || align || 'center'"
:class-name="column.className" :label-class-name="column.labelClassName" :selectable="column.selectable"
:reserve-selection="column.reserveSelection || false" :filters="column.filters"
:filter-placement="column.filterPlacement" :filter-multiple="column.filterMultiple"
:filter-method="column.filterMethod" :filtered-value="column.filteredValue">
<template slot="header" slot-scope="scope">
<lb-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader">
</lb-render>
<span v-else>{{ scope.column.label }}</span>
</template>
<template slot-scope="scope">
<lb-render :scope="scope" :render="column.render">
</lb-render>
</template>
<template v-if="column.children">
<lb-column v-for="(col, index) in column.children" :key="index" :column="col">
</lb-column>
</template>
</el-table-column>
</template>
<script>
import LbRender from './LbRender'
import forced from './forced.js'
export default {
name: 'LbColumn',
props: {
column: Object,
headerAlign: String,
align: String
},
components: {
LbRender
},
methods: {
setColumn () {
if (this.column.type) {
this.column.renderHeader = forced[this.column.type].renderHeader
this.column.render = this.column.render || forced[this.column.type].renderCell
}
if (this.column.formatter) {
this.column.render = (h, scope) => {
return <span>{scope.column.formatter(scope.row, scope.column, scope.row, scope.$index)}</span>
}
}
if (!this.column.render) {
this.column.render = (h, scope) => {
return <span>{scope.row[scope.column.property]}</span>
}
}
}
},
watch: {
column: {
handler () {
this.setColumn()
},
immediate: true
}
}
}
</script>
/*
* FileName: lb-render.vue
* Remark: 自定义render
* Project: lb-element-table
* Author: 任超
* File Created: Tuesday, 19th March 2019 10:15:30 am
* Last Modified: Tuesday, 19th March 2019 10:15:32 am
* Modified By: 任超
*/
<script>
export default {
name: 'LbRender',
functional: true,
props: {
scope: Object,
render: Function
},
render: (h, ctx) => {
return ctx.props.render ? ctx.props.render(h, ctx.props.scope) : ''
}
}
</script>
export default {
selection: {
renderHeader: (h, { store }) => {
return (
<el-checkbox
disabled={store.states.data && store.states.data.length === 0}
indeterminate={
store.states.selection.length > 0 && !store.states.isAllSelected
}
nativeOn-click={store.toggleAllSelection}
value={store.states.isAllSelected}
/>
)
},
renderCell: (h, { row, column, store, $index }) => {
return (
<el-checkbox
nativeOn-click={event => event.stopPropagation()}
value={store.isSelected(row)}
disabled={
column.selectable
? !column.selectable.call(null, row, $index)
: false
}
on-input={() => {
store.commit('rowSelectedChanged', row)
}}
/>
)
},
sortable: false,
resizable: false
},
index: {
renderHeader: (h, scope) => {
return <span>{scope.column.label || '#'}</span>
},
renderCell: (h, { $index, column }) => {
let i = $index + 1
const index = column.index
if (typeof index === 'number') {
i = $index + index
} else if (typeof index === 'function') {
i = index($index)
}
return <div>{i}</div>
},
sortable: false
},
expand: {
renderHeader: (h, scope) => {
return <span>{scope.column.label || ''}</span>
},
renderCell: (h, { row, store }, proxy) => {
const expanded = store.states.expandRows.indexOf(row) > -1
return (
<div
class={
'el-table__expand-icon ' +
(expanded ? 'el-table__expand-icon--expanded' : '')
}
on-click={e => proxy.handleExpandClick(row, e)}
>
<i class='el-icon el-icon-arrow-right' />
</div>
)
},
sortable: false,
resizable: false,
className: 'el-table__expand-column'
}
}
/*
* FileName: lb-table.vue
* Remark: element table
* Project: lb-element-table
* Author: 任超
* File Created: Tuesday, 19th March 2019 9:55:27 am
* Last Modified: Tuesday, 19th March 2019 9:55:34 am
* Modified By: 任超
*/
<template>
<div :class="['lb-table', customClass]">
<el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" ref="elTable"
:border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection"
v-bind="$attrs" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%"
:span-method="this.merge ? this.mergeMethod : this.spanMethod">
<el-table-column width="45" align="center" v-if="isRadio">
<template slot-scope="scope">
<el-radio v-model="selected" :label="scope.$index"></el-radio>
</template>
</el-table-column>
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
<el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border'
:row-class-name="tableRowClassName" :show-header='showHeader' v-bind="$attrs" :max-height="maxHeight"
v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
<el-table-column width="45" align="center" v-if="isRadio">
<template slot-scope="scope">
<el-radio v-model="selected" :label="scope.$index"></el-radio>
</template>
</el-table-column>
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
<br>
<el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background
:page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange"
:style="{ 'margin-top': paginationTop, 'text-align': paginationAlign }">
</el-pagination>
</div>
</template>
<script>
import LbColumn from './LbColumn'
export default {
props: {
column: Array,
data: Array,
spanMethod: Function,
pagination: {
type: Boolean,
default: true,
},
isRadio: {
type: Boolean,
default: false,
},
border: {
type: Boolean,
default: false,
},
showHeader: {
type: Boolean,
default: true,
},
paginationTop: {
type: String,
default: '0',
},
heightNum: {
type: Number,
default: 345,
},
maxHeight: {
type: Number,
default: 500
},
heightNumSetting: {
type: Boolean,
default: false,
},
customClass: {
type: String,
default: '',
},
paginationAlign: {
type: String,
default: 'left',
},
merge: Array,
},
components: {
LbColumn,
},
data () {
return {
tableHeight: '',
mergeLine: {},
mergeIndex: {},
selected: ''
}
},
created () {
this.getMergeArr(this.data, this.merge)
this.getHeight()
},
computed: {
dataLength () {
return [] || this.data.length
},
},
methods: {
// 单选
singleElection (row) {
this.selected = this.data.indexOf(row);
},
tableRowClassName ({ row, rowIndex }) {
if (rowIndex % 2 === 1) {
return 'interlaced';
}
},
getHeight () {
if (!this.heightNumSetting) {
this.tableHeight = window.innerHeight - this.heightNum
}
},
clearSelection () {
this.$refs.elTable.clearSelection()
},
toggleRowSelection (row, selected) {
this.$refs.elTable.toggleRowSelection(row, selected)
},
toggleAllSelection () {
this.$refs.elTable.toggleAllSelection()
},
toggleRowExpansion (row, expanded) {
this.$refs.elTable.toggleRowExpansion(row, expanded)
},
setCurrentRow (row) {
this.$refs.elTable.setCurrentRow(row)
},
clearSort () {
this.$refs.elTable.clearSort()
},
clearFilter (columnKey) {
this.$refs.elTable.clearFilter(columnKey)
},
doLayout () {
this.$refs.elTable.doLayout()
},
sort (prop, order) {
this.$refs.elTable.sort(prop, order)
},
paginationCurrentChange (val) {
this.$emit('p-current-change', val)
},
getMergeArr (tableData, merge) {
if (!merge) return
this.mergeLine = {}
this.mergeIndex = {}
merge.forEach((item, k) => {
tableData.forEach((data, i) => {
if (i === 0) {
this.mergeIndex[item] = this.mergeIndex[item] || []
this.mergeIndex[item].push(1)
this.mergeLine[item] = 0
} else {
if (data[item] === tableData[i - 1][item]) {
this.mergeIndex[item][this.mergeLine[item]] += 1
this.mergeIndex[item].push(0)
} else {
this.mergeIndex[item].push(1)
this.mergeLine[item] = i
}
}
})
})
},
mergeMethod ({ row, column, rowIndex, columnIndex }) {
const index = this.merge.indexOf(column.property)
if (index > -1) {
const _row = this.mergeIndex[this.merge[index]][rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col,
}
}
},
},
watch: {
merge () {
this.getMergeArr(this.data, this.merge)
},
dataLength () {
this.getMergeArr(this.data, this.merge)
}
},
}
</script>
<style rel="stylesheet/scss" scoped lang="scss">
.lb-table {
margin-top: 1px;
.interlaced {
background: #fafcff;
border: 1px solid #ebf2fa;
}
}
/deep/.el-table .cell {
padding-left: 3px;
padding-right: 3px;
}
/deep/.el-radio__label {
display: none;
}
</style>
## 这是对于element-table 进行的二次封装
### 文档地址
<!-- table 已经全局注册不需要每个页面单独注册 -->
[Windows/Mac/Linux 全平台客户端](https://github.liubing.me/lb-element-table/zh/guide/)
import service from './src/index';
export default {
install (Vue) {
Vue.prototype.$loading = service;
},
service
};
import Vue from 'vue';
import loadingVue from './loading.vue';
import { addClass, removeClass, getStyle } from 'element-ui/src/utils/dom';
import { PopupManager } from 'element-ui/src/utils/popup';
import afterLeave from 'element-ui/src/utils/after-leave';
import merge from 'element-ui/src/utils/merge';
const LoadingConstructor = Vue.extend(loadingVue);
const defaults = {
text: null,
fullscreen: true,
body: false,
lock: false,
customClass: ''
};
let fullscreenLoading;
LoadingConstructor.prototype.originalPosition = '';
LoadingConstructor.prototype.originalOverflow = '';
LoadingConstructor.prototype.close = function() {
if (this.fullscreen) {
fullscreenLoading = undefined;
}
afterLeave(this, _ => {
const target = this.fullscreen || this.body
? document.body
: this.target;
removeClass(target, 'el-loading-parent--relative');
removeClass(target, 'el-loading-parent--hidden');
if (this.$el && this.$el.parentNode) {
this.$el.parentNode.removeChild(this.$el);
}
this.$destroy();
}, 300);
this.visible = false;
};
const addStyle = (options, parent, instance) => {
let maskStyle = {};
if (options.fullscreen) {
instance.originalPosition = getStyle(document.body, 'position');
instance.originalOverflow = getStyle(document.body, 'overflow');
maskStyle.zIndex = PopupManager.nextZIndex();
} else if (options.body) {
instance.originalPosition = getStyle(document.body, 'position');
['top', 'left'].forEach(property => {
let scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
maskStyle[property] = options.target.getBoundingClientRect()[property] +
document.body[scroll] +
document.documentElement[scroll] +
'px';
});
['height', 'width'].forEach(property => {
maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
});
} else {
instance.originalPosition = getStyle(parent, 'position');
}
Object.keys(maskStyle).forEach(property => {
instance.$el.style[property] = maskStyle[property];
});
};
const Loading = (options = {}) => {
if (Vue.prototype.$isServer) return;
options = merge({}, defaults, options);
if (typeof options.target === 'string') {
options.target = document.querySelector(options.target);
}
options.target = options.target || document.body;
if (options.target !== document.body) {
options.fullscreen = false;
} else {
options.body = true;
}
if (options.fullscreen && fullscreenLoading) {
return fullscreenLoading;
}
let parent = options.body ? document.body : options.target;
let instance = new LoadingConstructor({
el: document.createElement('div'),
data: options
});
addStyle(options, parent, instance);
if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
addClass(parent, 'el-loading-parent--relative');
}
if (options.fullscreen && options.lock) {
addClass(parent, 'el-loading-parent--hidden');
}
parent.appendChild(instance.$el);
Vue.nextTick(() => {
instance.visible = true;
});
if (options.fullscreen) {
fullscreenLoading = instance;
}
return instance;
};
export default Loading;
<template>
<transition name="el-loading-fade" @after-leave="handleAfterLeave">
<div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }"
:class="[customClass, { 'is-fullscreen': fullscreen }]">
<div class="el-loading-spinner">
<!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" />
</svg>
<i v-else :class="spinner"></i> -->
<img class="img" src="../../../image/progress.gif" alt="">
<p v-if="text" class="el-loading-text">{{ text }}</p>
</div>
</div>
</transition>
</template>
<script>
export default {
data () {
return {
text: null,
spinner: null,
background: null,
fullscreen: true,
visible: false,
customClass: ''
};
},
methods: {
handleAfterLeave () {
this.$emit('after-leave');
},
setText (text) {
this.text = text;
}
}
};
</script>
<style scoped lang="scss">
.el-loading-spinner {
margin-top: -100px !important;
.img {
width: 80px;
height: 80px;
}
}
</style>
\ No newline at end of file
import MessageBox from './src/main.js';
export default MessageBox;
const defaults = {
title: null,
message: '',
type: '',
iconClass: '',
showInput: false,
showClose: true,
modalFade: true,
lockScroll: true,
closeOnClickModal: true,
closeOnPressEscape: true,
closeOnHashChange: true,
inputValue: null,
inputPlaceholder: '',
inputType: 'text',
inputPattern: null,
inputValidator: null,
inputErrorMessage: '',
showConfirmButton: true,
showCancelButton: false,
confirmButtonPosition: 'right',
confirmButtonHighlight: false,
cancelButtonHighlight: false,
confirmButtonText: '',
cancelButtonText: '',
confirmButtonClass: '',
cancelButtonClass: '',
customClass: '',
beforeClose: null,
dangerouslyUseHTMLString: false,
center: false,
roundButton: false,
distinguishCancelAndClose: false
};
import Vue from 'vue';
import msgboxVue from './main.vue';
import merge from 'element-ui/src/utils/merge';
import { isVNode } from 'element-ui/src/utils/vdom';
const MessageBoxConstructor = Vue.extend(msgboxVue);
let currentMsg, instance;
let msgQueue = [];
const defaultCallback = action => {
if (currentMsg) {
let callback = currentMsg.callback;
if (typeof callback === 'function') {
if (instance.showInput) {
callback(instance.inputValue, action);
} else {
callback(action);
}
}
}
};
const initInstance = () => {
instance = new MessageBoxConstructor({
el: document.createElement('div')
});
instance.callback = defaultCallback;
};
const showNextMsg = () => {
if (!instance) {
initInstance();
}
instance.action = '';
if (!instance.visible || instance.closeTimer) {
if (msgQueue.length > 0) {
currentMsg = msgQueue.shift();
let options = currentMsg.options;
for (let prop in options) {
if (options.hasOwnProperty(prop)) {
instance[prop] = options[prop];
}
}
if (options.callback === undefined) {
instance.callback = defaultCallback;
}
let oldCb = instance.callback;
instance.callback = (action, instance) => {
oldCb(action, instance);
showNextMsg();
};
if (isVNode(instance.message)) {
instance.$slots.default = [instance.message];
instance.message = null;
} else {
delete instance.$slots.default;
}
['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(prop => {
if (instance[prop] === undefined) {
instance[prop] = true;
}
});
document.body.appendChild(instance.$el);
Vue.nextTick(() => {
instance.visible = true;
});
}
}
};
const MessageBox = function (options, callback) {
if (Vue.prototype.$isServer) return;
if (typeof options === 'string' || isVNode(options)) {
options = {
message: options
};
if (typeof arguments[1] === 'string') {
options.title = arguments[1];
}
} else if (options.callback && !callback) {
callback = options.callback;
}
if (typeof Promise !== 'undefined') {
return new Promise((resolve, reject) => { // eslint-disable-line
msgQueue.push({
options: merge({}, defaults, MessageBox.defaults, options),
callback: callback,
resolve: resolve,
reject: reject
});
showNextMsg();
});
} else {
msgQueue.push({
options: merge({}, defaults, MessageBox.defaults, options),
callback: callback
});
showNextMsg();
}
};
MessageBox.setDefaults = defaults => {
MessageBox.defaults = defaults;
};
MessageBox.alert = (title, message, options) => {
if (typeof title === 'object') {
options = title;
title = '';
} else if (title === undefined) {
title = '';
}
return MessageBox(merge({
title: title,
message: message,
$type: 'alert',
closeOnPressEscape: false,
closeOnClickModal: false
}, options));
};
MessageBox.close = () => {
instance.doClose();
instance.visible = false;
msgQueue = [];
currentMsg = null;
};
export default MessageBox;
export { MessageBox };
<template>
<transition name="msgbox-fade">
<div class="el-message-box__wrapper" tabindex="-1" v-show="visible" @click.self="handleWrapperClick" role="dialog"
aria-modal="true" :aria-label="title || 'dialog'">
<div class="el-message-box" :class="[customClass, center && 'el-message-box--center']">
<div class="el-message-box__header" v-if="title !== null">
<div class="el-message-box__title">
<span>标题：{{ title }}</span>
</div>
<button type="button" class="el-message-box__headerbtn" aria-label="Close" v-if="showClose"
@click="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')"
@keydown.enter="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')">
<i class="el-message-box__close el-icon-close"></i>
</button>
</div>
<div class="el-message-box__content">
<div v-if="message !== ''" class="richText" v-html="message"></div>
</div>
<div class="el-message-box__btns">
<el-button :loading="cancelButtonLoading" :class="[cancelButtonClasses]" :round="roundButton" size="small"
@click.native="handleAction('cancel')" @keydown.enter="handleAction('cancel')">
{{ cancelButtonText || t('el.messagebox.cancel') }}
</el-button>
</div>
</div>
</div>
</transition>
</template>
<script type="text/babel">
import Popup from 'element-ui/src/utils/popup';
import Locale from 'element-ui/src/mixins/locale';
import ElInput from 'element-ui/packages/input';
import ElButton from 'element-ui/packages/button';
import { addClass, removeClass } from 'element-ui/src/utils/dom';
import { t } from 'element-ui/src/locale';
import Dialog from 'element-ui/src/utils/aria-dialog';
let messageBox;
let typeMap = {
success: 'success',
info: 'info',
warning: 'warning',
error: 'error'
};
export default {
mixins: [Popup, Locale],
props: {
modal: {
default: true
},
lockScroll: {
default: true
},
showClose: {
type: Boolean,
default: true
},
closeOnClickModal: {
default: true
},
closeOnPressEscape: {
default: true
},
closeOnHashChange: {
default: true
},
center: {
default: false,
type: Boolean
},
roundButton: {
default: false,
type: Boolean
}
},
components: {
ElInput,
ElButton
},
computed: {
icon () {
const { type, iconClass } = this;
return iconClass || (type && typeMap[type] ? `el-icon-${typeMap[type]}` : '');
},
confirmButtonClasses () {
return `el-button--primary ${this.confirmButtonClass}`;
},
cancelButtonClasses () {
return `${this.cancelButtonClass}`;
}
},
methods: {
getSafeClose () {
const currentId = this.uid;
return () => {
this.$nextTick(() => {
if (currentId === this.uid) this.doClose();
});
};
},
doClose () {
if (!this.visible) return;
this.visible = false;
this._closing = true;
this.onClose && this.onClose();
messageBox.closeDialog(); // 解绑
if (this.lockScroll) {
setTimeout(this.restoreBodyStyle, 200);
}
this.opened = false;
this.doAfterClose();
setTimeout(() => {
if (this.action) this.callback(this.action, this);
});
},
handleWrapperClick () {
if (this.closeOnClickModal) {
this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel');
}
},
handleInputEnter () {
if (this.inputType !== 'textarea') {
return this.handleAction('confirm');
}
},
handleAction (action) {
if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
return;
}
this.action = action;
if (typeof this.beforeClose === 'function') {
this.close = this.getSafeClose();
this.beforeClose(action, this, this.close);
} else {
this.doClose();
}
},
validate () {
if (this.$type === 'prompt') {
const inputPattern = this.inputPattern;
if (inputPattern && !inputPattern.test(this.inputValue || '')) {
this.editorErrorMessage = this.inputErrorMessage || t('el.messagebox.error');
addClass(this.getInputElement(), 'invalid');
return false;
}
const inputValidator = this.inputValidator;
if (typeof inputValidator === 'function') {
const validateResult = inputValidator(this.inputValue);
if (validateResult === false) {
this.editorErrorMessage = this.inputErrorMessage || t('el.messagebox.error');
addClass(this.getInputElement(), 'invalid');
return false;
}
if (typeof validateResult === 'string') {
this.editorErrorMessage = validateResult;
addClass(this.getInputElement(), 'invalid');
return false;
}
}
}
this.editorErrorMessage = '';
removeClass(this.getInputElement(), 'invalid');
return true;
},
getFirstFocus () {
const btn = this.$el.querySelector('.el-message-box__btns .el-button');
const title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
return btn || title;
},
getInputElement () {
const inputRefs = this.$refs.input.$refs;
return inputRefs.input || inputRefs.textarea;
},
handleClose () {
this.handleAction('close');
}
},
watch: {
inputValue: {
immediate: true,
handler (val) {
this.$nextTick(_ => {
if (this.$type === 'prompt' && val !== null) {
this.validate();
}
});
}
},
visible (val) {
if (val) {
this.uid++;
this.focusAfterClosed = document.activeElement;
messageBox = new Dialog(this.$el, this.focusAfterClosed, this.getFirstFocus());
}
// prompt
if (this.$type !== 'prompt') return;
if (val) {
setTimeout(() => {
if (this.$refs.input && this.$refs.input.$el) {
this.getInputElement().focus();
}
}, 500);
} else {
this.editorErrorMessage = '';
removeClass(this.getInputElement(), 'invalid');
}
}
},
mounted () {
this.$nextTick(() => {
if (this.closeOnHashChange) {
window.addEventListener('hashchange', this.close);
}
});
},
beforeDestroy () {
if (this.closeOnHashChange) {
window.removeEventListener('hashchange', this.close);
}
setTimeout(() => {
messageBox.closeDialog();
});
},
data () {
return {
uid: 1,
title: undefined,
message: '',
type: '',
iconClass: '',
customClass: '',
showInput: false,
inputValue: null,
inputPlaceholder: '',
inputType: 'text',
inputPattern: null,
inputValidator: null,
inputErrorMessage: '',
showConfirmButton: true,
showCancelButton: false,
action: '',
confirmButtonText: '',
cancelButtonText: '',
confirmButtonLoading: false,
cancelButtonLoading: false,
confirmButtonClass: '',
confirmButtonDisabled: false,
cancelButtonClass: '',
editorErrorMessage: null,
callback: null,
dangerouslyUseHTMLString: false,
focusAfterClosed: null,
isOnComposition: false,
distinguishCancelAndClose: false
};
}
};
</script>
<style scoped>
/deep/.el-message-box {
width: 500px;
max-height: 95%;
}
/deep/.message-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
/deep/.el-message-box__content img {
width: 100%;
height: 100%;
}
/deep/.el-message-box__content {
padding-top: 0;
}
</style>
\ No newline at end of file
import Vue from 'vue'
import Popup from './index.vue'
const PopupBox = Vue.extend(Popup)
let popuping = undefined
PopupBox.prototype.close = function () {
// 如果Popup 有引用，则去掉引用
if (popuping) {
popuping = undefined
}
// 先将组件隐藏
this.isShow = false
// 延迟300毫秒，等待Popup关闭动画执行完之后销毁组件
setTimeout(() => {
// 移除挂载的dom元素
if (this.$el && this.$el.parentNode) {
this.$el.parentNode.removeChild(this.$el)
}
}, 300)
}
const Popup1 = (title, editItem, data, formData) => {
// 如果组件已渲染，则返回即可
if (popuping) {
return popuping
}
data.title = title
data.editItem = editItem
if (formData) {
data.formData = formData
}
// 通过构造函数初始化组件 相当于 new Vue()
let instance = new PopupBox({
data
}).$mount()
document.body.appendChild(instance.$el)
Vue.nextTick(() => {
instance.isShow = true
})
// 将组件实例赋值给loading
popuping = instance
return instance
}
export default Popup1
<template>
<transition name="msgbox-fade" v-if="myShow">
<div class="ls-mask" v-loading="loading">
<div class="ls-mask-window dialogBox" :style="{ 'width': width }">
<div class="ls-head">
<div class="ls-title" :style="{ 'text-align': titleStyle }">
<svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
<b>{{ title }}</b>
</div>
<svg-icon icon-class='cancel' class="closeStyle" @click="onCancel" />
</div>
<div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }">
<component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
</div>
<div class="ls-mask-footer" v-if='btnShow'>
<el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button>
<el-button @click="onCancel">{{ cancelText }}</el-button>
</div>
</div>
</div>
</transition>
</template>
<script>
import Popup1 from './index'
export default {
name: 'index',
data () {
return {
title: '标题',
editItem: "",
formData: undefined,//父组件传递的参数 负责传给子组件
btnShow: false,
cancel: function () { },
confirm: function () { },
cancelText: '取消',
confirmText: '确认',
isSync: false,
isShow: false,
myShow: false,
titleStyle: 'center',
width: "75%",
height: "auto",
contentHeight: "",
iconClass: "",
key: 0
}
},
props: {
loading: { type: Boolean, default: false },
},
watch: {
isShow (newValue) {
this.editItem = this.loadViewFn(this.editItem)
document.body.appendChild(this.$el);
this.myShow = newValue
}
},
mounted () {
// 计算滚动条高度
setTimeout(() => {
if (this.btnShow) {
if (this.height == 'auto') {
this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
} else {
this.contentHeight = this.height
}
} else {
if (this.height == 'auto') {
this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
} else {
this.contentHeight = this.height
}
}
}, 300)
},
methods: {
onCancel () {
Popup1().close()
},
onConfirm () {
this.loading = true
let res = new Promise((resolve, reject) => {
this.confirm()
resolve(true)
})
if (res) {
this.isShow = false
}
},
loadingFn (e) { //加载状态
this.loading = e
},
loadViewFn (view) {
return (r) =>
require.ensure([], () =>
r(require(`@/${view}.vue`))
)
}
},
destroyed () {
if (this.appendToBody && this.$el && this.$el.parentNode) {
this.$el.parentNode.removeChild(this.$el);
}
}
}
</script>
<style scoped lang="scss" >
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
.ls-mask {
width: 100%;
height: 100%;
z-index: 2000;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
}
.ls-mask-window {
background: white;
position: relative;
left: 50%;
top: 50%;
min-height: 200px;
transform: translate(-50%, -50%);
border-radius: 5px;
overflow: hidden;
}
.ls-mask-window b {
padding-left: 5px;
}
/deep/.closeStyle {
top: 7px !important;
}
.ls-title {
padding: 10px;
color: #ffffff;
// background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
font-size: 16px;
}
.ls-title .svg-icon {
font-size: 18px;
}
.mask-content {
padding: 15px;
width: 100%;
min-height: 20%;
max-height: 95%;
// overflow-y: scroll;
}
.ls-mask-footer {
height: 50px;
display: flex;
justify-content: center;
width: 100%;
position: absolute;
border-top: 1px solid $borderColor;
bottom: 0;
background: #ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
overflow: hidden;
}
/deep/.closeStyle {
position: absolute;
top: 13px;
right: 26px;
font-size: 24px;
cursor: pointer;
color: #409EFF;
}
/deep/.el-loading-mask {
background: none;
}
/deep/.el-button {
margin: 8px 10px;
width: 75px;
}
</style>
弹窗封装
2.用法以及参数：
this.$popup('提示','ywbl/dbx/aa',{
width: '75%', // 初始化75% 不需要改的话 可以直接不要
formData: this.formData, // 父组件传给子组件的参数
cancel: function () {}, //取消事件的回调 没有按钮可以不需要
confirm: function () {} //确认事件的回调 没有按钮可以不需要
})
5.后续有修改请添加在此处文档说明作用
\ No newline at end of file
<!--显示svg文件图标-->
<template>
<div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
<svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
<use :xlink:href="iconName" />
</svg>
</template>
<script>
// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
import { isExternal } from '@/utils/validate'
export default {
name: 'SvgIcon',
props: {
iconClass: {
type: String,
required: true
},
className: {
type: String,
default: ''
}
},
computed: {
isExternal() {
return isExternal(this.iconClass)
},
iconName() {
return `#icon-${this.iconClass}`
},
svgClass() {
if (this.className) {
return 'svg-icon ' + this.className
} else {
return 'svg-icon'
}
},
styleExternalIcon() {
return {
mask: `url(${this.iconClass}) no-repeat 50% 50%`,
'-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
}
}
}
}
</script>
<style scoped>
.svg-icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.svg-external-icon {
background-color: currentColor;
mask-size: cover!important;
display: inline-block;
}
</style>
<template>
<el-color-picker v-model="theme"
:predefine="['#409EFF', '#1890ff', '#304156', '#212121', '#11a983', '#13c2c2', '#6959CD', '#f5222d',]"
class="theme-picker" popper-class="theme-picker-dropdown" />
</template>
<script>
const version = require('element-ui/package.json').version // element-ui version from node_modules
const ORIGINAL_THEME = '#409EFF' // default color
export default {
data () {
return {
chalk: '', // content of theme-chalk css
theme: ''
}
},
computed: {
defaultTheme () {
return this.$store.state.app.theme
}
},
watch: {
defaultTheme: {
handler: function (val, oldVal) {
this.theme = val
},
immediate: true
},
async theme (val) {
const oldVal = this.chalk ? this.theme : ORIGINAL_THEME
if (typeof val !== 'string') return
const themeCluster = this.getThemeCluster(val.replace('#', ''))
const originalCluster = this.getThemeCluster(oldVal.replace('#', ''))
console.log(themeCluster, originalCluster)
const $message = this.$message({
message: ' Compiling the theme',
customClass: 'theme-message',
type: 'success',
duration: 0,
iconClass: 'el-icon-loading'
})
const getHandler = (variable, id) => {
return () => {
const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', ''))
const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster)
let styleTag = document.getElementById(id)
if (!styleTag) {
styleTag = document.createElement('style')
styleTag.setAttribute('id', id)
document.head.appendChild(styleTag)
}
styleTag.innerText = newStyle
}
}
if (!this.chalk) {
const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css`
await this.getCSSString(url, 'chalk')
}
const chalkHandler = getHandler('chalk', 'chalk-style')
chalkHandler()
const styles = [].slice.call(document.querySelectorAll('style'))
.filter(style => {
const text = style.innerText
return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text)
})
styles.forEach(style => {
const { innerText } = style
if (typeof innerText !== 'string') return
style.innerText = this.updateStyle(innerText, originalCluster, themeCluster)
})
this.$emit('change', val)
$message.close()
}
},
methods: {
updateStyle (style, oldCluster, newCluster) {
let newStyle = style
oldCluster.forEach((color, index) => {
newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index])
})
return newStyle
},
getCSSString (url, variable) {
return new Promise(resolve => {
const xhr = new XMLHttpRequest()
xhr.onreadystatechange = () => {
if (xhr.readyState === 4 && xhr.status === 200) {
this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '')
resolve()
}
}
xhr.open('GET', url)
xhr.send()
})
},
getThemeCluster (theme) {
const tintColor = (color, tint) => {
let red = parseInt(color.slice(0, 2), 16)
let green = parseInt(color.slice(2, 4), 16)
let blue = parseInt(color.slice(4, 6), 16)
if (tint === 0) { // when primary color is in its rgb space
return [red, green, blue].join(',')
} else {
red += Math.round(tint * (255 - red))
green += Math.round(tint * (255 - green))
blue += Math.round(tint * (255 - blue))
red = red.toString(16)
green = green.toString(16)
blue = blue.toString(16)
return `#${red}${green}${blue}`
}
}
const shadeColor = (color, shade) => {
let red = parseInt(color.slice(0, 2), 16)
let green = parseInt(color.slice(2, 4), 16)
let blue = parseInt(color.slice(4, 6), 16)
red = Math.round((1 - shade) * red)
green = Math.round((1 - shade) * green)
blue = Math.round((1 - shade) * blue)
red = red.toString(16)
green = green.toString(16)
blue = blue.toString(16)
return `#${red}${green}${blue}`
}
const clusters = [theme]
for (let i = 0; i <= 9; i++) {
clusters.push(tintColor(theme, Number((i / 10).toFixed(2))))
}
clusters.push(shadeColor(theme, 0.1))
return clusters
}
}
}
</script>
<style>
.theme-message,
.theme-picker-dropdown {
z-index: 99999 !important;
}
.theme-picker .el-color-picker__trigger {
height: 26px !important;
width: 26px !important;
padding: 2px;
}
.theme-picker-dropdown .el-color-dropdown__link-btn {
display: none;
}
</style>
\ No newline at end of file
<template>
<el-select :value="valueTitle" ref="carrerSelect" :disabled="$store.state.business.Edit" style="width:100%"
:placeholder="placeholder"
clearable @clear="clearHandle">
<el-option :value="valueTitle" :label="valueTitle" class="options">
<el-tree id="tree-option" ref="selectTree" :accordion="accordion" :data="options"
:check-strictly="true"
:props="props" :node-key="props.value" :default-expanded-keys="defaultExpandedKey"
:filter-node-method="filterNode" @node-click="handleNodeClick">
</el-tree>
</el-option>
</el-select>
</template>
<script>
export default {
name: 'el-tree-select',
props: {
/* 配置项 */
props: {
type: Object,
default: () => {
return {
value: 'DCODE', // ID字段名
label: 'DNAME', // 显示名称
children: 'children', // 子级字段名
}
},
},
options: {
type: Array,
default: () => {
return []
},
},
/* 初始值 */
value: {
type: String,
default: () => {
return null
},
},
/* 自动收起 */
accordion: {
type: Boolean,
default: () => {
return true
},
},
placeholder: {
type: String,
default: () => {
return '请选择'
},
},
},
data () {
return {
valueId: this.value, // 初始值
valueTitle: '',
defaultExpandedKey: [],
}
},
mounted () {
this.initHandle()
},
methods: {
// 初始化值
initHandle () {
if (this.valueId && this.options.length!=0) {
this.valueTitle = this.$refs.selectTree.getNode(this.valueId).data[
this.props.label
] // 初始化显示
this.$refs.selectTree.setCurrentKey(this.valueId) // 设置默认选中
this.defaultExpandedKey = [this.valueId] // 设置默认展开
}
this.initScroll()
},
// 初始化滚动条
initScroll () {
this.$nextTick(() => {
let scrollWrap = document.querySelectorAll(
'.el-scrollbar .el-select-dropdown__wrap'
)[0]
let scrollBar = document.querySelectorAll(
'.el-scrollbar .el-scrollbar__bar'
)
scrollWrap.style.cssText =
'margin: 0px; max-height: none; overflow: hidden;'
scrollBar.forEach((ele) => (ele.style.width = 0))
})
},
// 切换选项
handleNodeClick (node) {
this.valueId = node[this.props.value]
this.valueTitle = node[this.props.label]
// this.$emit('getValue', this.valueId)
this.$emit("input", this.valueId);
this.defaultExpandedKey = []
if (!node.children) {
this.$refs.carrerSelect.handleClose()
}
},
// parentId (arr1, id) {
// let _this = this
// var temp = []
// var forFn = function (arr, id) {
// for (var i = 0; i < arr.length; i++) {
// var item = arr[i]
// if (item[_this.props.value] === id) {
// forFn(arr1, item.parentid)
// temp.push(item[_this.props.label])
// break
// } else {
// if (item.children) {
// forFn(item.children, id)
// }
// }
// }
// }
// forFn(arr1, id)
// return temp
// },
// 清除选中
clearHandle () {
this.valueTitle = ''
this.valueId = null
this.defaultExpandedKey = []
this.clearSelected()
this.$emit('getValue', null)
},
/* 清空选中样式 */
clearSelected () {
let allNode = document.querySelectorAll('#tree-option .el-tree-node')
allNode.forEach((element) => element.classList.remove('is-current'))
},
filterNode (value, data) {
if (!value) return true
return data.name.indexOf(value) !== -1
},
},
watch: {
value () {
this.valueId = this.value
this.initHandle()
},
filterText (val) {
this.$refs.selectTree.filter(val)
},
},
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
height: auto;
max-height: 274px;
padding: 0;
overflow: hidden;
overflow-y: auto;
}
.el-select-dropdown__item.selected {
font-weight: normal;
}
ul li >>> .el-tree .el-tree-node__content {
height: auto;
padding: 0 20px;
}
.el-tree-node__label {
font-weight: normal;
}
.el-tree >>> .is-current .el-tree-node__label {
color: #409eff;
font-weight: 700;
}
.el-tree >>> .is-current .el-tree-node__children .el-tree-node__label {
color: #606266;
font-weight: normal;
}
.selectInput {
padding: 0 5px;
box-sizing: border-box;
}
</style>
\ No newline at end of file