shanyunduo.cheng

空数据展示

1 <template> 1 <template>
2 <div style="margin: 40px" v-loading="loading"> 2 <div style="margin: 40px" v-loading="loading">
3 + <el-empty description="找不到这条数据!" v-if="isEmpty"></el-empty>
4 + <template v-else>
3 <el-form 5 <el-form
4 ref="form" 6 ref="form"
5 :model="form" 7 :model="form"
...@@ -16,14 +18,14 @@ ...@@ -16,14 +18,14 @@
16 ></el-input> 18 ></el-input>
17 </el-form-item> 19 </el-form-item>
18 20
19 - <el-form-item > 21 + <el-form-item>
20 <el-alert 22 <el-alert
21 title="提示:站点之间用回车符分隔" 23 title="提示:站点之间用回车符分隔"
22 type="warning" 24 type="warning"
23 show-icon 25 show-icon
24 size="small" 26 size="small"
25 :closable="false" 27 :closable="false"
26 - style="height: 30px;width:fit-content" 28 + style="height: 30px; width: fit-content"
27 > 29 >
28 </el-alert> 30 </el-alert>
29 </el-form-item> 31 </el-form-item>
...@@ -51,14 +53,14 @@ ...@@ -51,14 +53,14 @@
51 </el-col> 53 </el-col>
52 </el-row> 54 </el-row>
53 55
54 - <el-form-item > 56 + <el-form-item>
55 <el-alert 57 <el-alert
56 title="提示:URSA之间用分号分隔,例:F2;F3;P_" 58 title="提示:URSA之间用分号分隔,例:F2;F3;P_"
57 type="warning" 59 type="warning"
58 show-icon 60 show-icon
59 size="small" 61 size="small"
60 :closable="false" 62 :closable="false"
61 - style="height: 30px;width:fit-content" 63 + style="height: 30px; width: fit-content"
62 > 64 >
63 </el-alert> 65 </el-alert>
64 </el-form-item> 66 </el-form-item>
...@@ -214,6 +216,7 @@ ...@@ -214,6 +216,7 @@
214 </el-button> 216 </el-button>
215 <el-button size="small" @click="close">取消</el-button> 217 <el-button size="small" @click="close">取消</el-button>
216 </el-row> 218 </el-row>
219 + </template>
217 </div> 220 </div>
218 </template> 221 </template>
219 222
...@@ -248,9 +251,10 @@ export default { ...@@ -248,9 +251,10 @@ export default {
248 serviceCode: [], 251 serviceCode: [],
249 subCategory: [], 252 subCategory: [],
250 disable: false, 253 disable: false,
251 - nameDisabled:false, 254 + nameDisabled: false,
252 btnLoading: false, 255 btnLoading: false,
253 loading: true, 256 loading: true,
257 + isEmpty: false,
254 }; 258 };
255 }, 259 },
256 methods: { 260 methods: {
...@@ -345,6 +349,9 @@ export default { ...@@ -345,6 +349,9 @@ export default {
345 message: response.msg, 349 message: response.msg,
346 type: "error", 350 type: "error",
347 }); 351 });
352 + this.isEmpty = true;
353 + } else if (response.data == null) {
354 + this.isEmpty = true;
348 } else { 355 } else {
349 let info = response.data; 356 let info = response.data;
350 info.typeOfGoods = info.typeOfGoods 357 info.typeOfGoods = info.typeOfGoods
...@@ -372,6 +379,7 @@ export default { ...@@ -372,6 +379,7 @@ export default {
372 message: response.msg, 379 message: response.msg,
373 type: "error", 380 type: "error",
374 }); 381 });
382 + this.isEmpty = true;
375 } else { 383 } else {
376 let info = response.data.list; 384 let info = response.data.list;
377 info.typeOfGoods = info.typeOfGoods 385 info.typeOfGoods = info.typeOfGoods
......