修改抵押权信息对应的单位问题
Showing
2 changed files
with
97 additions
and
67 deletions
... | @@ -56,12 +56,12 @@ class data extends filter { | ... | @@ -56,12 +56,12 @@ class data extends filter { |
56 | }, | 56 | }, |
57 | { | 57 | { |
58 | prop: 'DYMJ', | 58 | prop: 'DYMJ', |
59 | label: '抵押面积', | 59 | label: '抵押面积(㎡)', |
60 | width: 80 | 60 | width: 80 |
61 | }, | 61 | }, |
62 | { | 62 | { |
63 | prop: "DYJE", | 63 | prop: "DYJE", |
64 | label: "抵押数额", | 64 | label: "抵押数额(万元)", |
65 | width: 80 | 65 | width: 80 |
66 | }, | 66 | }, |
67 | { | 67 | { | ... | ... |
... | @@ -9,39 +9,65 @@ | ... | @@ -9,39 +9,65 @@ |
9 | <el-col :span="4"> | 9 | <el-col :span="4"> |
10 | <el-form-item label="行政区" class="d-flex"> | 10 | <el-form-item label="行政区" class="d-flex"> |
11 | <el-select | 11 | <el-select |
12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" | 12 | v-model=" |
13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | 13 | $store.state.user.userInfo.grade === 'county' |
14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | ? (form.qxdm = $store.state.user.userInfo.areaCode) |
15 | : form.qxdm | ||
16 | " | ||
17 | class="width100" | ||
18 | clearable | ||
19 | placeholder="行政区" | ||
20 | :disabled="$store.state.user.userInfo.grade === 'county'" | ||
21 | > | ||
22 | <el-option | ||
23 | v-for="item in dicData['A20']" | ||
24 | :key="item.DCODE" | ||
25 | :label="item.DNAME" | ||
26 | :value="item.DCODE" | ||
27 | > | ||
15 | </el-option> | 28 | </el-option> |
16 | </el-select> | 29 | </el-select> |
17 | </el-form-item> | 30 | </el-form-item> |
18 | </el-col> | 31 | </el-col> |
19 | <el-col :span="4"> | 32 | <el-col :span="4"> |
20 | <el-form-item label="开始日期" class="d-flex"> | 33 | <el-form-item label="开始日期" class="d-flex"> |
21 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期" | 34 | <el-date-picker |
22 | :picker-options="pickerOptionsStart" v-model="form.startDate" | 35 | class="width100" |
23 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | 36 | :clearable="false" |
37 | type="date" | ||
38 | placeholder="开始日期" | ||
39 | :picker-options="pickerOptionsStart" | ||
40 | v-model="form.startDate" | ||
41 | value-format="yyyy-MM-dd HH:mm:ss" | ||
42 | ></el-date-picker> | ||
24 | </el-form-item> | 43 | </el-form-item> |
25 | </el-col> | 44 | </el-col> |
26 | <el-col :span="4"> | 45 | <el-col :span="4"> |
27 | <el-form-item label="结束日期" class="d-flex"> | 46 | <el-form-item label="结束日期" class="d-flex"> |
28 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期" | 47 | <el-date-picker |
29 | :picker-options="pickerOptionsEnd" v-model="form.endDate" value-format="yyyy-MM-dd HH:mm:ss" | 48 | class="width100" |
30 | @change="endTimeChange"></el-date-picker> | 49 | :clearable="false" |
50 | type="date" | ||
51 | placeholder="结束日期" | ||
52 | :picker-options="pickerOptionsEnd" | ||
53 | v-model="form.endDate" | ||
54 | value-format="yyyy-MM-dd HH:mm:ss" | ||
55 | @change="endTimeChange" | ||
56 | ></el-date-picker> | ||
31 | </el-form-item> | 57 | </el-form-item> |
32 | </el-col> | 58 | </el-col> |
33 | <el-col :span="2" > | 59 | <el-col :span="3"> |
34 | <el-form-item label="抵押总金额:" class="d-flex"> | 60 | <el-form-item label="抵押总金额:" style="color: white;"> |
35 | <el-input v-model="totalData.DYJE" disabled></el-input> | 61 | <span>{{totalData.DYJE}}万元</span> |
36 | </el-form-item> | 62 | </el-form-item> |
37 | </el-col> | 63 | </el-col> |
38 | <el-col :span="2" > | 64 | <el-col :span="3"> |
39 | <el-form-item label="抵押总面积:" class="d-flex"> | 65 | <el-form-item label="抵押总面积:" style="color: white;"> |
40 | <el-input v-model="totalData.DYMJ" disabled></el-input> | 66 | <span>{{totalData.DYMJ}}㎡</span> |
41 | </el-form-item> | 67 | </el-form-item> |
42 | </el-col> | 68 | </el-col> |
43 | <!-- 操作按钮 --> | 69 | <!-- 操作按钮 --> |
44 | <el-col :span="8" class="btnColRight"> | 70 | <el-col :span="6" class="btnColRight"> |
45 | <btn nativeType="cz" @click="resetForm">重置</btn> | 71 | <btn nativeType="cz" @click="resetForm">重置</btn> |
46 | <btn nativeType="cx" @click="featchData">查询</btn> | 72 | <btn nativeType="cx" @click="featchData">查询</btn> |
47 | </el-col> | 73 | </el-col> |
... | @@ -50,9 +76,16 @@ | ... | @@ -50,9 +76,16 @@ |
50 | </div> | 76 | </div> |
51 | <!-- 图表 --> | 77 | <!-- 图表 --> |
52 | <div class="from-clues-content"> | 78 | <div class="from-clues-content"> |
53 | <lb-table ref="table" :page-size="pageData.pageSize" :current-page.sync="pageData.current" :total="tableData.total" | 79 | <lb-table |
54 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 80 | ref="table" |
55 | :data="tableData.data"> | 81 | :page-size="pageData.pageSize" |
82 | :current-page.sync="pageData.current" | ||
83 | :total="tableData.total" | ||
84 | @size-change="handleSizeChange" | ||
85 | @p-current-change="handleCurrentChange" | ||
86 | :column="tableData.columns" | ||
87 | :data="tableData.data" | ||
88 | > | ||
56 | </lb-table> | 89 | </lb-table> |
57 | </div> | 90 | </div> |
58 | </div> | 91 | </div> |
... | @@ -69,22 +102,19 @@ import business from "@/api/business"; | ... | @@ -69,22 +102,19 @@ import business from "@/api/business"; |
69 | export default { | 102 | export default { |
70 | name: "jktj", | 103 | name: "jktj", |
71 | mixins: [tableMixin], | 104 | mixins: [tableMixin], |
72 | data () { | 105 | data() { |
73 | return { | 106 | return { |
74 | // 分页 | 107 | // 分页 |
75 | pageData: { | 108 | pageData: { |
76 | total: 0, | 109 | total: 0, |
77 | pageSize: 10, | 110 | pageSize: 10, |
78 | current: 1 | 111 | current: 1, |
79 | }, | 112 | }, |
80 | pickerOptionsStart: { | 113 | pickerOptionsStart: { |
81 | disabledDate: (time) => { | 114 | disabledDate: (time) => { |
82 | let endDateVal = this.form.endDate; | 115 | let endDateVal = this.form.endDate; |
83 | if (endDateVal) { | 116 | if (endDateVal) { |
84 | return ( | 117 | return time.getTime() >= new Date(endDateVal).getTime(); |
85 | time.getTime() >= | ||
86 | new Date(endDateVal).getTime() | ||
87 | ); | ||
88 | } | 118 | } |
89 | }, | 119 | }, |
90 | }, | 120 | }, |
... | @@ -92,10 +122,7 @@ export default { | ... | @@ -92,10 +122,7 @@ export default { |
92 | disabledDate: (time) => { | 122 | disabledDate: (time) => { |
93 | let beginDateVal = this.form.startDate; | 123 | let beginDateVal = this.form.startDate; |
94 | if (beginDateVal) { | 124 | if (beginDateVal) { |
95 | return ( | 125 | return time.getTime() < new Date(beginDateVal).getTime(); |
96 | time.getTime() < | ||
97 | new Date(beginDateVal).getTime() | ||
98 | ); | ||
99 | } | 126 | } |
100 | }, | 127 | }, |
101 | }, | 128 | }, |
... | @@ -109,9 +136,8 @@ export default { | ... | @@ -109,9 +136,8 @@ export default { |
109 | type: "index", | 136 | type: "index", |
110 | width: "50", | 137 | width: "50", |
111 | index: this.indexMethod, | 138 | index: this.indexMethod, |
112 | } | 139 | }, |
113 | ] | 140 | ].concat(data.columns()), |
114 | .concat(data.columns()), | ||
115 | // 表格列表数据 | 141 | // 表格列表数据 |
116 | total: 0, | 142 | total: 0, |
117 | data: [], | 143 | data: [], |
... | @@ -121,13 +147,13 @@ export default { | ... | @@ -121,13 +147,13 @@ export default { |
121 | startDate: getFirstDayOfSeason(), | 147 | startDate: getFirstDayOfSeason(), |
122 | endDate: timeFormat(new Date(), true), | 148 | endDate: timeFormat(new Date(), true), |
123 | qxdm: "", | 149 | qxdm: "", |
124 | sfgd: "1" | 150 | sfgd: "1", |
125 | }, | 151 | }, |
126 | chartData: [], | 152 | chartData: [], |
127 | totalData:{DYMJ:0,DYJE:0} | 153 | totalData: { DYMJ: 0, DYJE: 0 }, |
128 | }; | 154 | }; |
129 | }, | 155 | }, |
130 | mounted () { | 156 | mounted() { |
131 | // 查询业务量 | 157 | // 查询业务量 |
132 | this.featchData(); | 158 | this.featchData(); |
133 | }, | 159 | }, |
... | @@ -140,27 +166,27 @@ export default { | ... | @@ -140,27 +166,27 @@ export default { |
140 | * @param {*} val | 166 | * @param {*} val |
141 | * @author: | 167 | * @author: |
142 | */ | 168 | */ |
143 | handleSizeChange (val) { | 169 | handleSizeChange(val) { |
144 | this.formData.pageSize = val | 170 | this.formData.pageSize = val; |
145 | this.featchData() | 171 | this.featchData(); |
146 | }, | 172 | }, |
147 | /** | 173 | /** |
148 | * @description: 截止日期变化 | 174 | * @description: 截止日期变化 |
149 | * @param {*} val | 175 | * @param {*} val |
150 | * @author: renchao | 176 | * @author: renchao |
151 | */ | 177 | */ |
152 | endTimeChange (val) { | 178 | endTimeChange(val) { |
153 | this.form.endDate = timeFormat(new Date(val), true) | 179 | this.form.endDate = timeFormat(new Date(val), true); |
154 | }, | 180 | }, |
155 | /** | 181 | /** |
156 | * @description: handleSearch | 182 | * @description: handleSearch |
157 | * @author: | 183 | * @author: |
158 | */ | 184 | */ |
159 | handleSearch () { | 185 | handleSearch() { |
160 | this.form.currentPage = 1 | 186 | this.form.currentPage = 1; |
161 | this.tableData.data = [] | 187 | this.tableData.data = []; |
162 | if (this.featchData) { | 188 | if (this.featchData) { |
163 | this.featchData() | 189 | this.featchData(); |
164 | } | 190 | } |
165 | }, | 191 | }, |
166 | /** | 192 | /** |
... | @@ -168,34 +194,38 @@ export default { | ... | @@ -168,34 +194,38 @@ export default { |
168 | * @param {*} val | 194 | * @param {*} val |
169 | * @author: | 195 | * @author: |
170 | */ | 196 | */ |
171 | handleCurrentChange (val) { | 197 | handleCurrentChange(val) { |
172 | this.form.currentPage = val | 198 | this.form.currentPage = val; |
173 | //this.featchData() | 199 | //this.featchData() |
174 | }, | 200 | }, |
175 | async featchData() { | 201 | async featchData() { |
176 | let {result: res} = await business.diya(this.form); | 202 | let { result: res } = await business.diya(this.form); |
177 | res.list.forEach(it=> { | 203 | res.list.forEach((it) => { |
178 | if (it.DJSJ !== undefined && typeof it.DJSJ !== ''){ | 204 | if (it.DJSJ !== undefined && typeof it.DJSJ !== "") { |
179 | it.DJSJ=it.DJSJ.slice(0, 19); | 205 | it.DJSJ = it.DJSJ.slice(0, 19); |
180 | it.DJSJ=it.DJSJ.replace('T',' '); | 206 | it.DJSJ = it.DJSJ.replace("T", " "); |
181 | } | 207 | } |
182 | if (it.MJDW !== undefined && typeof it.MJDW === 'string'){ | 208 | if (it.MJDW !== undefined && typeof it.MJDW === "string") { |
183 | let mjdws = this.dicData['A7'].filter(item => item.DCODE === it.MJDW.trim()); | 209 | let mjdws = this.dicData["A7"].filter( |
210 | (item) => item.DCODE === it.MJDW.trim() | ||
211 | ); | ||
184 | it.MJDWMC = mjdws.length > 0 ? mjdws[0].DNAME : ""; | 212 | it.MJDWMC = mjdws.length > 0 ? mjdws[0].DNAME : ""; |
185 | } | 213 | } |
186 | if (it.JEDW !== undefined && typeof it.JEDW === 'string'){ | 214 | if (it.JEDW !== undefined && typeof it.JEDW === "string") { |
187 | let jedws = this.dicData['A57'].filter(item => item.DCODE === it.JEDW.trim()); | 215 | let jedws = this.dicData["A57"].filter( |
216 | (item) => item.DCODE === it.JEDW.trim() | ||
217 | ); | ||
188 | it.JEDWMC = jedws.length > 0 ? jedws[0].DNAME : ""; | 218 | it.JEDWMC = jedws.length > 0 ? jedws[0].DNAME : ""; |
189 | } | 219 | } |
190 | }) | 220 | }); |
191 | this.tableData.data = res.list | 221 | this.tableData.data = res.list; |
192 | this.pageData.current = res.pageNum | 222 | this.pageData.current = res.pageNum; |
193 | this.pageData.pageSize = res.pageSize | 223 | this.pageData.pageSize = res.pageSize; |
194 | this.tableData.total = res.total | 224 | this.tableData.total = res.total; |
195 | 225 | ||
196 | let {result: dyTotal} = await business.getDyaqTotol(this.form); | 226 | let { result: dyTotal } = await business.getDyaqTotol(this.form); |
197 | this.totalData=dyTotal[0]; | 227 | this.totalData = dyTotal[0]; |
198 | } | 228 | }, |
199 | }, | 229 | }, |
200 | }; | 230 | }; |
201 | </script> | 231 | </script> | ... | ... |
-
Please register or sign in to post a comment