Skip to content

bdc / bdcjg-web

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

component修改

1 parent f0c301fc
Expand all
Inline Side-by-side
Showing 83 changed files with 5082 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="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="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="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="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="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="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>