Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
90618714 by renchao@pashanhoo.com
Options

style:综合查询

1 parent abdd1e64
Inline Side-by-side
Showing 4 changed files with 98 additions and 134 deletions
...@@ -6,8 +6,7 @@ ...@@ -6,8 +6,7 @@
6 :model="queryForm" 6 :model="queryForm"
7 ref="queryForm" 7 ref="queryForm"
8 @submit.native.prevent 8 @submit.native.prevent
9 label-width="80px" 9 label-width="80px">
10 >
11 <el-row> 10 <el-row>
12 <el-col :span="5"> 11 <el-col :span="5">
13 <el-form-item label="业务来源" label-width="70px"> 12 <el-form-item label="业务来源" label-width="70px">
...@@ -18,14 +17,12 @@ ...@@ -18,14 +17,12 @@
18 class="width100" 17 class="width100"
19 filterable 18 filterable
20 clearable 19 clearable
21 placeholder="请选择业务来源" 20 placeholder="请选择业务来源">
22 >
23 <el-option 21 <el-option
24 v-for="item in dictData['ywly']" 22 v-for="item in dictData['ywly']"
25 :key="item.dcode" 23 :key="item.dcode"
26 :label="item.dname" 24 :label="item.dname"
27 :value="item.dcode" 25 :value="item.dcode">
28 >
29 </el-option> 26 </el-option>
30 </el-select> 27 </el-select>
31 </el-form-item> 28 </el-form-item>
...@@ -39,14 +36,12 @@ ...@@ -39,14 +36,12 @@
39 class="width100" 36 class="width100"
40 filterable 37 filterable
41 clearable 38 clearable
42 placeholder="请选择权利类型" 39 placeholder="请选择权利类型">
43 >
44 <el-option 40 <el-option
45 v-for="item in dictData['A8']" 41 v-for="item in dictData['A8']"
46 :key="item.dcode" 42 :key="item.dcode"
47 :label="item.dname" 43 :label="item.dname"
48 :value="item.dcode" 44 :value="item.dcode">
49 >
50 </el-option> 45 </el-option>
51 </el-select> 46 </el-select>
52 </el-form-item> 47 </el-form-item>
...@@ -60,14 +55,12 @@ ...@@ -60,14 +55,12 @@
60 class="width100" 55 class="width100"
61 filterable 56 filterable
62 clearable 57 clearable
63 placeholder="请选择登记类型" 58 placeholder="请选择登记类型">
64 >
65 <el-option 59 <el-option
66 v-for="item in dictData['A21']" 60 v-for="item in dictData['A21']"
67 :key="item.dcode" 61 :key="item.dcode"
68 :label="item.dname" 62 :label="item.dname"
69 :value="item.dcode" 63 :value="item.dcode">
70 >
71 </el-option> 64 </el-option>
72 </el-select> 65 </el-select>
73 </el-form-item> 66 </el-form-item>
...@@ -78,17 +71,14 @@ ...@@ -78,17 +71,14 @@
78 placeholder="请输入业务号" 71 placeholder="请输入业务号"
79 v-model="queryForm.ywh" 72 v-model="queryForm.ywh"
80 clearable 73 clearable
81 class="width200px" 74 class="width200px">
82 >
83 </el-input> 75 </el-input>
84 </el-form-item> 76 </el-form-item>
85 </el-col> 77 </el-col>
86 78
87 <el-col :span="4" class="btnColRight"> 79 <el-col :span="4" class="btnColRight">
88 <el-form-item> 80 <el-form-item>
89 <el-button type="primary" native-type="submit" @click="handleSearch" 81 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
90 >查询</el-button
91 >
92 <el-button @click="moreQueryClick">高级查询</el-button> 82 <el-button @click="moreQueryClick">高级查询</el-button>
93 </el-form-item> 83 </el-form-item>
94 </el-col> 84 </el-col>
...@@ -100,16 +90,14 @@ ...@@ -100,16 +90,14 @@
100 {{ item.name }}:{{ item.value }} 90 {{ item.name }}:{{ item.value }}
101 <i 91 <i
102 class="el-icon-circle-close" 92 class="el-icon-circle-close"
103 @click="handelItem(item, index)" 93 @click="handelItem(item, index)"></i>
104 ></i>
105 </li> 94 </li>
106 </ul> 95 </ul>
107 <el-button 96 <el-button
108 class="clean-btn" 97 class="clean-btn"
109 type="text" 98 type="text"
110 v-if="searchList.length > 0" 99 v-if="searchList.length > 0"
111 @click.native="hanldeCleanAll" 100 @click.native="hanldeCleanAll">清除全部
112 >清除全部
113 </el-button> 101 </el-button>
114 </el-row> 102 </el-row>
115 </el-form> 103 </el-form>
...@@ -126,98 +114,97 @@ ...@@ -126,98 +114,97 @@
126 @size-change="handleSizeChange" 114 @size-change="handleSizeChange"
127 @p-current-change="handleCurrentChange" 115 @p-current-change="handleCurrentChange"
128 :column="tableData.columns" 116 :column="tableData.columns"
129 :data="tableData.data" 117 :data="tableData.data">
130 >
131 </lb-table> 118 </lb-table>
132 </div> 119 </div>
133 <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" /> 120 <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" />
134 </div> 121 </div>
135 </template> 122 </template>
136 <script> 123 <script>
137 import { mapGetters } from "vuex"; 124 import { mapGetters } from "vuex";
138 import searchMin from "../components/mixin/index"; 125 import searchMin from "../components/mixin/index";
139 import table from "@/utils/mixin/table"; 126 import table from "@/utils/mixin/table";
140 import { datas, sendThis } from "./ybxdata"; 127 import { datas, sendThis } from "./ybxdata";
141 import { searchTaskDone } from "@/api/ywbl"; 128 import { searchTaskDone } from "@/api/ywbl";
142 import searchBox from "../components/search.vue"; 129 import searchBox from "../components/search.vue";
143 export default { 130 export default {
144 name: "ybx", 131 name: "ybx",
145 components: { searchBox }, 132 components: { searchBox },
146 mixins: [table, searchMin], 133 mixins: [table, searchMin],
147 mounted() { 134 mounted () {
148 window["getBpageList"] = () => { 135 window["getBpageList"] = () => {
149 this.queryClick(); 136 this.queryClick();
150 }; 137 };
151 sendThis(this); 138 sendThis(this);
152 }, 139 },
153 computed: { 140 computed: {
154 ...mapGetters(["dictData"]), 141 ...mapGetters(["dictData"]),
155 },
156 data() {
157 return {
158 queryForm: {
159 ywly: "",
160 qllx: "",
161 djlx: "",
162 ywh: "",
163 },
164 searchForm: {
165 ywlymc: "",
166 qllxmc: "",
167 djlxmc: "",
168 ywh: "",
169 },
170 tableData: {
171 total: 0,
172 columns: datas.columns(),
173 data: [],
174 },
175 };
176 },
177 methods: {
178 // 列表渲染接口
179 queryClick() {
180 this.$startLoading();
181 this.searchForm.ywh = this.queryForm.ywh;
182 this.iterationData();
183 searchTaskDone({
184 ...this.queryForm,
185 ...this.otherForm,
186 ...this.pageData,
187 }).then((res) => {
188 this.$endLoading();
189 if (res.code === 200) {
190 let { total, records } = res.result;
191 records.forEach((item) => {
192 item.qlrmc = item.qlrmc.join(",");
193 item.ywh = item.ywh.join(",");
194 item.zl = item.zl.join(",");
195 item.outstepdate = item.outstepdate[0];
196 });
197 this.tableData.total = total ? total : 0;
198 this.tableData.data = records ? records : [];
199 }
200 });
201 }, 142 },
202 handleSort(val) { 143 data () {
203 this.queryForm.sortField = val.prop; 144 return {
204 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; 145 queryForm: {
205 this.queryClick(); 146 ywly: "",
147 qllx: "",
148 djlx: "",
149 ywh: "",
150 },
151 searchForm: {
152 ywlymc: "",
153 qllxmc: "",
154 djlxmc: "",
155 ywh: "",
156 },
157 tableData: {
158 total: 0,
159 columns: datas.columns(),
160 data: [],
161 },
162 };
206 }, 163 },
207 ywhClick(item) { 164 methods: {
208 const { href } = this.$router.resolve( 165 // 列表渲染接口
209 "/workFrameView?bsmSlsq=" + 166 queryClick () {
167 this.$startLoading();
168 this.searchForm.ywh = this.queryForm.ywh;
169 this.iterationData();
170 searchTaskDone({
171 ...this.queryForm,
172 ...this.otherForm,
173 ...this.pageData,
174 }).then((res) => {
175 this.$endLoading();
176 if (res.code === 200) {
177 let { total, records } = res.result;
178 records.forEach((item) => {
179 item.qlrmc = item.qlrmc.join(",");
180 item.ywh = item.ywh.join(",");
181 item.zl = item.zl.join(",");
182 item.outstepdate = item.outstepdate[0];
183 });
184 this.tableData.total = total ? total : 0;
185 this.tableData.data = records ? records : [];
186 }
187 });
188 },
189 handleSort (val) {
190 this.queryForm.sortField = val.prop;
191 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
192 this.queryClick();
193 },
194 ywhClick (item) {
195 const { href } = this.$router.resolve(
196 "/workFrameView?bsmSlsq=" +
210 item.bsmSlsq + 197 item.bsmSlsq +
211 "&bestepid=" + 198 "&bestepid=" +
212 item.bestepid + 199 item.bestepid +
213 "&bsmBusiness=" + 200 "&bsmBusiness=" +
214 "&viewtype=1" 201 "&viewtype=1"
215 ); 202 );
216 window.open(href, `urlname${item.bsmSlsq}`); 203 window.open(href, `urlname${item.bsmSlsq}`);
204 },
217 }, 205 },
218 }, 206 };
219 };
220 </script> 207 </script>
221 <style scoped lang="scss"> 208 <style scoped lang="scss">
222 @import "~@/styles/public.scss"; 209 @import "~@/styles/public.scss";
223 </style> 210 </style>
......
...@@ -117,24 +117,6 @@ ...@@ -117,24 +117,6 @@
117 this.$endLoading() 117 this.$endLoading()
118 if (res.code === 200) { 118 if (res.code === 200) {
119 let { total, records } = res.result 119 let { total, records } = res.result
120 // let str = ''
121 // records.forEach(item => {
122 // if (item.userNameList.length != 0) {
123 // str = String(item.userNameList)
124 // item.blStatus = item.zbhj + '(' + str.replace(/,/g, "+") + ')'
125 // }
126 // if (item.qlrmc.length != 0) {
127 // item.qlrmcStr = String(item.qlrmc)
128 // }
129 // if (item.ywrmc.length != 0) {
130 // item.ywrmcStr = String(item.ywrmc)
131 // }
132 // if (item.zlList.length != 0) {
133 // item.zlStr = String(item.zlList)
134 // }
135 // })
136 // this.pageData.total = total;
137 // this.tableData.data = records
138 this.tableData.total = total ? total : 0; 120 this.tableData.total = total ? total : 0;
139 this.tableData.data = records ? records : []; 121 this.tableData.data = records ? records : [];
140 } 122 }
...@@ -146,7 +128,7 @@ ...@@ -146,7 +128,7 @@
146 moreQueryClick () { }, 128 moreQueryClick () { },
147 openDialog (item) { 129 openDialog (item) {
148 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3') 130 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3')
149 window.open(href, `urlname${item.bsmSlsq}`); 131 window.open(href, `urlname${item.bsmSlsq}`)
150 } 132 }
151 } 133 }
152 } 134 }
......
...@@ -66,16 +66,12 @@ ...@@ -66,16 +66,12 @@
66 zddm: "", 66 zddm: "",
67 zrzh: "", 67 zrzh: "",
68 }, 68 },
69 pageData: {
70 currentPage: 1,
71 pageSize: 10,
72 total: 0,
73 },
74 tableData: { 69 tableData: {
70 total: 0,
75 columns: datas.columns(), 71 columns: datas.columns(),
76 data: [], 72 data: [],
77 }, 73 }
78 }; 74 }
79 }, 75 },
80 methods: { 76 methods: {
81 // 初始化数据 77 // 初始化数据
...@@ -84,7 +80,7 @@ ...@@ -84,7 +80,7 @@
84 getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => { 80 getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
85 this.$endLoading(); 81 this.$endLoading();
86 if (res.code === 200) { 82 if (res.code === 200) {
87 this.pageData.total = res.result.total; 83 this.tableData.total = total ? total : 0;
88 this.tableData.data = res.result.records; 84 this.tableData.data = res.result.records;
89 } 85 }
90 }); 86 });
...@@ -95,7 +91,6 @@ ...@@ -95,7 +91,6 @@
95 moreQueryClick () { }, 91 moreQueryClick () { },
96 //打开楼盘表 92 //打开楼盘表
97 openlpbClick (scope) { 93 openlpbClick (scope) {
98 // var zrzbsm = scope.row.bsm;
99 this.$popup('楼盘表', 'lpb/index', { 94 this.$popup('楼盘表', 'lpb/index', {
100 width: '90%', 95 width: '90%',
101 height: "92%", 96 height: "92%",
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-19 13:27:58 4 * @LastEditTime: 2023-06-19 13:32:04
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -77,14 +77,14 @@ ...@@ -77,14 +77,14 @@
77 this.$endLoading() 77 this.$endLoading()
78 if (res.code === 200) { 78 if (res.code === 200) {
79 let { total, records } = res.result 79 let { total, records } = res.result
80 this.tableData.total = total; 80 this.tableData.total = total ? total : 0
81 this.tableData.data = records ? records : [] 81 this.tableData.data = records ? records : []
82 } 82 }
83 }) 83 })
84 }, 84 },
85 85 moreQueryClick () { }
86 }, 86 }
87 }; 87 }
88 </script> 88 </script>
89 <style scoped lang="scss"> 89 <style scoped lang="scss">
90 @import "~@/styles/public.scss"; 90 @import "~@/styles/public.scss";
......