Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ba99dddd by 任超
Options

style:样式

1 parent 2538f155
Inline Side-by-side
Showing 5 changed files with 30 additions and 62 deletions
...@@ -2,11 +2,11 @@ ...@@ -2,11 +2,11 @@
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" label-width="70px"> 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" filterable clearable placeholder="请选择业务来源"> 9 <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
10 <el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value"> 10 <el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value">
11 </el-option> 11 </el-option>
12 </el-select> 12 </el-select>
...@@ -14,16 +14,16 @@ ...@@ -14,16 +14,16 @@
14 </el-col> 14 </el-col>
15 <el-col :span="5"> 15 <el-col :span="5">
16 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 17 <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
18 <el-option v-for="item in dictData['A8']" :key="item.value" :label="item.label" :value="item.value"> 18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
19 </el-option> 19 </el-option>
20 </el-select> 20 </el-select>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
23 <el-col :span="5"> 23 <el-col :span="5">
24 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型"> 25 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
26 <el-option v-for="item in dictData['A21']" :key="item.value" :label="item.label" :value="item.value"> 26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
27 </el-option> 27 </el-option>
28 </el-select> 28 </el-select>
29 </el-form-item> 29 </el-form-item>
......
...@@ -2,62 +2,37 @@ ...@@ -2,62 +2,37 @@
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" label-width="70px"> 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-input 9 <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable>
10 placeholder="请输入编号"
11 v-model="queryForm.cxbh"
12 clearable
13 >
14 </el-input> 10 </el-input>
15 </el-form-item> 11 </el-form-item>
16 </el-col> 12 </el-col>
17 <el-col :span="5"> 13 <el-col :span="5">
18 <el-form-item label="申请人"> 14 <el-form-item label="申请人">
19 <el-input 15 <el-input placeholder="请输入申请人" v-model="queryForm.sqr" clearable>
20 placeholder="请输入申请人"
21 v-model="queryForm.sqr"
22 clearable
23 >
24 </el-input> 16 </el-input>
25 </el-form-item> 17 </el-form-item>
26 </el-col> 18 </el-col>
27 <el-col :span="5"> 19 <el-col :span="5">
28 <el-form-item label="查询用途"> 20 <el-form-item label="查询用途">
29 <el-select 21 <el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
30 v-model="queryForm.cxyt" 22 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
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 >
41 </el-option> 23 </el-option>
42 </el-select> 24 </el-select>
43 </el-form-item> 25 </el-form-item>
44 </el-col> 26 </el-col>
45 <el-col :span="5"> 27 <el-col :span="5">
46 <el-form-item label="业务号"> 28 <el-form-item label="业务号">
47 <el-input 29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
48 placeholder="请输入业务号"
49 v-model="queryForm.ywh"
50 clearable
51 class="width200px"
52 >
53 </el-input> 30 </el-input>
54 </el-form-item> 31 </el-form-item>
55 </el-col> 32 </el-col>
56 <el-col :span="4" class="btnCol"> 33 <el-col :span="4" class="btnCol">
57 <el-form-item> 34 <el-form-item>
58 <el-button type="primary" icon="el-icon-search" @click="fetchData" 35 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
59 >查询</el-button
60 >
61 <el-button @click="moreQueryClick()">高级查询</el-button> 36 <el-button @click="moreQueryClick()">高级查询</el-button>
62 </el-form-item> 37 </el-form-item>
63 </el-col> 38 </el-col>
...@@ -66,16 +41,9 @@ ...@@ -66,16 +41,9 @@
66 </div> 41 </div>
67 <!-- 表格 --> 42 <!-- 表格 -->
68 <div class="from-clues-content"> 43 <div class="from-clues-content">
69 <lb-table 44 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
70 :page-size="pageData.size" 45 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
71 border 46 :data="tableData.data">
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 >
79 </lb-table> 47 </lb-table>
80 </div> 48 </div>
81 </div> 49 </div>
...@@ -88,10 +56,10 @@ export default { ...@@ -88,10 +56,10 @@ export default {
88 name: "jtfc", 56 name: "jtfc",
89 components: {}, 57 components: {},
90 mixins: [table], 58 mixins: [table],
91 mounted() { 59 mounted () {
92 sendThis(this); 60 sendThis(this);
93 }, 61 },
94 data() { 62 data () {
95 return { 63 return {
96 sqrOption: [], 64 sqrOption: [],
97 cxytOption: [], 65 cxytOption: [],
...@@ -121,14 +89,14 @@ export default { ...@@ -121,14 +89,14 @@ export default {
121 }, 89 },
122 methods: { 90 methods: {
123 // 初始化数据 91 // 初始化数据
124 fetchData() { 92 fetchData () {
125 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { 93 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
126 let { records, total } = res.result; 94 let { records, total } = res.result;
127 // this.tableData.data = records 95 // this.tableData.data = records
128 this.tableData.total = total; 96 this.tableData.total = total;
129 }); 97 });
130 }, 98 },
131 handleSort(name, sort) { 99 handleSort (name, sort) {
132 console.log(name, sort); 100 console.log(name, sort);
133 }, 101 },
134 }, 102 },
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
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" label-width="70px"> 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="查询编号">
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 </el-col> 18 </el-col>
19 <el-col :span="5"> 19 <el-col :span="5">
20 <el-form-item label="查询用途"> 20 <el-form-item label="查询用途">
21 <el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途"> 21 <el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
22 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value"> 22 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
23 </el-option> 23 </el-option>
24 </el-select> 24 </el-select>
......
...@@ -2,11 +2,11 @@ ...@@ -2,11 +2,11 @@
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" label-width="70px"> 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" filterable clearable placeholder="请选择业务来源"> 9 <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
11 </el-option> 11 </el-option>
12 </el-select> 12 </el-select>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 </el-col> 14 </el-col>
15 <el-col :span="5"> 15 <el-col :span="5">
16 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 17 <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
19 </el-option> 19 </el-option>
20 </el-select> 20 </el-select>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 </el-col> 22 </el-col>
23 <el-col :span="5"> 23 <el-col :span="5">
24 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型"> 25 <el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型">
26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
27 </el-option> 27 </el-option>
28 </el-select> 28 </el-select>
......
...@@ -2,11 +2,11 @@ ...@@ -2,11 +2,11 @@
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" label-width="70px"> 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" filterable clearable placeholder="请选择业务来源"> 9 <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
11 </el-option> 11 </el-option>
12 </el-select> 12 </el-select>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 </el-col> 14 </el-col>
15 <el-col :span="5"> 15 <el-col :span="5">
16 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 17 <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
19 </el-option> 19 </el-option>
20 </el-select> 20 </el-select>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 </el-col> 22 </el-col>
23 <el-col :span="5"> 23 <el-col :span="5">
24 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型"> 25 <el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型">
26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
27 </el-option> 27 </el-option>
28 </el-select> 28 </el-select>
......