Explorar o código

fix: v-loading指令不能被用于dialog

Jinyao %!s(int64=5) %!d(string=hai) anos
pai
achega
4c84ca0acf
Modificáronse 1 ficheiros con 6 adicións e 6 borrados
  1. 6 6
      src/views/Project/Pipeline.vue

+ 6 - 6
src/views/Project/Pipeline.vue

@@ -82,14 +82,15 @@
           </template>
         </ElTableColumn>
       </ElTable>
-      <ElDialog v-loading="dialogLoading" v-model="showPipelineDetailModal" destroy-on-close>
+      <ElDialog v-model="showPipelineDetailModal" destroy-on-close>
         <template #title>历史执行结果详情</template>
-        <pre class="pipeline-detail">{{detail}}</pre>
+        <pre class="pipeline-detail" v-loading="dialogLoading" >{{detail}}</pre>
       </ElDialog>
-      <ElDialog v-loading="dialogLoading" v-model="showPipelineHistoryModal" destroy-on-close>
+      <ElDialog v-model="showPipelineHistoryModal" destroy-on-close>
         <template #title>流水线构建历史</template>
         <ElTable
           :data="pipelineHistory"
+          v-loading="dialogLoading"
           height="400"
         >
           <ElTableColumn
@@ -123,7 +124,6 @@
         </ElTable>
       </ElDialog>
       <ElDialog
-        v-loading="dialogLoading"
         v-model="showPipelineEditModal"
         width="80%"
         destroy-on-close
@@ -131,7 +131,7 @@
         <template #title>
           <span>编辑流水线配置</span>
         </template>
-        <ElSteps :active="activeStep">
+        <ElSteps :active="activeStep" v-loading="dialogLoading">
           <ElStep
             v-for="(config, index) in pipelineConfig"
             :key="index"
@@ -174,7 +174,6 @@
         </template>
       </ElDialog>
       <ElDialog
-        v-loading="dialogLoading"
         v-model="showPipelineCreateModal"
         :before-close="(done) => {
           $refs['createPipelineForm'].resetFields();
@@ -194,6 +193,7 @@
           label-position="top"
           label-suffix=":"
           class="create-pipeline-form"
+          v-loading="dialogLoading"
         >
           <ElFormItem label="名称" prop="name" required>
             <ElInput v-model="createPipelineForm.name" placeholder="请输入流水线名称"></ElInput>