style:证书领取查询
Showing
6 changed files
with
50 additions
and
43 deletions
| ... | @@ -101,7 +101,7 @@ | ... | @@ -101,7 +101,7 @@ |
| 101 | <tr v-if="showGroup"> | 101 | <tr v-if="showGroup"> |
| 102 | <td rowspan="4">变化情况</td> | 102 | <td rowspan="4">变化情况</td> |
| 103 | 103 | ||
| 104 | <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> | 104 | <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> |
| 105 | <tr v-for="(item, index) in bhqkColumns" :key="index"> | 105 | <tr v-for="(item, index) in bhqkColumns" :key="index"> |
| 106 | <td class="bhqkTh">{{ item.label }}</td> | 106 | <td class="bhqkTh">{{ item.label }}</td> |
| 107 | </tr> | 107 | </tr> |
| ... | @@ -110,10 +110,10 @@ | ... | @@ -110,10 +110,10 @@ |
| 110 | </tr> | 110 | </tr> |
| 111 | 111 | ||
| 112 | <tr v-if="showGroup"> | 112 | <tr v-if="showGroup"> |
| 113 | <td >变化原因</td> | 113 | <td>变化原因</td> |
| 114 | <td >变化内容</td> | 114 | <td>变化内容</td> |
| 115 | <td >登记时间</td> | 115 | <td>登记时间</td> |
| 116 | <td >登簿人</td> | 116 | <td>登簿人</td> |
| 117 | </tr> | 117 | </tr> |
| 118 | <!-- <tr > | 118 | <!-- <tr > |
| 119 | <td>{{ zdbhqks[0].bhyy }}</td> | 119 | <td>{{ zdbhqks[0].bhyy }}</td> |
| ... | @@ -132,7 +132,7 @@ | ... | @@ -132,7 +132,7 @@ |
| 132 | import { getZdjjxxBybdcdyid } from "@/api/registerBook.js"; | 132 | import { getZdjjxxBybdcdyid } from "@/api/registerBook.js"; |
| 133 | 133 | ||
| 134 | export default { | 134 | export default { |
| 135 | data() { | 135 | data () { |
| 136 | return { | 136 | return { |
| 137 | bhqkColumns: [ | 137 | bhqkColumns: [ |
| 138 | { | 138 | { |
| ... | @@ -176,16 +176,15 @@ export default { | ... | @@ -176,16 +176,15 @@ export default { |
| 176 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | 176 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], |
| 177 | }; | 177 | }; |
| 178 | }, | 178 | }, |
| 179 | created() { | 179 | created () { |
| 180 | this.loadData(); | 180 | this.loadData(); |
| 181 | }, | 181 | }, |
| 182 | methods: { | 182 | methods: { |
| 183 | loadData() { | 183 | loadData () { |
| 184 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 184 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
| 185 | if (res.code === 200) { | 185 | if (res.code === 200) { |
| 186 | this.zdjbxx = res.result.zdjbxx; | 186 | this.zdjbxx = res.result.zdjbxx; |
| 187 | this.zdbhqks = res.result.zdbhqkList; | 187 | this.zdbhqks = res.result.zdbhqkList; |
| 188 | debugger; | ||
| 189 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | 188 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { |
| 190 | this.showGroup = true; | 189 | this.showGroup = true; |
| 191 | } | 190 | } | ... | ... |
| ... | @@ -114,17 +114,7 @@ import { getJtfcInfo } from "@/api/sqcx"; | ... | @@ -114,17 +114,7 @@ import { getJtfcInfo } from "@/api/sqcx"; |
| 114 | import { datas, sendThis } from "./sqcxjlInfodata"; | 114 | import { datas, sendThis } from "./sqcxjlInfodata"; |
| 115 | 115 | ||
| 116 | export default { | 116 | export default { |
| 117 | components: {}, | ||
| 118 | // props: { | ||
| 119 | // value: { type: Boolean, default: false }, | ||
| 120 | // }, | ||
| 121 | props: ["formData"], | 117 | props: ["formData"], |
| 122 | |||
| 123 | created () { | ||
| 124 | // debugger; | ||
| 125 | // alert(this.formData.sqcxBsm); | ||
| 126 | }, | ||
| 127 | |||
| 128 | data () { | 118 | data () { |
| 129 | return { | 119 | return { |
| 130 | form: {}, | 120 | form: {}, | ... | ... |
| ... | @@ -29,7 +29,7 @@ class data extends filter { | ... | @@ -29,7 +29,7 @@ class data extends filter { |
| 29 | prop: "noticeFileName", | 29 | prop: "noticeFileName", |
| 30 | label: "附件", | 30 | label: "附件", |
| 31 | render: (h, scope) => { | 31 | render: (h, scope) => { |
| 32 | return <div class="pointer" onClick={() => { vm.downloadFile(scope.row) }}>{scope.row.noticeFileName}</div> | 32 | return <div class="pointer" onClick={() => { vm.downloadFile(scope.row) }}>{scope.row.noticeFileName}</div> |
| 33 | } | 33 | } |
| 34 | }, | 34 | }, |
| 35 | { | 35 | { |
| ... | @@ -40,15 +40,15 @@ class data extends filter { | ... | @@ -40,15 +40,15 @@ class data extends filter { |
| 40 | { | 40 | { |
| 41 | prop: "createtime", | 41 | prop: "createtime", |
| 42 | label: "创建时间", | 42 | label: "创建时间", |
| 43 | width: '140' | ||
| 43 | }, | 44 | }, |
| 44 | { | 45 | { |
| 45 | label: '操作', | 46 | label: '操作', |
| 46 | align: 'center', | 47 | width: '60', |
| 47 | fixed: 'right', | ||
| 48 | render: (h, scope) => { | 48 | render: (h, scope) => { |
| 49 | return <div> | 49 | return <div> |
| 50 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delNotice(scope.row) }}>删除</el-button> | 50 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delNotice(scope.row) }}>删除</el-button> |
| 51 | </div> | 51 | </div> |
| 52 | } | 52 | } |
| 53 | } | 53 | } |
| 54 | ] | 54 | ] | ... | ... |
| ... | @@ -24,6 +24,7 @@ class data extends filter { | ... | @@ -24,6 +24,7 @@ class data extends filter { |
| 24 | { | 24 | { |
| 25 | prop: "noticeTitle", | 25 | prop: "noticeTitle", |
| 26 | label: "通知标题", | 26 | label: "通知标题", |
| 27 | minWidth: '130', | ||
| 27 | }, | 28 | }, |
| 28 | { | 29 | { |
| 29 | prop: "noticeSource", | 30 | prop: "noticeSource", |
| ... | @@ -31,17 +32,11 @@ class data extends filter { | ... | @@ -31,17 +32,11 @@ class data extends filter { |
| 31 | }, | 32 | }, |
| 32 | { | 33 | { |
| 33 | label: "通知内容", | 34 | label: "通知内容", |
| 35 | minWidth: '170', | ||
| 34 | render: (h, scope) => { | 36 | render: (h, scope) => { |
| 35 | return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div> | 37 | return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div> |
| 36 | } | 38 | } |
| 37 | }, | 39 | }, |
| 38 | // { | ||
| 39 | // prop: "noticeFileName", | ||
| 40 | // label: "通知附件", | ||
| 41 | // render: (h, scope) => { | ||
| 42 | // return <div class="pointer" onClick={() => { vm.downloadFile(scope.row) }}>{scope.row.noticeFileName}</div> | ||
| 43 | // } | ||
| 44 | // }, | ||
| 45 | { | 40 | { |
| 46 | label: "发布状态", | 41 | label: "发布状态", |
| 47 | width: '80', | 42 | width: '80', |
| ... | @@ -57,6 +52,7 @@ class data extends filter { | ... | @@ -57,6 +52,7 @@ class data extends filter { |
| 57 | { | 52 | { |
| 58 | prop: "noticePublishTime", | 53 | prop: "noticePublishTime", |
| 59 | label: "发布时间", | 54 | label: "发布时间", |
| 55 | width: '140' | ||
| 60 | }, | 56 | }, |
| 61 | { | 57 | { |
| 62 | prop: "creater", | 58 | prop: "creater", |
| ... | @@ -66,11 +62,12 @@ class data extends filter { | ... | @@ -66,11 +62,12 @@ class data extends filter { |
| 66 | { | 62 | { |
| 67 | prop: "createtime", | 63 | prop: "createtime", |
| 68 | label: "创建时间", | 64 | label: "创建时间", |
| 65 | width: '140' | ||
| 69 | }, | 66 | }, |
| 70 | { | 67 | { |
| 71 | label: '操作', | 68 | label: '操作', |
| 72 | align: 'center', | 69 | align: 'center', |
| 73 | fixed: 'right', | 70 | width: '130', |
| 74 | render: (h, scope) => { | 71 | render: (h, scope) => { |
| 75 | switch (scope.row.noticeStatus) { | 72 | switch (scope.row.noticeStatus) { |
| 76 | case '1': | 73 | case '1': | ... | ... |
src/views/zhcx/zslqcx/components/zslr.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-04-19 09:29:54 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <img :src="formData.previewImage" class="imgClass"> | ||
| 8 | </template> | ||
| 9 | <script> | ||
| 10 | export default { | ||
| 11 | props: { | ||
| 12 | formData: { | ||
| 13 | type: Object, | ||
| 14 | default: () => { } | ||
| 15 | } | ||
| 16 | } | ||
| 17 | } | ||
| 18 | </script> | ||
| 19 | <style> | ||
| 20 | .imgClass { | ||
| 21 | width: 100%; | ||
| 22 | } | ||
| 23 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -6,25 +6,25 @@ | ... | @@ -6,25 +6,25 @@ |
| 6 | <el-row> | 6 | <el-row> |
| 7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
| 8 | <el-form-item label="不动产权证号" label-width="100px"> | 8 | <el-form-item label="不动产权证号" label-width="100px"> |
| 9 | <el-input placeholder="请输入不动产权证号" class="width100" v-model="queryForm.bdcqzh" clearable> | 9 | <el-input placeholder="请输入不动产权证号" class="width100" v-model="queryForm.bdcqzh" clearable> |
| 10 | </el-input> | 10 | </el-input> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | </el-col> | 12 | </el-col> |
| 13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
| 14 | <el-form-item label="印刷序列号" label-width="100px"> | 14 | <el-form-item label="印刷序列号" label-width="100px"> |
| 15 | <el-input placeholder="请输入印刷序列号" class="width100" v-model="queryForm.ysxlh" clearable> | 15 | <el-input placeholder="请输入印刷序列号" class="width100" v-model="queryForm.ysxlh" clearable> |
| 16 | </el-input> | 16 | </el-input> |
| 17 | </el-form-item> | 17 | </el-form-item> |
| 18 | </el-col> | 18 | </el-col> |
| 19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
| 20 | <el-form-item label="业务号"> | 20 | <el-form-item label="业务号"> |
| 21 | <el-input placeholder="请输入业务号" class="width100" v-model="queryForm.ywh" clearable> | 21 | <el-input placeholder="请输入业务号" class="width100" v-model="queryForm.ywh" clearable> |
| 22 | </el-input> | 22 | </el-input> |
| 23 | </el-form-item> | 23 | </el-form-item> |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="5"> | 25 | <el-col :span="5"> |
| 26 | <el-form-item label="领取人"> | 26 | <el-form-item label="领取人"> |
| 27 | <el-input placeholder="请输入领取人" class="width100" v-model="queryForm.lzrxm" clearable> | 27 | <el-input placeholder="请输入领取人" class="width100" v-model="queryForm.lzrxm" clearable> |
| 28 | </el-input> | 28 | </el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| ... | @@ -45,9 +45,9 @@ | ... | @@ -45,9 +45,9 @@ |
| 45 | :data="tableData.data"> | 45 | :data="tableData.data"> |
| 46 | </lb-table> | 46 | </lb-table> |
| 47 | </div> | 47 | </div> |
| 48 | <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose"> | 48 | <!-- <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose"> |
| 49 | <img :src="previewImage" class="imgClass"> | 49 | |
| 50 | </el-dialog> | 50 | </el-dialog> --> |
| 51 | </div> | 51 | </div> |
| 52 | </template> | 52 | </template> |
| 53 | <script> | 53 | <script> |
| ... | @@ -70,7 +70,6 @@ export default { | ... | @@ -70,7 +70,6 @@ export default { |
| 70 | lzrxm: "", | 70 | lzrxm: "", |
| 71 | }, | 71 | }, |
| 72 | dialogVisible: false, | 72 | dialogVisible: false, |
| 73 | previewImage: '', | ||
| 74 | tableData: { | 73 | tableData: { |
| 75 | total: 0, | 74 | total: 0, |
| 76 | columns: datas.columns(), | 75 | columns: datas.columns(), |
| ... | @@ -91,17 +90,16 @@ export default { | ... | @@ -91,17 +90,16 @@ export default { |
| 91 | } | 90 | } |
| 92 | }) | 91 | }) |
| 93 | }, | 92 | }, |
| 94 | openDialog(item){ | 93 | openDialog (item) { |
| 95 | this.$startLoading() | 94 | this.$startLoading() |
| 96 | bdcqzPreview(item).then(res => { | 95 | bdcqzPreview(item).then(res => { |
| 97 | this.$endLoading() | 96 | this.$endLoading() |
| 98 | this.dialogVisible = true; | 97 | this.dialogVisible = true; |
| 99 | let blob = new Blob([res]); | 98 | let blob = new Blob([res]); |
| 100 | let url = window.URL.createObjectURL(blob); | 99 | this.$popupDialog("证书内容", "zhcx/zslqcx/components/zslr", { 'previewImage': window.URL.createObjectURL(blob) }) |
| 101 | this.previewImage = url; | ||
| 102 | }) | 100 | }) |
| 103 | }, | 101 | }, |
| 104 | handleClose() { | 102 | handleClose () { |
| 105 | this.dialogVisible = false; | 103 | this.dialogVisible = false; |
| 106 | } | 104 | } |
| 107 | }, | 105 | }, | ... | ... |
-
Please register or sign in to post a comment