调整服务指令-服务指令库-未输入镜像码时列表页样式

src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue

@@ -15,10 +15,9 @@
   </a-drawer>
 
   <a-drawer :title="'服务指令库'" width="80vw" v-model:visible="sdVisible" :closable="true"
-    :footer-style="{ textAlign: 'right' }" @close="handleCancelDM" :maskClosable="true">
-    <a-spin :spinning="loading">
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @close="handleCancelDM"
+    :maskClosable="true">
     <DirectiveRespositoryList v-if="sdVisible" ref="dmRef"></DirectiveRespositoryList>
-    </a-spin>
     <template #footer>
       <a-button @click="handleCancelDM" style="margin-right: 8px;">关闭</a-button>
       <a-button @click="handlePullDM">镜像</a-button>

src/views/services/serviceDirective/components/DirectiveRespositoryList.vue

@@ -21,6 +21,18 @@
     </a-form>
   </div>
   <a-spin :spinning="!targetOrgCode">
+    <template #indicator>
+      <span>
+        <LockOutlined style="color: #28A1F8; font-weight: bold;font-size: 25px; margin-left: -5px;" />
+      </span>
+    </template>
+    <template #tip>
+      <div>
+        <div style="margin-top: 5px;">
+          <span style="font-size: 18px;color: #28A1F8;font-weight: bold;">请输入镜像码</span>
+        </div>
+      </div>
+    </template>
     <div>
       <!--查询区域-->
       <div class="jeecg-basic-table-form-container">
@@ -108,6 +120,7 @@ import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectT
 import { cloneDeep } from "lodash-es";
 import { getOrgInfo, getMediaUrlByOrgCode } from '@/api/common/api'
 import { useMessage } from '/@/hooks/web/useMessage';
+import { LockOutlined } from '@ant-design/icons-vue';
 
 const { createMessage, createConfirm } = useMessage();
 const directiveSyncCode = ref('')//镜像码