style:证书打印
Showing
4 changed files
with
19 additions
and
94 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: 不动产权证 | 2 | * @Description: 不动产权证 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-16 14:04:18 | 4 | * @LastEditTime: 2023-09-05 13:24:14 |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request'; | 6 | import request from '@/utils/request'; |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| ... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { | ... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { |
| 131 | responseType: 'blob' | 131 | responseType: 'blob' |
| 132 | }) | 132 | }) |
| 133 | } | 133 | } |
| 134 | // 获取不动产权证详细信息 | ||
| 135 | export function getBdcqzDetail (bsmBdcqz) { | ||
| 136 | return request({ | ||
| 137 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail', | ||
| 138 | method: 'get', | ||
| 139 | params: { | ||
| 140 | bsmBdcqz: bsmBdcqz | ||
| 141 | } | ||
| 142 | }) | ||
| 143 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-04 17:12:05 | 4 | * @LastEditTime: 2023-09-05 14:28:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -55,28 +55,14 @@ | ... | @@ -55,28 +55,14 @@ |
| 55 | </div> | 55 | </div> |
| 56 | </div> | 56 | </div> |
| 57 | </el-card> | 57 | </el-card> |
| 58 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh"> | 58 | |
| 59 | <div class="invalid-diglog"> | ||
| 60 | <div class="invalid-title"> | ||
| 61 | <i class="el-icon-question invalid-icon"></i> | ||
| 62 | <div class="invalid-body">您确定作废证书并再次打印?印刷序列号{{ysxlh}}</div> | ||
| 63 | </div> | ||
| 64 | <div class="invalid-reson">作废原因:</div> | ||
| 65 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
| 66 | <div class="text-center pt-10"> | ||
| 67 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
| 68 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
| 69 | </div> | ||
| 70 | </div> | ||
| 71 | </el-dialog> | ||
| 72 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> | 59 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> |
| 73 | </div> | 60 | </div> |
| 74 | </template> | 61 | </template> |
| 75 | <script> | 62 | <script> |
| 76 | import { mapGetters } from 'vuex' | 63 | import { mapGetters } from 'vuex' |
| 77 | import store from '@/store/index.js' | 64 | import store from '@/store/index.js' |
| 78 | import { getPrintTemplateByCode } from "@/api/print"; | 65 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; |
| 79 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | ||
| 80 | export default { | 66 | export default { |
| 81 | props: {}, | 67 | props: {}, |
| 82 | data () { | 68 | data () { |
| ... | @@ -86,13 +72,8 @@ | ... | @@ -86,13 +72,8 @@ |
| 86 | dialog: false, | 72 | dialog: false, |
| 87 | tableData: [], | 73 | tableData: [], |
| 88 | bdcqzlx: 1, | 74 | bdcqzlx: 1, |
| 89 | bdcqz: {}, | 75 | bdcqz: {} |
| 90 | zfyy: "", | 76 | } |
| 91 | invalidDiglog: false, | ||
| 92 | bsmSz: "", | ||
| 93 | bsmBdcqz: "", | ||
| 94 | ysxlh: "" | ||
| 95 | }; | ||
| 96 | }, | 77 | }, |
| 97 | computed: { | 78 | computed: { |
| 98 | ...mapGetters(['workFresh']) | 79 | ...mapGetters(['workFresh']) |
| ... | @@ -135,12 +116,11 @@ | ... | @@ -135,12 +116,11 @@ |
| 135 | */ | 116 | */ |
| 136 | openZsylDialog (item, type) { | 117 | openZsylDialog (item, type) { |
| 137 | store.dispatch('user/reWorkFresh', false) | 118 | store.dispatch('user/reWorkFresh', false) |
| 138 | |||
| 139 | if (type == 1) { | 119 | if (type == 1) { |
| 140 | //证书证明预览 | 120 | //证书证明预览 |
| 141 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 121 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
| 142 | } else { | 122 | } else { |
| 143 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 123 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
| 144 | } | 124 | } |
| 145 | }, | 125 | }, |
| 146 | /** | 126 | /** |
| ... | @@ -149,38 +129,7 @@ | ... | @@ -149,38 +129,7 @@ |
| 149 | * @author: renchao | 129 | * @author: renchao |
| 150 | */ | 130 | */ |
| 151 | openInvalidDiglog (item) { | 131 | openInvalidDiglog (item) { |
| 152 | this.bdcqz = item | 132 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
| 153 | this.ysxlh = item.ysxlh | ||
| 154 | this.bsmSz = item.bsmSz; | ||
| 155 | this.invalidDiglog = true; | ||
| 156 | this.bsmBdcqz = item.bsmBdcqz | ||
| 157 | }, | ||
| 158 | /** | ||
| 159 | * @description: closeInvalidDiglog | ||
| 160 | * @author: renchao | ||
| 161 | */ | ||
| 162 | closeInvalidDiglog () { | ||
| 163 | this.invalidDiglog = false; | ||
| 164 | this.bsmSz = ""; | ||
| 165 | this.zfyy = ""; | ||
| 166 | }, | ||
| 167 | /** | ||
| 168 | * @description: 作废缮证信息 | ||
| 169 | * @author: renchao | ||
| 170 | */ | ||
| 171 | confirmInvalid () { | ||
| 172 | invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then(async (res) => { | ||
| 173 | if (res.code === 200) { | ||
| 174 | this.list(); | ||
| 175 | this.$message.success("作废成功"); | ||
| 176 | this.invalidDiglog = false; | ||
| 177 | this.zfyy = '' | ||
| 178 | let res = await this.list() | ||
| 179 | if (res && res == 200) this.openZsylDialog(this.bdcqz); | ||
| 180 | } else { | ||
| 181 | this.$message.error(res.message); | ||
| 182 | } | ||
| 183 | }) | ||
| 184 | }, | 133 | }, |
| 185 | /** | 134 | /** |
| 186 | * @description: openRecordPop | 135 | * @description: openRecordPop |
| ... | @@ -263,39 +212,6 @@ | ... | @@ -263,39 +212,6 @@ |
| 263 | padding-top: 8px; | 212 | padding-top: 8px; |
| 264 | font-size: 16px; | 213 | font-size: 16px; |
| 265 | } | 214 | } |
| 266 | |||
| 267 | .invalid-diglog { | ||
| 268 | padding-bottom: 20px; | ||
| 269 | font-size: 16px; | ||
| 270 | font-weight: bold; | ||
| 271 | color: rgb(99, 99, 99); | ||
| 272 | |||
| 273 | .invalid-title { | ||
| 274 | display: flex; | ||
| 275 | align-content: center; | ||
| 276 | |||
| 277 | .invalid-icon { | ||
| 278 | color: rgb(254, 148, 0); | ||
| 279 | font-size: 34px; | ||
| 280 | margin-right: 10px; | ||
| 281 | } | ||
| 282 | |||
| 283 | .invalid-body { | ||
| 284 | line-height: 40px; | ||
| 285 | margin-bottom: 10px; | ||
| 286 | } | ||
| 287 | } | ||
| 288 | |||
| 289 | .invalid-reson { | ||
| 290 | margin-bottom: 10px; | ||
| 291 | } | ||
| 292 | |||
| 293 | .dialog-footer { | ||
| 294 | margin-top: 10px; | ||
| 295 | display: flex; | ||
| 296 | justify-content: flex-end; | ||
| 297 | } | ||
| 298 | } | ||
| 299 | .box-card { | 215 | .box-card { |
| 300 | .szxx_header { | 216 | .szxx_header { |
| 301 | color: #303133; | 217 | color: #303133; | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 13:59:14 | 4 | * @LastEditTime: 2023-09-05 15:05:56 |
| 5 | */ | 5 | */ |
| 6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
| 7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
| ... | @@ -49,7 +49,6 @@ export default { | ... | @@ -49,7 +49,6 @@ export default { |
| 49 | * @author: renchao | 49 | * @author: renchao |
| 50 | */ | 50 | */ |
| 51 | getFromRouter (tabname) { | 51 | getFromRouter (tabname) { |
| 52 | console.log(tabname, 'tabnametabnametabnametabnametabname'); | ||
| 53 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 | 52 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 |
| 54 | for (let item of this.tabList) { | 53 | for (let item of this.tabList) { |
| 55 | if (item.value === tabname) { | 54 | if (item.value === tabname) { | ... | ... |
-
Please register or sign in to post a comment