style:发证信息证书领取功能的完成
Showing
4 changed files
with
41 additions
and
41 deletions
1 | import Vue from 'vue' | ||
1 | import router from './router' | 2 | import router from './router' |
2 | import store from './store' | 3 | import store from './store' |
3 | import { getMenuInfo } from '@/api/user' | 4 | import { getMenuInfo } from '@/api/user' |
... | @@ -8,6 +9,7 @@ import Cookies from 'js-cookie' | ... | @@ -8,6 +9,7 @@ import Cookies from 'js-cookie' |
8 | NProgress.configure({ showSpinner: false }) // NProgress Configuration | 9 | NProgress.configure({ showSpinner: false }) // NProgress Configuration |
9 | 10 | ||
10 | router.beforeEach(async (to, from, next) => { | 11 | router.beforeEach(async (to, from, next) => { |
12 | Vue.prototype.$currentRoute = to | ||
11 | NProgress.start() | 13 | NProgress.start() |
12 | document.title = getPageTitle(to.meta.title) | 14 | document.title = getPageTitle(to.meta.title) |
13 | let hasAddDict = store.state.dict.addDict | 15 | let hasAddDict = store.state.dict.addDict | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-04 10:12:07 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 发证信息 --> | 8 | <!-- 发证信息 --> |
... | @@ -22,7 +27,7 @@ | ... | @@ -22,7 +27,7 @@ |
22 | <el-col :span="6" class="btnColRight"> | 27 | <el-col :span="6" class="btnColRight"> |
23 | <el-form-item> | 28 | <el-form-item> |
24 | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> | 29 | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> |
25 | <el-button type="primary" icon="el-icon-search" @click="zslqClick()">证书领取</el-button> | 30 | <el-button type="primary" icon="el-icon-search" @click="zslqClick">证书领取</el-button> |
26 | </el-form-item> | 31 | </el-form-item> |
27 | </el-col> | 32 | </el-col> |
28 | </el-row> | 33 | </el-row> |
... | @@ -32,21 +37,14 @@ | ... | @@ -32,21 +37,14 @@ |
32 | <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false"> | 37 | <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false"> |
33 | </lb-table> | 38 | </lb-table> |
34 | </div> | 39 | </div> |
35 | <zslqDialog v-model="dialogVisible" @update:dialogVisible="dialogVisibles"></zslqDialog> | ||
36 | </div> | 40 | </div> |
37 | </template> | 41 | </template> |
38 | <script> | 42 | <script> |
39 | import table from "@/utils/mixin/table"; | 43 | import table from "@/utils/mixin/table"; |
40 | import zslqDialog from "./zslq.vue"; | 44 | import { getCertificateList } from "@/api/bdcqz.js"; |
41 | import { getCertificateList } from "@/api/bdcqz.js"; | 45 | import { datas } from "../javascript/fzxxdata"; |
42 | import { datas } from "../javascript/fzxxdata"; | 46 | export default { |
43 | export default { | ||
44 | mixins: [table], | 47 | mixins: [table], |
45 | components: { | ||
46 | zslqDialog | ||
47 | }, | ||
48 | props: { | ||
49 | }, | ||
50 | data () { | 48 | data () { |
51 | return { | 49 | return { |
52 | ruleForm: { | 50 | ruleForm: { |
... | @@ -60,7 +58,7 @@ export default { | ... | @@ -60,7 +58,7 @@ export default { |
60 | columns: datas.columns().fzgrid, | 58 | columns: datas.columns().fzgrid, |
61 | data: [], | 59 | data: [], |
62 | }, | 60 | }, |
63 | dialogVisible:false | 61 | dialogVisible: false |
64 | } | 62 | } |
65 | }, | 63 | }, |
66 | methods: { | 64 | methods: { |
... | @@ -72,16 +70,12 @@ export default { | ... | @@ -72,16 +70,12 @@ export default { |
72 | } | 70 | } |
73 | }) | 71 | }) |
74 | }, | 72 | }, |
75 | zslqClick(){ | 73 | zslqClick () { |
76 | this.dialogVisible = true; | 74 | this.$popupDialog("不动产权证领取", "workflow/components/zslq", {}, '80%', true); |
77 | }, | 75 | } |
78 | //子组件传 过来的 数据 | ||
79 | dialogVisibles(v){ | ||
80 | this.dialogVisible = v; | ||
81 | } | 76 | } |
82 | } | 77 | } |
83 | } | ||
84 | </script> | 78 | </script> |
85 | <style scoped lang='scss'> | 79 | <style scoped lang='scss'> |
86 | @import "~@/styles/public.scss"; | 80 | @import "~@/styles/public.scss"; |
87 | </style> | 81 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value"> | ||
3 | <div class="zslq"> | ||
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 2 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
5 | <el-row> | 3 | <el-row> |
6 | <el-col :span="8"> | 4 | <el-col :span="8"> |
... | @@ -20,7 +18,7 @@ | ... | @@ -20,7 +18,7 @@ |
20 | </el-col> | 18 | </el-col> |
21 | </el-row> | 19 | </el-row> |
22 | 20 | ||
23 | <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600"> | 21 | <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :calcHeight="300"> |
24 | </lb-table> | 22 | </lb-table> |
25 | <el-row> | 23 | <el-row> |
26 | <el-col :span="6"> | 24 | <el-col :span="6"> |
... | @@ -47,19 +45,28 @@ | ... | @@ -47,19 +45,28 @@ |
47 | </el-form-item> | 45 | </el-form-item> |
48 | </el-col> | 46 | </el-col> |
49 | </el-row> | 47 | </el-row> |
48 | <el-form-item class="text-center"> | ||
49 | <el-button @click="$popupCacel">取消</el-button> | ||
50 | <el-button type="primary" @click="handleSubmit">确定</el-button> | ||
51 | </el-form-item> | ||
50 | </el-form> | 52 | </el-form> |
51 | </div> | ||
52 | </dialogBox> | ||
53 | </template> | 53 | </template> |
54 | 54 | ||
55 | <script> | 55 | <script> |
56 | import Vue from 'vue' | ||
56 | import store from '@/store/index.js' | 57 | import store from '@/store/index.js' |
57 | import table from "@/utils/mixin/table"; | 58 | import table from "@/utils/mixin/table"; |
58 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; | 59 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; |
59 | import { datas } from "../javascript/fzxxdata"; | 60 | import { datas } from "../javascript/fzxxdata"; |
61 | import { log } from 'bpmn-js-token-simulation'; | ||
60 | export default { | 62 | export default { |
61 | props: { | 63 | props: { |
62 | value: { type: Boolean, default: true } | 64 | formData: { |
65 | type: Object, | ||
66 | default: () => { | ||
67 | return {} | ||
68 | } | ||
69 | } | ||
63 | }, | 70 | }, |
64 | mixins: [table], | 71 | mixins: [table], |
65 | data () { | 72 | data () { |
... | @@ -96,17 +103,15 @@ | ... | @@ -96,17 +103,15 @@ |
96 | }, | 103 | }, |
97 | } | 104 | } |
98 | }, | 105 | }, |
99 | watch: { | 106 | mounted () { |
100 | value (val) { | 107 | this.$nextTick(() => { |
101 | if (val) { | 108 | this.loadGrid() |
102 | this.loadGrid(); | 109 | }) |
103 | } | ||
104 | }, | ||
105 | }, | 110 | }, |
106 | methods: { | 111 | methods: { |
107 | //列表初始化 | 112 | //列表初始化 |
108 | loadGrid () { | 113 | loadGrid () { |
109 | getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => { | 114 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { |
110 | if (res.code === 200) { | 115 | if (res.code === 200) { |
111 | this.tableData.data = res.result.list; | 116 | this.tableData.data = res.result.list; |
112 | this.ruleForm.fzrmc = res.result.fzrmc | 117 | this.ruleForm.fzrmc = res.result.fzrmc |
... | @@ -132,11 +137,8 @@ | ... | @@ -132,11 +137,8 @@ |
132 | this.$message.error("请填写领取人信息!") | 137 | this.$message.error("请填写领取人信息!") |
133 | return false; | 138 | return false; |
134 | } | 139 | } |
135 | }); | 140 | }) |
136 | }, | 141 | } |
137 | closeDialog () { | ||
138 | this.$emit("input", false); | ||
139 | }, | ||
140 | } | 142 | } |
141 | } | 143 | } |
142 | </script> | 144 | </script> | ... | ... |
... | @@ -40,7 +40,8 @@ class data extends filter { | ... | @@ -40,7 +40,8 @@ class data extends filter { |
40 | }, | 40 | }, |
41 | { | 41 | { |
42 | prop: "bdcqzh", | 42 | prop: "bdcqzh", |
43 | label: "不动产权证号" | 43 | label: "不动产权证号", |
44 | width: '200', | ||
44 | }, | 45 | }, |
45 | { | 46 | { |
46 | prop: "qlr", | 47 | prop: "qlr", |
... | @@ -60,7 +61,8 @@ class data extends filter { | ... | @@ -60,7 +61,8 @@ class data extends filter { |
60 | }, | 61 | }, |
61 | { | 62 | { |
62 | prop: "fzsj", | 63 | prop: "fzsj", |
63 | label: "发证时间" | 64 | label: "发证时间", |
65 | width: '140', | ||
64 | }, | 66 | }, |
65 | { | 67 | { |
66 | prop: "lzrxm", | 68 | prop: "lzrxm", | ... | ... |
-
Please register or sign in to post a comment