style:证书管理
Showing
5 changed files
with
24 additions
and
52 deletions
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false"> | ||
| 3 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> | 2 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> |
| 4 | <div class="title-name"> | 3 | <div class="title-name"> |
| 5 | 入库情况 | 4 | 入库情况 |
| ... | @@ -109,45 +108,37 @@ | ... | @@ -109,45 +108,37 @@ |
| 109 | </el-col> | 108 | </el-col> |
| 110 | </el-row> | 109 | </el-row> |
| 111 | </el-form> | 110 | </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"; | ... | ... |
| ... | @@ -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 | } | ... | ... |
-
Please register or sign in to post a comment