Skip to content

bdc / bdcdj-web

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

修改证书预览及打印问题

1 parent 3a556c59
Inline Side-by-side
Showing 7 changed files with 205 additions and 126 deletions
......@@ -9,49 +9,48 @@
</div>
<div class="szxx_body card_padding">
<div class="text color_iray">
<span>{{ item.qllxmc }}</span>
<span>{{ item.qllx }}</span>
</div>
<div class="text color_red">
<span>{{ item.qlr }}</span>
</div>
<div class="text color_iray">
<span>{{
item.gyqk
}}</span>
<span>{{ item.gyqk }}</span>
</div>
<div class="text color_red">
<span>{{ item.bdcdyh }}</span>
</div>
<div class="text color_iray">
<span>{{ item.yt }}</span>
<span>{{ item.zl }}</span>
</div>
<div class="text color_red">
<span>{{ item.mj }}</span>
<span>{{ item.yt }}</span>
</div>
<div class="text color_iray">
<span>{{ item.mj }}</span>
</div>
<div class="text color_red">
<span>{{ item.syqx }}</span>
</div>
<div v-if="item.ysxlh">
<div class="top_line middle_margin"></div>
<div class="text color_iray">
<span>印刷序列号：{{ item.ysxlh }}</span>
</div>
</div>
</div>
<div class="card_padding">
<div class="top_line middle_margin"></div>
<div class="text" v-if="item.ysxlh">
<el-button
class="operation_button"
type="text"
@click="openZsylDialog(item, 1)"
>证书预览</el-button
@click="openInvalidDiglog(item)"
>再次打印（{{ item.szcs }})</el-button
>
<el-button
class="operation_button"
type="text"
@click="openInvalidDiglog(item)"
>再次打印（{{ item.szcs }})</el-button
@click="openZsylDialog(item, 1)"
>缮证记录</el-button
>
</div>
<div class="text" v-else>
......@@ -87,10 +86,9 @@
<el-button @click="closeInvalidDiglog()">取 消</el-button>
<el-button type="primary" @click="confirmInvalid()">确 定</el-button>
</div>
<bdcqzPrint v-model="bdcqz" />
</div>
</el-dialog>
<bdcqzPrint v-model="dialog" :bdcqz="bdcqz" />
<el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
</div>
</template>
......@@ -98,10 +96,11 @@
import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
import bdcqzPrint from "./zsdy.vue";
export default {
components: {},
components: { bdcqzPrint },
props: {},
data() {
return {
dialog: false,
tableData: [],
bdcqzlx: 1,
bdcqz: {},
......@@ -146,6 +145,8 @@ export default {
},
});
} else {
this.dialog = true;
this.bdcqz = item;
//证书打印
// this.$popup("证书打印", "workflow/components/zsdy", {
// height: "700px",
......
<template>
<div class="from-clues">
<dialogBox
title="不动产权证书"
width="60%"
isMain
v-model="myValue"
@closeDialog="closeDialog"
@submitForm="handleSubmit"
>
<div>
<div class="middle_padding">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="120px"
>
<el-form-item label="印刷序列号：" prop="ysxlh">
<el-select v-model="ruleForm.ysxlh" placeholder="请选择">
<el-option
v-for="item in ysxlh"
:key="item.ysxlh"
:label="item.ysxlh"
:value="item.ysxlh">
:value="item.ysxlh"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
<div
class="aaaa"
:style="{
backgroundImage: 'url(' + require('@/image/bdcqz/bdcqzs2.jpg') + ')',
}"
>
<div>
<span>{{ bdcqz.bdcqzh }}</span>
</div>
<div class="zsyl-box">
<div class="zsyl-left">
<div class="zsyl-title">
<span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span>
<span v-else>____( )________不动产权第 号</span>
</div>
<table class="table-column">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
<span>{{ item.label }}</span>
</td>
<td>
<span>
{{ getRowValue(item.prop) }}
</span>
</td>
</tr>
</table>
<div class="qlr">
{{ bdcqz.qlr }}
</div>
<div class="gyqk">
{{ bdcqz.gyqk }}
</div>
<div class="zl">
{{ bdcqz.zl }}
</div>
<div class="bdcdyh">
{{ bdcqz.bdcdyh }}
</div>
<div class="qllx">
{{ bdcqz.qllx }}
</div>
<div class="qlxz">
{{ bdcqz.qlxz }}
</div>
<div class="yt">
{{ bdcqz.yt }}
</div>
<div class="mj">
{{ bdcqz.mj }}
</div>
<div class="syqx">
{{ bdcqz.syqx }}
</div>
<div class="qt">
{{ bdcqz.qt }}
</div>
</div>
<div class="zsyl-right">
<div class="zsyl-title">附记</div>
<div class="zsyl-text"> {{ bdcqz.fj }}</div>
<div class="fj">{{ bdcqz.fj }}</div>
</div>
</div>
</div>
</div>
</dialogBox>
</template>
<script>
import { datas } from "../javascript/zsyl.js";
import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/bdcqz.js"
import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js";
export default {
components: {
},
components: {},
props: {
formData: {
type: Object,
default: {}
}
value: { type: Boolean, default: false },
bdcqz: { type: Object, default: {} },
},
data () {
data() {
return {
myValue: this.value,
//印刷序列号集合
ysxlh: [],
//列名称对象
columns: [],
//选择的不动产权证文件
bdcqz: '',
bdcqz: this.bdcqz,
ruleForm: {
bsmBdcqz: '',
szmc: '不动产权证书',
bdcqzlx: '',
szzh: '',
ysxlh: '',
bsmBdcqz: "",
szmc: "不动产权证书",
bdcqzlx: "",
szzh: "",
ysxlh: "",
},
rules: {
ysxlh: [
{ required: true, message: '请选择印刷序列号', trigger: 'change' }
{ required: true, message: "请选择印刷序列号", trigger: "change" },
],
},
}
},
mounted(){
};
},
created() {
watch: {
value(val) {
this.myValue = val;
this.columns = datas.columns();
this.bdcqz = this.formData.bdcqz
this.ysxlhList();
},
},
created() {},
methods: {
//获取印刷序列号列表
ysxlhList() {
readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => {
readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => {
if (res.code === 200) {
this.ysxlh = res.result
this.ysxlh = res.result;
}
})
});
},
closeDialog() {
this.$emit("input", false);
},
handleSubmit() {
this.$emit("input", false);
},
//获取证书内容
getRowValue(code){
getRowValue(code) {
var value = this.bdcqz[code];
return value;
},
//打印证书
childFn() {
this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz
this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx
this.ruleForm.szzh = this.bdcqz.bdcqzh
certificate(this.ruleForm).then(res => {
this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
this.ruleForm.szzh = this.bdcqz.bdcqzh;
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message.success('打印成功');
}else{
this.$message.success("打印成功");
} else {
this.$message.error(res.message);
}
})
});
},
}
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.zsyl-box{
.aaaa {
width: 1024px;
height: 739px;
font-family: KaiTi;
font-size: 16px;
}
.zsyl-box {
display: flex;
justify-content: space-between;
padding: 20px;
background: #FAFBE5;
.zsyl-left{
width: 330px;
.zsyl-title{
font-size: 18px;
text-align: center;
height: 100%;
$left: 131px;
font-weight: 700;
.zsyl-left {
width: 540px;
position: relative;
.qlr {
position: absolute;
top: 40px;
left: $left;
}
.gyqk {
position: absolute;
top: 80px;
left: $left;
}
.zsyl-right{
width: 330px;
.zsyl-title{
letter-spacing: 50px;
text-align: center;
text-indent: 50px;
.zl {
position: absolute;
top: 120px;
left: $left;
}
.bdcdyh {
position: absolute;
top: 160px;
left: $left;
}
.qllx {
position: absolute;
top: 205px;
left: $left;
}
.qlxz {
position: absolute;
top: 250px;
left: $left;
}
.zsyl-text{
border: 1px solid #ccc;
height: 90%;
.yt {
position: absolute;
top: 290px;
left: $left;
}
.mj {
position: absolute;
top: 330px;
left: $left;
}
.zsyl-title{
.syqx {
position: absolute;
top: 370px;
left: $left;
}
.qt {
position: absolute;
top: 420px;
left: $left;
}
}
.zsyl-right {
flex: 1;
text-align: left;
position: relative;
.fj {
position: absolute;
left:180px;
top: 0;
}
}
.zsyl-title {
margin-bottom: 12px;
}
/deep/.el-table__row{
background: #FAFBE5!important;
/deep/.el-table__row {
background: #fafbe5 !important;
}
}
.middle_padding {
padding-bottom: 10px;
}
.zsyl-button{
.zsyl-button {
text-align: center;
margin-top: 20px;
.operation_button{
.operation_button {
width: 100px;
border: 1px solid rgb(0,121,254);
border: 1px solid rgb(0, 121, 254);
}
.dy-button {
color: white;
background-color: rgb(0,121,254);
background-color: rgb(0, 121, 254);
}
}
.table-column {
border-spacing: 1px;
width: 100%;
tr td {
border: 1px solid #ccc;
text-align: center;
height: 40px;
padding: 4px;
font-size: 13px;
background: rgb(251,249,229);
}
}
.aaaa{
background: #FAFBE5;
text-align: center;
padding-top: 10px;
font-size: 20px;
}
</style>
......
......@@ -20,13 +20,13 @@ class data extends filter {
{
prop: "bdcqzlx",
label: "不动产权证类型",
render: (h, scope) => {
if (scope.row.bdcqzlx == "1") {
return (<div>不动产权证书</div>)
} else {
return (<div>不动产登记证明</div>)
}
}
// render: (h, scope) => {
// if (scope.row.bdcqzlx == "1") {
// return (<div>不动产权证书</div>)
// } else {
// return (<div>不动产登记证明</div>)
// }
// }
},
{
prop: "qllxmc",
......@@ -82,13 +82,13 @@ class data extends filter {
prop: "bdcqzlx",
label: "不动产权证类型",
width: '120',
render: (h, scope) => {
if (scope.row.bdcqzlx == "1") {
return (<div>不动产权证书</div>)
} else {
return (<div>不动产登记证明</div>)
}
}
// render: (h, scope) => {
// if (scope.row.bdcqzlx == "1") {
// return (<div>不动产权证书</div>)
// } else {
// return (<div>不动产登记证明</div>)
// }
// }
},
{
prop: "qllx",
......