修改指令包页面样式

src/views/services/directivePackage/DirectivePackageList.vue

@@ -43,7 +43,7 @@
             </a-row>
           </a-col>
           <a-col :span="24">
-            <span class="titleOne ellipsis-two-lines">
+            <span class="titleOne ellipsis-two-lines" style="font-size: 20px;">
               {{ getHHMM(directive.startTimeStr) }}
               ~
               {{ getHHMM(directive.endTimeStr) }}
@@ -121,7 +121,6 @@ return dayjs(value).format('HH:mm')
   }else{
     return '未配置'
   }
-
 }
 /**
  * 搜索

src/views/services/directivePackage/components/DirectivePackageForm.vue

@@ -6,8 +6,7 @@
           name="DirectivePackageForm">
           <a-row>
             <a-col :span="8">
-              <a-form-item label="服务指令包名称" v-bind="validateInfos.packageName" id="DirectivePackageForm-packageName"
-                name="packageName">
+              <a-form-item label="包名称" v-bind="validateInfos.packageName" id="DirectivePackageForm-packageName" name="packageName">
                 <a-input v-model:value="formData.packageName" placeholder="请输入服务指令包名称" allow-clear></a-input>
               </a-form-item>
             </a-col>

src/views/services/directivePackage/components/PackageList.vue

@@ -37,7 +37,14 @@
               </a-col>
             </a-row>
           </a-col>
-          <a-col :span="24" >
+          <a-col :span="24" style="text-align: center;">
+            <span class="titleOne ellipsis-two-lines">
+              {{ getHHMM(directive.startTimeStr) }}
+              ~
+              {{ getHHMM(directive.endTimeStr) }}
+            </span>
+          </a-col>
+          <a-col :span="24" style="text-align: center;">
             <a-popover :title="directive.packageName">
               <template #content>
                 <div style="min-width: 240px;">
@@ -137,6 +144,7 @@ import { ref, reactive, onMounted, defineExpose } from 'vue';
 import { list, queryById, deleteOne } from '../DirectivePackage.api'
 import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
 import { filterDictTextByCache } from '/@/utils/dict/JDictSelectUtil';
+import dayjs from "dayjs";
 
 const selectedDirective = ref({ id: '' })
 const registerModal = ref();
@@ -163,6 +171,13 @@ function searchQuery() {
   queryList({})
 }
 
+function getHHMM(value){
+  if(value){
+return dayjs(value).format('HH:mm')
+  }else{
+    return '未配置'
+  }
+}
 /**
  * 重置
  */
@@ -319,10 +334,12 @@ defineExpose({
 }
 
 .selected {
-  background: url("@/assets/icons/success.svg") no-repeat;
-  background-position: calc(100% - 5px) calc(100% - 5px);
-  background-size: auto 60%;
-  transition: none !important;
+  // background: url("@/assets/icons/success.svg") no-repeat;
+  // background-position: calc(100% - 5px) calc(100% - 5px);
+  // background-size: auto 30%;
+  // transition: none !important;
+  background: #edf8ff !important;
+  border: 1px solid #7cc3f0;
 }
 
 .selected-dire {
@@ -377,6 +394,12 @@ defineExpose({
   padding-right: 8px;
   /* 防止滚动条遮挡内容 */
 }
+
+.titleOne {
+  text-align: center;
+  font-size: 16px;
+  font-weight: 600;
+}
 .cardDivClass{ 
   transition: all 0.3s ease;
   position: relative;