Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ea97c1fd by jiaozeping@pashanhoo.com
Options

打印登记薄表单开发

1 parent 6da55ef3
Inline Side-by-side
Showing 6 changed files with 181 additions and 74 deletions
1 <template>
2 <div>
3 <el-form :model="ruleForm" label-width="120px">
4 <el-row>
5 <el-col :span="6">
6 <el-form-item label="查询时间：">
7 <!-- <el-input disabled v-model="ruleForm.cxlx"></el-input> -->
8 {{ ruleForm.cxsj }}
9 </el-form-item>
10 </el-col>
11 <el-col :span="8">
12 <el-form-item label="不动产单元号：">
13 {{ ruleForm.bdcdyh }}
14 </el-form-item>
15 </el-col>
16 </el-row>
17 <el-row>
18 <el-col :span="24">
19 <table class="table1">
20 <tr>
21 <td>1</td>
22 <td>2</td>
23 <td>3</td>
24 <td>4</td>
25 <td>5</td>
26 <td>6</td>
27 <td>7</td>
28 <td>8</td>
29 <td>9</td>
30 <td>10</td>
31 <td>11</td>
32
33 </tr>
34 </table>
35 </el-col>
36 </el-row>
37 </el-form>
38 </div>
39 </template>
40
41 <script>
42 import { getJtfcInfo } from "@/api/sqcxjl";
43
44 export default {
45 components: {},
46 props: ["formData"],
47
48 created() {
49 var sqcxdata = this.formData.sqcxdata;
50 this.ruleForm = sqcxdata;
51 },
52
53 data() {
54 return {
55 ruleForm: {
56 cxsj: "",
57 bdcdyh: "",
58 },
59 };
60 },
61
62 mounted() {},
63
64 methods: {},
65 };
66 </script>
67 <style scoped lang="scss">
68 @import "~@/styles/mixin.scss";
69
70 .table1 {
71 border-spacing: 0;
72 border-collapse: collapse;
73 width: 100%;
74
75 }
76
77 .table1 td {
78 border: 1px solid #acbed1;
79 height: 30px;
80 }
81 </style>
82
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,39 +5,31 @@ ...@@ -5,39 +5,31 @@
5 <el-form :model="queryForm" ref="queryForm" label-width="80px"> 5 <el-form :model="queryForm" ref="queryForm" label-width="80px">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="业务来源"> 8 <el-form-item label="查询编号">
9 <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源"> 9 <el-input
10 <el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value"> 10 placeholder="请输入编号"
11 </el-option> 11 v-model="queryForm.cxbh"
12 </el-select> 12 class="width200px"
13 </el-form-item> 13 clearable
14 </el-col> 14 >
15 <el-col :span="5"> 15 </el-input>
16 <el-form-item label="权利类型">
17 <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
19 </el-option>
20 </el-select>
21 </el-form-item>
22 </el-col>
23 <el-col :span="5">
24 <el-form-item label="登记类型">
25 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
27 </el-option>
28 </el-select>
29 </el-form-item> 16 </el-form-item>
30 </el-col> 17 </el-col>
31 <el-col :span="5"> 18 <el-col :span="5">
32 <el-form-item label="业务号"> 19 <el-form-item label="申请人">
33 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> 20 <el-input
21 placeholder="请输入申请人"
22 v-model="queryForm.sqr"
23 class="width200px"
24 clearable
25 >
34 </el-input> 26 </el-input>
35 </el-form-item> 27 </el-form-item>
36 </el-col> 28 </el-col>
37 29
38 <el-col :span="4" class="btnColRight"> 30 <el-col :span="14" class="btnColRight">
39 <el-form-item> 31 <el-form-item>
40 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button> 32 <el-button type="primary" @click="queryClick()">查询</el-button>
41 <el-button @click="moreQueryClick()">高级查询</el-button> 33 <el-button @click="moreQueryClick()">高级查询</el-button>
42 </el-form-item> 34 </el-form-item>
43 </el-col> 35 </el-col>
...@@ -46,59 +38,82 @@ ...@@ -46,59 +38,82 @@
46 </div> 38 </div>
47 <!-- 表格 --> 39 <!-- 表格 -->
48 <div class="from-clues-content"> 40 <div class="from-clues-content">
49 <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current" 41 <lb-table
50 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 42 :page-size="pageData.size"
51 :column="tableData.columns" :data="tableData.data"> 43 border
44 @sort-change="handleSort"
45 :current-page.sync="pageData.current"
46 :total="tableData.total"
47 @size-change="handleSizeChange"
48 @p-current-change="handleCurrentChange"
49 :column="tableData.columns"
50 :data="tableData.data"
51 >
52 </lb-table> 52 </lb-table>
53 </div> 53 </div>
54 </div> 54 </div>
55 </template> 55 </template>
56 <script> 56 <script>
57 import { mapGetters } from 'vuex' 57 import { mapGetters } from "vuex";
58 import table from "@/utils/mixin/table"; 58 import table from "@/utils/mixin/table";
59 import { datas, sendThis } from "./dydjbdata"; 59 import { datas, sendThis } from "./dydjbdata";
60 import { getJtfcPage } from "@/api/jtfc";
61
60 export default { 62 export default {
61 name: "dydjb", 63 name: "dydjb",
62 mixins: [table], 64 mixins: [table],
63 mounted () { 65 mounted() {
64 sendThis(this); 66 sendThis(this);
65 }, 67 },
66 computed: { 68 computed: {
67 ...mapGetters(['dictData']), 69 ...mapGetters(["dictData"]),
68 }, 70 },
69 data () { 71 data() {
70 return { 72 return {
71 queryForm: { 73 queryForm: {
72 ywly: "", 74 cxbh: "",
73 qllx: "", 75 sqr: "",
74 djlx: "",
75 ywh: "", 76 ywh: "",
76 }, 77 },
77 tableData: { 78 tableData: {
78 total: 0,
79 columns: datas.columns(), 79 columns: datas.columns(),
80 data: [ 80 data: [],
81 {
82 cxlx: "家庭房产",
83 cxbh: "20200409146",
84 cxsj: "2016-10-02 10:00:00",
85 slry: "张三",
86 sqr: "张三",
87 yqlrgx: "不动产权利人",
88 qlr: "绿地开发商",
89 },
90 ],
91 }, 81 },
92 }; 82 };
93 }, 83 },
94 methods: { 84 methods: {
95 // 初始化数据 85 // 初始化数据
96 fetchData () { }, 86 fetchData() {
97 handleSort (name, sort) { 87 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
88 let { records, total } = res.result;
89 this.tableData.data = records;
90 this.tableData.total = total;
91 });
92 },
93 handleSort(name, sort) {
98 console.log(name, sort); 94 console.log(name, sort);
99 }, 95 },
100 openDialog () { 96
101 console.log(999999999999999); 97 dydjbClick(scope) {
98 // var sqcxBsm = scope.row.bsmSqcx;
99 this.$popup({
100 title: "打印登记薄",
101 width: "85%",
102 btnShow: true,
103 editItem: "sqcx/dydjb/components/dydjbInfo", // 弹窗内容
104 height: "700px",
105 formData: {
106 sqcxdata: scope.row,
107 },
108 cancel: function () {}, //取消事件的回调
109 confirm: function () {
110 // that.loadBdcdylist();
111 }, //确认事件的回调
112 });
113 },
114
115 queryClick() {
116 this.fetchData();
102 }, 117 },
103 }, 118 },
104 }; 119 };
......
...@@ -16,8 +16,15 @@ class data extends filter { ...@@ -16,8 +16,15 @@ class data extends filter {
16 width: '50' 16 width: '50'
17 }, 17 },
18 { 18 {
19 prop: "cxlx",
20 label: "查询类型", 19 label: "查询类型",
20 render: (h, scope) => {
21 switch (scope.row.cxlx) {
22 case '1':
23 return <div>家庭房产</div>
24 case '2':
25 return <div>登记簿</div>
26 }
27 }
21 }, 28 },
22 { 29 {
23 prop: "cxbh", 30 prop: "cxbh",
...@@ -28,33 +35,41 @@ class data extends filter { ...@@ -28,33 +35,41 @@ class data extends filter {
28 label: "查询时间", 35 label: "查询时间",
29 }, 36 },
30 { 37 {
31 prop: "slry", 38 prop: "cxr",
32 label: "受理人员", 39 label: "受理人员",
33 }, 40 },
34 { 41 {
35 prop: "sqr", 42 prop: "sqrxm",
36 label: "申请人", 43 label: "申请人",
37 }, 44 },
38 { 45 {
39 prop: "yqlrgx",
40 label: "与权利人的关系", 46 label: "与权利人的关系",
47 render: (h, scope) => {
48 switch (scope.row.ycyrgx) {
49 case '1':
50 return <div>权利人</div>
51 case '2':
52 return <div>产权利害关系人</div>
53 case '3':
54 return <div>委托人</div>
55 }
56 }
41 }, 57 },
42 { 58 {
43 prop: "qlr", 59 prop: "qlrxm",
44 label: "权利人", 60 label: "权利人",
45 }, 61 },
46 ] 62 {
63 label: "操作",
64 render: (h, scope) => {
65 return <el-button type="text" icon='el-icon-view' onClick={() => { vm.dydjbClick(scope) }}>打印登记薄</el-button>
47 } 66 }
67 },
48 68
49 ywlys(){
50 return[
51 { value: 1, label: "办事大厅" },
52 { value: 2, label: "微信小程序" },
53 { value: 3, label: "法院端" },
54 { value: 4, label: "银行端" },
55 ] 69 ]
56 } 70 }
57 71
72
58 } 73 }
59 let datas = new data() 74 let datas = new data()
60 export { 75 export {
......
1 <template> 1 <template>
2 <div class="jtfccx-edit"> 2 <div >
3 <el-form :model="ruleForm" label-width="120px"> 3 <el-form :model="ruleForm" label-width="120px">
4 <el-row> 4 <el-row>
5 <el-col :span="24" style="margin-bottom: 15px"> 5 <el-col :span="24" style="margin-bottom: 15px">
......
...@@ -26,12 +26,6 @@ ...@@ -26,12 +26,6 @@
26 </el-input> 26 </el-input>
27 </el-form-item> 27 </el-form-item>
28 </el-col> 28 </el-col>
29 <!-- <el-col :span="5">
30 <el-form-item label="业务号">
31 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
32 </el-input>
33 </el-form-item>
34 </el-col> -->
35 <el-col :span="14" class="btnColRight"> 29 <el-col :span="14" class="btnColRight">
36 <el-form-item> 30 <el-form-item>
37 <el-button type="primary" @click="queryClick()">查询</el-button> 31 <el-button type="primary" @click="queryClick()">查询</el-button>
...@@ -88,7 +82,7 @@ export default { ...@@ -88,7 +82,7 @@ export default {
88 82
89 // 初始化数据 83 // 初始化数据
90 fetchData() { 84 fetchData() {
91 debugger; 85
92 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { 86 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
93 let { records, total } = res.result; 87 let { records, total } = res.result;
94 this.tableData.data = records; 88 this.tableData.data = records;
...@@ -98,8 +92,9 @@ export default { ...@@ -98,8 +92,9 @@ export default {
98 handleSort(name, sort) { 92 handleSort(name, sort) {
99 console.log(name, sort); 93 console.log(name, sort);
100 }, 94 },
95
101 // 查看 96 // 查看
102 handleView(scope) { 97 handleViewClick(scope) {
103 var sqcxBsm = scope.row.bsmSqcx; 98 var sqcxBsm = scope.row.bsmSqcx;
104 this.$popup({ 99 this.$popup({
105 title: "申请查询记录", 100 title: "申请查询记录",
......
...@@ -64,9 +64,9 @@ class data extends filter { ...@@ -64,9 +64,9 @@ class data extends filter {
64 label: "查询用途", 64 label: "查询用途",
65 }, 65 },
66 { 66 {
67 label: "查询编号", 67 label: "操作",
68 render: (h, scope) => { 68 render: (h, scope) => {
69 return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleView(scope) }}>查看</el-button> 69 return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope) }}>查看</el-button>
70 } 70 }
71 }, 71 },
72 ] 72 ]
......