元数据信息编辑修改

src/styles/page/archives/meta-data.scss

@@ -0,0 +1,37 @@
+.table-file {
+    position: relative;
+    // height: calc(100% - 140px);
+    height: calc(100% - 0px);
+    padding: 16px;
+    .hc-c-table-box {
+        position: relative;
+        height: 100%;
+    }
+    .hc-f-table-box {
+        position: relative;
+        border-radius: 10px;
+        height: 300px;
+        margin-top: 24px;
+        background: #f1f5f8;
+        .header-box {
+            border-bottom: initial;
+            display: flex;
+            justify-content: space-between;
+            height: 60px;
+            background-color:var(--el-fill-color-lighter);
+            line-height: 60px;
+            padding-left: 15px;
+            padding-right: 15px;
+            .hc-icon-close {
+                font-size: 18px;
+            }
+        }
+        .hc-file-table-box {
+            position: relative;
+            height: calc(100% - 55px);
+        }
+    }
+    &.file-table .hc-c-table-box {
+        height: calc(100% - 324px);
+    }
+}

src/styles/theme/archives/meta-data.scss

@@ -0,0 +1,42 @@
+html.dark{
+    .table-file {
+        position: relative;
+        // height: calc(100% - 140px);
+        height: calc(100% - 0px);
+        padding: 16px;
+        .hc-c-table-box {
+            position: relative;
+            height: 100%;
+        }
+        .hc-f-table-box {
+            position: relative;
+            border-radius: 10px;
+            padding: 10px;
+            height: 300px;
+            margin-top: 24px;
+            background:transparent;
+            border: 1px solid var(--el-color-primary);
+            .header-box {
+                border-bottom: initial;
+                display: flex;
+                justify-content: space-between;
+                height: 60px;
+                background-color:transparent;
+                color: var(--el-color-primary-dark-2);
+                line-height: 60px;
+                padding-left: 15px;
+                padding-right: 15px;
+                .hc-icon-close {
+                    font-size: 18px;
+                }
+            }
+            .hc-file-table-box {
+                position: relative;
+                height: calc(100% - 55px);
+            }
+        }
+        &.file-table .hc-c-table-box {
+            height: calc(100% - 324px);
+        }
+    }
+}

src/views/archives/components/meta-info.vue

@@ -1,12 +1,10 @@
 <template>
-    <el-drawer v-model="showModal"  v-if="showModal" title="元数据信息" class="hc-modal-border" draggable destroy-on-close @closed="cancelClick" :size="size"
-    ref="drawerRef" :modal-class="uis" :class="`hc-drawer-box ${ui}`"   >
-
-       <metaTable  :isEdit="isEdit" :loading="tabeloading" :metaDataTable="metaDataTable" @changemeDataTable="changemeDataTable"  v-if="metaDataTable.length>0"/>
+    <HcDrawer :show="showModal" to-id="node-card-target" title="元数据信息" >
+        <metaTable  :isEdit="isEdit" :loading="tabeloading" :metaDataTable="metaDataTable" @changemeDataTable="changemeDataTable"  v-if="metaDataTable.length>0"/>
        <HcNoData v-if="metaDataTable.length==0"/>
-        <template #footer>
+        <template #action>
 
-            <div class="dialog-footer" style="margin-top: 20px" v-if="isEdit">
+            <div class="dialog-footer fright" style="margin-top: 20px" v-if="isEdit">
                 <el-button size="large" @click="gobackClick">
                     <HcIcon name="close"/>
                     <span>返回</span>
@@ -16,7 +14,7 @@
                     <span>编辑</span>
                 </el-button>
             </div>
-            <div class="dialog-footer" style="margin-top: 20px" v-else>
+            <div class="dialog-footer fright" style="margin-top: 20px" v-else>
                 <el-button size="large" @click="cancelClick">
                     <HcIcon name="close"/>
                     <span>取消</span>
@@ -27,8 +25,8 @@
                 </el-button>
             </div>
         </template>
-    </el-drawer>
-
+          
+    </HcDrawer>
 
 </template>
 
@@ -154,3 +152,8 @@ const saveClick = async () => {
 }
 
 </style>
+<style lang="scss" scoped>
+.fright{
+    float: right;
+}
+</style>

src/views/archives/components/meta-table.vue

@@ -10,7 +10,8 @@
                             <td class="hc-csc-meta-table-td name">{{item.containerName}}</td>
                             <td class="hc-csc-meta-table-td val" v-if="isEdit">{{item.keyValue}}</td>
                             <td  v-else style="padding:0px;border: none;">
-                                <input type="input" data-id="project" name="project[]" class="iptclass" v-model="item.keyValue" :disabled="item.captureMode===1">
+                                <!-- <input type="input" data-id="project" name="project[]" class="iptclass" v-model="item.keyValue" :disabled="item.captureMode===1"> -->
+                                <el-input type="input" data-id="project" name="project[]"  v-model="item.keyValue" :disabled="item.captureMode===1"/>
                             </td>
                         </tr>
                     </template>
@@ -194,7 +195,9 @@ const metaDataTable = ref([
         border-radius: 28px;
         border: 1px solid #dae8f3;
         padding-left: 5px;
-        outline-color:  #d6eafa;;
+        outline-color:  #d6eafa;
+       
+     
     }
 }
 </style>

src/views/archives/meta-data.vue

@@ -19,14 +19,14 @@
             <!--左右拖动-->
             <div class="horizontal-drag-line" @mousedown="onmousedown"/>
         </div>
-        <div class="hc-page-content-box">
+        <div class="hc-page-content-box" id="node-card-target">
             <HcCard title="已形成的案卷">
                 <!-- <template #header>
                     <div class="hc-card-header-table-title">
                       已形成的案卷
                   </div>
                 </template> -->
-                 <div class="body" :class="tableFileShow?'file-table':''">
+                 <div class="table-file" :class="tableFileShow?'file-table':''">
                     <div class="hc-c-table-box">
                         <HcTable ref="tableRef"
                         :column="tableColumn"
@@ -308,51 +308,11 @@ const ElTreeMenuClick = async ({key, node, data, keys}) => {
 }
 </script>
 
+
 <style lang="scss" scoped>
-.hc-card-header-table-title{
- font-size: 1.125rem;
-line-height: 1.75rem;
-}
-.rowbox{
-    text-align: center;
-}
- .body {
-        position: relative;
-        // height: calc(100% - 140px);
-        height: calc(100% - 0px);
-        padding: 16px;
-        .hc-c-table-box {
-            position: relative;
-            height: 100%;
-        }
-        .hc-f-table-box {
-            position: relative;
-            height: 300px;
-            margin-top: 24px;
-            background: #f1f5f8;
-            .header-box {
-                border-bottom: initial;
-                display: flex;
-                justify-content: space-between;
-                height: 60px;
-                background-color:var(--el-fill-color-lighter);
-                line-height: 60px;
-                padding-left: 15px;
-                padding-right: 15px;
-                .hc-icon-close {
-                    font-size: 18px;
-                }
-            }
-            .hc-file-table-box {
-                position: relative;
-                height: calc(100% - 55px);
-            }
-        }
-        &.file-table .hc-c-table-box {
-            height: calc(100% - 324px);
-        }
-    }
-  .hover-hand{
-      cursor: pointer;
-  }
+@import '~style/archives/meta-data.scss';
 </style>
+<style lang="scss">
+
+@import '../../styles/theme/archives/meta-data.scss';
+</style>