43053f50 by jiaozeping@pashanhoo.com
2 parents a1607cf3 b0c09b49
<template>
<dialogBox title="其他及附记模板" @submitForm="submitForm" @closeDialog="closeDialog" v-model="value">
<dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="value">
<div class="qtjfjmb-edit-title">
<b>权利信息</b>
</div>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px">
<el-row>
<el-col :span="12">
<el-form-item label="权利类型编码" prop="qllxbm">
<el-input v-model="ruleForm.qllxbm"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权利类型名称" prop="qllxmc">
<el-input v-model="ruleForm.qllxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="不动产权类型" prop="bdcqlx">
<el-select v-model="ruleForm.bdcqlx" class="width100" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="打印模板" prop="dymb">
<el-input v-model="ruleForm.dymb"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="权利其他状况模板" prop="qlqtztmb">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="ruleForm.qlqtztmb">
</el-input>
</el-form-item>
</el-col>
</el-row>
<div class="qtjfjmb-edit-title">
<b>附记内容设置</b>
</div>
<ul>
<li v-for="(item, index) in titleList" @click="handleSelect(index)" :class="{ 'active': n == index }"
:key="index">{{ item.name }}</li>
</ul>
<el-row v-if="n == 0">
<el-col :span="24">
<el-form-item label="附记模板1" prop="fjmb1">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb1">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 1">
<el-col :span="24">
<el-form-item label="附记模板2" prop="fjmb2">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb2">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>
......@@ -13,10 +76,66 @@ export default {
},
data () {
return {
n: 0,
ruleForm: {
qllxbm: '',
qllxmc: '',
bdcqlx: '',
dymb: '',
qlqtztmb: '',
fjmb1: '',
fjmb2: ''
},
options: [],
rules: {
qllxbm: [
{ required: true, message: '请输入权利类型编码', trigger: 'blur' }
],
qllxmc: [
{ required: true, message: '请输入权利类型名称', trigger: 'blur' }
],
bdcqlx: [
{ required: true, message: '请选择不动产权类型', trigger: 'change' }
],
dymb: [
{ required: true, message: '请输入打印模板', trigger: 'blur' }
],
qlqtztmb: [
{ required: true, message: '请输入权利其他状况模板', trigger: 'blur' }
],
fjmb: [
{ required: true, message: '请输入附记模板', trigger: 'blur' }
],
},
titleList: [
{
name: '首次登记'
},
{
name: '转移登记'
},
{
name: '变更登记'
},
{
name: '注销登记'
},
{
name: '更正登记'
},
{
name: '补证登记'
},
{
name: '换证登记'
}
]
}
},
methods: {
handleSelect (index) {
this.n = index
},
submitForm () {
this.$emit('input', false)
},
......@@ -28,4 +147,36 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.qtjfjmb-edit-title {
padding-bottom: 10px;
border-bottom: 1px solid $borderColor;
margin-bottom: 10px;
}
ul {
@include flex;
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
.active {
background: $light-blue;
color: #fff;
}
li {
flex: 1;
line-height: 36px;
@include flex-center;
border: 1px solid $borderColor;
margin-left: -1px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
}
</style>
......
......@@ -28,14 +28,17 @@
:data="tableData.data">
</lb-table>
</div>
<editDialog v-model="isDialog" />
</div>
</template>
<script>
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./qtjfjmb"
import editDialog from "./components/editDialog.vue"
export default {
name: "djbcx",
components: {
editDialog
},
mixins: [table],
mounted () {
......