Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
3039b874 by jiaozeping@pashanhoo.com
Options

12

1 parent 4f4eb552
Inline Side-by-side
Showing 1 changed file with 172 additions and 85 deletions
<template>
<div class='slxx'>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="140px">
<div class="slxx">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
:label-position="flagTop"
:inline="flag"
label-width="140px"
>
<div class="slxx_title">受理信息</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：" prop="ywh">
<el-input disabled v-model="ruleForm.ywh"></el-input>
<el-input
disabled
v-model="ruleForm.ywh"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：" prop="slry">
<el-input disabled v-model="ruleForm.slry"></el-input>
<el-input
disabled
v-model="ruleForm.slry"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用权结束时间：" prop="slsj">
<el-date-picker disabled v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
value-format="yyyy-MM-dd">
</el-date-picker>
<el-form-item label="受理时间：" prop="slsj">
<el-input
disabled
v-model="ruleForm.slsj"
class="width300px"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
disabled
v-model="ruleForm.qllx"
class="width300px"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in dictData['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 label="登记类型：" prop="djlx">
<el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
disabled
v-model="ruleForm.djlx"
class="width300px"
filterable
clearable
placeholder="请选择登记类型"
>
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：" prop="djqx">
<el-input disabled v-model="ruleForm.djqxmc"></el-input>
<el-input
disabled
class="width300px"
v-model="ruleForm.djqxmc"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -49,18 +93,38 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地代码：" prop="zddm">
<el-input disabled v-model="ruleForm.zddm"></el-input>
<el-input
disabled
v-model="ruleForm.zddm"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：" prop="bdcdyh">
<el-input disabled v-model="ruleForm.bdcdyh"></el-input>
<el-input
disabled
v-model="ruleForm.bdcdyh"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利性质：" prop="qlxz">
<el-select disabled v-model="ruleForm.qlxz" filterable clearable placeholder="请选择权利性质">
<el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
<el-select
disabled
v-model="ruleForm.qlxz"
filterable
class="width300px"
clearable
placeholder="请选择权利性质"
>
<el-option
v-for="item in qlxzOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -69,58 +133,83 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地面积：" prop="zdmj">
<el-input disabled v-model="ruleForm.zdmj"></el-input>
<el-input
disabled
v-model="ruleForm.zdmj"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="坐落：" prop="zl">
<el-input disabled style="width: 100%" v-model="ruleForm.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="土地用途：" prop="tdyt">
<el-select disabled v-model="ruleForm.tdyt" filterable clearable placeholder="请选择土地用途">
<el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-input
disabled
v-model="ruleForm.tdyt"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利设定方式：" prop="qlsdfs">
<el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式">
<el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
<el-select
disabled
v-model="ruleForm.qlsdfs"
filterable
class="width300px"
clearable
placeholder="请选择权利设定方式"
>
<el-option
v-for="item in qlsdfsOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格：" prop="qdjg">
<el-input disabled v-model="ruleForm.qdjg"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用权起始时间：" prop="qssj">
<el-date-picker disabled v-model="ruleForm.qssj" type="datetime" placeholder="选择起始时间"
value-format="yyyy-MM-dd">
</el-date-picker>
<el-form-item label="取得价格：" prop="qdjg">
<el-input
disabled
v-model="ruleForm.qdjg"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用权结束时间：" prop="jssj">
<el-date-picker disabled v-model="ruleForm.jssj" type="datetime" placeholder="选择结束时间"
value-format="yyyy-MM-dd">
</el-date-picker>
<el-col :span="16">
<el-form-item label="坐落：" prop="zl">
<el-input
disabled
class="width300px"
v-model="ruleForm.zl"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用期限：" prop="tdsyqx">
<el-date-picker disabled v-model="ruleForm.tdsyqx" type="datetime" placeholder="选择使用期限"
value-format="yyyy-MM-dd">
</el-date-picker>
<el-input
disabled
v-model="ruleForm.tdsyqx"
class="width300px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="使用权起止时间：" prop="qssj">
<el-input
disabled
v-model="ruleForm.syqqzsj"
class="width300px"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -150,7 +239,11 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input>
<el-input
class="textArea"
type="textarea"
v-model="ruleForm.djyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -165,30 +258,30 @@
</div>
</template>
<script>
import InformationTable from './InformationTable'
import { Init } from "@/api/fqsq.js"
import { mapGetters } from 'vuex'
import InformationTable from "./InformationTable";
import { Init } from "@/api/fqsq.js";
import { mapGetters } from "vuex";
export default {
/**注册组件*/
components: { InformationTable },
props: {
flag: {
type: Boolean,
default: false
}
default: false,
},
},
computed: {
...mapGetters(['dictData']),
...mapGetters(["dictData"]),
},
data () {
data() {
return {
disabled: true,
flagTop: this.flag ? 'top' : '',
flagTop: this.flag ? "top" : "",
qlxzOption: [],
tdytOption: [],
qlsdfsOption: [],
ruleForm: {
ywh: '',
ywh: "",
slry: "",
slsj: "",
qllx: "",
......@@ -202,9 +295,8 @@ export default {
tdyt: "",
qlsdfs: "",
qdjg: "",
qssj: "",
jssj: "",
tdsyqx: "",
syqqzsj: "",
fj: "",
djyy: "",
gyfs: "",
......@@ -213,37 +305,33 @@ export default {
// ywh: [
// { required: true, message: '业务号', trigger: 'blur' }
// ],
}
},
};
},
methods: {
list (bsmSldy) {
list(bsmSldy) {
var formdata = new FormData();
//可以通过append()方法来追加数据
formdata.append("bsmSldy", bsmSldy);
Init(formdata).then(res => {
Init(formdata).then((res) => {
if (res.code === 200) {
console.log(res, 1111)
console.log(res, 1111);
this.ruleForm = res.result;
this.ruleForm.zddm = res.result.zdjbxxdatas.zddm;
this.ruleForm.zdmj = res.result.zdjbxxdatas.zdmj;
this.ruleForm.zl = res.result.qlxxdatas.zl;
this.ruleForm.tdyt = res.result.qlxxdatas.ytmc;
this.ruleForm.tdyt = res.result.qlxxdatas.ytmc;
this.ruleForm.qlsdfs = res.result.zdjbxxdatas.qlsdfsmc;
this.ruleForm.qdjg = res.result.jsydsyqdatas.qdjg;
//this.ruleForm.tdyt = res.result.zdjbxxdatas.ghytmc;
this.ruleForm.fj = res.result.jsydsyqdatas.fj;
this.ruleForm.syqqzsj = res.result.jsydsyqdatas.syqqzsj;
this.ruleForm.tdsyqx = res.result.jsydsyqdatas.tdsyqx;
}
})
});
},
onSubmit () { },
onSubmit() {},
},
}
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
......@@ -261,8 +349,7 @@ export default {
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #4A4A4A;
color: #4a4a4a;
}
.btn {
......@@ -275,14 +362,14 @@ export default {
}
}
.Inputclass {
width: 100%;
}
// .Inputclass {
// width: 100%;
// }
/deep/.el-select,
/deep/.el-date-editor {
width: 100%;
}
// /deep/.el-select,
// /deep/.el-date-editor {
// width: 100%;
// }
/deep/.el-form-item__label {
padding-bottom: 0px;
......