Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
b4e2efcc by 任超
Options

style:证书管理

1 parent fccdd3f2
Inline Side-by-side
Showing 9 changed files with 190 additions and 172 deletions
......@@ -27,7 +27,8 @@ export function zsrk (data) {
url: '/sys/zsgl/zsrk',
method: 'post',
data,
showLoading: true
showLoading: true,
loadingTarget: '正在保存中...'
})
}
/*
......@@ -86,7 +87,9 @@ export function zsff (data) {
return request({
url: '/sys/zsgl/zsff',
method: 'post',
data
data,
showLoading: true,
loadingTarget: '正在保存中...'
})
}
/*
......
<template>
<dialogBox title="证书使用情况" @closeDialog="closeDialog" v-model="myValue" :isButton="false">
<dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
<el-form :model="ruleForm" ref="ruleForm" label-width="100px">
<div class="title-name">
入库情况
......@@ -145,11 +145,16 @@ export default {
},
},
methods: {
getDetail () {
},
submitForm () {
},
closeDialog () {
this.$emit('input', false)
this.$refs['ruleForm'].resetFields()
}
},
};
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
<template>
<dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="45%" @closeDialog="closeDialog" v-model="value">
<dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
@closeDialog="closeDialog" v-model="myValue">
<div>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="发放编号:" prop="batchno">
<el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取时间:" prop="rksj">
<el-date-picker v-model="ruleForm.rksj" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="发放人员:" prop="rkry">
<el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取人:" prop="receiver">
<el-select v-model="ruleForm.receiver" placeholder="请选择">
<el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div>
<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="本数">
<template slot-scope="scope">
<el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)" oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>
</template>
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<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="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="发放编号:" prop="batchno">
<el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取时间:" prop="rksj">
<el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime" placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="入库人员:">
<el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取人:" prop="receiver">
<el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择">
<el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div>
<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="本数">
<template slot-scope="scope">
<el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)"
oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6"></el-input>
</template>
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<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="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
</div>
</dialogBox>
</template>
<script>
import { getZsStartNo,getSysSerialSingle, getZsEndNo,zsff} from "@/api/zsgl.js"
import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff } from "@/api/zsgl.js"
export default {
components: {
},
......@@ -65,20 +70,21 @@ export default {
},
data () {
return {
myValue: this.value,
//表单提交数据
ruleForm: {
batchno: '',
receiver: '',
rkry: '超级管理员',
rksj: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
batchno: '',
receiver: '',
rkry: '超级管理员',
rksj: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
//表格数据
tableForm: [
{
......@@ -95,7 +101,7 @@ export default {
bs: '',
zslx: 'zm'
}
],
],
//证书分发业务号固定参数
ywhQueryForm: {
serialtype: 'zsffbh',
......@@ -104,87 +110,89 @@ export default {
digit: '5'
},
//用户列表
usernames: ['张三','李四'],
usernames: ['张三', '李四'],
rules: {
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
lqr: [
{ required: true, message: '请选择领取人', trigger: 'change' }
],
rkry: [
{ required: true, message: '入库人员不能为空', trigger: 'blur' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
lqr: [
{ required: true, message: '请选择领取人', trigger: 'change' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
}
},
watch: {
value (val) {
this.myValue = val
}
},
methods: {
//表单提交
submitForm () {
zsff(this.ruleForm).then(res => {
if(res.code == 200){
if (res.code == 200) {
this.$message.success('保存成功')
this.$emit("input", false);
this.ruleForm = {};
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
this.$parent.fetchData();
}else{
} else {
this.$message.error(res.message)
}
})
},
//序列号获取
ywhSerial(){
ywhSerial () {
getSysSerialSingle(this.ywhQueryForm).then(res => {
if(res.code == 200){
this.ruleForm.batchno = res.message;
if (res.code == 200) {
this.ruleForm.batchno = res.message;
}
})
},
initStartNo(){
getZsStartNo().then(res => {
if(res.code == 200){
this.tableForm[0].ksysxlh = res.result.zsstarno
this.tableForm[1].ksysxlh = res.result.zmstarno
}
})
initStartNo () {
getZsStartNo().then(res => {
if (res.code == 200) {
this.tableForm[0].ksysxlh = res.result.zsstarno
this.tableForm[1].ksysxlh = res.result.zmstarno
}
})
},
//印刷序列号处理
ysxlhDeal(item){
if(item.bs){
ysxlhDeal (item) {
if (item.bs) {
//存在本数
getZsEndNo({"bookNumber": item.bs,"zslx": item.zslx}).then(res => {
if(res.code == 200){
getZsEndNo({ "bookNumber": item.bs, "zslx": item.zslx }).then(res => {
if (res.code == 200) {
item.jsysxlh = res.result.endno
item.bs = res.result.bookNumber
this.updateRuleForm(res.result.endno,res.result.bookNumber,item);
}else{
this.updateRuleForm(res.result.endno, res.result.bookNumber, item);
} else {
this.$message.error(res.message)
}
}
})
}else{
} else {
//不存在本数
item.bs = 0;
item.jsysxlh = '';
this.updateRuleForm('',0,item);
}
this.updateRuleForm('', 0, item);
}
},
//更新表单数据
updateRuleForm(endno,bookNumber,item){
if(item.zslx == 'zs'){
updateRuleForm (endno, bookNumber, item) {
if (item.zslx == 'zs') {
this.ruleForm.zsstarno = item.ksysxlh;
this.ruleForm.zsendno = endno;
this.ruleForm.zsnum = bookNumber;
}else if(item.zslx == 'zm'){
} else if (item.zslx == 'zm') {
this.ruleForm.zmstarno = item.ksysxlh;
this.ruleForm.zmendno = endno;
this.ruleForm.zmnum = bookNumber;
}
},
resetTableFields() {
resetTableFields () {
this.tableForm = [
{
name: '不动产权证书',
......@@ -204,16 +212,19 @@ export default {
},
closeDialog () {
this.$emit("input", false);
},
this.$refs['ruleForm'].resetFields();
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.font-red{
.font-red {
color: red
}
.middle-margin-bottom{
margin-top:20px
.middle-margin-bottom {
margin-top: 20px
}
</style>
......
......@@ -2,17 +2,17 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="70px">
<el-form :model="ruleForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="分发编号">
<el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
<el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领取时间">
<el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable >
end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -32,23 +32,26 @@
:data="tableData.data">
</lb-table>
</div>
<addDialog ref="addDialog" v-model="isDialog"/>
<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 { getZsglffList,removeZsgl,confirmZsff} from "@/api/zsgl.js"
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},
components: { addDialog, viewDialog },
mixins: [table],
mounted () {
sendThis(this);
},
data () {
return {
viewDialog: false,
isDialog: false,
value: '',
ruleForm: {
......@@ -82,8 +85,8 @@ export default {
})
},
openDialog () {
this.isDialog = true;
this.$nextTick(()=> {
this.isDialog = true;
this.$nextTick(() => {
this.$refs.addDialog.ywhSerial();
this.$refs.addDialog.initStartNo();
})
......@@ -92,7 +95,7 @@ export default {
this.fetchData()
},
//修改筛选时间
timeChange() {
timeChange () {
if (this.ruleForm.ffsj != null) {
this.approveForm.ffkssj = this.ruleForm.ffsj[0];
this.approveForm.ffjssj = this.ruleForm.ffsj[1];
......@@ -102,17 +105,17 @@ export default {
}
},
//确定证书分发
confrimVerify(item){
confrimVerify (item) {
this.$confirm('是否确定分发', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
confirmZsff({"bsmBatch":item.bsmBatch}).then(res => {
if(res.code == 200){
confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => {
if (res.code == 200) {
this.$message.success("分发成功")
this.fetchData();
}else{
} else {
this.$message.error(res.message)
}
})
......@@ -123,18 +126,18 @@ export default {
});
});
},
//删除证书分发数据
delZsff(item){
//删除证书分发数据
delZsff (item) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
removeZsgl({"bsmBatch":item.bsmBatch}).then(res => {
if(res.code == 200){
removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
if (res.code == 200) {
this.$message.success("删除成功")
this.fetchData();
}else{
} else {
this.$message.error(res.message)
}
})
......
......@@ -59,25 +59,25 @@ class data extends filter {
switch (scope.row.state) {
case '0':
return <div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
</div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
</div>
case '1':
return <el-button type="text" onClick={() => { }}>查看</el-button>
return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
}
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
{ value: 4, label: "银行端" },
]
}
}
}
let datas = new data()
......
......@@ -2,7 +2,7 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="70px">
<el-form :model="ruleForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="入库编号">
......@@ -33,16 +33,18 @@
</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 addDialog from "./components/addDialog.vue"
import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js"
import addDialog from "./components/addDialog.vue";
import viewDialog from "../components/viewDialog.vue";
import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
export default {
name: "zsrk",
components: { addDialog },
components: { addDialog,viewDialog },
mixins: [table],
mounted () {
sendThis(this);
......@@ -50,6 +52,7 @@ export default {
data () {
return {
isDialog: false,
viewDialog: false,
ruleForm: {
rksj: '',
batchno: '',
......
......@@ -59,25 +59,25 @@ class data extends filter {
switch (scope.row.state) {
case '0':
return <div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
</div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
</div>
case '1':
return <el-button type="text" onClick={() => { }}>查看</el-button>
return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
}
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
{ value: 4, label: "银行端" },
]
}
}
}
let datas = new data()
......
......@@ -2,33 +2,29 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="120px">
<el-form :model="ruleForm" label-width="85px">
<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">
<el-form-item label="证书类型" prop="zslx">
<el-select v-model="ruleForm.zslx" placeholder="请选择证书类型" clearable >
<el-option
v-for="item in zslxArr"
:key="item.value"
:label="item.label"
:value="item.value">
<el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
<el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号" prop="ywh">
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
<el-form-item label="业务号" label-width="60px" prop="ywh">
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" prop="bdcqzh">
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
<el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
</el-form-item>
</el-col>
......@@ -52,9 +48,9 @@
</div>
</template>
<script>
import viewDialog from "./components/viewDialog.vue"
import viewDialog from "../components/viewDialog.vue"
import table from "@/utils/mixin/table";
import { getZssyqkList} from "@/api/zsgl.js"
import { getZssyqkList } from "@/api/zsgl.js"
import { datas, sendThis } from "./zssyjldata";
export default {
name: "zssyjl",
......@@ -78,15 +74,12 @@ export default {
data: [],
},
zslxArr: [
{label: '不动产权证书',value: 'zs'},
{label: '不动产登记证明', value: 'zm'}
{ label: '不动产权证书', value: 'zs' },
{ label: '不动产登记证明', value: 'zm' }
]
};
},
methods: {
init (e) {
this.fetchData()
},
// 列表渲染接口
fetchData () {
getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
......@@ -99,9 +92,9 @@ export default {
},
openDialog () {
this.isDialog = true
},
},
};
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -75,7 +75,7 @@ class data extends filter {
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-view" onClick={() => { }}>查看</el-button>
return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog() }}>查看</el-button>
}
}
]
......