abe24335 by 蔡俊立
2 parents 3b8cb699 c0b4e15c
...@@ -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";
......