Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
98e2948f by renchao@pashanhoo.com
Options

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

1 parent e3e00fb3
Inline Side-by-side
Showing 4 changed files with 111 additions and 111 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,9 +27,9 @@ ...@@ -22,9 +27,9 @@
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>
29 </el-form> 34 </el-form>
30 </div> 35 </div>
...@@ -32,56 +37,45 @@ ...@@ -32,56 +37,45 @@
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 { 47 mixins: [table],
44 mixins: [table], 48 data () {
45 components: { 49 return {
46 zslqDialog 50 ruleForm: {
47 }, 51 ysxlh: '',
48 props: { 52 zsh: '',
49 }, 53 qlr: '',
50 data () { 54 bsmSldy: '',
51 return { 55 },
52 ruleForm: { 56 tableData: {
53 ysxlh: '', 57 total: 0,
54 zsh: '', 58 columns: datas.columns().fzgrid,
55 qlr: '', 59 data: [],
56 bsmSldy: '', 60 },
57 }, 61 dialogVisible: false
58 tableData: { 62 }
59 total: 0,
60 columns: datas.columns().fzgrid,
61 data: [],
62 },
63 dialogVisible:false
64 }
65 },
66 methods: {
67 queryClick () {
68 this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
69 getCertificateList(this.ruleForm).then(res => {
70 if (res.code === 200) {
71 this.tableData.data = res.result;
72 }
73 })
74 },
75 zslqClick(){
76 this.dialogVisible = true;
77 }, 63 },
78 //子组件传 过来的 数据 64 methods: {
79 dialogVisibles(v){ 65 queryClick () {
80 this.dialogVisible = v; 66 this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
67 getCertificateList(this.ruleForm).then(res => {
68 if (res.code === 200) {
69 this.tableData.data = res.result;
70 }
71 })
72 },
73 zslqClick () {
74 this.$popupDialog("不动产权证领取", "workflow/components/zslq", {}, '80%', true);
75 }
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"> 2 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
3 <div class="zslq"> 3 <el-row>
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> 4 <el-col :span="8">
5 <el-row> 5 <el-form-item label="发证人姓名">
6 <el-col :span="8"> 6 <el-input v-model="ruleForm.fzrmc" disabled></el-input>
7 <el-form-item label="发证人姓名"> 7 </el-form-item>
8 <el-input v-model="ruleForm.fzrmc" disabled></el-input> 8 </el-col>
9 </el-form-item> 9 <el-col :span="8">
10 </el-col> 10 <el-form-item label="发证时间">
11 <el-col :span="8"> 11 <el-input v-model="ruleForm.fzsj" disabled></el-input>
12 <el-form-item label="发证时间"> 12 </el-form-item>
13 <el-input v-model="ruleForm.fzsj" disabled></el-input> 13 </el-col>
14 </el-form-item> 14 <el-col :span="8">
15 </el-col> 15 <el-form-item label="发证数量">
16 <el-col :span="8"> 16 <el-input v-model="ruleForm.fzsl" disabled></el-input>
17 <el-form-item label="发证数量"> 17 </el-form-item>
18 <el-input v-model="ruleForm.fzsl" disabled></el-input> 18 </el-col>
19 </el-form-item> 19 </el-row>
20 </el-col>
21 </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">
27 <el-form-item label="领证人" prop="lzrxm"> 25 <el-form-item label="领证人" prop="lzrxm">
28 <el-input v-model="ruleForm.lzrxm"></el-input> 26 <el-input v-model="ruleForm.lzrxm"></el-input>
29 </el-form-item> 27 </el-form-item>
30 </el-col> 28 </el-col>
31 <el-col :span="6"> 29 <el-col :span="6">
32 <el-form-item label="证件类型" prop="lzrzjlb"> 30 <el-form-item label="证件类型" prop="lzrzjlb">
33 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> 31 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
34 <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode"> 32 <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
35 </el-option> 33 </el-option>
36 </el-select> 34 </el-select>
37 </el-form-item> 35 </el-form-item>
38 </el-col> 36 </el-col>
39 <el-col :span="6"> 37 <el-col :span="6">
40 <el-form-item label="证件号" prop="lzrzjh"> 38 <el-form-item label="证件号" prop="lzrzjh">
41 <el-input v-model="ruleForm.lzrzjh"></el-input> 39 <el-input v-model="ruleForm.lzrzjh"></el-input>
42 </el-form-item> 40 </el-form-item>
43 </el-col> 41 </el-col>
44 <el-col :span="6"> 42 <el-col :span="6">
45 <el-form-item label="领证人电话" prop="lzrdh"> 43 <el-form-item label="领证人电话" prop="lzrdh">
46 <el-input v-model="ruleForm.lzrdh"></el-input> 44 <el-input v-model="ruleForm.lzrdh"></el-input>
47 </el-form-item> 45 </el-form-item>
48 </el-col> 46 </el-col>
49 </el-row> 47 </el-row>
50 </el-form> 48 <el-form-item class="text-center">
51 </div> 49 <el-button @click="$popupCacel">取消</el-button>
52 </dialogBox> 50 <el-button type="primary" @click="handleSubmit">确定</el-button>
51 </el-form-item>
52 </el-form>
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",
......