Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
1 changed file
with
55 additions
and
23 deletions
... | @@ -6,33 +6,58 @@ | ... | @@ -6,33 +6,58 @@ |
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="请输入编号" v-model="queryForm.cxbh" clearable> | 9 | <el-input |
10 | placeholder="请输入编号" | ||
11 | v-model="queryForm.cxbh" | ||
12 | clearable | ||
13 | > | ||
10 | </el-input> | 14 | </el-input> |
11 | </el-form-item> | 15 | </el-form-item> |
12 | </el-col> | 16 | </el-col> |
13 | <el-col :span="5"> | 17 | <el-col :span="5"> |
14 | <el-form-item label="申请人"> | 18 | <el-form-item label="申请人"> |
15 | <el-input placeholder="请输入申请人" v-model="queryForm.sqr" clearable> | 19 | <el-input |
20 | placeholder="请输入申请人" | ||
21 | v-model="queryForm.sqr" | ||
22 | clearable | ||
23 | > | ||
16 | </el-input> | 24 | </el-input> |
17 | </el-form-item> | 25 | </el-form-item> |
18 | </el-col> | 26 | </el-col> |
19 | <el-col :span="5"> | 27 | <el-col :span="5"> |
20 | <el-form-item label="查询用途"> | 28 | <el-form-item label="查询用途"> |
21 | <el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途"> | 29 | <el-select |
22 | <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value"> | 30 | v-model="queryForm.cxyt" |
31 | filterable | ||
32 | clearable | ||
33 | placeholder="请选择用途" | ||
34 | > | ||
35 | <el-option | ||
36 | v-for="item in cxytOption" | ||
37 | :key="item.value" | ||
38 | :label="item.label" | ||
39 | :value="item.value" | ||
40 | > | ||
23 | </el-option> | 41 | </el-option> |
24 | </el-select> | 42 | </el-select> |
25 | </el-form-item> | 43 | </el-form-item> |
26 | </el-col> | 44 | </el-col> |
27 | <el-col :span="5"> | 45 | <el-col :span="5"> |
28 | <el-form-item label="业务号"> | 46 | <el-form-item label="业务号"> |
29 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 47 | <el-input |
48 | placeholder="请输入业务号" | ||
49 | v-model="queryForm.ywh" | ||
50 | clearable | ||
51 | class="width200px" | ||
52 | > | ||
30 | </el-input> | 53 | </el-input> |
31 | </el-form-item> | 54 | </el-form-item> |
32 | </el-col> | 55 | </el-col> |
33 | <el-col :span="4" class="btnCol"> | 56 | <el-col :span="4" class="btnCol"> |
34 | <el-form-item> | 57 | <el-form-item> |
35 | <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button> | 58 | <el-button type="primary" icon="el-icon-search" @click="fetchData" |
59 | >查询</el-button | ||
60 | > | ||
36 | <el-button @click="moreQueryClick()">高级查询</el-button> | 61 | <el-button @click="moreQueryClick()">高级查询</el-button> |
37 | </el-form-item> | 62 | </el-form-item> |
38 | </el-col> | 63 | </el-col> |
... | @@ -41,25 +66,32 @@ | ... | @@ -41,25 +66,32 @@ |
41 | </div> | 66 | </div> |
42 | <!-- 表格 --> | 67 | <!-- 表格 --> |
43 | <div class="from-clues-content"> | 68 | <div class="from-clues-content"> |
44 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" | 69 | <lb-table |
45 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 70 | :page-size="pageData.size" |
46 | :data="tableData.data"> | 71 | border |
72 | :current-page.sync="pageData.current" | ||
73 | :total="tableData.total" | ||
74 | @size-change="handleSizeChange" | ||
75 | @p-current-change="handleCurrentChange" | ||
76 | :column="tableData.columns" | ||
77 | :data="tableData.data" | ||
78 | > | ||
47 | </lb-table> | 79 | </lb-table> |
48 | </div> | 80 | </div> |
49 | </div> | 81 | </div> |
50 | </template> | 82 | </template> |
51 | <script> | 83 | <script> |
52 | import table from "@/utils/mixin/table" | 84 | import table from "@/utils/mixin/table"; |
53 | import { datas, sendThis } from "./jtfcdata" | 85 | import { datas, sendThis } from "./jtfcdata"; |
54 | import { getJtfcPage } from '@/api/sqcx' | 86 | import { getJtfcPage } from "@/api/sqcx"; |
55 | export default { | 87 | export default { |
56 | name: "jtfc", | 88 | name: "jtfc", |
57 | components: {}, | 89 | components: {}, |
58 | mixins: [table], | 90 | mixins: [table], |
59 | mounted () { | 91 | mounted() { |
60 | sendThis(this); | 92 | sendThis(this); |
61 | }, | 93 | }, |
62 | data () { | 94 | data() { |
63 | return { | 95 | return { |
64 | sqrOption: [], | 96 | sqrOption: [], |
65 | cxytOption: [], | 97 | cxytOption: [], |
... | @@ -89,18 +121,18 @@ export default { | ... | @@ -89,18 +121,18 @@ export default { |
89 | }, | 121 | }, |
90 | methods: { | 122 | methods: { |
91 | // 初始化数据 | 123 | // 初始化数据 |
92 | fetchData () { | 124 | fetchData() { |
93 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => { | 125 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
94 | let { records, total } = res.result | 126 | let { records, total } = res.result; |
95 | // this.tableData.data = records | 127 | // this.tableData.data = records |
96 | this.tableData.total = total | 128 | this.tableData.total = total; |
97 | }) | 129 | }); |
98 | }, | 130 | }, |
99 | handleSort (name, sort) { | 131 | handleSort(name, sort) { |
100 | console.log(name, sort); | 132 | console.log(name, sort); |
101 | } | 133 | }, |
102 | } | 134 | }, |
103 | } | 135 | }; |
104 | </script> | 136 | </script> |
105 | <style scoped lang="scss"> | 137 | <style scoped lang="scss"> |
106 | @import "~@/styles/public.scss"; | 138 | @import "~@/styles/public.scss"; | ... | ... |
-
Please register or sign in to post a comment