Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0d3d7f99 by renchao@pashanhoo.com
Options

style：证书管理

1 parent 03e56f51
Inline Side-by-side
Showing 5 changed files with 136 additions and 164 deletions
<template>
<dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
<el-form :model="ruleForm" ref="ruleForm" label-width="100px">
<div class="title-name">
入库情况
</div>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="入库编号">
<el-input v-model="ruleForm.rkbh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="入库时间">
<el-date-picker v-model="ruleForm.rksj" disabled type="datetime">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="入库人员">
<el-input v-model="ruleForm.rkry" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="登记机构">
<el-input v-model="ruleForm.djjg" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="title-name">
分发情况
</div>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="分发编号">
<el-input v-model="ruleForm.ffbh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领取时间">
<el-date-picker v-model="ruleForm.lqsj" disabled type="datetime">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="入库人员">
<el-input v-model="ruleForm.rkry" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="title-name">
证书信息
</div>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input v-model="ruleForm.bdcqzh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号">
<el-input v-model="ruleForm.ywh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号">
<el-input v-model="ruleForm.bdcdyh" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="证书类型">
<el-input v-model="ruleForm.zslxmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="印刷序列号">
<el-input v-model="ruleForm.ysxlh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否作废">
<el-input v-model="ruleForm.sfzfmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="作废原因">
<el-input v-model="ruleForm.zfyy" type="textarea" :rows="2" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
<el-form :model="ruleForm" ref="ruleForm" label-width="100px">
<div class="title-name">
入库情况
</div>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="入库编号">
<el-input v-model="ruleForm.rkbh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="入库时间">
<el-date-picker v-model="ruleForm.rksj" disabled type="datetime">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="入库人员">
<el-input v-model="ruleForm.rkry" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="登记机构">
<el-input v-model="ruleForm.djjg" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="title-name">
分发情况
</div>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="分发编号">
<el-input v-model="ruleForm.ffbh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领取时间">
<el-date-picker v-model="ruleForm.lqsj" disabled type="datetime">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="入库人员">
<el-input v-model="ruleForm.rkry" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="title-name">
证书信息
</div>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input v-model="ruleForm.bdcqzh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号">
<el-input v-model="ruleForm.ywh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号">
<el-input v-model="ruleForm.bdcdyh" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="证书类型">
<el-input v-model="ruleForm.zslxmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="印刷序列号">
<el-input v-model="ruleForm.ysxlh" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否作废">
<el-input v-model="ruleForm.sfzfmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="作废原因">
<el-input v-model="ruleForm.zfyy" type="textarea" :rows="2" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<script>
import { getZssyqkInfo} from "@/api/zsgl.js"
import { getZssyqkInfo } from "@/api/zsgl.js"
export default {
props: {
value: { type: Boolean, default: false },
formData: {
type: Object,
default: () => { }
}
},
data () {
return {
myValue: this.value,
ruleForm: {}
}
},
watch: {
value (val) {
this.myValue = val
},
mounted () {
this.getDetail(this.formData.bsmZswj)
},
methods: {
getDetail (bsmZswj) {
getZssyqkInfo({"bsmZswj":bsmZswj}).then(res => {
if(res.code == 200){
getZssyqkInfo({ "bsmZswj": bsmZswj }).then(res => {
if (res.code == 200) {
this.ruleForm = res.result
if(res.result.zslx){
if (res.result.zslx) {
this.ruleForm.zslxmc = res.result.zslx == 'zs' ? '不动产权证书' : '不动产登记证明';
}
if(res.result.sfzf){
if (res.result.sfzf) {
this.ruleForm.sfzfmc = res.result.sfzf == 0 ? '否' : '是'
}
}
})
},
submitForm () {
},
closeDialog () {
this.$emit('input', false)
this.ruleForm = {}
}
}
}
......@@ -155,6 +146,7 @@ export default {
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.title-name {
line-height: 36px;
border-bottom: 1px solid $borderColor;
......
......@@ -41,27 +41,20 @@
:data="tableData.data">
</lb-table>
</div>
<addDialog ref="addDialog" v-model="isDialog" />
<viewDialog v-model="viewDialog" />
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./zsffdata";
import viewDialog from "../components/viewDialog.vue";
import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
import addDialog from "./components/addDialog.vue"
export default {
name: "zsff",
components: { addDialog, viewDialog },
mixins: [table],
mounted () {
sendThis(this);
},
data () {
return {
viewDialog: false,
isDialog: false,
value: '',
ruleForm: {
batchno: '',
......@@ -153,11 +146,11 @@ export default {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
},
};
})
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -39,27 +39,20 @@
:data="tableData.data">
</lb-table>
</div>
<!-- 查看弹框 -->
<!-- <addDialog ref="addDialog" v-model="isDialog" /> -->
<viewDialog v-model="viewDialog" />
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./zsrkdata";
import viewDialog from "../components/viewDialog.vue";
import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
export default {
name: "zsrk",
components: { viewDialog },
mixins: [table],
mounted () {
sendThis(this);
},
data () {
return {
isDialog: false,
viewDialog: false,
ruleForm: {
batchno: '',
rkkssj: '',
......@@ -150,11 +143,11 @@ export default {
this.$message({
type: 'info',
message: '已取消审核'
});
});
})
})
}
},
};
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -6,7 +6,7 @@
<el-row>
<el-col :span="5">
<el-form-item label="印刷序列号" prop="ysxlh">
<el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
<el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
......@@ -19,12 +19,12 @@
</el-col>
<el-col :span="5">
<el-form-item label="业务号" label-width="60px" prop="ywh">
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
</el-form-item>
</el-col>
......@@ -44,24 +44,20 @@
:data="tableData.data">
</lb-table>
</div>
<viewDialog ref="viewDialog" v-model="isDialog" />
</div>
</template>
<script>
import viewDialog from "../components/viewDialog.vue"
import table from "@/utils/mixin/table";
import { getZssyqkList } from "@/api/zsgl.js"
import { datas, sendThis } from "./zssyjldata";
export default {
name: "zssyjl",
components: { viewDialog },
mixins: [table],
mounted () {
sendThis(this);
},
data () {
return {
isDialog: false,
ruleForm: {
ysxlh: "",
zslx: "",
......@@ -89,10 +85,10 @@ export default {
}
})
},
// 查看证书使用情况
openDialog (item) {
this.isDialog = true
this.$nextTick(() => {
this.$refs.viewDialog.getDetail(item.bsmZswj);
this.$popupDialog("证书使用情况", "zsgl/components/viewDialog", {
bsmZswj: item.bsmZswj
})
}
}
......
......@@ -80,8 +80,6 @@ class data extends filter {
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
}
......