Skip to content

bdc / bdcdj-web

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

缮证、发证页面

1 parent abe24335
Inline Side-by-side
Showing 6 changed files with 299 additions and 17 deletions
......@@ -138,3 +138,27 @@ export function readYsxlh (params) {
params: params
})
}
// 缮证
export function certificate (data) {
return request({
url: '/business/workFlow/certificate',
method: 'post',
data
})
}
// 作废缮证信息
export function invalidCertificate (data) {
return request({
url: '/business/workFlow/invalidCertificate',
method: 'post',
data
})
}
// 缮证列表
export function getCertificateList (data) {
return request({
url: '/business/workFlow/getCertificateList',
method: 'post',
data
})
}
......
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="印刷序列号">
<el-input v-model="ruleForm.ysxlh" placeholder="请输入印刷序列号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证书号">
<el-input v-model="ruleForm.zsh" placeholder="请输入证书号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="权利人">
<el-input v-model="ruleForm.qlr" placeholder="请输入权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnCol">
<el-form-item>
<el-button type="primary" icon="el-icon-search">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { getCertificateList } from "@/api/fqsq.js";
import { datas } from "./fzxxdata";
export default {
mixins: [table],
components: { },
props: {
},
data() {
return {
ruleForm: {
ysxlh: '',
zsh: '',
qlr: '',
bsmSldy: '',
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
async created() {
},
methods: {
// 列表渲染接口
fetchData () {
this.ruleForm.bsmSldy = this.$parent._data.unitData[0].bsmSldy
getCertificateList(this.ruleForm).then(res => {
if (res.code === 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
},
}
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
width: '50'
},
{
prop: "qllxmc",
label: "权利类型"
},
{
prop: "ysxlh",
label: "印刷序列号"
},
{
prop: "bdcqzh",
label: "不动产权证号"
},
{
prop: "qlrmc",
label: "权利人"
},
{
prop: "ywrmc",
label: "义务人"
},
{
prop: "mj",
label: "面积（㎡）"
},
{
prop: "zl",
label: "坐落"
},
{
prop: "lzrxm",
label: "领取人"
},
{
label: '操作',
width: '200',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>添加领取材料</el-button>
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -36,18 +36,35 @@
</div>
<div class="card_padding">
<div class="top_line middle_margin"></div>
<div class="text">
<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">证书打印（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>
</div>
</div>
</el-card>
<el-dialog title="证书打印" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body='false' top='30vh'>
<div class="invalid-diglog">
<div class="invalid-title">
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您确定作废证书并再次打印？</div>
</div>
<div class="invalid-reson">作废原因：</div>
<el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input>
<div class="dialog-footer">
<el-button @click="closeInvalidDiglog()">取 消</el-button>
<el-button type="primary" @click="confirmInvalid()">确 定</el-button>
</div>
</div>
</el-dialog>
<zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag'/>
</div>
</template>
<script>
import zsylDialog from "./zsyl";
import { getBdcqzList } from "@/api/fqsq.js";
import { getBdcqzList,invalidCertificate } from "@/api/fqsq.js";
export default {
components: { zsylDialog },
......@@ -60,29 +77,60 @@ export default {
tableData: [],
zsylFlag: false,
bdcqzlx: 1,
bdcqz: {}
bdcqz: {},
zfyy: '',
invalidDiglog: false,
bsmSz: '',
};
},
async created() {
var bsmSldy = this.$parent._data.unitData[0].bsmSldy;
this.list(bsmSldy);
this.list();
},
methods: {
list(bsmSldy){
//初始化列表
list(){
var bsmSldy = this.$parent._data.unitData[0].bsmSldy
getBdcqzList({bsmSldy:bsmSldy}).then(res => {
if (res.code === 200) {
this.tableData = res.result
if(res.result){
this.bdcqz = res.result[0]
}
}
})
},
//打开证书预览弹窗
openZsylDialog(item){
this.zsylFlag = true;
this.bdcqz = item;
this.$nextTick(() => {
this.$refs.zsylDialog.ysxlhList();
});
}
},
//再次打印
openInvalidDiglog(item){
this.bsmSz = item.bsmSz;
this.invalidDiglog = true
},
closeInvalidDiglog(){
this.invalidDiglog = false
this.bsmSz = '';
this.zfyy = '';
},
//作废缮证信息
confirmInvalid(){
invalidCertificate({"bsmSz":this.bsmSz,"zfyy": this.zfyy}).then(res => {
if (res.code === 200) {
this.list();
this.$message.success('作废成功');
this.invalidDiglog = false;
this.openZsylDialog(this.bdcqz);
}else{
this.$message.error(res.message);
}
})
}
}
};
</script>
<style scoped lang='scss'>
......@@ -138,7 +186,7 @@ export default {
margin-bottom: 10px;
}
.operation_button {
border: 1px solid rgb(0,121,254);
border: 1px solid rgb(0, 121, 254);
padding: 15px 10px;
text-align: center;
width: 100px;
......@@ -146,6 +194,33 @@ export default {
.card_padding {
padding-top:20px
}
.invalid-diglog {
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: rgb(99, 99, 99);
.invalid-title {
display: flex;
align-content: center;
.invalid-icon{
color:rgb(254,148,0);
font-size: 34px;
margin-right: 10px;
}
.invalid-body{
line-height: 40px;
margin-bottom: 10px;
}
}
.invalid-reson {
margin-bottom: 10px;
}
.dialog-footer{
margin-top: 10px;
display: flex;
justify-content: end;
}
}
/deep/.el-card__header{
background-color: rgb(198,67,83);
......
......@@ -4,15 +4,18 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="middle_padding" v-if="zslx">
<span>印刷序列号：</span>
<el-select v-model="selectYsxlh" placeholder="请选择">
<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.bsmZswj"
:key="item.ysxlh"
:label="item.ysxlh"
:value="item.bsmZswj">
:value="item.ysxlh">
</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="zsyl-box">
<div class="zsyl-left">
......@@ -34,7 +37,7 @@
</div>
</div>
<div class="zsyl-button" v-if="zslx">
<el-button class="operation_button dy-button" type="text">打印证书</el-button>
<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>
</div>
......@@ -42,7 +45,7 @@
</template>
<script>
import { readYsxlh } from "@/api/fqsq.js"
import { readYsxlh,certificate } from "@/api/fqsq.js"
export default {
components: {
},
......@@ -72,9 +75,20 @@ export default {
];
return {
ysxlh: [],
selectYsxlh: '',
zslx: '',
columns,
ruleForm: {
bsmBdcqz: '',
szmc: '不动产权证书',
bdcqzlx: '',
szzh: '',
ysxlh: '',
},
rules: {
ysxlh: [
{ required: true, message: '请选择印刷序列号', trigger: 'change' }
],
},
tableData:[{
activityName:'权利人',
assignee:'张三'
......@@ -111,6 +125,7 @@ export default {
mounted(){
},
methods: {
//获取印刷序列号列表
ysxlhList() {
this.zslx = this.$parent.bdcqzlx
readYsxlh({zslx:this.$parent.bdcqzlx}).then(res => {
......@@ -123,6 +138,21 @@ export default {
closeDialog () {
this.$emit("input", false);
},
//打印证书
printCertificate() {
this.ruleForm.bsmBdcqz = this.$parent.bdcqz.bsmBdcqz
this.ruleForm.bdcqzlx = this.$parent.bdcqz.bdcqzlx
this.ruleForm.szzh = this.$parent.bdcqz.bdcqzh
certificate(this.ruleForm).then(res => {
if (res.code === 200) {
this.$message.success('打印成功');
this.$emit("input", false);
this.$parent.list();
}else{
this.$message.error(res.message);
}
})
}
}
}
......
......@@ -351,7 +351,7 @@ export default {
position: absolute;
right: 0%;
top: 30%;
z-index: 999;
z-index: 99;
cursor: pointer;
}
......