Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e2b5d265 by 田浩浩
Options

111

1 parent b7c60ff6
Inline Side-by-side
Showing 6 changed files with 562 additions and 203 deletions
......@@ -21,12 +21,19 @@
</el-col>
</el-row>
</el-form>
<personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" />
<!-- <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> -->
<lb-table border :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">权利人</b>
<personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" />
<!-- <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" :isGanged="isGanged" /> -->
<lb-table border :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div v-show="isSearch">
<b class="title">查询结果</b>
<p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
<lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
</div>
......@@ -35,8 +42,10 @@
<div class="submit-button" style="padding-bottom:50px">
<el-button @click="resetClick">重置</el-button>
<el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button>
<el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（1）</el-button>
<el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（1）</el-button>
<el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（{{form.dyjlList.length}}）
</el-button>
<el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（{{form.dyjlList.length}}）
</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
......@@ -45,39 +54,46 @@
<script>
import personInfoTable from "./personInfoTable";
import { addJtfcCxjgXx } from "@/api/sqcx";
import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx";
import { datas, sendThis } from "./addjtfcdata";
import { mapGetters } from "vuex";
export default {
components: {
personInfoTable,
},
computed: {
...mapGetters(["dictData"]),
},
props: {
value: { type: Boolean, default: false },
bsmSqcx: { type: String, default: "" },
addOrUpdateVisible:{ type: Boolean, default: false }
},
mounted() {
sendThis(this);
// this.form.sqrList=_.cloneDeep(this.newData);
// this.form.qlrList=_.cloneDeep(this.newData);
},
data() {
return {
myValue: this.value,
//是否查询
isSearch: false,
newData: [
{
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
},
],
//查询结果列表字段
cxjgColumns: datas.columns(),
//申请人列表字段
sqrColumns: datas.sqrCol(),
//权利人列表字段
qlrColumns: datas.qlrCol(),
newData: {
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
},
form: {
djSqcxDO: { ycyrgx: "1", cxyt: "" },
sqrList: this.newData,
qlrList: this.newData,
sqrList: [],
qlrList: [],
cxjgList: [],
dyjlList: [],
},
......@@ -86,61 +102,86 @@ export default {
watch: {
value(val) {
this.myValue = val;
// this.qldataList = _.cloneDeep(this.dataList)
// this.sqdataList = _.cloneDeep(this.dataList)
// this.addJtfc.sqrList = _.cloneDeep(this.dataList)
// this.addJtfc.qlrList = _.cloneDeep(this.dataList)
if (val) {
this.$alert(this.bsmSqcx);
if (this.bsmSqcx == "") {
this.add("sqr");
this.add("qlr");
} else {
this.loadData();
}
}
},
"form.djSqcxDO.ycyrgx"(val) {
if (val == "1") {
this.$alert(this.form.sqrList);
this.form.qlrList = this.form.sqrList;
} else {
this.form.qlrList = [];
this.form.qlrList.push(this.newData);
this.add("qlr");
}
},
"form.djSqcxDO.ycyrgx": {
handler(newValue, oldName) {},
"form.sqrList"(val) {
//this.$alert(val);
},
},
methods: {
closeDialog() {
this.$emit("input", false);
},
handleGetSqList(val) {
// if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) {
// this.qldataList = val
// this.addJtfc.qlrList = val
// } else
// this.addJtfc.sqrList = val
},
handleGetQlList(val) {
// if (this.ruleForm.ycyrgx != 1) {
// this.addJtfc.qlrList = val
// }
loadData() {
this.$startLoading();
getJtfcInfo({ sqcxBsm: sqcxBsm }).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.isSearch = true;
}
});
},
queryChick() {
this.$startLoading();
addJtfcCxjgXx(this.form).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.$alert("ddd");
this.form = res.result;
this.isSearch = true;
this.$parent.queryClick();
}
// this.searchData.data = res.result;
// this.isSearch = true
});
},
resetClick() {
this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" };
this.form.sqrList = _.cloneDeep(this.dataList);
this.form.qlrList = _.cloneDeep(this.dataList);
this.form.sqrList = _.cloneDeep([this.newData]);
this.form.qlrList =_.cloneDeep([this.newData]);
this.form.cxjgList = [];
this.form.dyjlList = [];
this.isSearch = false;
},
handleRead(scope) {},
add(type) {
if (type == "sqr") {
this.form.sqrList.push(this.newData);
} else {
this.form.qlrList.push(this.newData);
}
},
remove(index, row, type) {
if (type == "sqr") {
this.form.sqrList.splice(index, 1);
} else {
this.form.qlrList.splice(index, 1);
}
},
teltest(row) {
const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true;
return false;
} else {
row.inputErr = false;
return true;
}
},
handleRead(row) {},
//抵押
dyClick() {},
//查封
cfClick() {},
},
};
</script>
......
......@@ -8,7 +8,7 @@ class data extends filter {
constructor() {
super()
}
columns () {
columns() {
return [
{
prop: 'qszt',
......@@ -66,15 +66,288 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button>
<el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
<el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button>
</div>
)
}
}
]
}
sqrCol() {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("sqr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row,"sqr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
qlrCol() {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("qlr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row,"qlr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
}
let datas = new data()
export {
......
......@@ -8,157 +8,206 @@
</lb-table>
</template>
<script>
import { mapGetters } from 'vuex'
import { mapGetters } from "vuex";
export default {
props: {
dataList: {
type: Array,
default: () => [{
sqrxm: '',
sqrzjlxbm: '',
sqrzjhm: '',
lxdh: '',
inputErr: false
}]
dataList: { type: Array, default: () => [{}] },
},
created() {
if (this.dataList.length == 0) {
this.add();
}
},
computed: {
...mapGetters(['dictData'])
...mapGetters(["dictData"]),
},
data () {
data() {
return {
tableData: {
columns: [
{
width: '60',
width: "60",
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.add() }} style="color:#409EFF"></i>
return (
<i
class="el-icon-plus pointer"
onClick={() => {
this.add();
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.remove(scope.$index, scope.row) }}></i>
)
}
<i
class="el-icon-minus pointer"
onClick={() => {
this.remove(scope.$index, scope.row);
}}
></i>
);
},
},
{
width: '150',
label: '身份证读卡器',
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
this.handleRead(scope);
}}
>
读取
</el-button>
</div>
)
}
);
},
},
{
width: '150',
prop: 'sqrxm',
label: '姓名/名称',
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: 'sqrzjlxbm',
label: '证件种类',
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select class="width100" value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }}>
{
this.dictData['A30'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{this.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
)
}
);
},
},
{
prop: 'sqrzjhm',
label: '证件号',
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input placeholder="证件号" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='21'></el-input>
)
}
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: 'lxdh',
label: '联系电话',
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class='typePhone'>
<el-input placeholder="联系电话" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}
onBlur={(val) => { this.teltest(scope.row) }}
type='tel' maxlength='11'
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
this.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span v-show={scope.row.inputErr} style={{
fontSize: '12px', color: 'red', position: 'absolute', bottom: '-2px', left: '0'
}}>请输入正确手机号</span>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
)
}
}
);
},
},
],
data: []
}
}
data: this.dataList,
},
};
},
watch: {
// 'tableData.data': {
// handler (newValue, oldName) {
// if (newValue.length != 0) {
// //this.$alert(newValue);
// //this.$emit('getInfoList', newValue)
// }
// },
// deep: true,
// immediate: true
// },
// dataList: {
// handler (newValue, oldName) {
// this.tableData.data = _.cloneDeep(newValue)
// //console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
// },
// deep: true,
// immediate: true
// },
},
// watch: {
// 'tableData.data': {
// handler (newValue, oldName) {
// if (newValue.length != 0) {
// this.$alert(newValue);
// //this.$emit('getInfoList', newValue)
// }
// },
// deep: true,
// immediate: true
// },
// dataList: {
// handler (newValue, oldName) {
// this.tableData.data = _.cloneDeep(newValue)
// console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
// },
// deep: true,
// immediate: true
// },
// },
methods: {
add () {
add() {
this.tableData.data.push({
sqrxm: '',
sqrzjlxbm: '',
sqrzjhm: '',
lxdh: '',
inputErr: false
})
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
});
},
remove (index, row) {
this.tableData.data.splice(index, 1)
remove(index, row) {
this.tableData.data.splice(index, 1);
},
teltest (row) {
teltest(row) {
const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
if (row.lxdh == '' || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true
return false
if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true;
return false;
} else {
row.inputErr = false
return true
row.inputErr = false;
return true;
}
}
}
}
},
},
};
</script>
<style scoped lang='scss'>
/deep/.el-table__cell {
......
......@@ -16,12 +16,12 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="10">
<el-form-item label="查询时间">
<el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date"
<el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date"
placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker> 至
<el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date"
<el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date"
placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
......@@ -40,7 +40,7 @@
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<addjtfc v-model="isDialog" />
<addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" />
</div>
</template>
<script>
......@@ -52,20 +52,19 @@ export default {
name: "jtfc",
components: { addjtfc },
mixins: [table],
mounted () {
mounted() {
sendThis(this);
this.queryClick()
this.queryClick();
},
data () {
data() {
return {
timer: "",
isDialog: false,
sqrOption: [],
cxytOption: [],
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
},
tableData: {
columns: datas.columns(),
data: [],
......@@ -74,7 +73,7 @@ export default {
},
methods: {
// 初始化数据
queryClick () {
queryClick() {
this.$startLoading();
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
......@@ -85,24 +84,30 @@ export default {
}
});
},
handleSort (name, sort) {
handleSort(name, sort) {
console.log(name, sort);
},
handleAdd () {
handleAdd() {
//this.handleLoad();
this.isDialog = true;
},
handleViewClick (scope) {
var sqcxBsm = scope.row.bsmSqcx;
this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
formData: {
sqcxBsm: sqcxBsm,
},
cancel: function () { }, //取消事件的回调
confirm: function () { },
});
}
}
}
handleViewClick(scope) {
this.handleLoad();
this.bsmSqcx = scope.row.bsmSqcx;
this.isDialog = true;
// this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
// formData: {
// sqcxBsm: sqcxBsm,
// },
// cancel: function () { }, //取消事件的回调
// confirm: function () { },
// });
},
handleLoad() {
this.timer = new Date().getTime();
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -43,17 +43,8 @@ class data extends filter {
label: "申请人",
},
{
prop: "ycqrgxmc",
label: "与权利人的关系",
render: (h, scope) => {
switch (scope.row.ycyrgx) {
case '1':
return <div>权利人</div>
case '2':
return <div>产权利害关系人</div>
case '3':
return <div>委托人</div>
}
}
},
{
prop: "qlrxm",
......
......@@ -33,17 +33,17 @@ class data extends filter {
return (
<div>
{/* <a v-on:click="doSomething"></a> */}
<a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span>
<a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span>
<span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span icon="el-icon-discover" v-show={scope.row.cfzt == 1}> 已查封</span>
<span icon="el-icon-discover" v-show={scope.row.diyizt == 1}>,已地役</span>
<span icon="el-icon-discover" v-show={scope.row.yyzt == 1}>,异议中</span>
<span icon="el-icon-discover" v-show={scope.row.xzzt == 1}>,已限制</span>
<span icon="el-icon-discover" v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span icon="el-icon-discover" v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span icon="el-icon-discover" v-show={scope.row.dyzt == 1}>,已抵押</span>
</div>
)
}
......