877356eb by 田浩浩
2 parents 40e696d3 cb14f8b5
import request from '@/utils/request'
import SERVER from './config'
// 初始化内容
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "300":
apiUrl = SERVER.SERVERAPI + "/ywbl/cfdj/xfInit";
break;
case "400":
apiUrl = SERVER.SERVERAPI + "/ywbl/cfdj/jfInit";
break;
case "800":
apiUrl = SERVER.SERVERAPI + "/ywbl/cfdj/cfInit";
break;
}
return request({
url: apiUrl,
method: 'post',
data
})
}
//批量初始化
export function BatchInit (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "300":
apiUrl = SERVER.SERVERAPI + "/ywbl/cfdj/xfBatchInit";
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/cfdj/xfBatchInit";
break;
case "400":
apiUrl = SERVER.SERVERAPI + "/ywbl/cfdj/jfBatchInit";
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/cfdj/jfBatchInit";
break;
case "800":
apiUrl = SERVER.SERVERAPI + "/ywbl/cfdj/cfBatchInit";
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/cfdj/cfBatchInit";
break;
}
return request({
......
......@@ -32,10 +32,18 @@ export function Init(data) {
data
})
}
// 初始化内容
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/fdcq2lr/saveData',
method: 'post',
data
})
}
// 注销登记提交数据
export function saveLogoutData(data) {
return request({
url: '/ywbl/fdcq2lr/saveLogoutData',
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
method: 'post',
data
})
......@@ -43,7 +51,15 @@ export function saveLogoutData(data) {
// 首次登记提交
export function saveBatchData(data) {
return request({
url: '/ywbl/fdcq2lr/saveBatchData',
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBatchData",
method: 'post',
data
})
}
// 更正/变更登记提交
export function saveGZBatchData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
method: 'post',
data
})
......
......@@ -62,10 +62,10 @@ export function searchTaskToDo (data) {
showLoading: true
})
}
// 待办箱删除接口
// 待办箱/不动产单元删除接口
export function deleteFlow (data) {
return request({
url: 'business/workFlow/deleteFlow',
url: SERVER.SERVERAPI + '/rest/business/workFlow/deleteFlow',
method: 'post',
data
})
......@@ -146,7 +146,7 @@ export function deleteCollectBiz (bsmSqyw) {
// 国有建设用地使用权/房屋使用权 -选择不动产单元
export function choiceBdcdy (data) {
return request({
url: 'business/workFlow/choiceBdcdy',
url: SERVER.SERVERAPI + '/rest/business/workFlow/choiceBdcdy',
method: 'post',
data,
showLoading: true
......@@ -156,7 +156,7 @@ export function choiceBdcdy (data) {
// 申请列表删除
export function deleteBdcdy (data) {
return request({
url: 'business/workFlow/deleteBdcdy',
url: SERVER.SERVERAPI + '/rest/business/workFlow/deleteBdcdy',
method: 'post',
data,
showLoading: true
......@@ -166,7 +166,7 @@ export function deleteBdcdy (data) {
// 获取自然幢下其他户
export function selectOtherH (data) {
return request({
url: 'ywbl/ywsq/selectOtherH',
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectOtherH',
method: 'post',
data,
showLoading: true
......
......@@ -68,13 +68,17 @@
}
}
.el-form-item--small.el-form-item {
margin-bottom: 0px;
}
}
//*****end*通用表单查询条件,列表样式******//
/deep/.el-range-separator {
line-height: 28px !important;
}
.width200px {
width: 200px;
......@@ -94,4 +98,4 @@
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
\ No newline at end of file
}
\ No newline at end of file
......
......@@ -91,6 +91,13 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach((item,index) => {
if(item.sfbxf == '1'){
item.zxywh = '';
item.zxdbr = '';
item.zxsj = '';
}
})
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
......
......@@ -2,9 +2,9 @@
<!-- 编辑 -->
<dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue"
:isSave="details.isenable == 1" title="字典信息">
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
<el-form :model="ruleForm" ref="ruleForm" label-width="100px">
<el-row :gutter="20">
<el-col :span="6">
<el-col :span="4">
<el-form-item label="字典类型编码">
{{ ruleForm.dcode }}
</el-form-item>
......@@ -70,12 +70,12 @@ export default {
<div>
<el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
<el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
</div>
)
}
......@@ -88,11 +88,11 @@ export default {
<div>
<el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
<el-input placeholder="字典项名称" disabled={this.details.isenable == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
</div>
)
}
......@@ -106,11 +106,11 @@ export default {
<div>
<el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
<el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
</div>
)
}
......@@ -123,11 +123,11 @@ export default {
<div>
<el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={scope.row.normnameShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
<el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={!scope.row.normnameShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
</div>
)
}
......
......@@ -2,21 +2,21 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm">
<el-form @submit.native.prevent :model="ruleForm">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="字典类型编码">
<el-input v-model="ruleForm.dcode" placeholder="字典类型编码"></el-input>
<el-input v-model="ruleForm.dcode" @clear="fetchData()" clearable placeholder="字典类型编码"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="字典类型名称">
<el-input v-model="ruleForm.dname" placeholder="字典类型名称"></el-input>
<el-input v-model="ruleForm.dname" @clear="fetchData()" clearable placeholder="字典类型名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button type="primary" native-type="submit" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button>
</el-form-item>
</el-col>
......
......@@ -2,11 +2,12 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm">
<el-form :model="queryForm" @submit.native.prevent ref="queryForm">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
<el-select v-model="queryForm.qllx" @change="fetchData()" class="width100" filterable clearable
placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......
......@@ -2,11 +2,12 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm">
<el-form @submit.native.prevent :model="queryForm" ref="queryForm">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
<el-select v-model="queryForm.qllx" @change="queryClick()" filterable class="width100" clearable
placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -14,13 +15,13 @@
</el-col>
<el-col :span="6">
<el-form-item label="登记业务编码">
<el-input placeholder="请输入登记业务编码" v-model="queryForm.djywbm" clearable>
<el-input placeholder="请输入登记业务编码" @clear="queryClick()" v-model="queryForm.djywbm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
<el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......
......@@ -10,7 +10,7 @@
</div>
</template>
<script>
import { deleteBdcdy } from "@/api/ywbl.js"
import { deleteFlow } from "@/api/ywbl.js"
export default {
components: {},
props: {
......@@ -46,10 +46,10 @@ export default {
},
methods: {
childFn () {
deleteBdcdy({
bsmSlsq: this.formData.bsmSlsq,
bsmSldyList: this.selectBdcdy
}).then(res => {
var formdata = new FormData();
formdata.append("bsmSldyList", this.selectBdcdy);
formdata.append("bsmSlsq",this.formData.bsmSlsq);
deleteFlow(formdata).then(res => {
if (res.code == 200) {
this.$message.success("删除成功");
} else {
......
......@@ -26,18 +26,9 @@ export function getForm(tabName, djywbm) {
case "tdslxxCfdj":
form = require("@/views/ywbl/cfdj/tdslxx.vue");
break;
case "fwslxxCfdj":
form = require("@/views/ywbl/cfdj/fwslxx.vue");
break;
case "plslxxCfdj":
form = require("@/views/ywbl/cfdj/plcfslxx.vue");
break;
case "plslxxjfdj":
form = require("@/views/ywbl/cfdj/pljfslxx.vue");
break;
case "jfslxxCfdj":
form = require("@/views/ywbl/cfdj/jfslxx.vue");
break;
case "clxx":
form = require("@/views/workflow/components/clxx.vue");
break;
......
......@@ -81,7 +81,7 @@ import {
getStepFormInfo,
} from "@/api/fqsq.js";
import { mapGetters } from "vuex"
import { deleteBdcdy } from "@/api/ywbl.js";
import { deleteFlow } from "@/api/ywbl.js";
import ProcessViewer from './components/processViewer.vue'
import { getWorkFlowImage } from "@/api/jsydsyqFlow.js";
import { getForm } from "./flowform.js";
......@@ -160,10 +160,10 @@ export default {
type: "warning",
})
.then(() => {
deleteBdcdy({
bsmSlsq: this.bsmSlsq,
bsmSldyList: item.bsmSldy.split(","),
}).then((res) => {
var formdata = new FormData();
formdata.append("bsmSldyList", item.bsmSldy.split(","));
formdata.append("bsmSlsq",this.bsmSlsq);
deleteFlow(formdata).then((res) => {
if (res.code == 200) {
this.$message.success("删除成功");
this.loadBdcdylist();
......@@ -516,6 +516,10 @@ export default {
window.close();
this.$emit("input", false);
}, 1000);
}else{
instance.confirmButtonLoading = false;
instance.confirmButtonText = "确定";
this.$message.error(res.message);
}
});
} else {
......
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slywxx.slry">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slywxx.slsj">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slywxx.qllx">
<el-select disabled v-model="ruleForm.slywxx.qllx" 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 :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slywxx.djlx">
<el-select disabled v-model="ruleForm.slywxx.djlx" 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 :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="slywxx.djqx">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
查封不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh">
<el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利人:" prop="qlxx.qlrmc">
<el-input disabled v-model="ruleForm.qlxx.ywrmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="面积:" prop="qlxx.mj">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="qlxx.ytmc">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxx.mj">
<el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="用途:" prop="qlxx.ytmc">
<el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格:" prop="cfdj.ytmc">
<el-input disabled v-model="ruleForm.cfdj.qdjg"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg">
<el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx">
<el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:"
:disabled="$route.query.viewtype" @change="changeCflx">
<el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" :disabled="$route.query.viewtype"
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj">
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" :disabled="$route.query.viewtype"
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
不动产权利人信息
<div class="triangle"></div>
</div>
<sqrViewTable :tableData="ruleForm.ywrList" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import sqrViewTable from "@/views/workflow/components/sqrViewTable";
import { Init, saveData } from "@/api/cfdjFlow.js";
import { mapGetters } from "vuex";
export default {
data () {
return {
disabled: true,
flagTop: this.flag ? "top" : "",
rules: {},
//传递参数
propsParam: {},
//页面数据
ruleForm: {},
};
},
created () {
this.propsParam = this.$attrs;
this.list(this.propsParam.bsmSldy);
},
watch: {
},
components: { sqrViewTable },
props: {
flag: {
type: Boolean,
default: false,
},
fetch: {
type: Boolean,
default: false,
},
},
computed: {
...mapGetters(["dictData"]),
},
methods: {
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
formdata.append("sqywbm", this.$route.query.sqywbm);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
});
},
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
this.$message.success('保存成功');
}
});
},
changeCflx(e){
let cflxItem = {}
cflxItem = this.dictData['A32'].find((item) => {
return item.dcode == e
})
this.ruleForm.cfdj.cflxmc = cflxItem.dname;
}
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
\ No newline at end of file
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slywxx.slry">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slywxx.slsj">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slywxx.qllx">
<el-select disabled v-model="ruleForm.slywxx.qllx" 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 :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slywxx.djlx">
<el-select disabled v-model="ruleForm.slywxx.djlx" 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 :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="slywxx.djqx">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
解封不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh">
<el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="面积:">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="用途:">
<el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利人:" prop="qlxx.qlrmc">
<el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件号:">
<el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:">
<el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
查封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg">
<el-input v-model="ruleForm.cfdj.cfjg" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx">
<el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:"
disabled @change="changeCflx">
<el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj">
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" disabled
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
解封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg">
<el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj">
<el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh">
<el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype && !ableEdit">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import sqrViewTable from "@/views/workflow/components/sqrViewTable";
import { Init, saveData } from "@/api/cfdjFlow.js";
import { mapGetters } from "vuex";
export default {
data () {
return {
disabled: true,
flagTop: this.flag ? "top" : "",
rules: {},
//传递参数
propsParam: {},
//页面数据
ruleForm: {},
//是否可编辑
ableEdit: false
};
},
async created () {
this.propsParam = this.$attrs;
this.ableEdit = this.$parent.showBatch;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
});
},
watch: {
},
components: { sqrViewTable },
props: {
flag: {
type: Boolean,
default: false,
},
fetch: {
type: Boolean,
default: false,
},
},
computed: {
...mapGetters(["dictData"]),
},
methods: {
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message.success('保存成功');
}
});
},
changeCflx(e){
let cflxItem = {}
cflxItem = this.dictData['A32'].find((item) => {
return item.dcode == e
})
this.ruleForm.cfdj.cflxmc = cflxItem.dname;
}
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
\ No newline at end of file
......@@ -59,65 +59,89 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg">
<el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype"></el-input>
<el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx">
<el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:"
:disabled="$route.query.viewtype" @change="changeCflx">
<el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype"></el-input>
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflxmc">
<el-input v-model="ruleForm.cfdj.cflxmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype"></el-input>
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx">
<el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" :disabled="$route.query.viewtype"
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj">
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" :disabled="$route.query.viewtype"
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" :disabled="$route.query.viewtype || isJfOperation"
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype"></el-input>
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype"></el-input>
<el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype"></el-input>
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
<div v-if="propsParam.djlx == '400'">
<div class="slxx_title title-block">
解封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg">
<el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj">
<el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh">
<el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
......@@ -140,12 +164,16 @@ export default {
propsParam: {},
//页面数据
ruleForm: {},
isJfOperation: false,
tableData: []
};
},
created () {
this.propsParam = this.$attrs;
var formdata = new FormData();
if(this.propsParam.djlx == '400'){
this.isJfOperation = true;
}
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
BatchInit(formdata).then((res) => {
......
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slywxx.slry">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slywxx.slsj">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slywxx.qllx">
<el-select disabled v-model="ruleForm.slywxx.qllx" 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 :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slywxx.djlx">
<el-select disabled v-model="ruleForm.slywxx.djlx" 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 :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="slywxx.djqx">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
解封不动产列表
<div class="triangle"></div>
</div>
<cfBdcdyTable :tableData="ruleForm.qlxx" />
<div class="slxx_title title-block">
批量查封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg">
<el-input v-model="ruleForm.cfdj.cfjg" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx">
<el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:"
disabled @change="changeCflx">
<el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj">
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" disabled
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
批量解封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg">
<el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj">
<el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh">
<el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
import { BatchInit, batchSaveData } from "@/api/cfdjFlow.js";
import { mapGetters } from "vuex";
export default {
data () {
return {
disabled: true,
flagTop: this.flag ? "top" : "",
rules: {},
//传递参数
propsParam: {},
//页面数据
ruleForm: {},
tableData: []
};
},
created () {
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
BatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
});
},
watch: {
},
components: { cfBdcdyTable },
props: {
flag: {
type: Boolean,
default: false,
},
fetch: {
type: Boolean,
default: false,
},
},
computed: {
...mapGetters(["dictData"]),
},
methods: {
onSubmit () {
this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
batchSaveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message.success('保存成功');
}
});
},
changeCflx(e){
let cflxItem = {}
cflxItem = this.dictData['A32'].find((item) => {
return item.dcode == e
})
this.ruleForm.cfdj.cflxmc = cflxItem.dname;
}
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
\ No newline at end of file
......@@ -53,11 +53,6 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh">
<el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利人:" prop="qlxx.qlrmc">
<el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
</el-form-item>
......@@ -67,21 +62,21 @@
<el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:">
<el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh">
<el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="面积:">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -91,9 +86,14 @@
<el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="面积:">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -108,29 +108,25 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx">
<el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:"
:disabled="$route.query.viewtype || ableEdit" @change="changeCflx">
<el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflxmc">
<el-input v-model="ruleForm.cfdj.cflxmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx">
<el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" :disabled="$route.query.viewtype || ableEdit"
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
......@@ -142,7 +138,12 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
......@@ -162,6 +163,29 @@
</el-form-item>
</el-col>
</el-row>
<div v-if="propsParam.djlx == '400'">
<div class="slxx_title title-block">
解封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg">
<el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj">
<el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh">
<el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype && !ableEdit">
<el-form-item :class="flag ? 'marginBot0' : ''">
......
......@@ -33,7 +33,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick()" clearable class="width200px">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick()" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
......
......@@ -183,7 +183,7 @@
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import {Init, saveBatchData, saveData} from "@/api/fwsyqFlow.js";
import {Init, saveBatchData} from "@/api/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
created () {
......
......@@ -188,7 +188,7 @@
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import { Init } from "@/api/fwsyqFlow.js";
import {Init, saveGZBatchData} from "@/api/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
async created () {
......@@ -298,7 +298,7 @@ export default {
});
},
onSubmit () {
fristReg(this.ruleForm).then((res) => {
saveGZBatchData(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
console.log(res);
//this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
......
......@@ -2,63 +2,41 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
<el-row>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select
v-model="queryForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
<el-select v-model="queryForm.qllx" filterable class="width100" @change="queryClick()" 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="5">
<el-form-item label="不动产单元号">
<el-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width200px"
>
<el-form-item label="不动产单元号" label-width="105px">
<el-input placeholder="请输入不动产单元号" @clear="queryClick()" v-model="queryForm.bdcdyh" clearable
class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width200px"
>
<el-form-item label="不动产权证号" label-width="105px">
<el-input placeholder="请输入不动产权证号" @clear="queryClick()" v-model="queryForm.bdcqzh" clearable
class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
<el-input placeholder="请输入业务号" @clear="queryClick()" v-model="queryForm.ywh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -67,17 +45,9 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
border
@sort-change="handleSort"
:current-page.sync="pageData.current"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -91,10 +61,10 @@ import { mapGetters } from "vuex";
export default {
name: "djbcx",
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
qllx: "",
......@@ -121,7 +91,7 @@ export default {
},
methods: {
// 初始化数据
fetchData() {
fetchData () {
getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
......@@ -130,18 +100,16 @@ export default {
}
});
},
handleSort(name, sort) {
handleSort (name, sort) {
console.log(name, sort);
},
// 查询
queryClick() {
// this.pageData.current = 1;
// this.pageData.currentPage = 1;
queryClick () {
this.fetchData();
},
// 高级查询
moreQueryClick() {},
openDialog(scroll) {
moreQueryClick () { },
openDialog (scroll) {
this.$popup({
titleStyle: "left",
title: "登记簿详情", // 弹窗标题
......
......@@ -2,56 +2,36 @@
<div class="from-clues">
<!-- 楼盘查询 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="项目名称">
<el-input
placeholder="请输入项目名称"
v-model="queryForm.xmmc"
clearable
class="width200px"
>
<el-input placeholder="请输入项目名称" @clear="queryClick()" v-model="queryForm.xmmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="项目编号">
<el-input
placeholder="请输入项目编号"
v-model="queryForm.xmbh"
clearable
class="width200px"
>
<el-input placeholder="请输入项目编号" @clear="queryClick()" v-model="queryForm.xmbh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="宗地代码">
<el-input
placeholder="请输入宗地代码"
v-model="queryForm.zddm"
clearable
class="width200px"
>
<el-input placeholder="请输入宗地代码" @clear="queryClick()" v-model="queryForm.zddm" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="自然幢号">
<el-input
placeholder="请输入自然幢号"
v-model="queryForm.zrzh"
clearable
class="width200px"
>
<el-input placeholder="请输入自然幢号" @clear="queryClick()" v-model="queryForm.zrzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -60,17 +40,9 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
border
@sort-change="handleSort"
:current-page.sync="pageData.current"
:total="pageData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
:total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -83,10 +55,10 @@ export default {
name: "lpcx",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
xmmc: "",
......@@ -107,12 +79,12 @@ export default {
},
methods: {
//查询
queryClick() {
queryClick () {
this.fetchData();
},
// 初始化数据
fetchData() {
fetchData () {
getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
this.pageData.total = res.result.total;
......@@ -121,12 +93,12 @@ export default {
});
},
handleSort(name, sort) {
handleSort (name, sort) {
console.log(name, sort);
},
//打开楼盘表
openlpbClick(scope) {
openlpbClick (scope) {
debugger;
var zrzbsm = scope.row.bsm;
......
......@@ -2,46 +2,36 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="70px">
<el-row>
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
>
<el-form-item label="不动产权证号" label-width="100px">
<el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick()" v-model="queryForm.bdcqzh">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="印刷序列号">
<el-input
placeholder="请输入印刷序列号"
v-model="queryForm.ysxlh"
>
<el-form-item label="印刷序列号" label-width="100px">
<el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick()" v-model="queryForm.ysxlh">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh">
<el-input placeholder="请输入业务号" class="width100" @clear="queryClick()" v-model="queryForm.ywh">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="领取人">
<el-input placeholder="请输入领取人" v-model="queryForm.lqr">
<el-input placeholder="请输入领取人" class="width100" @clear="queryClick()" v-model="queryForm.lqr">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button
type="primary"
@click="queryClick()"
>查询</el-button
>
<el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -50,15 +40,9 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
:current-page.sync="pageData.current"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
......@@ -69,10 +53,10 @@ import { datas, sendThis } from "./zslqcx";
export default {
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
bdcqzh: "",
......@@ -88,12 +72,12 @@ export default {
},
methods: {
// 查询
queryClick() {
queryClick () {
this.fetchData();
},
// 初始化数据
fetchData() {
fetchData () {
},
},
};
......
......@@ -2,11 +2,11 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="80px">
<el-form :model="ruleForm" @submit.native.prevent label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="分发编号">
<el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
<el-input v-model="approveForm.batchno" @clear="queryClick()" clearable placeholder="分发编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -18,7 +18,7 @@
</el-col>
<el-col :span="11" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="openDialog()">新增</el-button>
</el-form-item>
</el-col>
......@@ -85,11 +85,11 @@ export default {
})
},
openDialog (bsmBatch) {
if(bsmBatch){
if (bsmBatch) {
this.$nextTick(() => {
this.$refs.addDialog.getDetailInfo(bsmBatch);
})
}else{
} else {
this.$nextTick(() => {
this.$refs.addDialog.ywhSerial();
this.$refs.addDialog.initStartNo();
......@@ -109,6 +109,7 @@ export default {
this.approveForm.ffkssj = ''
this.approveForm.ffjssj = ''
}
this.fetchData()
},
//确定证书分发
confrimVerify (item) {
......
......@@ -2,11 +2,11 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="80px">
<el-form :model="ruleForm" @submit.native.prevent label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="入库编号">
<el-input v-model="ruleForm.batchno" clearable placeholder="入库编号"></el-input>
<el-input v-model="ruleForm.batchno" @clear="queryClick()" clearable placeholder="入库编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -18,7 +18,7 @@
</el-col>
<el-col :span="11" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="openDialog()">新增</el-button>
</el-form-item>
</el-col>
......@@ -78,11 +78,11 @@ export default {
})
},
openDialog (bsmBatch) {
if(bsmBatch){
if (bsmBatch) {
this.$nextTick(() => {
this.$refs.addDialog.getDetailInfo(bsmBatch);
})
}else{
} else {
this.$nextTick(() => {
this.$refs.addDialog.ywhSerial();
})
......@@ -95,13 +95,13 @@ export default {
//修改筛选时间
timeChange (val) {
if (this.ruleForm.rksj != null) {
this.ruleForm.rkkssj = this.ruleForm.rksj[0];
this.ruleForm.rkjssj = this.ruleForm.rksj[1];
} else {
this.ruleForm.rkkssj = ''
this.ruleForm.rkjssj = ''
}
this.fetchData()
},
//删除证书入库数据
delZsrk (item) {
......
......@@ -2,16 +2,16 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="85px">
<el-form @submit.native.prevent :model="ruleForm" label-width="85px">
<el-row>
<el-col :span="5">
<el-form-item label="印刷序列号" prop="ysxlh">
<el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
<el-input v-model="ruleForm.ysxlh" @clear="fetchData()" clearable placeholder="请输入印刷序列号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="证书类型" prop="zslx">
<el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
<el-select v-model="ruleForm.zslx" @change="fetchData()" class="width100" placeholder="请选择证书类型" clearable>
<el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -19,18 +19,18 @@
</el-col>
<el-col :span="5">
<el-form-item label="业务号" label-width="60px" prop="ywh">
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
<el-input v-model="ruleForm.ywh" @clear="fetchData()" clearable placeholder="请输入业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
<el-input v-model="ruleForm.bdcqzh" @clear="fetchData()" placeholder="请输入不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button type="primary" native-type="submit" icon="el-icon-search" @click="fetchData()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......