Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
db5e9829 by xiaomiao
Options

mask-content

1 parent 6450e472
Expand all
Inline Side-by-side
Showing 4 changed files with 310 additions and 305 deletions
/*
* @Description: 引入公共组件
* @Autor: renchao
* @LastEditTime: 2023-04-10 11:16:54
* @LastEditTime: 2023-04-25 15:18:20
*/
import dialogBox from '@/components/DialogBox/dialogBox.vue'
import dialogBox from '@/components/dialogBox/dialogBox.vue'
import LbTable from '@/components/LbTable/lb-table.vue'
import Theme from '@/components/Theme/theme.vue'
import Popup from '@/components/Popup/index'
......
......@@ -70,214 +70,216 @@
</div>
</template>
<script>
import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js";
import bdcqzPrint from "./zsdy.vue";
import { popupDialog } from "@/utils/popup.js";
export default {
components: { bdcqzPrint },
props: {},
data () {
return {
dialog: false,
tableData: [],
bdcqzlx: 1,
bdcqz: {},
zfyy: "",
invalidDiglog: false,
bsmSz: "",
};
},
created () {
this.list();
},
methods: {
//初始化列表
list () {
var bsmSlsq = this.$route.query.bsmSlsq;
getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (res.result) {
this.bdcqz = res.result[0];
}
}
});
import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js";
import bdcqzPrint from "./zsdy.vue";
import { popupDialog } from "@/utils/popup.js";
export default {
components: { bdcqzPrint },
props: {},
data () {
return {
dialog: false,
tableData: [],
bdcqzlx: 1,
bdcqz: {},
zfyy: "",
invalidDiglog: false,
bsmSz: "",
bsmBdcqz: ""
};
},
created () {
this.list();
},
//打开证书预览弹窗
openZsylDialog (item, type) {
let that = this;
if (type == 1) {
//证书预览
this.$popup("证书预览", "workflow/components/zsyl", {
height: "630px",
width: "800px",
formData: {
bdcqz: item,
methods: {
//初始化列表
list () {
var bsmSlsq = this.$route.query.bsmSlsq;
getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (res.result) {
this.bdcqz = res.result[0];
}
}
});
} else {
this.$nextTick(() => {
this.dialog = true;
this.bdcqz = item;
this.$refs.bdcqzPrint.getBdcqzPreview();
})
//证书打印
// this.$popup("证书打印", "workflow/components/zsdy", {
// height: "700px",
// width: "800px",
// formData: {
// bsmSlsq: this.bsmSlsq,
// bdcqz: item,
// },
// btnShow: true,
// confirmText: "打印证书",
// cancel: () => {
// console.log("取消回调");
// },
// confirm: () => {
// that.list();
// },
// });
}
},
//再次打印
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);
},
//打开证书预览弹窗
openZsylDialog (item, type) {
let that = this;
if (type == 1) {
//证书预览
this.$popup("证书预览", "workflow/components/zsyl", {
height: "630px",
width: "800px",
formData: {
bdcqz: item,
}
});
} else {
this.$message.error(res.message);
this.$nextTick(() => {
this.dialog = true;
this.bdcqz = item;
this.$refs.bdcqzPrint.getBdcqzPreview();
})
//证书打印
// this.$popup("证书打印", "workflow/components/zsdy", {
// height: "700px",
// width: "800px",
// formData: {
// bsmSlsq: this.bsmSlsq,
// bdcqz: item,
// },
// btnShow: true,
// confirmText: "打印证书",
// cancel: () => {
// console.log("取消回调");
// },
// confirm: () => {
// that.list();
// },
// });
}
});
},
//再次打印
openInvalidDiglog (item) {
this.bsmSz = item.bsmSz;
this.invalidDiglog = true;
this.bsmBdcqz = item.bsmBdcqz
},
closeInvalidDiglog () {
this.invalidDiglog = false;
this.bsmSz = "";
this.zfyy = "";
},
//作废缮证信息
confirmInvalid () {
invalidCertificate({ bsmbdcqz: this.bsmBdcqz, 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);
}
});
},
openRecordPop (item) {
popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%')
}
},
openRecordPop (item) {
popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%')
}
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
.szxx {
box-sizing: border-box;
padding-right: 15px;
width: 100%;
height: 600px;
overflow-y: scroll;
.szxx {
box-sizing: border-box;
padding-right: 15px;
width: 100%;
height: 600px;
overflow-y: scroll;
.box-card {
float: left;
width: 300px;
margin-top: 10px;
margin-right: 10px;
.box-card {
float: left;
width: 300px;
margin-top: 10px;
margin-right: 10px;
.szxx_body {
height: 240px;
.szxx_body {
height: 240px;
}
}
}
}
.szxx_header {
color: #ffffff;
font-weight: bolder;
font-size: 16px;
.szxx_header {
color: #ffffff;
font-weight: bolder;
font-size: 16px;
.header_type {
display: flex;
justify-content: center;
align-content: center;
.header_type {
display: flex;
justify-content: center;
align-content: center;
}
.header_text {
text-align: center;
margin-top: 10px;
line-height: 30px;
}
}
.header_text {
text-align: center;
margin-top: 10px;
line-height: 30px;
.top_line {
border-top: 2px solid rgb(222, 222, 222);
}
}
.top_line {
border-top: 2px solid rgb(222, 222, 222);
}
.text {
margin-bottom: 10px;
text-align: center;
}
.text {
margin-bottom: 10px;
text-align: center;
}
.color_iray {
color: rgb(153, 153, 153);
}
.color_iray {
color: rgb(153, 153, 153);
}
.color_red {
color: rgb(255, 89, 24);
}
.color_red {
color: rgb(255, 89, 24);
}
.middle_margin {
margin-bottom: 10px;
}
.middle_margin {
margin-bottom: 10px;
}
.operation_button {
border: 1px solid rgb(0, 121, 254);
padding: 5px;
text-align: center;
}
.operation_button {
border: 1px solid rgb(0, 121, 254);
padding: 5px;
text-align: center;
}
.card_padding {
padding-top: 8px;
}
.card_padding {
padding-top: 8px;
}
.invalid-diglog {
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: rgb(99, 99, 99);
.invalid-diglog {
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: rgb(99, 99, 99);
.invalid-title {
display: flex;
align-content: center;
.invalid-title {
display: flex;
align-content: center;
.invalid-icon {
color: rgb(254, 148, 0);
font-size: 34px;
margin-right: 10px;
}
.invalid-icon {
color: rgb(254, 148, 0);
font-size: 34px;
margin-right: 10px;
.invalid-body {
line-height: 40px;
margin-bottom: 10px;
}
}
.invalid-body {
line-height: 40px;
.invalid-reson {
margin-bottom: 10px;
}
}
.invalid-reson {
margin-bottom: 10px;
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
/deep/.el-card__header {
background-color: rgb(198, 67, 83);
}
}
/deep/.el-card__header {
background-color: rgb(198, 67, 83);
}
/deep/.el-card__body {
padding: 0px;
}
</style>
\ No newline at end of file
/deep/.el-card__body {
padding: 0px;
}
</style>
......
<template>
<dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value" >
<div class="zslq">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="发证人姓名">
<el-input v-model="ruleForm.fzrxm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证时间">
<el-input v-model="ruleForm.fzrxm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证数量">
<el-input v-model="ruleForm.fzsl" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value">
<div class="zslq">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="发证人姓名">
<el-input v-model="ruleForm.fzrmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证时间">
<el-input v-model="ruleForm.fzsj" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证数量">
<el-input v-model="ruleForm.fzsl" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600">
</lb-table>
<el-row>
<el-col :span="6">
<el-form-item label="领证人" prop="lzrxm">
<el-input v-model="ruleForm.lzrxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件类型" prop="lzrzjlb">
<el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
<el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号" prop="lzrzjh">
<el-input v-model="ruleForm.lzrzjh"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="领证人电话" prop="lzrdh">
<el-input v-model="ruleForm.lzrdh"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</dialogBox>
<lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600">
</lb-table>
<el-row>
<el-col :span="6">
<el-form-item label="领证人" prop="lzrxm">
<el-input v-model="ruleForm.lzrxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件类型" prop="lzrzjlb">
<el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
<el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号" prop="lzrzjh">
<el-input v-model="ruleForm.lzrzjh"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="领证人电话" prop="lzrdh">
<el-input v-model="ruleForm.lzrdh"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</dialogBox>
</template>
<script>
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
import { datas } from "../javascript/fzxxdata";
export default {
props: {
value: { type: Boolean, default: true }
},
mixins: [table],
data () {
return {
zjzlData: store.getters.dictData['A30'],
ruleForm: {
fzrxm: '',
fzsj: '',
fzsl: '',
bdcqzList: [],
lzrxm: '',
lzrzjlb: '',
lzrzjh: '',
lzrdh: ''
},
rules: {
lzrxm: [
{ required: true, message: '请输入领证人', trigger: 'blur' }
],
lzrzjlb: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
],
lzrzjh: [
{ required: true, message: '请输入证件号', trigger: 'blur' }
],
lzrdh: [
{ required: true, message: '请输入电话号码', trigger: 'blur' }
],
},
tableData: {
total: 0,
columns: datas.columns().lzgrid,
data: [],
},
}
},
watch: {
value (val) {
if (val) {
this.loadGrid();
}
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
import { datas } from "../javascript/fzxxdata";
export default {
props: {
value: { type: Boolean, default: true }
},
},
methods: {
//列表初始化
loadGrid () {
getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
if (res.code === 200) {
this.tableData.data = res.result;
this.ruleForm.bdcqzList = res.result;
}
})
mixins: [table],
data () {
return {
zjzlData: store.getters.dictData['A30'],
ruleForm: {
fzrmc: '',
fzsj: '',
fzsl: '',
bdcqzList: [],
lzrxm: '',
lzrzjlb: '',
lzrzjh: '',
lzrdh: ''
},
rules: {
lzrxm: [
{ required: true, message: '请输入领证人', trigger: 'blur' }
],
lzrzjlb: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
],
lzrzjh: [
{ required: true, message: '请输入证件号', trigger: 'blur' }
],
lzrdh: [
{ required: true, message: '请输入电话号码', trigger: 'blur' }
],
},
tableData: {
total: 0,
columns: datas.columns().lzgrid,
data: [],
},
}
},
handleSubmit () {
this.$refs.ruleForm.validate(valid => {
if (valid) {
issueCertificate(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功');
this.$parent.queryClick();
this.$emit("input", false);
} else {
this.$message.error(res.message)
}
})
} else {
this.$message.error("请填写领取人信息！")
return false;
watch: {
value (val) {
if (val) {
this.loadGrid();
}
});
},
closeDialog () {
this.$emit("input", false);
},
},
methods: {
//列表初始化
loadGrid () {
getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
if (res.code === 200) {
this.tableData.data = res.result.list;
this.ruleForm.fzrmc = res.result.fzrmc
this.ruleForm.fzsj = res.result.fzsj
this.ruleForm.fzsl = res.result.fzsl
}
})
},
handleSubmit () {
this.$refs.ruleForm.validate(valid => {
if (valid) {
issueCertificate(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功');
this.$parent.queryClick();
this.$emit("input", false);
} else {
this.$message.error(res.message)
}
})
} else {
this.$message.error("请填写领取人信息！")
return false;
}
});
},
closeDialog () {
this.$emit("input", false);
},
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
</style>
......