Explorar o código

调整禁用按钮

yangdr hai 1 mes
pai
achega
5a6932062e

+ 1 - 1
src/views/KMPlatform/Home/Home.vue

@@ -96,7 +96,7 @@ function handleModuleClick(path: string) {
     const newWindow = window.open(path, '_blank');
     timer = setInterval(() => {
       newWindow?.postMessage({ type: 'login', username: getSessionVar("full_name") }, "*")
-    }, 100)
+    }, 1000)
   } else {
     router.push({ path: path })
   }

+ 18 - 14
src/views/KMPlatform/KnowledgeBase/KM/KnowledgeManagement.vue

@@ -9,7 +9,7 @@
         <div class="name">{{ KBData.name }}</div>
         <div class="tags">{{ KBData.tags }}</div>
         <div class="description">{{ KBData.description }}</div>
-        <div class="other">无关联应用ⓘ</div>
+        <!-- <div class="other">无关联应用ⓘ</div> -->
       </div>
       <div class="management-content">
         <div class="management-content-top">
@@ -46,20 +46,23 @@
             <el-table-column prop="year" label="年份" min-width="70" />
             <el-table-column prop="creator" label="上传人" />
             <el-table-column prop="created_at" label="上传时间" width="170" />
-            <el-table-column prop="" label="状态" width="90">
+            <el-table-column prop="" label="状态">
               <template #default="{ row }">
-                <span v-if="row.status">
-                  <i class="circle" type="success"></i>
-                  <el-text type="success">可用</el-text>
-                </span>
-                <!-- <span v-else>
+                <div style="display:flex; align-items: center;gap: 10px;">
+                  <span v-if="row.status">
+                    <i class="circle" type="success"></i>
+                    <el-text type="success">可用</el-text>
+                  </span>
+                  <!-- <span v-else>
                   <i class="circle" type="warning"></i>
                   <el-text type="warning">异常</el-text>
                 </span> -->
-                <span v-else>
-                  <i class="circle" type="danger"></i>
-                  <el-text type="danger">禁用</el-text>
-                </span>
+                  <span v-else>
+                    <i class="circle" type="danger"></i>
+                    <el-text type="danger">禁用</el-text>
+                  </span>
+                  <el-switch v-model="row.status"></el-switch>
+                </div>
               </template>
             </el-table-column>
             <el-table-column prop="created_at" label="下载" width="70">
@@ -68,10 +71,10 @@
                   @click="handleDownloadFile(row.minio_url, row.file_name, row.status)"></i>
               </template>
             </el-table-column>
-            <el-table-column fixed="right" label="操作" width="150">
+            <el-table-column fixed="right" label="操作">
               <template #default="{ row }">
                 <div class="operation">
-                  <el-switch v-model="row.status" />
+
                   <!-- <el-icon size="24">
                     <Operation />
                   </el-icon>
@@ -406,7 +409,8 @@ onMounted(() => {
       .operation {
         display: flex;
         align-items: center;
-        justify-content: space-evenly;
+        // justify-content: space-evenly;
+        gap: 0px 10px;
 
         .el-button+.el-button {
           margin: 0px;