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
1 <template> 1 <template>
2 <dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false"> 2 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
3 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 3 <div class="title-name">
4 <div class="title-name"> 4 入库情况
5 入库情况 5 </div>
6 </div> 6 <el-row :gutter="20">
7 <el-row :gutter="20"> 7 <el-col :span="8">
8 <el-col :span="8"> 8 <el-form-item label="入库编号">
9 <el-form-item label="入库编号"> 9 <el-input v-model="ruleForm.rkbh" disabled></el-input>
10 <el-input v-model="ruleForm.rkbh" disabled></el-input> 10 </el-form-item>
11 </el-form-item> 11 </el-col>
12 </el-col> 12 <el-col :span="8">
13 <el-col :span="8"> 13 <el-form-item label="入库时间">
14 <el-form-item label="入库时间"> 14 <el-date-picker v-model="ruleForm.rksj" disabled type="datetime">
15 <el-date-picker v-model="ruleForm.rksj" disabled type="datetime"> 15 </el-date-picker>
16 </el-date-picker> 16 </el-form-item>
17 </el-form-item> 17 </el-col>
18 </el-col> 18 <el-col :span="8">
19 <el-col :span="8"> 19 <el-form-item label="入库人员">
20 <el-form-item label="入库人员"> 20 <el-input v-model="ruleForm.rkry" disabled></el-input>
21 <el-input v-model="ruleForm.rkry" disabled></el-input> 21 </el-form-item>
22 </el-form-item> 22 </el-col>
23 </el-col> 23 </el-row>
24 </el-row> 24 <el-row :gutter="20">
25 <el-row :gutter="20"> 25 <el-col :span="8">
26 <el-col :span="8"> 26 <el-form-item label="登记机构">
27 <el-form-item label="登记机构"> 27 <el-input v-model="ruleForm.djjg" disabled></el-input>
28 <el-input v-model="ruleForm.djjg" disabled></el-input> 28 </el-form-item>
29 </el-form-item> 29 </el-col>
30 </el-col> 30 </el-row>
31 </el-row> 31 <el-row :gutter="20">
32 <el-row :gutter="20"> 32 <el-col :span="24">
33 <el-col :span="24"> 33 <el-form-item label="备注">
34 <el-form-item label="备注"> 34 <el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
35 <el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input> 35 </el-form-item>
36 </el-form-item> 36 </el-col>
37 </el-col> 37 </el-row>
38 </el-row> 38 <div class="title-name">
39 <div class="title-name"> 39 分发情况
40 分发情况 40 </div>
41 </div> 41 <el-row :gutter="20">
42 <el-row :gutter="20"> 42 <el-col :span="8">
43 <el-col :span="8"> 43 <el-form-item label="分发编号">
44 <el-form-item label="分发编号"> 44 <el-input v-model="ruleForm.ffbh" disabled></el-input>
45 <el-input v-model="ruleForm.ffbh" disabled></el-input> 45 </el-form-item>
46 </el-form-item> 46 </el-col>
47 </el-col> 47 <el-col :span="8">
48 <el-col :span="8"> 48 <el-form-item label="领取时间">
49 <el-form-item label="领取时间"> 49 <el-date-picker v-model="ruleForm.lqsj" disabled type="datetime">
50 <el-date-picker v-model="ruleForm.lqsj" disabled type="datetime"> 50 </el-date-picker>
51 </el-date-picker> 51 </el-form-item>
52 </el-form-item> 52 </el-col>
53 </el-col> 53 <el-col :span="8">
54 <el-col :span="8"> 54 <el-form-item label="入库人员">
55 <el-form-item label="入库人员"> 55 <el-input v-model="ruleForm.rkry" disabled></el-input>
56 <el-input v-model="ruleForm.rkry" disabled></el-input> 56 </el-form-item>
57 </el-form-item> 57 </el-col>
58 </el-col> 58 </el-row>
59 </el-row> 59 <el-row :gutter="20">
60 <el-row :gutter="20"> 60 <el-col :span="24">
61 <el-col :span="24"> 61 <el-form-item label="备注">
62 <el-form-item label="备注"> 62 <el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
63 <el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input> 63 </el-form-item>
64 </el-form-item> 64 </el-col>
65 </el-col> 65 </el-row>
66 </el-row> 66 <div class="title-name">
67 <div class="title-name"> 67 证书信息
68 证书信息 68 </div>
69 </div> 69 <el-row :gutter="20">
70 <el-row :gutter="20"> 70 <el-col :span="8">
71 <el-col :span="8"> 71 <el-form-item label="不动产权证号">
72 <el-form-item label="不动产权证号"> 72 <el-input v-model="ruleForm.bdcqzh" disabled></el-input>
73 <el-input v-model="ruleForm.bdcqzh" disabled></el-input> 73 </el-form-item>
74 </el-form-item> 74 </el-col>
75 </el-col> 75 <el-col :span="8">
76 <el-col :span="8"> 76 <el-form-item label="业务号">
77 <el-form-item label="业务号"> 77 <el-input v-model="ruleForm.ywh" disabled></el-input>
78 <el-input v-model="ruleForm.ywh" disabled></el-input> 78 </el-form-item>
79 </el-form-item> 79 </el-col>
80 </el-col> 80 <el-col :span="8">
81 <el-col :span="8"> 81 <el-form-item label="不动产单元号">
82 <el-form-item label="不动产单元号"> 82 <el-input v-model="ruleForm.bdcdyh" disabled></el-input>
83 <el-input v-model="ruleForm.bdcdyh" disabled></el-input> 83 </el-form-item>
84 </el-form-item> 84 </el-col>
85 </el-col> 85 </el-row>
86 </el-row> 86 <el-row :gutter="20">
87 <el-row :gutter="20"> 87 <el-col :span="8">
88 <el-col :span="8"> 88 <el-form-item label="证书类型">
89 <el-form-item label="证书类型"> 89 <el-input v-model="ruleForm.zslxmc" disabled></el-input>
90 <el-input v-model="ruleForm.zslxmc" disabled></el-input> 90 </el-form-item>
91 </el-form-item> 91 </el-col>
92 </el-col> 92 <el-col :span="8">
93 <el-col :span="8"> 93 <el-form-item label="印刷序列号">
94 <el-form-item label="印刷序列号"> 94 <el-input v-model="ruleForm.ysxlh" disabled></el-input>
95 <el-input v-model="ruleForm.ysxlh" disabled></el-input> 95 </el-form-item>
96 </el-form-item> 96 </el-col>
97 </el-col> 97 <el-col :span="8">
98 <el-col :span="8"> 98 <el-form-item label="是否作废">
99 <el-form-item label="是否作废"> 99 <el-input v-model="ruleForm.sfzfmc" disabled></el-input>
100 <el-input v-model="ruleForm.sfzfmc" disabled></el-input> 100 </el-form-item>
101 </el-form-item> 101 </el-col>
102 </el-col> 102 </el-row>
103 </el-row> 103 <el-row :gutter="20">
104 <el-row :gutter="20"> 104 <el-col :span="24">
105 <el-col :span="24"> 105 <el-form-item label="作废原因">
106 <el-form-item label="作废原因"> 106 <el-input v-model="ruleForm.zfyy" type="textarea" :rows="2" disabled></el-input>
107 <el-input v-model="ruleForm.zfyy" type="textarea" :rows="2" disabled></el-input> 107 </el-form-item>
108 </el-form-item> 108 </el-col>
109 </el-col> 109 </el-row>
110 </el-row> 110 </el-form>
111 </el-form>
112 </dialogBox>
113 </template> 111 </template>
114
115 <script> 112 <script>
116 import { getZssyqkInfo} from "@/api/zsgl.js" 113 import { getZssyqkInfo } from "@/api/zsgl.js"
117 export default { 114 export default {
118 props: { 115 props: {
119 value: { type: Boolean, default: false }, 116 formData: {
117 type: Object,
118 default: () => { }
119 }
120 }, 120 },
121 data () { 121 data () {
122 return { 122 return {
123 myValue: this.value,
124 ruleForm: {} 123 ruleForm: {}
125 } 124 }
126 }, 125 },
127 watch: { 126 mounted () {
128 value (val) { 127 this.getDetail(this.formData.bsmZswj)
129 this.myValue = val
130 },
131 }, 128 },
132 methods: { 129 methods: {
133 getDetail (bsmZswj) { 130 getDetail (bsmZswj) {
134 getZssyqkInfo({"bsmZswj":bsmZswj}).then(res => { 131 getZssyqkInfo({ "bsmZswj": bsmZswj }).then(res => {
135 if(res.code == 200){ 132 if (res.code == 200) {
136 this.ruleForm = res.result 133 this.ruleForm = res.result
137 if(res.result.zslx){ 134 if (res.result.zslx) {
138 this.ruleForm.zslxmc = res.result.zslx == 'zs' ? '不动产权证书' : '不动产登记证明'; 135 this.ruleForm.zslxmc = res.result.zslx == 'zs' ? '不动产权证书' : '不动产登记证明';
139 } 136 }
140 if(res.result.sfzf){ 137 if (res.result.sfzf) {
141 this.ruleForm.sfzfmc = res.result.sfzf == 0 ? '否' : '是' 138 this.ruleForm.sfzfmc = res.result.sfzf == 0 ? '否' : '是'
142 } 139 }
143 } 140 }
144 }) 141 })
145 },
146 submitForm () {
147 },
148 closeDialog () {
149 this.$emit('input', false)
150 this.ruleForm = {}
151 } 142 }
152 } 143 }
153 } 144 }
...@@ -155,6 +146,7 @@ export default { ...@@ -155,6 +146,7 @@ export default {
155 <style scoped lang="scss"> 146 <style scoped lang="scss">
156 @import "~@/styles/mixin.scss"; 147 @import "~@/styles/mixin.scss";
157 @import "~@/styles/dialogBoxheader.scss"; 148 @import "~@/styles/dialogBoxheader.scss";
149
158 .title-name { 150 .title-name {
159 line-height: 36px; 151 line-height: 36px;
160 border-bottom: 1px solid $borderColor; 152 border-bottom: 1px solid $borderColor;
......
...@@ -41,27 +41,20 @@ ...@@ -41,27 +41,20 @@
41 :data="tableData.data"> 41 :data="tableData.data">
42 </lb-table> 42 </lb-table>
43 </div> 43 </div>
44 <addDialog ref="addDialog" v-model="isDialog" />
45 <viewDialog v-model="viewDialog" />
46 </div> 44 </div>
47 </template> 45 </template>
48 <script> 46 <script>
49 import table from "@/utils/mixin/table"; 47 import table from "@/utils/mixin/table";
50 import { datas, sendThis } from "./zsffdata"; 48 import { datas, sendThis } from "./zsffdata";
51 import viewDialog from "../components/viewDialog.vue";
52 import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js" 49 import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
53 import addDialog from "./components/addDialog.vue"
54 export default { 50 export default {
55 name: "zsff", 51 name: "zsff",
56 components: { addDialog, viewDialog },
57 mixins: [table], 52 mixins: [table],
58 mounted () { 53 mounted () {
59 sendThis(this); 54 sendThis(this);
60 }, 55 },
61 data () { 56 data () {
62 return { 57 return {
63 viewDialog: false,
64 isDialog: false,
65 value: '', 58 value: '',
66 ruleForm: { 59 ruleForm: {
67 batchno: '', 60 batchno: '',
...@@ -153,11 +146,11 @@ export default { ...@@ -153,11 +146,11 @@ export default {
153 this.$message({ 146 this.$message({
154 type: 'info', 147 type: 'info',
155 message: '已取消删除' 148 message: '已取消删除'
156 }); 149 })
157 }); 150 })
158 }, 151 }
159 }, 152 }
160 }; 153 }
161 </script> 154 </script>
162 <style scoped lang="scss"> 155 <style scoped lang="scss">
163 @import "~@/styles/public.scss"; 156 @import "~@/styles/public.scss";
......
...@@ -39,27 +39,20 @@ ...@@ -39,27 +39,20 @@
39 :data="tableData.data"> 39 :data="tableData.data">
40 </lb-table> 40 </lb-table>
41 </div> 41 </div>
42 <!-- 查看弹框 -->
43 <!-- <addDialog ref="addDialog" v-model="isDialog" /> -->
44 <viewDialog v-model="viewDialog" />
45 </div> 42 </div>
46 </template> 43 </template>
47 <script> 44 <script>
48 import table from "@/utils/mixin/table"; 45 import table from "@/utils/mixin/table";
49 import { datas, sendThis } from "./zsrkdata"; 46 import { datas, sendThis } from "./zsrkdata";
50 import viewDialog from "../components/viewDialog.vue";
51 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js"; 47 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
52 export default { 48 export default {
53 name: "zsrk", 49 name: "zsrk",
54 components: { viewDialog },
55 mixins: [table], 50 mixins: [table],
56 mounted () { 51 mounted () {
57 sendThis(this); 52 sendThis(this);
58 }, 53 },
59 data () { 54 data () {
60 return { 55 return {
61 isDialog: false,
62 viewDialog: false,
63 ruleForm: { 56 ruleForm: {
64 batchno: '', 57 batchno: '',
65 rkkssj: '', 58 rkkssj: '',
...@@ -150,11 +143,11 @@ export default { ...@@ -150,11 +143,11 @@ export default {
150 this.$message({ 143 this.$message({
151 type: 'info', 144 type: 'info',
152 message: '已取消审核' 145 message: '已取消审核'
153 }); 146 })
154 }); 147 })
155 } 148 }
156 }, 149 }
157 }; 150 }
158 </script> 151 </script>
159 <style scoped lang="scss"> 152 <style scoped lang="scss">
160 @import "~@/styles/public.scss"; 153 @import "~@/styles/public.scss";
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
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">
...@@ -19,12 +19,12 @@ ...@@ -19,12 +19,12 @@
19 </el-col> 19 </el-col>
20 <el-col :span="5"> 20 <el-col :span="5">
21 <el-form-item label="业务号" label-width="60px" prop="ywh"> 21 <el-form-item label="业务号" label-width="60px" prop="ywh">
22 <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input> 22 <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
23 </el-form-item> 23 </el-form-item>
24 </el-col> 24 </el-col>
25 <el-col :span="6"> 25 <el-col :span="6">
26 <el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh"> 26 <el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
27 <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input> 27 <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
28 </el-form-item> 28 </el-form-item>
29 </el-col> 29 </el-col>
30 30
...@@ -44,24 +44,20 @@ ...@@ -44,24 +44,20 @@
44 :data="tableData.data"> 44 :data="tableData.data">
45 </lb-table> 45 </lb-table>
46 </div> 46 </div>
47 <viewDialog ref="viewDialog" v-model="isDialog" />
48 </div> 47 </div>
49 </template> 48 </template>
50 <script> 49 <script>
51 import viewDialog from "../components/viewDialog.vue"
52 import table from "@/utils/mixin/table"; 50 import table from "@/utils/mixin/table";
53 import { getZssyqkList } from "@/api/zsgl.js" 51 import { getZssyqkList } from "@/api/zsgl.js"
54 import { datas, sendThis } from "./zssyjldata"; 52 import { datas, sendThis } from "./zssyjldata";
55 export default { 53 export default {
56 name: "zssyjl", 54 name: "zssyjl",
57 components: { viewDialog },
58 mixins: [table], 55 mixins: [table],
59 mounted () { 56 mounted () {
60 sendThis(this); 57 sendThis(this);
61 }, 58 },
62 data () { 59 data () {
63 return { 60 return {
64 isDialog: false,
65 ruleForm: { 61 ruleForm: {
66 ysxlh: "", 62 ysxlh: "",
67 zslx: "", 63 zslx: "",
...@@ -89,10 +85,10 @@ export default { ...@@ -89,10 +85,10 @@ export default {
89 } 85 }
90 }) 86 })
91 }, 87 },
88 // 查看证书使用情况
92 openDialog (item) { 89 openDialog (item) {
93 this.isDialog = true 90 this.$popupDialog("证书使用情况", "zsgl/components/viewDialog", {
94 this.$nextTick(() => { 91 bsmZswj: item.bsmZswj
95 this.$refs.viewDialog.getDetail(item.bsmZswj);
96 }) 92 })
97 } 93 }
98 } 94 }
......
...@@ -80,8 +80,6 @@ class data extends filter { ...@@ -80,8 +80,6 @@ class data extends filter {
80 { 80 {
81 label: '操作', 81 label: '操作',
82 width: '80', 82 width: '80',
83 align: 'center',
84 fixed: 'right',
85 render: (h, scope) => { 83 render: (h, scope) => {
86 return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button> 84 return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
87 } 85 }
......