Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
dcde6da8 by xiaomiao
Options

--no commit message

1 parent 887f0939
Expand all
Inline Side-by-side
Showing 13 changed files with 150 additions and 258 deletions
......@@ -417,7 +417,7 @@ aside {
height: 0;
border-width: 0px 0px 55px 55px;
border-style: none solid solid;
border-color: transparent transparent #fe9400;
border-color: transparent transparent #ff5100;
position: absolute;
top: 0;
right: 0;
......@@ -479,4 +479,4 @@ aside {
top: 0;
right: 0;
transform: rotate(-90deg);
}
\ No newline at end of file
}
......
......@@ -16,8 +16,8 @@
label-width="145px"
inline-message
:show-message="false"
:class="{readonly: editDisabled }"
class="loadingtext"
:class="{ readonly: editDisabled }"
class="loadingtext"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -47,7 +47,7 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="查封不动产权信息：">
<el-form-item label="查封不动产权信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
......@@ -243,12 +243,26 @@
</el-col>
<el-col :span="8">
<el-form-item label="查封起始时间：">
<el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
<el-date-picker
v-model="ruleForm.cfdj.cfqssj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封结束时间：">
<el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
<el-date-picker
v-model="ruleForm.cfdj.cfjssj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -299,6 +313,7 @@
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
class="width100"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
......@@ -312,36 +327,44 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封业务号：">
<el-input v-model="ruleForm.cfdj.jfywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封机关：">
<el-input v-model="ruleForm.cfdj.jfjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封文件：">
<el-input v-model="ruleForm.cfdj.jfwj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封文号：">
<el-input v-model="ruleForm.cfdj.jfwh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封登簿人：">
<el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封登记时间：">
<el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封业务号：">
<el-input v-model="ruleForm.cfdj.jfywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封机关：">
<el-input v-model="ruleForm.cfdj.jfjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封文件：">
<el-input v-model="ruleForm.cfdj.jfwj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封文号：">
<el-input v-model="ruleForm.cfdj.jfwh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封登簿人：">
<el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封登记时间：">
<el-date-picker
v-model="ruleForm.cfdj.jfdjsj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -438,14 +461,17 @@ export default {
dname: "是",
},
],
ableOperation:false,
ableOperation: false,
//传递参数\
ssQlxxList: [],
ztQlxxList: [],
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "change" },
],
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "blur" },
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
......@@ -458,7 +484,7 @@ export default {
this.loadData();
},
mounted() {
this.ableOperation=this.$parent.ableOperation
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
......@@ -476,7 +502,7 @@ export default {
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
......@@ -495,7 +521,7 @@ export default {
* @author: renchao
*/
loadData() {
this.$startLoading();
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
......@@ -610,13 +636,6 @@ export default {
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -358,7 +358,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否限制转移约定">
<el-form-item label="是否限制转移约定：">
<el-select v-model="ruleForm.diyaq.sfczjzhxz">
<el-option
v-for="item in dictData['A6']"
......
......@@ -240,7 +240,15 @@
</el-col>
<el-col :span="8">
<el-form-item label="竣工时间：">
<el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
<el-date-picker
v-model="ruleForm.fdcq2.jgsj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -285,6 +293,7 @@
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
......
......@@ -194,6 +194,7 @@
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
......
......@@ -227,6 +227,7 @@
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
......@@ -249,7 +250,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
<el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
<el-select v-model="ruleForm.ygdj.ygdjlx">
<el-option
v-for="item in dictData['A29']"
......@@ -262,12 +263,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用权人">
<el-form-item label="土地使用权人：">
<el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途">
<el-form-item label="规划用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-option
v-for="item in dictData['A17']"
......@@ -280,12 +281,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途名称">
<el-form-item label="用途名称：">
<el-input v-model="ruleForm.ygdj.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-option
v-for="item in dictData['A19']"
......@@ -298,12 +299,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质名称">
<el-form-item label="房屋性质名称：">
<el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋结构">
<el-form-item label="房屋结构：">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-option
v-for="item in dictData['A46']"
......@@ -316,57 +317,65 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在层">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数">
<el-form-item label="总层数：">
<el-input v-model="ruleForm.ygdj.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积">
<el-form-item label="建筑面积：">
<el-input v-model="ruleForm.ygdj.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销预告业务号">
<el-form-item label="注销预告业务号：">
<el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销预告原因">
<el-form-item label="注销预告原因：">
<el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间">
<el-input v-model="ruleForm.ygdj.zxsj"></el-input>
<el-form-item label="注销时间：">
<el-date-picker
v-model="ruleForm.ygdj.zxsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格/被担保主债权数额">
<el-form-item label="取得价格/被担保主债权数额：">
<el-input v-model="ruleForm.ygdj.qdjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="金额单位">
<el-form-item label="金额单位：">
<el-input v-model="ruleForm.ygdj.jedw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号">
<el-form-item label="不动产登记证明号：">
<el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
</el-form-item>
</el-col>
......@@ -502,9 +511,12 @@ export default {
],
//传递参数\
rules: {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "change" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
......
......@@ -45,8 +45,8 @@
预告登记信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-row :gutter="10">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
......@@ -72,8 +72,6 @@
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
......@@ -89,8 +87,6 @@
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
......@@ -143,6 +139,7 @@
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
......@@ -166,7 +163,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
<el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
<el-select v-model="ruleForm.ygdj.ygdjlx">
<el-option
v-for="item in dictData['A29']"
......@@ -179,12 +176,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用权人">
<el-form-item label="土地使用权人：">
<el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途">
<el-form-item label="规划用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-option
v-for="item in dictData['A17']"
......@@ -197,12 +194,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途名称">
<el-form-item label="用途名称：">
<el-input v-model="ruleForm.ygdj.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-option
v-for="item in dictData['A19']"
......@@ -215,12 +212,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质名称">
<el-form-item label="房屋性质名称：">
<el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋结构">
<el-form-item label="房屋结构：">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-option
v-for="item in dictData['A46']"
......@@ -233,57 +230,65 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在层">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数">
<el-form-item label="总层数：">
<el-input v-model="ruleForm.ygdj.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积">
<el-form-item label="建筑面积：">
<el-input v-model="ruleForm.ygdj.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销预告业务号">
<el-form-item label="注销预告业务号：">
<el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销预告原因">
<el-form-item label="注销预告原因：">
<el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间">
<el-input v-model="ruleForm.ygdj.zxsj"></el-input>
<el-form-item label="注销时间：">
<el-date-picker
v-model="ruleForm.ygdj.zxsj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格/被担保主债权数额">
<el-form-item label="取得价格/被担保主债权数额：">
<el-input v-model="ruleForm.ygdj.qdjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="金额单位">
<el-form-item label="金额单位：">
<el-input v-model="ruleForm.ygdj.jedw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号">
<el-form-item label="不动产登记证明号：">
<el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
</el-form-item>
</el-col>
......
.djxxTable {
width: 100%;
height: 100%;
background: #fff;
color: #333;
.tableBox {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
background: #e9e9e9;
height: 62px;
line-height: 62px;
position: relative;
margin: 0 3px;
.checkbox {
position: absolute;
right: 20px;
bottom: -16px;
height: 62px;
}
}
.xxTableBox {
overflow: scroll;
width: 100%;
}
.xxTable>tr:first-child th {
width: 140px;
}
.xxTable {
//border-spacing: 1px;
width: 100%;
// table-layout: fixed;
tr {
box-sizing: border-box;
}
tr>th {
border: 1px solid #ccc;
background: #F2F2F2;
color: #333333;
font-size: 16px;
height: 40px;
}
tr:nth-child(1) {
position: sticky;
top: 0px;
z-index: 3;
margin-top: -2px;
}
tr:nth-child(2) {
position: sticky;
top: 40px;
z-index: 3;
}
tr:nth-child(3) {
position: sticky;
top: 80px;
z-index: 3;
box-shadow: 0px 15px 10px -15px #409EFF;
}
tr td:first-child {
position: sticky;
left: 0;
z-index: 2;
margin-left: -2px;
}
th.linshi,
th.xianshi {
background: #464c5b;
}
th.lishi {
background: rgba(70, 76, 91, 0.8);
}
.one th {
height: 25px;
font-size: 14px;
}
th.linshi {
color: #fe9400;
}
.two th {
height: 45px;
p:nth-child(2) {
font-size: 14px;
}
}
tr {
display: flex;
}
tr td {
border: 1px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
width: 140px;
flex: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-width: 280px;
z-index: 1;
}
>tr:nth-child(odd) td {
background: #f2f2f2;
}
>tr:nth-child(even) td {
background: #f9f9f9;
}
td.linshi {
color: #fe9400;
}
tr>td.lishi {
color: #7f7f7f;
}
}
.rollTable {
margin-top: -2px;
display: block;
height: calc(100vh - 185px);
overflow-y: scroll;
margin-left: 2px;
}
}
}
\ No newline at end of file
......@@ -96,7 +96,7 @@
}
th.linshi {
color: #fe9400;
color: #ff5100;
}
.two th {
......@@ -128,7 +128,7 @@
height: 0;
border-width: 0px 0px 55px 55px;
border-style: none solid solid;
border-color: transparent transparent #fe9400;
border-color: transparent transparent #ff5100;
position: absolute;
top: 0;
right: 0;
......@@ -193,7 +193,7 @@
}
td.linshi {
color: #fe9400;
color: #ff5100;
}
tr>td.lishi {
......@@ -209,4 +209,4 @@
margin-left: 2px;
}
}
}
\ No newline at end of file
}
......
......@@ -54,7 +54,7 @@ class data extends filter {
},
"0": {
text: '临时',
color: '#FE9400'
color: '#ff5100'
}
}
let textName = obj[scope.row.qszt]?.text || ''
......
......@@ -50,7 +50,7 @@ class data extends filter {
},
"0": {
text: '临时',
color: '#FE9400'
color: '#ff5100'
}
}
let textName = obj[scope.row.qszt]?.text || ''
......