修改样式

src/views/synchronization/eldertag/syncList.vue

@@ -23,6 +23,8 @@
               style="margin-right: 10px;">日志</a-button>
             <a-button type="primary" preIcon="ant-design:safety-certificate-twotone" @click="handleElderTagMainFunc"
               style="margin-right: 10px;">标准标签库</a-button>
+            <a-button type="primary" preIcon="ant-design:copy-outlined" @click="handleElderBackups"
+              style="margin-right: 10px;">标签备份</a-button>
             <!-- <a-badge :count="609" style="margin-right: 10px;"> -->
             <!-- <a-button type="primary" preIcon="ant-design:eye-outlined" style="margin-right: 10px;"
               @click="handleLookNewDirectives">新增标签</a-button> -->
@@ -38,8 +40,8 @@
 
     <ElderTagModal ref="elderTagModal" />
     <SyncStepListModal ref="syncStepListModal" />
-    <a-drawer title="详情" width="85vw" v-model:visible="listVisible"
-      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto',padding: '0px' }"
+    <a-drawer title="详情" width="85vw" v-if="listVisible" v-model:visible="listVisible"
+      :bodyStyle="{ padding:'14px', height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
       wrapClassName="org-list-modal" @cancel="handleCancelList">
       <ElderTagList ref="listRef"></ElderTagList>
       <template #footer>
@@ -47,16 +49,16 @@
       </template>
     </a-drawer>
     <a-drawer title="日志" width="85vw" v-model:visible="logsVisible"
-      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column',padding:'14px', overflow: 'auto' }"
+      :bodyStyle="{  padding:'14px',height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
       wrapClassName="org-list-modal" @cancel="handleCancelLogs">
       <a-row style="overflow-x: hidden !important; background-color: white;">
-        <a-col :span="2" :push="22" style="margin-top: 18px;text-align: right;">
-          <a-button type="primary" @click="handleRefreshLogs" title="刷新" style="margin-right: 14px;">
+        <a-col :span="2" :push="22" style="margin-top: 18px;margin-left: 30px;">
+          <a-button type="primary" @click="handleRefreshLogs" title="刷新">
             刷新
           </a-button>
         </a-col>
-        <a-col :span="24" style="padding: 0px;">
-          <AsyncListComponent ref="logsRef" :type="'elderTag'"></AsyncListComponent>
+        <a-col :span="24">
+          <AsyncListComponent ref="logsRef" :type="'elderTag'" @handleDetail="handleDetail"></AsyncListComponent>
         </a-col>
       </a-row>
       <template #footer>
@@ -65,7 +67,7 @@
     </a-drawer>
     <!-- 标准指令库 -->
     <a-drawer v-model:visible="elderTagMainVisible" title="标准标签库" width="85vw" :footer-style="{ textAlign: 'right' }"
-      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' ,padding: '14px 0 0 14px' }"
+      :bodyStyle="{ padding:'14px', height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
       wrapClassName="org-list-modal" @cancel="handleCancelelderTagMain">
       <template #footer>
         <a-button @click="handleCancelelderTagMain" type="primary" style="margin-right: 10px;">关闭</a-button>
@@ -82,11 +84,22 @@
       <template #footer>
         <a-button @click="handleCancelNewElderTag" type="primary">关闭</a-button>
       </template>
-      <div style="padding:0px 8px;">
+      <div >
         <CanAddElderTagList ref="canAddElderTagRef" :elderTagMainOrgInfo="elderTagMainOrgInfo" :existETIds="existETIds"
           @refreshExistIds="refreshDMExistedIds"></CanAddElderTagList>
       </div>
     </a-drawer>
+    <!-- 标签备份 -->
+    <a-drawer v-model:visible="elderTagBackupsOpen" title="标签备份" width="85vw" :footer-style="{ textAlign: 'right' }"
+      :bodyStyle="{ padding: '14px', height: '80vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
+      wrapClassName="org-list-modal" @cancel="handleElderBackupsClose">
+      <template #footer>
+        <a-button @click="handleElderBackupsClose" type="primary">关闭</a-button>
+      </template>
+      <div >
+        <ElderBkMainList v-if="elderTagBackupsOpen" ref="backupsRef"></ElderBkMainList>
+      </div>
+    </a-drawer>
   </div>
 </template>
 
@@ -109,6 +122,7 @@ import { getElderTagMain, changeElderTagMain } from '/@/api/common/api'
 import { idListByDS } from '/@/views/synchronization/eldertag/eldertag/ElderTag.api';
 import CanAddElderTagList from '/@/views/synchronization/eldertag/canaddet/CanAddElderTagList.vue'
 import ElderTagList from '/@/views/synchronization/eldertag/eldertag/ElderTagList.vue'
+import ElderBkMainList from '/@/views/elder/elderbk/ElderBkMainList.vue'
 
 const { createMessage } = useMessage()
 const canAddElderTagRef = ref()
@@ -130,6 +144,8 @@ const existETIds = ref([])//指令库已存在指令id
 const elderTagMainOrgInfo = ref()
 const listVisible = ref(false)
 const listRef = ref(false)
+const elderTagBackupsOpen = ref(false)
+const backupsRef = ref()//指令备份
 
 const labelCol = reactive({
   xs: 24,
@@ -156,7 +172,7 @@ function handleJingxiang() {
 function handleDetail(record) {
   listVisible.value = true
   nextTick(() => {
-    listRef.value.init(record.orgCode)
+    listRef.value.init(record.orgCode, record)
   })
 }
 
@@ -295,7 +311,19 @@ function getElderTagMainOrgInfo() {
   })
 }
 
+/**
+ * 查看指令备份
+ */
+function handleElderBackups() {
+  elderTagBackupsOpen.value = true
+}
 
+/**
+ * 关闭指令备份
+ */
+function handleElderBackupsClose() {
+  elderTagBackupsOpen.value = false
+}
 
 // 自动请求并暴露内部方法
 onMounted(() => {