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) { ...@@ -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";
......
1 <template> 1 <template>
2 <dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="45%" @closeDialog="closeDialog" v-model="value"> 2 <dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
3 @closeDialog="closeDialog" v-model="myValue">
3 <div> 4 <div>
4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> 5 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
5 <el-row> 6 <el-row>
6 <el-col :span="12"> 7 <el-col :span="12">
7 <el-form-item label="发放编号:" prop="batchno"> 8 <el-form-item label="发放编号:" prop="batchno">
8 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input> 9 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
9 </el-form-item> 10 </el-form-item>
10 </el-col> 11 </el-col>
11 <el-col :span="12"> 12 <el-col :span="12">
12 <el-form-item label="领取时间:" prop="rksj"> 13 <el-form-item label="领取时间:" prop="rksj">
13 <el-date-picker v-model="ruleForm.rksj" type="datetime" placeholder="选择日期时间"></el-date-picker> 14 <el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime" placeholder="选择日期时间">
14 </el-form-item> 15 </el-date-picker>
15 </el-col> 16 </el-form-item>
16 </el-row> 17 </el-col>
17 <el-row> 18 </el-row>
18 <el-col :span="12"> 19 <el-row>
19 <el-form-item label="发放人员:" prop="rkry"> 20 <el-col :span="12">
20 <el-input v-model="ruleForm.rkry" :disabled="true"></el-input> 21 <el-form-item label="入库人员:">
21 </el-form-item> 22 <el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
22 </el-col> 23 </el-form-item>
23 <el-col :span="12"> 24 </el-col>
24 <el-form-item label="领取人:" prop="receiver"> 25 <el-col :span="12">
25 <el-select v-model="ruleForm.receiver" placeholder="请选择"> 26 <el-form-item label="领取人:" prop="receiver">
26 <el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option> 27 <el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择">
27 </el-select> 28 <el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
28 </el-form-item> 29 </el-select>
29 </el-col> 30 </el-form-item>
30 </el-row> 31 </el-col>
31 <div> 32 </el-row>
32 <el-table :data="tableForm" border :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}"> 33 <div>
33 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column> 34 <el-table :data="tableForm" border
34 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column> 35 :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
35 <el-table-column prop="bs" label="本数"> 36 :cell-style="{'text-align':'center'}">
36 <template slot-scope="scope"> 37 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
37 <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)" oninput="value=value.replace(/[^\d.]/g,'')" ></el-input> 38 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
38 </template> 39 <el-table-column prop="bs" label="本数">
39 </el-table-column> 40 <template slot-scope="scope">
40 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200"> 41 <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)"
41 <template slot-scope="scope"> 42 oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6"></el-input>
42 <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span> 43 </template>
43 <span v-else>{{scope.row.jsysxlh}}</span> 44 </el-table-column>
44 </template> 45 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
45 </el-table-column> 46 <template slot-scope="scope">
46 </el-table> 47 <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
47 </div> 48 <span v-else>{{scope.row.jsysxlh}}</span>
48 <el-form-item label="备注" class="middle-margin-bottom"> 49 </template>
49 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input> 50 </el-table-column>
50 </el-form-item> 51 </el-table>
51 </el-form> 52 </div>
53 <el-form-item label="备注" class="middle-margin-bottom">
54 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
55 </el-form-item>
56 </el-form>
52 </div> 57 </div>
53 </dialogBox> 58 </dialogBox>
54 </template> 59 </template>
55 60
56 <script> 61 <script>
57 import { getZsStartNo,getSysSerialSingle, getZsEndNo,zsff} from "@/api/zsgl.js" 62 import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff } from "@/api/zsgl.js"
58 export default { 63 export default {
59 components: { 64 components: {
60 }, 65 },
...@@ -65,20 +70,21 @@ export default { ...@@ -65,20 +70,21 @@ export default {
65 }, 70 },
66 data () { 71 data () {
67 return { 72 return {
73 myValue: this.value,
68 //表单提交数据 74 //表单提交数据
69 ruleForm: { 75 ruleForm: {
70 batchno: '', 76 batchno: '',
71 receiver: '', 77 receiver: '',
72 rkry: '超级管理员', 78 rkry: '超级管理员',
73 rksj: '', 79 rksj: '',
74 bz: '', 80 bz: '',
75 zsstarno: '', 81 zsstarno: '',
76 zsendno: '', 82 zsendno: '',
77 zsnum: '', 83 zsnum: '',
78 zmstarno: '', 84 zmstarno: '',
79 zmendno: '', 85 zmendno: '',
80 zmnum: '' 86 zmnum: ''
81 }, 87 },
82 //表格数据 88 //表格数据
83 tableForm: [ 89 tableForm: [
84 { 90 {
...@@ -95,7 +101,7 @@ export default { ...@@ -95,7 +101,7 @@ export default {
95 bs: '', 101 bs: '',
96 zslx: 'zm' 102 zslx: 'zm'
97 } 103 }
98 ], 104 ],
99 //证书分发业务号固定参数 105 //证书分发业务号固定参数
100 ywhQueryForm: { 106 ywhQueryForm: {
101 serialtype: 'zsffbh', 107 serialtype: 'zsffbh',
...@@ -104,87 +110,89 @@ export default { ...@@ -104,87 +110,89 @@ export default {
104 digit: '5' 110 digit: '5'
105 }, 111 },
106 //用户列表 112 //用户列表
107 usernames: ['张三','李四'], 113 usernames: ['张三', '李四'],
108 rules: { 114 rules: {
109 batchNo: [ 115 batchNo: [
110 { required: true, message: '入库编号不能为空', trigger: 'blur' } 116 { required: true, message: '入库编号不能为空', trigger: 'blur' }
111 ], 117 ],
112 lqr: [ 118 lqr: [
113 { required: true, message: '请选择领取人', trigger: 'change' } 119 { required: true, message: '请选择领取人', trigger: 'change' }
114 ], 120 ],
115 rkry: [ 121 rksj: [
116 { required: true, message: '入库人员不能为空', trigger: 'blur' } 122 { required: true, message: '请选择入库时间', trigger: 'change' }
117 ], 123 ],
118 rksj: [ 124 },
119 { required: true, message: '请选择入库时间', trigger: 'change' } 125 }
120 ], 126 },
121 }, 127 watch: {
128 value (val) {
129 this.myValue = val
122 } 130 }
123 }, 131 },
124 methods: { 132 methods: {
125 //表单提交 133 //表单提交
126 submitForm () { 134 submitForm () {
127 zsff(this.ruleForm).then(res => { 135 zsff(this.ruleForm).then(res => {
128 if(res.code == 200){ 136 if (res.code == 200) {
129 this.$message.success('保存成功') 137 this.$message.success('保存成功')
130 this.$emit("input", false); 138 this.$emit("input", false);
131 this.ruleForm = {}; 139 this.$refs['ruleForm'].resetFields();
132 this.resetTableFields(); 140 this.resetTableFields();
133 this.$parent.fetchData(); 141 this.$parent.fetchData();
134 }else{ 142 } else {
135 this.$message.error(res.message) 143 this.$message.error(res.message)
136 } 144 }
137 }) 145 })
138 }, 146 },
139 //序列号获取 147 //序列号获取
140 ywhSerial(){ 148 ywhSerial () {
141 getSysSerialSingle(this.ywhQueryForm).then(res => { 149 getSysSerialSingle(this.ywhQueryForm).then(res => {
142 if(res.code == 200){ 150 if (res.code == 200) {
143 this.ruleForm.batchno = res.message; 151 this.ruleForm.batchno = res.message;
144 } 152 }
145 }) 153 })
146 }, 154 },
147 initStartNo(){ 155 initStartNo () {
148 getZsStartNo().then(res => { 156 getZsStartNo().then(res => {
149 if(res.code == 200){ 157 if (res.code == 200) {
150 this.tableForm[0].ksysxlh = res.result.zsstarno 158 this.tableForm[0].ksysxlh = res.result.zsstarno
151 this.tableForm[1].ksysxlh = res.result.zmstarno 159 this.tableForm[1].ksysxlh = res.result.zmstarno
152 } 160 }
153 }) 161 })
154 }, 162 },
155 //印刷序列号处理 163 //印刷序列号处理
156 ysxlhDeal(item){ 164 ysxlhDeal (item) {
157 if(item.bs){ 165 if (item.bs) {
158 //存在本数 166 //存在本数
159 getZsEndNo({"bookNumber": item.bs,"zslx": item.zslx}).then(res => { 167 getZsEndNo({ "bookNumber": item.bs, "zslx": item.zslx }).then(res => {
160 if(res.code == 200){ 168 if (res.code == 200) {
161 item.jsysxlh = res.result.endno 169 item.jsysxlh = res.result.endno
162 item.bs = res.result.bookNumber 170 item.bs = res.result.bookNumber
163 this.updateRuleForm(res.result.endno,res.result.bookNumber,item); 171 this.updateRuleForm(res.result.endno, res.result.bookNumber, item);
164 }else{ 172 } else {
165 this.$message.error(res.message) 173 this.$message.error(res.message)
166 } 174 }
167 }) 175 })
168 }else{ 176 } else {
169 //不存在本数 177 //不存在本数
170 item.bs = 0; 178 item.bs = 0;
171 item.jsysxlh = ''; 179 item.jsysxlh = '';
172 this.updateRuleForm('',0,item); 180 this.updateRuleForm('', 0, item);
173 } 181 }
174 }, 182 },
175 //更新表单数据 183 //更新表单数据
176 updateRuleForm(endno,bookNumber,item){ 184 updateRuleForm (endno, bookNumber, item) {
177 if(item.zslx == 'zs'){ 185 if (item.zslx == 'zs') {
178 this.ruleForm.zsstarno = item.ksysxlh; 186 this.ruleForm.zsstarno = item.ksysxlh;
179 this.ruleForm.zsendno = endno; 187 this.ruleForm.zsendno = endno;
180 this.ruleForm.zsnum = bookNumber; 188 this.ruleForm.zsnum = bookNumber;
181 }else if(item.zslx == 'zm'){ 189 } else if (item.zslx == 'zm') {
182 this.ruleForm.zmstarno = item.ksysxlh; 190 this.ruleForm.zmstarno = item.ksysxlh;
183 this.ruleForm.zmendno = endno; 191 this.ruleForm.zmendno = endno;
184 this.ruleForm.zmnum = bookNumber; 192 this.ruleForm.zmnum = bookNumber;
185 } 193 }
186 }, 194 },
187 resetTableFields() { 195 resetTableFields () {
188 this.tableForm = [ 196 this.tableForm = [
189 { 197 {
190 name: '不动产权证书', 198 name: '不动产权证书',
...@@ -204,16 +212,19 @@ export default { ...@@ -204,16 +212,19 @@ export default {
204 }, 212 },
205 closeDialog () { 213 closeDialog () {
206 this.$emit("input", false); 214 this.$emit("input", false);
207 }, 215 this.$refs['ruleForm'].resetFields();
216 }
208 } 217 }
209 } 218 }
210 </script> 219 </script>
211 <style scoped lang="scss"> 220 <style scoped lang="scss">
212 @import "~@/styles/mixin.scss"; 221 @import "~@/styles/mixin.scss";
213 .font-red{ 222
223 .font-red {
214 color: red 224 color: red
215 } 225 }
216 .middle-margin-bottom{ 226
217 margin-top:20px 227 .middle-margin-bottom {
228 margin-top: 20px
218 } 229 }
219 </style> 230 </style>
......
...@@ -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 ]
......