Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8a8e5971 by jiaozeping@pashanhoo.com
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 35ac5981 db6d83d1
Inline Side-by-side
Showing 12 changed files with 680 additions and 342 deletions
......@@ -64,14 +64,15 @@
// 有子级
.el-submenu__title {
margin-left: 13px;
padding-left: 10px !important;
// margin-left: 13px;
// padding-left: 10px !important;
color: $menuText;
background-color: transparent !important;
border-bottom: 1px solid $sliderBorderColor;
&:hover {
color: $subMenuActiveText !important;
background-color: $subMenuHover !important;
background-color: $menuHover !important;
.svg-icon,
i,
......@@ -84,10 +85,11 @@
// 没有子级
.submenu-title-noDropdown {
color: $menuText;
border-radius: 6px;
padding-left: 10px !important;
border-bottom: 1px solid $sliderBorderColor;
&:hover {
// border-radius: 6px;
// padding-left: 10px !important;
b &:hover {
color: $menuActiveText !important;
background-color: $subMenuHover !important;
......@@ -119,8 +121,8 @@
.el-submenu__title {
font-weight: 600;
font-size: $sideBarFontSize;
margin: 0 10px;
border-radius: 6px;
// margin: 0 10px;
// border-radius: 6px;
>i {
color: $subMenuActiveText !important;
......@@ -151,22 +153,30 @@
& .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item {
&.is-active {
background-color: $subMenuHover !important;
color: $menuActiveText !important;
border-bottom: 1px solid $sliderBorderColor;
}
&:hover {
background-color: $subMenuHover !important;
color: $menuActiveText !important;
border-bottom: 1px solid $sliderBorderColor;
}
min-width: 130px !important;
background-color: transparent !important;
font-weight: 600;
font-size: $sideBarFontSize;
margin: 0 10px;
border-radius: 6px;
// margin: 0 10px;
// border-radius: 6px;
span {
margin-left: 10px;
}
}
}
......@@ -279,9 +289,9 @@
.nest-menu .el-submenu>.el-submenu__title,
.el-menu-item {
width: calc(100% - 12px);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
// width: calc(100% - 12px);
// border-top-right-radius: 8px;
// border-bottom-right-radius: 8px;
font-weight: 600 !important;
font-size: 15px !important;
background-color: $menuHover !important;
......
......@@ -17,7 +17,7 @@ $menuActiveText:#ffffff;
$subMenuActiveText:#ffffff;
$menuBg:#202B3D;
$menuHover:#0794FF;
$menuHover:#226ca5;
$subMenuBg:#202B3D;
$subMenuHover:#0794FF;
......@@ -27,6 +27,8 @@ $sideBarFontSize:15px;
// border颜色
$borderColor: #EBEEF5;
$sliderBorderColor: #909399;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
......
......@@ -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,45 @@
<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: "" },
},
mounted() {
sendThis(this);
// this.form.sqrList=_.cloneDeep(this.newData);
// this.form.qlrList=_.cloneDeep(this.newData);
},
data() {
return {
myValue: this.value,
//是否查询
isSearch: false,
newData: [
{
//查询结果列表字段
cxjgColumns: datas.columns(),
//申请人列表字段
sqrColumns: datas.sqrCol(),
//权利人列表字段
qlrColumns: datas.qlrCol(),
newData: {
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
},
],
cxjgColumns: datas.columns(),
form: {
djSqcxDO: { ycyrgx: "1", cxyt: "" },
sqrList: this.newData,
qlrList: this.newData,
sqrList: [],
qlrList: [],
cxjgList: [],
dyjlList: [],
},
......@@ -86,61 +101,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,116 +8,166 @@
</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 => {
<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-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: {
watch: {
// 'tableData.data': {
// handler (newValue, oldName) {
// if (newValue.length != 0) {
// this.$alert(newValue);
// //this.$alert(newValue);
// //this.$emit('getInfoList', newValue)
// }
// },
......@@ -127,38 +177,37 @@ export default {
// dataList: {
// handler (newValue, oldName) {
// this.tableData.data = _.cloneDeep(newValue)
// console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
// //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 {
......
......@@ -18,10 +18,10 @@
</el-col>
<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" 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" 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,
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 () { },
// });
},
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",
......
......@@ -6,44 +6,22 @@
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="权利类型">
<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-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>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="登记业务编码">
<el-input
placeholder="请输入登记业务编码"
@clear="queryClick"
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"
native-type="submit"
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>
......@@ -51,25 +29,14 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.pageSize"
class="loadingtext"
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> -->
<component-dialog
:dialogVisible="dialogVisible"
v-if="sqqlRule && flag"
:sqqlRule="sqqlRule"
@update:dialogVisible="dialogVisibles"
></component-dialog>
<component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule && flag" :sqqlRule="sqqlRule"
@update:dialogVisible="dialogVisibles"></component-dialog>
</div>
</template>
<script>
......
<template>
<div class="zdxx" id="printMe">
<div class="tablebox">
<div class="print-title">不动产登记申请书</div>
<div>
<div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
<div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
<div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
<div style="display:flex">
<div>
<table cellpadding="0" cellspacing="0" class="printTable">
<col width="60" />
<col width="80" />
<col width="200" />
<col width="100" />
<table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
<col width="30" />
<col width="50" />
<col width="160" />
<col width="50" />
<col width="120" />
<tr>
<td rowspan="2">收件</td>
<td>编号</td>
<td>1111</td>
<td rowspan="2">收件人</td>
<td rowspan="2">123</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">1111</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">123</td>
</tr>
<tr>
<td>日期</td>
<td></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
</table>
</div>
<div class="print-unit">
<div style="margin-left: 20px;font-size: 14px;">
单位：
<i class="el-icon-check" style="color:red;font-size:16px"></i>平方米
<span class="check-box"></span>公顷（<span class="check-box"></span>亩）、万元
<span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
<!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;margin-left:10px"></span>
公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
</div>
</div>
<div style="margin-top:20px"></div>
<table cellpadding="0" cellspacing="0" class="printTable">
<table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
<col width="80" />
<col width="140" />
<col width="200" />
<col width="100" />
<col width="180" />
<col width="80" />
<col width="60" />
<col width="20" />
<col width="200" />
<col width="180" />
<tr>
<td rowspan="2" class="left-title">申请登记事由</td>
<td colspan="6" class="text-left">
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
<span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
<i class="el-icon-check" style="color:red;font-size:16px" v-if="item.checked"></i>
<span class="check-box" v-else></span>
<span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td colspan="6" class="text-left">
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
<span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
<i class="el-icon-check" style="color:red;font-size:16px" v-if="item.checked"></i>
<span class="check-box" v-else></span>
<span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
<span class="check-box" style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td rowspan="14" class="left-title">申请人情况</td>
<td colspan="6" class="inline-title">登记申请人</td>
<td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
</tr>
<tr>
<td>权利人姓名（名称）</td>
<td colspan="5">张三</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
</tr>
<tr>
<td>身份证件种类</td>
<td>身份证</td>
<td>证件号</td>
<td colspan="3">3438475835XXXXXXX</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="2">山西省系撒大大</td>
<td colspan="1">邮编</td>
<td colspan="2">A700001</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
<td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
</tr>
<tr>
<td>法定代表人或负责人</td>
<td>张三</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td>代理人姓名</td>
<td>里斯</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td>代理机构名称</td>
<td colspan="5">buzhdiao</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
</tr>
<tr>
<td colspan="7" class="inline-title">登记申请人</td>
<td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
</tr>
<tr>
<td>义务人姓名（名称）</td>
<td colspan="5">张三</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
</tr>
<tr>
<td>身份证件种类</td>
<td>身份证</td>
<td>证件号</td>
<td colspan="3">3438475835XXXXXXX</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="2">山西省系撒大大</td>
<td colspan="1">邮编</td>
<td colspan="2">A700001</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
<td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
</tr>
<tr>
<td>法定代表人或负责人</td>
<td>张三</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td>代理人姓名</td>
<td>里斯</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td>代理机构名称</td>
<td colspan="5">buzhdiao</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
</tr>
<tr>
<td rowspan="6" class="left-title">不动产情况</td>
<td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
</tr>
<tr>
<td>坐落</td>
<td colspan="5">buzhdixxxxo</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdixxxxo</td>
</tr>
<tr>
<td>不动产单元号</td>
<td>000001号</td>
<td>不动产类型</td>
<td colspan="3">房屋</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">000001号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
</tr>
<tr>
<td>面积</td>
<td>111.3㎡</td>
<td>用途</td>
<td colspan="3">城镇住宅用地</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
</tr>
<tr>
<td>原不动产权属证书号</td>
<td>xxxx号</td>
<td>用海类型</td>
<td colspan="3"></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
<tr>
<td>构筑物类型</td>
<td></td>
<td>林种</td>
<td colspan="3"></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
<tr>
<td class="left-title">抵押情况</td>
<td>被担保债权数额（最高债权数额）</td>
<td></td>
<td colspan="2">债务履行期限（债权确定期间）</td>
<td colspan="2"></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
</table>
<button type="primary" @click="test()"> test</button>
</div>
<button @click="printView()"> 打印预览 </button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { getLodop } from "@/utils/LodopFuncs";
export default {
......@@ -203,13 +208,13 @@ export default {
}
},
methods: {
test(){
printView(){
let lodop = getLodop();
lodop.PRINT_INIT("测试");
lodop.ADD_PRINT_HTM(88,200,350,600,document.getElementById("printMe").innerHTML);
//纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
lodop.PREVIEW();
}
},
}
}
</script>
......@@ -296,10 +301,6 @@ export default {
width: 745px;
overflow: auto;
}
.test {
}
table {
.bhqkTh {
width: 110px;
......
......@@ -171,7 +171,7 @@
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrList.length > 0">
<div v-if="ruleForm.ywrList">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......
......@@ -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>
)
}
......