Просмотр исходного кода

去掉element-plus的font weight

chauncey 10 месяцев назад
Родитель
Сommit
a547f1f173

+ 1 - 0
src/components/BasicTable.vue

@@ -6,6 +6,7 @@
       v-loading="props.tableConfig.loading"
       v-loading="props.tableConfig.loading"
       :data="props.tableData"
       :data="props.tableData"
       @selection-change="handleSelectionChange"
       @selection-change="handleSelectionChange"
+      border
     >
     >
       <template #empty>
       <template #empty>
         <img :src="EmptyImg" alt="empty" />
         <img :src="EmptyImg" alt="empty" />

+ 8 - 0
src/styles/common.scss

@@ -38,6 +38,14 @@
   padding: 0 24px !important;
   padding: 0 24px !important;
 }
 }
 
 
+.el-button {
+  --el-font-weight-primary: 0 !important;
+}
+
 .el-button--primary {
 .el-button--primary {
   --el-button-bg-color: #1980ff !important;
   --el-button-bg-color: #1980ff !important;
 }
 }
+
+.el-select {
+  font-weight: 0 !important;
+}

+ 9 - 3
src/views/disaster/disaster-control/PageDisposalManagement.vue

@@ -111,9 +111,11 @@
                         <span>{{ getTaskStage(scope.row.taskStage) }}</span>
                         <span>{{ getTaskStage(scope.row.taskStage) }}</span>
                       </template>
                       </template>
                       <template #reportPrincipals="scope">
                       <template #reportPrincipals="scope">
-                        <p v-for="user in scope.row.reportPrincipalInfoList" :key="user.reportPrincipalId">
-                          {{ user.reportPrincipalName }}({{ user.reportPrincipalStaffNo }})
-                        </p>
+                        <div class="principal-container--div">
+                          <p v-for="user in scope.row.reportPrincipalInfoList" :key="user.reportPrincipalId">
+                            {{ user.reportPrincipalName }}({{ user.reportPrincipalStaffNo }})
+                          </p>
+                        </div>
                       </template>
                       </template>
                       <template #action="scope">
                       <template #action="scope">
                         <div class="action-container--div">
                         <div class="action-container--div">
@@ -445,4 +447,8 @@
       max-height: $collapse-container-height-default;
       max-height: $collapse-container-height-default;
     }
     }
   }
   }
+  .principal-container--div {
+    display: flex;
+    flex-wrap: wrap;
+  }
 </style>
 </style>

+ 1 - 1
src/views/disaster/disaster-control/PageDisposalManagementItem.vue

@@ -44,7 +44,7 @@
     } else if (operate === 'edit') {
     } else if (operate === 'edit') {
       return defineAsyncComponent(() => import('./src/components/EditDisposalManagementItem.vue'));
       return defineAsyncComponent(() => import('./src/components/EditDisposalManagementItem.vue'));
     } else {
     } else {
-      return defineAsyncComponent(() => import('./src/components/ViewDisposalManagementItem.vue'));
+      return defineAsyncComponent(() => import('./src/components/ViewDisposalControlItem.vue'));
     }
     }
   });
   });
   const dynamicComponentRef = ref();
   const dynamicComponentRef = ref();

+ 1 - 1
src/views/disaster/disaster-control/PageDisposalManagementTaskItem.vue

@@ -38,7 +38,7 @@
     if (operate === 'create') {
     if (operate === 'create') {
       return defineAsyncComponent(() => import('./src/components/CreateDisposalManagementTaskItem.vue'));
       return defineAsyncComponent(() => import('./src/components/CreateDisposalManagementTaskItem.vue'));
     } else {
     } else {
-      return defineAsyncComponent(() => import('./src/components/ViewDisposalManagementTaskItem.vue'));
+      return defineAsyncComponent(() => import('./src/components/ViewDisposalControlItem.vue'));
     }
     }
   });
   });
   const dynamicComponentRef = ref();
   const dynamicComponentRef = ref();