98e2948f by renchao@pashanhoo.com

style:发证信息证书领取功能的完成

1 parent e3e00fb3
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",
......