Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d6245f35 by 蔡俊立
Options

证书预览

1 parent ac8cde68
Inline Side-by-side
Showing 6 changed files with 143 additions and 84 deletions
......@@ -64,7 +64,7 @@ export default {
methods: {
// 列表渲染接口
fetchData () {
this.ruleForm.bsmSldy = this.$parent._data.unitData[0].bsmSldy
this.ruleForm.bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
getCertificateList(this.ruleForm).then(res => {
if (res.code === 200) {
this.tableData.data = res.result
......
......@@ -37,11 +37,11 @@
<div class="card_padding">
<div class="top_line middle_margin"></div>
<div class="text" v-if="item.bsmSz">
<el-button class="operation_button" type="text" @click="openZsylDialog(item)">证书预览</el-button>
<el-button class="operation_button" type="text" @click="openZsylDialog(item,1)">证书预览</el-button>
<el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（1）</el-button>
</div>
<div class="text" v-else>
<el-button class="operation_button" type="text" @click="openZsylDialog(item)">证书打印（0）</el-button>
<el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（0）</el-button>
</div>
</div>
</el-card>
......@@ -89,7 +89,7 @@ export default {
methods: {
//初始化列表
list(){
var bsmSldy = this.$parent._data.unitData[0].bsmSldy
var bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
getBdcqzList({bsmSldy:bsmSldy}).then(res => {
if (res.code === 200) {
this.tableData = res.result
......@@ -100,12 +100,15 @@ export default {
})
},
//打开证书预览弹窗
openZsylDialog(item){
openZsylDialog(item,type){
this.zsylFlag = true;
this.bdcqz = item;
this.$refs.zsylDialog.bdcqz = item;
if(type == 2){
this.$nextTick(() => {
this.$refs.zsylDialog.ysxlhList();
});
}
},
//再次打印
openInvalidDiglog(item){
......
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "qlr",
label: "权利人",
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "qllx",
label: "权利类型",
},
{
prop: "qlxz",
label: "权利性质",
},
{
prop: "yt",
label: "用途",
},
{
prop: "mj",
label: "面积",
},
{
prop: "syqx",
label: "使用期限",
},
{
prop: "qlqtzk",
label: "权利其他状况",
},
]
}
}
let datas = new data()
export {
datas
}
\ No newline at end of file
......@@ -3,7 +3,7 @@
@closeDialog="closeDialog" v-model="value">
<div class="from-clues">
<!-- 表单部分 -->
<div class="middle_padding" v-if="zslx">
<div class="middle_padding" v-if="isToPrint">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<el-form-item label="印刷序列号：" prop="ysxlh">
<el-select v-model="ruleForm.ysxlh" placeholder="请选择">
......@@ -20,23 +20,27 @@
<div class="zsyl-box">
<div class="zsyl-left">
<div class="zsyl-title">
<span>____</span>
<span>(</span>
<span>)</span>
<span>____________</span>
<span>不动产权第</span>
<span>号</span>
<span>{{bdcqz.bdcqzh}}</span>
</div>
<lb-table :show-header="false" :column="columns" border :heightNum="390" :pagination="false" heightNumSetting
:data="tableData">
</lb-table>
<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>
<div class="zsyl-right">
<div class="zsyl-title">附记</div>
<div class="zsyl-text"></div>
</div>
</div>
<div class="zsyl-button" v-if="zslx">
<div class="zsyl-button" v-if="isToPrint">
<el-button class="operation_button dy-button" type="text" @click="printCertificate()">打印证书</el-button>
<el-button class="operation_button gb-button" type="text" @click="closeDialog()">关闭</el-button>
</div>
......@@ -45,6 +49,7 @@
</template>
<script>
import { datas } from "./zsyl.js";
import { readYsxlh,certificate } from "@/api/fqsq.js"
export default {
components: {
......@@ -53,30 +58,17 @@ export default {
value: { type: Boolean, default: false },
},
data () {
const columns=[
// {
// label: '',
// align: 'center',
// render: (h, scope) => {
// return <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio>
// }
// },
{
prop: "activityName",
label: "",
width:'120px'
},
{
prop: "assignee",
label: "",
align:'left'
},
];
return {
//印刷序列号集合
ysxlh: [],
//证书类型
zslx: '',
columns,
//列名称对象
columns: [],
//选择的不动产权证文件
bdcqz: '',
//证书打开类型 是否需要展示打印按钮
isToPrint: false,
ruleForm: {
bsmBdcqz: '',
szmc: '不动产权证书',
......@@ -89,55 +81,42 @@ export default {
{ required: true, message: '请选择印刷序列号', trigger: 'change' }
],
},
tableData:[{
activityName:'权利人',
assignee:'张三'
},{
activityName:'共有情况',
assignee:'一人持有'
},{
activityName:'坐落',
assignee:'陕西省西安市莲湖区'
},{
activityName:'不动产单元号',
assignee:'3-1-3003'
},{
activityName:'权利类型',
assignee:'非常大'
},{
activityName:'权利性质',
assignee:'非常大'
},{
activityName:'用途',
assignee:'非常大'
},{
activityName:'面积',
assignee:'124平方米'
},{
activityName:'使用期限',
assignee:'99年'
},{
activityName:'权利其他状况',
assignee:'良好'
}],
}
},
mounted(){
},
created() {
this.columns = datas.columns();
},
methods: {
//获取印刷序列号列表
ysxlhList() {
this.zslx = this.$parent.bdcqzlx
this.isToPrint = true;
readYsxlh({zslx:this.$parent.bdcqzlx}).then(res => {
if (res.code === 200) {
this.ysxlh = res.result
}
})
},
closeDialog () {
this.$emit("input", false);
},
//获取证书内容
getRowValue(code){
var value = this.bdcqz[code]
if(code == 'gyqk'){
switch(value){
case '1':
return '单独所有';
case '2':
return '共同共有';
case '3':
return '按份所有';
}
}
return value;
},
//打印证书
printCertificate() {
this.ruleForm.bsmBdcqz = this.$parent.bdcqz.bsmBdcqz
......@@ -152,8 +131,7 @@ export default {
this.$message.error(res.message);
}
})
}
},
}
}
</script>
......@@ -166,11 +144,9 @@ export default {
background: #FAFBE5;
.zsyl-left{
width: 330px;
.zsyl-title span:nth-child(3){
margin-left: 75px;
}
.zsyl-title span:nth-child(6){
float: right;
.zsyl-title{
font-size: 18px;
text-align: center;
}
}
.zsyl-right{
......@@ -181,7 +157,7 @@ export default {
text-indent: 50px;
}
.zsyl-text{
border: 1px solid #E4EBF4;
border: 1px solid #ccc;
height: 90%;
}
}
......@@ -207,4 +183,16 @@ export default {
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);
}
}
</style>
......
......@@ -29,7 +29,7 @@
</el-col>
</el-row>
<div>
<el-table :data="tableForm" border style="width: 100%" :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
<el-table :data="tableForm" border :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
<el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
<el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
<el-table-column prop="bs" label="本数">
......@@ -39,13 +39,13 @@
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<span v-if="scope.row.jsysxlh == ''" style="color:red">系统计算</span>
<span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
<span v-else>{{scope.row.jsysxlh}}</span>
</template>
</el-table-column>
</el-table>
</div>
<el-form-item label="备注" style="margin-top:20px">
<el-form-item label="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
......@@ -210,4 +210,10 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.font-red{
color: red
}
.middle-margin-bottom{
margin-top:20px
}
</style>
......
......@@ -45,14 +45,14 @@
</el-table-column>
<el-table-column prop="bs" label="本数">
<template slot-scope="scope">
<span v-if="scope.row.bs == 0" style="color:red">系统计算</span>
<span v-else-if="scope.row.bs < 0" style="color:red">印刷序列号有误</span>
<span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
<span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
<span v-else>{{scope.row.bs}}</span>
</template>
</el-table-column>
</el-table>
</div>
<el-form-item label="备注" style="margin-top:20px">
<el-form-item label="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
......@@ -220,5 +220,10 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.font-red{
color: red
}
.middle-margin-bottom{
margin-top:20px
}
</style>
......