xiug
Showing
4 changed files
with
130 additions
and
71 deletions
... | @@ -2,24 +2,46 @@ | ... | @@ -2,24 +2,46 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> | 5 | <el-form |
6 | :model="queryForm" | ||
7 | ref="queryForm" | ||
8 | @submit.native.prevent | ||
9 | label-width="70px" | ||
10 | > | ||
6 | <el-row> | 11 | <el-row> |
7 | <el-col :span="5"> | 12 | <el-col :span="5"> |
8 | <el-form-item label="查询编号"> | 13 | <el-form-item label="查询编号"> |
9 | <el-input placeholder="请输入编号" v-model="queryForm.cxbh" class="width100" clearable @clear="queryClick()"> | 14 | <el-input |
15 | placeholder="请输入编号" | ||
16 | v-model="queryForm.cxbh" | ||
17 | class="width200px" | ||
18 | clearable | ||
19 | @clear="queryClick()" | ||
20 | > | ||
10 | </el-input> | 21 | </el-input> |
11 | </el-form-item> | 22 | </el-form-item> |
12 | </el-col> | 23 | </el-col> |
13 | <el-col :span="5"> | 24 | <el-col :span="5"> |
14 | <el-form-item label="申请人"> | 25 | <el-form-item label="申请人"> |
15 | <el-input placeholder="请输入申请人" v-model="queryForm.sqr" class="width100" @clear="queryClick()" clearable> | 26 | <el-input |
27 | placeholder="请输入申请人" | ||
28 | v-model="queryForm.sqr" | ||
29 | class="width200px" | ||
30 | @clear="queryClick()" | ||
31 | clearable | ||
32 | > | ||
16 | </el-input> | 33 | </el-input> |
17 | </el-form-item> | 34 | </el-form-item> |
18 | </el-col> | 35 | </el-col> |
19 | 36 | ||
20 | <el-col :span="14" class="btnColRight"> | 37 | <el-col :span="14" class="btnColRight"> |
21 | <el-form-item> | 38 | <el-form-item> |
22 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> | 39 | <el-button |
40 | type="primary" | ||
41 | native-type="submit" | ||
42 | @click="queryClick()" | ||
43 | >查询</el-button | ||
44 | > | ||
23 | <el-button @click="moreQueryClick()">高级查询</el-button> | 45 | <el-button @click="moreQueryClick()">高级查询</el-button> |
24 | </el-form-item> | 46 | </el-form-item> |
25 | </el-col> | 47 | </el-col> |
... | @@ -27,10 +49,19 @@ | ... | @@ -27,10 +49,19 @@ |
27 | </el-form> | 49 | </el-form> |
28 | </div> | 50 | </div> |
29 | <!-- 表格 --> | 51 | <!-- 表格 --> |
30 | <div class="from-clues-content"> | 52 | <div class="from-clues-content" id="divcontentid"> |
31 | <lb-table :page-size="pageData.size" id="dydjb" border @sort-change="handleSort" | 53 | <lb-table |
32 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" | 54 | :page-size="pageData.size" |
33 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 55 | id="dydjb" |
56 | border | ||
57 | @sort-change="handleSort" | ||
58 | :current-page.sync="pageData.current" | ||
59 | :total="tableData.total" | ||
60 | @size-change="handleSizeChange" | ||
61 | @p-current-change="handleCurrentChange" | ||
62 | :column="tableData.columns" | ||
63 | :data="tableData.data" | ||
64 | > | ||
34 | </lb-table> | 65 | </lb-table> |
35 | </div> | 66 | </div> |
36 | </div> | 67 | </div> |
... | @@ -44,13 +75,13 @@ import { getJtfcPage } from "@/api/jtfc"; | ... | @@ -44,13 +75,13 @@ import { getJtfcPage } from "@/api/jtfc"; |
44 | export default { | 75 | export default { |
45 | name: "dydjb", | 76 | name: "dydjb", |
46 | mixins: [table], | 77 | mixins: [table], |
47 | mounted () { | 78 | mounted() { |
48 | sendThis(this); | 79 | sendThis(this); |
49 | }, | 80 | }, |
50 | computed: { | 81 | computed: { |
51 | ...mapGetters(["dictData"]), | 82 | ...mapGetters(["dictData"]), |
52 | }, | 83 | }, |
53 | data () { | 84 | data() { |
54 | return { | 85 | return { |
55 | queryForm: { | 86 | queryForm: { |
56 | cxbh: "", | 87 | cxbh: "", |
... | @@ -64,36 +95,37 @@ export default { | ... | @@ -64,36 +95,37 @@ export default { |
64 | }; | 95 | }; |
65 | }, | 96 | }, |
66 | methods: { | 97 | methods: { |
98 | //查询 | ||
99 | queryClick() { | ||
100 | this.fetchData(); | ||
101 | }, | ||
67 | // 初始化数据 | 102 | // 初始化数据 |
68 | fetchData () { | 103 | fetchData() { |
69 | getJtfcPage({ ...this.queryForm, ...this.pageData }, { 'target': '#dydjb' }).then((res) => { | 104 | this.$startLoading("divcontentid"); |
70 | let { records, total } = res.result; | 105 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
71 | this.tableData.data = records; | 106 | this.$endLoading(); |
72 | this.tableData.total = total; | 107 | if (res.code === 200) { |
108 | let { records, total } = res.result; | ||
109 | this.tableData.data = records; | ||
110 | this.tableData.total = total; | ||
111 | } | ||
73 | }); | 112 | }); |
74 | }, | 113 | }, |
75 | handleSort (name, sort) { | 114 | dydjbClick(scope) { |
76 | console.log(name, sort); | ||
77 | }, | ||
78 | |||
79 | dydjbClick (scope) { | ||
80 | // var sqcxBsm = scope.row.bsmSqcx; | ||
81 | this.$popup("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { | 115 | this.$popup("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { |
82 | btnShow: true, | ||
83 | height: "800px", | 116 | height: "800px", |
84 | formData: { | 117 | formData: { |
85 | sqcxdata: scope.row, | 118 | sqcxdata: scope.row, |
86 | }, | 119 | }, |
87 | cancel: function () { }, //取消事件的回调 | 120 | cancel: function () {}, //取消事件的回调 |
88 | confirm: function () { | 121 | confirm: function () {}, |
89 | } | 122 | }); |
90 | }) | ||
91 | }, | 123 | }, |
92 | queryClick () { | 124 | handleSort(name, sort) { |
93 | this.fetchData(); | 125 | console.log(name, sort); |
94 | } | 126 | }, |
95 | } | 127 | }, |
96 | } | 128 | }; |
97 | </script> | 129 | </script> |
98 | <style scoped lang="scss"> | 130 | <style scoped lang="scss"> |
99 | @import "~@/styles/public.scss"; | 131 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -130,7 +130,6 @@ export default { | ... | @@ -130,7 +130,6 @@ export default { |
130 | } | 130 | } |
131 | }, | 131 | }, |
132 | queryChick () { | 132 | queryChick () { |
133 | debugger; | ||
134 | this.addJtfc.djSqcxDO = { ...this.ruleForm } | 133 | this.addJtfc.djSqcxDO = { ...this.ruleForm } |
135 | // this.$message({ | 134 | // this.$message({ |
136 | // type: 'success', | 135 | // type: 'success', | ... | ... |
... | @@ -2,32 +2,59 @@ | ... | @@ -2,32 +2,59 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 家庭房产 --> | 3 | <!-- 家庭房产 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="70px"> | 5 | <el-form |
6 | :model="queryForm" | ||
7 | @submit.native.prevent | ||
8 | ref="queryForm" | ||
9 | label-width="70px" | ||
10 | > | ||
6 | <el-row> | 11 | <el-row> |
7 | <el-col :span="5"> | 12 | <el-col :span="5"> |
8 | <el-form-item label="查询编号"> | 13 | <el-form-item label="查询编号"> |
9 | <el-input placeholder="请输入查询编号" @clear="queryClick()" v-model="queryForm.cxbh" clearable class="width100"> | 14 | <el-input |
15 | placeholder="请输入查询编号" | ||
16 | @clear="queryClick()" | ||
17 | v-model="queryForm.cxbh" | ||
18 | clearable | ||
19 | class="width200px" | ||
20 | > | ||
10 | </el-input> | 21 | </el-input> |
11 | </el-form-item> | 22 | </el-form-item> |
12 | </el-col> | 23 | </el-col> |
13 | <el-col :span="5"> | 24 | <el-col :span="5"> |
14 | <el-form-item label="申请人"> | 25 | <el-form-item label="申请人"> |
15 | <el-input placeholder="请输入申请人" @clear="queryClick()" v-model="queryForm.sqr" clearable class="width100"> | 26 | <el-input |
27 | placeholder="请输入申请人" | ||
28 | @clear="queryClick()" | ||
29 | v-model="queryForm.sqr" | ||
30 | clearable | ||
31 | class="width200px" | ||
32 | > | ||
16 | </el-input> | 33 | </el-input> |
17 | </el-form-item> | 34 | </el-form-item> |
18 | </el-col> | 35 | </el-col> |
19 | <el-col :span="14" class="btnColRight"> | 36 | <el-col :span="14" class="btnColRight"> |
20 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> | 37 | <el-button type="primary" native-type="submit" @click="queryClick()" |
38 | >查询</el-button | ||
39 | > | ||
21 | <el-button type="primary" @click="handleAdd">新增</el-button> | 40 | <el-button type="primary" @click="handleAdd">新增</el-button> |
22 | </el-col> | 41 | </el-col> |
23 | </el-row> | 42 | </el-row> |
24 | </el-form> | 43 | </el-form> |
25 | </div> | 44 | </div> |
26 | <!-- 表格 --> | 45 | <!-- 表格 --> |
27 | <div class="from-clues-content"> | 46 | <div class="from-clues-content" id="divcontentid"> |
28 | <lb-table :page-size="pageData.size" border id="jtfc" :current-page.sync="pageData.current" | 47 | <lb-table |
29 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 48 | :page-size="pageData.size" |
30 | :column="tableData.columns" :data="tableData.data"> | 49 | border |
50 | id="jtfc" | ||
51 | :current-page.sync="pageData.current" | ||
52 | :total="tableData.total" | ||
53 | @size-change="handleSizeChange" | ||
54 | @p-current-change="handleCurrentChange" | ||
55 | :column="tableData.columns" | ||
56 | :data="tableData.data" | ||
57 | > | ||
31 | </lb-table> | 58 | </lb-table> |
32 | </div> | 59 | </div> |
33 | <addjtfc v-model="isDialog" /> | 60 | <addjtfc v-model="isDialog" /> |
... | @@ -42,10 +69,10 @@ export default { | ... | @@ -42,10 +69,10 @@ export default { |
42 | name: "jtfc", | 69 | name: "jtfc", |
43 | components: { addjtfc }, | 70 | components: { addjtfc }, |
44 | mixins: [table], | 71 | mixins: [table], |
45 | mounted () { | 72 | mounted() { |
46 | sendThis(this); | 73 | sendThis(this); |
47 | }, | 74 | }, |
48 | data () { | 75 | data() { |
49 | return { | 76 | return { |
50 | isDialog: false, | 77 | isDialog: false, |
51 | sqrOption: [], | 78 | sqrOption: [], |
... | @@ -59,29 +86,33 @@ export default { | ... | @@ -59,29 +86,33 @@ export default { |
59 | columns: datas.columns(), | 86 | columns: datas.columns(), |
60 | data: [], | 87 | data: [], |
61 | }, | 88 | }, |
62 | |||
63 | }; | 89 | }; |
64 | }, | 90 | }, |
65 | methods: { | 91 | methods: { |
66 | queryClick () { | 92 | //查询 |
93 | queryClick() { | ||
67 | this.fetchData(); | 94 | this.fetchData(); |
68 | }, | 95 | }, |
69 | // 初始化数据 | 96 | // 初始化数据 |
70 | fetchData () { | 97 | fetchData() { |
71 | getJtfcPage({ ...this.queryForm, ...this.pageData }, { 'target': '#jtfc' }).then((res) => { | 98 | this.$startLoading("divcontentid"); |
72 | let { records, total } = res.result; | 99 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
73 | this.tableData.data = records; | 100 | this.$endLoading(); |
74 | this.tableData.total = total; | 101 | if (res.code === 200) { |
102 | let { records, total } = res.result; | ||
103 | this.tableData.data = records; | ||
104 | this.tableData.total = total; | ||
105 | } | ||
75 | }); | 106 | }); |
76 | }, | 107 | }, |
77 | handleSort (name, sort) { | 108 | handleSort(name, sort) { |
78 | console.log(name, sort); | 109 | console.log(name, sort); |
79 | }, | 110 | }, |
80 | handleAdd () { | 111 | handleAdd() { |
81 | this.isDialog = true; | 112 | this.isDialog = true; |
82 | } | 113 | }, |
83 | } | 114 | }, |
84 | } | 115 | }; |
85 | </script> | 116 | </script> |
86 | <style scoped lang="scss"> | 117 | <style scoped lang="scss"> |
87 | @import "~@/styles/public.scss"; | 118 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -6,13 +6,13 @@ | ... | @@ -6,13 +6,13 @@ |
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-input placeholder="请输入编号" @clear="queryClick()" v-model="queryForm.cxbh" class="width100" clearable> | 9 | <el-input placeholder="请输入编号" @clear="queryClick()" v-model="queryForm.cxbh" class="width200px" clearable> |
10 | </el-input> | 10 | </el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
14 | <el-form-item label="申请人"> | 14 | <el-form-item label="申请人"> |
15 | <el-input placeholder="请输入申请人" @clear="queryClick()" v-model="queryForm.sqr" class="width100" clearable> | 15 | <el-input placeholder="请输入申请人" @clear="queryClick()" v-model="queryForm.sqr" class="width200px" clearable> |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
26 | </el-form> | 26 | </el-form> |
27 | </div> | 27 | </div> |
28 | <!-- 表格 --> | 28 | <!-- 表格 --> |
29 | <div class="from-clues-content"> | 29 | <div class="from-clues-content" id="divcontentid"> |
30 | <lb-table :page-size="pageData.size" border id="sqcxjl" @sort-change="handleSort" | 30 | <lb-table :page-size="pageData.size" border id="sqcxjl" @sort-change="handleSort" |
31 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" | 31 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" |
32 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 32 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> |
... | @@ -63,11 +63,14 @@ export default { | ... | @@ -63,11 +63,14 @@ export default { |
63 | }, | 63 | }, |
64 | // 初始化数据 | 64 | // 初始化数据 |
65 | fetchData () { | 65 | fetchData () { |
66 | 66 | this.$startLoading('divcontentid'); | |
67 | getJtfcPage({ ...this.queryForm, ...this.pageData }, { 'target': '#sqcxjl' }).then((res) => { | 67 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
68 | let { records, total } = res.result; | 68 | this.$endLoading(); |
69 | this.tableData.data = records; | 69 | if (res.code === 200) { |
70 | this.tableData.total = total; | 70 | let { records, total } = res.result; |
71 | this.tableData.data = records; | ||
72 | this.tableData.total = total; | ||
73 | } | ||
71 | }); | 74 | }); |
72 | }, | 75 | }, |
73 | handleSort (name, sort) { | 76 | handleSort (name, sort) { |
... | @@ -76,19 +79,13 @@ export default { | ... | @@ -76,19 +79,13 @@ export default { |
76 | // 查看 | 79 | // 查看 |
77 | handleViewClick (scope) { | 80 | handleViewClick (scope) { |
78 | var sqcxBsm = scope.row.bsmSqcx; | 81 | var sqcxBsm = scope.row.bsmSqcx; |
79 | this.$popup({ | 82 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { |
80 | title: "申请查询记录", | 83 | height: "800px", |
81 | width: "85%", | ||
82 | btnShow: true, | ||
83 | editItem: "sqcx/sqcxjl/components/sqcxjlInfo", // 弹窗内容 | ||
84 | height: "700px", | ||
85 | formData: { | 84 | formData: { |
86 | sqcxBsm: sqcxBsm, | 85 | sqcxBsm: sqcxBsm, |
87 | }, | 86 | }, |
88 | cancel: function () { }, //取消事件的回调 | 87 | cancel: function () { }, //取消事件的回调 |
89 | confirm: function () { | 88 | confirm: function () { } |
90 | // that.loadBdcdylist(); | ||
91 | }, //确认事件的回调 | ||
92 | }) | 89 | }) |
93 | } | 90 | } |
94 | } | 91 | } | ... | ... |
-
Please register or sign in to post a comment