Skip to content

bdc / bdcdj-web

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

style:证书管理

1 parent fccdd3f2
Expand all
Inline Side-by-side
Showing 9 changed files with 71 additions and 64 deletions
...@@ -27,7 +27,8 @@ export function zsrk (data) { ...@@ -27,7 +27,8 @@ export function zsrk (data) {
27 url: '/sys/zsgl/zsrk', 27 url: '/sys/zsgl/zsrk',
28 method: 'post', 28 method: 'post',
29 data, 29 data,
30 showLoading: true 30 showLoading: true,
31 loadingTarget: '正在保存中...'
31 }) 32 })
32 } 33 }
33 /* 34 /*
...@@ -86,7 +87,9 @@ export function zsff (data) { ...@@ -86,7 +87,9 @@ export function zsff (data) {
86 return request({ 87 return request({
87 url: '/sys/zsgl/zsff', 88 url: '/sys/zsgl/zsff',
88 method: 'post', 89 method: 'post',
89 data 90 data,
91 showLoading: true,
92 loadingTarget: '正在保存中...'
90 }) 93 })
91 } 94 }
92 /* 95 /*
......
1 <template> 1 <template>
2 <dialogBox title="证书使用情况" @closeDialog="closeDialog" v-model="myValue" :isButton="false"> 2 <dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
3 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 3 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
4 <div class="title-name"> 4 <div class="title-name">
5 入库情况 5 入库情况
...@@ -145,11 +145,16 @@ export default { ...@@ -145,11 +145,16 @@ export default {
145 }, 145 },
146 }, 146 },
147 methods: { 147 methods: {
148 getDetail () {
149 },
150 submitForm () {
151 },
148 closeDialog () { 152 closeDialog () {
149 this.$emit('input', false) 153 this.$emit('input', false)
154 this.$refs['ruleForm'].resetFields()
150 } 155 }
151 }, 156 }
152 }; 157 }
153 </script> 158 </script>
154 <style scoped lang="scss"> 159 <style scoped lang="scss">
155 @import "~@/styles/mixin.scss"; 160 @import "~@/styles/mixin.scss";
......
...@@ -2,17 +2,17 @@ ...@@ -2,17 +2,17 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="ruleForm" label-width="70px"> 5 <el-form :model="ruleForm" label-width="80px">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="分发编号"> 8 <el-form-item label="分发编号">
9 <el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input> 9 <el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="领取时间"> 13 <el-form-item label="领取时间">
14 <el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期" 14 <el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期"
15 end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable > 15 end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
16 </el-date-picker> 16 </el-date-picker>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
...@@ -32,23 +32,26 @@ ...@@ -32,23 +32,26 @@
32 :data="tableData.data"> 32 :data="tableData.data">
33 </lb-table> 33 </lb-table>
34 </div> 34 </div>
35 <addDialog ref="addDialog" v-model="isDialog"/> 35 <addDialog ref="addDialog" v-model="isDialog" />
36 <viewDialog v-model="viewDialog" />
36 </div> 37 </div>
37 </template> 38 </template>
38 <script> 39 <script>
39 import table from "@/utils/mixin/table"; 40 import table from "@/utils/mixin/table";
40 import { datas, sendThis } from "./zsffdata"; 41 import { datas, sendThis } from "./zsffdata";
41 import { getZsglffList,removeZsgl,confirmZsff} from "@/api/zsgl.js" 42 import viewDialog from "../components/viewDialog.vue";
43 import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
42 import addDialog from "./components/addDialog.vue" 44 import addDialog from "./components/addDialog.vue"
43 export default { 45 export default {
44 name: "zsff", 46 name: "zsff",
45 components: {addDialog}, 47 components: { addDialog, viewDialog },
46 mixins: [table], 48 mixins: [table],
47 mounted () { 49 mounted () {
48 sendThis(this); 50 sendThis(this);
49 }, 51 },
50 data () { 52 data () {
51 return { 53 return {
54 viewDialog: false,
52 isDialog: false, 55 isDialog: false,
53 value: '', 56 value: '',
54 ruleForm: { 57 ruleForm: {
...@@ -82,8 +85,8 @@ export default { ...@@ -82,8 +85,8 @@ export default {
82 }) 85 })
83 }, 86 },
84 openDialog () { 87 openDialog () {
85 this.isDialog = true; 88 this.isDialog = true;
86 this.$nextTick(()=> { 89 this.$nextTick(() => {
87 this.$refs.addDialog.ywhSerial(); 90 this.$refs.addDialog.ywhSerial();
88 this.$refs.addDialog.initStartNo(); 91 this.$refs.addDialog.initStartNo();
89 }) 92 })
...@@ -92,7 +95,7 @@ export default { ...@@ -92,7 +95,7 @@ export default {
92 this.fetchData() 95 this.fetchData()
93 }, 96 },
94 //修改筛选时间 97 //修改筛选时间
95 timeChange() { 98 timeChange () {
96 if (this.ruleForm.ffsj != null) { 99 if (this.ruleForm.ffsj != null) {
97 this.approveForm.ffkssj = this.ruleForm.ffsj[0]; 100 this.approveForm.ffkssj = this.ruleForm.ffsj[0];
98 this.approveForm.ffjssj = this.ruleForm.ffsj[1]; 101 this.approveForm.ffjssj = this.ruleForm.ffsj[1];
...@@ -102,17 +105,17 @@ export default { ...@@ -102,17 +105,17 @@ export default {
102 } 105 }
103 }, 106 },
104 //确定证书分发 107 //确定证书分发
105 confrimVerify(item){ 108 confrimVerify (item) {
106 this.$confirm('是否确定分发', '提示', { 109 this.$confirm('是否确定分发', '提示', {
107 confirmButtonText: '确定', 110 confirmButtonText: '确定',
108 cancelButtonText: '取消', 111 cancelButtonText: '取消',
109 type: 'warning' 112 type: 'warning'
110 }).then(() => { 113 }).then(() => {
111 confirmZsff({"bsmBatch":item.bsmBatch}).then(res => { 114 confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => {
112 if(res.code == 200){ 115 if (res.code == 200) {
113 this.$message.success("分发成功") 116 this.$message.success("分发成功")
114 this.fetchData(); 117 this.fetchData();
115 }else{ 118 } else {
116 this.$message.error(res.message) 119 this.$message.error(res.message)
117 } 120 }
118 }) 121 })
...@@ -123,18 +126,18 @@ export default { ...@@ -123,18 +126,18 @@ export default {
123 }); 126 });
124 }); 127 });
125 }, 128 },
126 //删除证书分发数据 129 //删除证书分发数据
127 delZsff(item){ 130 delZsff (item) {
128 this.$confirm('确定要删除吗, 是否继续?', '提示', { 131 this.$confirm('确定要删除吗, 是否继续?', '提示', {
129 confirmButtonText: '确定', 132 confirmButtonText: '确定',
130 cancelButtonText: '取消', 133 cancelButtonText: '取消',
131 type: 'warning' 134 type: 'warning'
132 }).then(() => { 135 }).then(() => {
133 removeZsgl({"bsmBatch":item.bsmBatch}).then(res => { 136 removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
134 if(res.code == 200){ 137 if (res.code == 200) {
135 this.$message.success("删除成功") 138 this.$message.success("删除成功")
136 this.fetchData(); 139 this.fetchData();
137 }else{ 140 } else {
138 this.$message.error(res.message) 141 this.$message.error(res.message)
139 } 142 }
140 }) 143 })
......
...@@ -59,25 +59,25 @@ class data extends filter { ...@@ -59,25 +59,25 @@ class data extends filter {
59 switch (scope.row.state) { 59 switch (scope.row.state) {
60 case '0': 60 case '0':
61 return <div> 61 return <div>
62 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button> 62 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
63 <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button> 63 <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
64 </div> 64 </div>
65 case '1': 65 case '1':
66 return <el-button type="text" onClick={() => { }}>查看</el-button> 66 return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
67 } 67 }
68 } 68 }
69 } 69 }
70 ] 70 ]
71 } 71 }
72 72
73 ywlys(){ 73 ywlys () {
74 return[ 74 return [
75 { value: 1, label: "办事大厅" }, 75 { value: 1, label: "办事大厅" },
76 { value: 2, label: "微信小程序" }, 76 { value: 2, label: "微信小程序" },
77 { value: 3, label: "法院端" }, 77 { value: 3, label: "法院端" },
78 { value: 4, label: "银行端" }, 78 { value: 4, label: "银行端" },
79 ] 79 ]
80 } 80 }
81 81
82 } 82 }
83 let datas = new data() 83 let datas = new data()
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="ruleForm" label-width="70px"> 5 <el-form :model="ruleForm" label-width="80px">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="入库编号"> 8 <el-form-item label="入库编号">
...@@ -33,16 +33,18 @@ ...@@ -33,16 +33,18 @@
33 </lb-table> 33 </lb-table>
34 </div> 34 </div>
35 <addDialog ref="addDialog" v-model="isDialog" /> 35 <addDialog ref="addDialog" v-model="isDialog" />
36 <viewDialog v-model="viewDialog" />
36 </div> 37 </div>
37 </template> 38 </template>
38 <script> 39 <script>
39 import table from "@/utils/mixin/table"; 40 import table from "@/utils/mixin/table";
40 import { datas, sendThis } from "./zsrkdata"; 41 import { datas, sendThis } from "./zsrkdata";
41 import addDialog from "./components/addDialog.vue" 42 import addDialog from "./components/addDialog.vue";
42 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js" 43 import viewDialog from "../components/viewDialog.vue";
44 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
43 export default { 45 export default {
44 name: "zsrk", 46 name: "zsrk",
45 components: { addDialog }, 47 components: { addDialog,viewDialog },
46 mixins: [table], 48 mixins: [table],
47 mounted () { 49 mounted () {
48 sendThis(this); 50 sendThis(this);
...@@ -50,6 +52,7 @@ export default { ...@@ -50,6 +52,7 @@ export default {
50 data () { 52 data () {
51 return { 53 return {
52 isDialog: false, 54 isDialog: false,
55 viewDialog: false,
53 ruleForm: { 56 ruleForm: {
54 rksj: '', 57 rksj: '',
55 batchno: '', 58 batchno: '',
......
...@@ -59,25 +59,25 @@ class data extends filter { ...@@ -59,25 +59,25 @@ class data extends filter {
59 switch (scope.row.state) { 59 switch (scope.row.state) {
60 case '0': 60 case '0':
61 return <div> 61 return <div>
62 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button> 62 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
63 <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button> 63 <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
64 </div> 64 </div>
65 case '1': 65 case '1':
66 return <el-button type="text" onClick={() => { }}>查看</el-button> 66 return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
67 } 67 }
68 } 68 }
69 } 69 }
70 ] 70 ]
71 } 71 }
72 72
73 ywlys(){ 73 ywlys () {
74 return[ 74 return [
75 { value: 1, label: "办事大厅" }, 75 { value: 1, label: "办事大厅" },
76 { value: 2, label: "微信小程序" }, 76 { value: 2, label: "微信小程序" },
77 { value: 3, label: "法院端" }, 77 { value: 3, label: "法院端" },
78 { value: 4, label: "银行端" }, 78 { value: 4, label: "银行端" },
79 ] 79 ]
80 } 80 }
81 81
82 } 82 }
83 let datas = new data() 83 let datas = new data()
......
...@@ -2,33 +2,29 @@ ...@@ -2,33 +2,29 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="ruleForm" label-width="120px"> 5 <el-form :model="ruleForm" label-width="85px">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="印刷序列号" prop="ysxlh"> 8 <el-form-item label="印刷序列号" prop="ysxlh">
9 <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input> 9 <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="5"> 12 <el-col :span="5">
13 <el-form-item label="证书类型" prop="zslx"> 13 <el-form-item label="证书类型" prop="zslx">
14 <el-select v-model="ruleForm.zslx" placeholder="请选择证书类型" clearable > 14 <el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
15 <el-option 15 <el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
16 v-for="item in zslxArr"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value">
20 </el-option> 16 </el-option>
21 </el-select> 17 </el-select>
22 </el-form-item> 18 </el-form-item>
23 </el-col> 19 </el-col>
24 <el-col :span="5"> 20 <el-col :span="5">
25 <el-form-item label="业务号" prop="ywh"> 21 <el-form-item label="业务号" label-width="60px" prop="ywh">
26 <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input> 22 <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
27 </el-form-item> 23 </el-form-item>
28 </el-col> 24 </el-col>
29 <el-col :span="6"> 25 <el-col :span="6">
30 <el-form-item label="不动产权证号" prop="bdcqzh"> 26 <el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
31 <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input> 27 <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
32 </el-form-item> 28 </el-form-item>
33 </el-col> 29 </el-col>
34 30
...@@ -52,9 +48,9 @@ ...@@ -52,9 +48,9 @@
52 </div> 48 </div>
53 </template> 49 </template>
54 <script> 50 <script>
55 import viewDialog from "./components/viewDialog.vue" 51 import viewDialog from "../components/viewDialog.vue"
56 import table from "@/utils/mixin/table"; 52 import table from "@/utils/mixin/table";
57 import { getZssyqkList} from "@/api/zsgl.js" 53 import { getZssyqkList } from "@/api/zsgl.js"
58 import { datas, sendThis } from "./zssyjldata"; 54 import { datas, sendThis } from "./zssyjldata";
59 export default { 55 export default {
60 name: "zssyjl", 56 name: "zssyjl",
...@@ -78,15 +74,12 @@ export default { ...@@ -78,15 +74,12 @@ export default {
78 data: [], 74 data: [],
79 }, 75 },
80 zslxArr: [ 76 zslxArr: [
81 {label: '不动产权证书',value: 'zs'}, 77 { label: '不动产权证书', value: 'zs' },
82 {label: '不动产登记证明', value: 'zm'} 78 { label: '不动产登记证明', value: 'zm' }
83 ] 79 ]
84 }; 80 };
85 }, 81 },
86 methods: { 82 methods: {
87 init (e) {
88 this.fetchData()
89 },
90 // 列表渲染接口 83 // 列表渲染接口
91 fetchData () { 84 fetchData () {
92 getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => { 85 getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
...@@ -99,9 +92,9 @@ export default { ...@@ -99,9 +92,9 @@ export default {
99 }, 92 },
100 openDialog () { 93 openDialog () {
101 this.isDialog = true 94 this.isDialog = true
102 }, 95 }
103 }, 96 }
104 }; 97 }
105 </script> 98 </script>
106 <style scoped lang="scss"> 99 <style scoped lang="scss">
107 @import "~@/styles/public.scss"; 100 @import "~@/styles/public.scss";
......
...@@ -75,7 +75,7 @@ class data extends filter { ...@@ -75,7 +75,7 @@ class data extends filter {
75 align: 'center', 75 align: 'center',
76 fixed: 'right', 76 fixed: 'right',
77 render: (h, scope) => { 77 render: (h, scope) => {
78 return <el-button type="text" icon="el-icon-view" onClick={() => { }}>查看</el-button> 78 return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog() }}>查看</el-button>
79 } 79 }
80 } 80 }
81 ] 81 ]
......