|
7 | 7 | <Panel style="width: 100%" v-if="!installView"> |
8 | 8 | <template #title>{{ $t("views.quickstart_McPreset.001") }}</template> |
9 | 9 | <template #default> |
10 | | - <p>{{ $t("views.quickstart_McPreset.002", [remoteUuid]) }}</p> |
11 | | - <el-table |
12 | | - :data="tableData" |
13 | | - size="small" |
14 | | - stripe |
15 | | - style="width: 100%" |
16 | | - v-loading="requestLoading" |
17 | | - > |
18 | | - <el-table-column |
19 | | - prop="info" |
20 | | - min-width="300px" |
21 | | - :label="$t('CommonText.006')" |
22 | | - ></el-table-column> |
23 | | - <el-table-column |
24 | | - prop="mc" |
25 | | - width="120px" |
26 | | - :label="$t('views.quickstart_McPreset.003')" |
27 | | - ></el-table-column> |
28 | | - <el-table-column |
29 | | - prop="java" |
30 | | - width="120px" |
31 | | - :label="$t('views.quickstart_McPreset.004')" |
32 | | - ></el-table-column> |
33 | | - <el-table-column prop="size" width="120px" :label="$t('views.quickstart_McPreset.005')"> |
34 | | - <template v-slot="scope">{{ |
35 | | - $t("views.quickstart_McPreset.006", [scope.row.size]) |
36 | | - }}</template> |
37 | | - </el-table-column> |
38 | | - <el-table-column prop="remark" :label="$t('CommonText.007')"></el-table-column> |
39 | | - <el-table-column :label="$t('CommonText.008')"> |
40 | | - <template v-slot="scope"> |
41 | | - <el-button |
42 | | - type="success" |
43 | | - size="small" |
44 | | - @click="handleSelectTemplate(scope.$index, scope.row)" |
45 | | - >{{ $t("CommonText.009") }}</el-button |
| 10 | + <div v-loading="requestLoading"> |
| 11 | + <div v-if="tableData && tableData.length > 0"> |
| 12 | + <p>{{ $t("views.quickstart_McPreset.002", [remoteUuid]) }}</p> |
| 13 | + <el-table :data="tableData" size="small" stripe style="width: 100%"> |
| 14 | + <el-table-column |
| 15 | + prop="info" |
| 16 | + min-width="300px" |
| 17 | + :label="$t('CommonText.006')" |
| 18 | + ></el-table-column> |
| 19 | + <el-table-column |
| 20 | + prop="mc" |
| 21 | + width="120px" |
| 22 | + :label="$t('views.quickstart_McPreset.003')" |
| 23 | + ></el-table-column> |
| 24 | + <el-table-column |
| 25 | + prop="java" |
| 26 | + width="120px" |
| 27 | + :label="$t('views.quickstart_McPreset.004')" |
| 28 | + ></el-table-column> |
| 29 | + <el-table-column |
| 30 | + prop="size" |
| 31 | + width="120px" |
| 32 | + :label="$t('views.quickstart_McPreset.005')" |
46 | 33 | > |
47 | | - </template> |
48 | | - </el-table-column> |
49 | | - </el-table> |
50 | | - |
51 | | - <p>{{ $t("views.quickstart_McPreset.007") }}</p> |
| 34 | + <template v-slot="scope">{{ |
| 35 | + $t("views.quickstart_McPreset.006", [scope.row.size]) |
| 36 | + }}</template> |
| 37 | + </el-table-column> |
| 38 | + <el-table-column prop="remark" :label="$t('CommonText.007')"></el-table-column> |
| 39 | + <el-table-column :label="$t('CommonText.008')"> |
| 40 | + <template v-slot="scope"> |
| 41 | + <el-button |
| 42 | + type="success" |
| 43 | + size="small" |
| 44 | + @click="handleSelectTemplate(scope.$index, scope.row)" |
| 45 | + >{{ $t("CommonText.009") }}</el-button |
| 46 | + > |
| 47 | + </template> |
| 48 | + </el-table-column> |
| 49 | + </el-table> |
| 50 | + <p>{{ $t("views.quickstart_McPreset.007") }}</p> |
| 51 | + </div> |
| 52 | + <div v-else-if="!requestLoading" class="flex flex-align-items-center flex-space-center"> |
| 53 | + <div style="text-align: center"> |
| 54 | + <i class="el-icon-warning-outline" style="font-size: 100px"></i> |
| 55 | + <h2>{{ $t("install.stoppedServiceTitle") }}</h2> |
| 56 | + <div> |
| 57 | + <p>{{ $t("install.stoppedServiceContent") }}</p> |
| 58 | + </div> |
| 59 | + </div> |
| 60 | + </div> |
| 61 | + </div> |
52 | 62 | </template> |
53 | 63 | </Panel> |
54 | 64 |
|
@@ -130,14 +140,20 @@ export default { |
130 | 140 | methods: { |
131 | 141 | async init() { |
132 | 142 | this.requestLoading = true; |
133 | | - const data = await request({ |
134 | | - method: "GET", |
135 | | - url: API_GET_QUICK_INSTALL_LIST_ADDR |
136 | | - }); |
137 | | - this.tableData = data; |
138 | | - this.requestLoading = false; // 直接前往详情页 |
| 143 | + try { |
| 144 | + const data = await request({ |
| 145 | + method: "GET", |
| 146 | + url: API_GET_QUICK_INSTALL_LIST_ADDR |
| 147 | + }); |
| 148 | + this.tableData = data || []; |
| 149 | + } catch (error) { |
| 150 | + this.$message({ type: "error", message: error.message }); |
| 151 | + this.tableData = null; |
| 152 | + } finally { |
| 153 | + this.requestLoading = false; |
| 154 | + } |
139 | 155 |
|
140 | | - if (this.taskId) { |
| 156 | + if (this.taskId && this.tableData) { |
141 | 157 | this.percentage = 50; |
142 | 158 | this.startDownloadTask(); |
143 | 159 | } |
|
0 commit comments