编辑元数据

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

@@ -2,15 +2,15 @@
     <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"/>
+       <metaTable  :isEdit="isEdit" :loading="tabeloading" :metaDataTable="metaDataTable" @changemeDataTable="changemeDataTable"/>
         <template #footer>
 
             <div class="dialog-footer" style="margin-top: 20px" v-if="isEdit">
-                <el-button size="large" @click="cancelClick">
+                <el-button size="large" @click="gobackClick">
                     <HcIcon name="close"/>
                     <span>返回</span>
                 </el-button>
-                <el-button type="primary" hc-btn :loading="isLoading" @click="confirmClick">
+                <el-button type="primary" hc-btn  @click="confirmClick">
                     <HcIcon name="check"/>
                     <span>编辑</span>
                 </el-button>
@@ -20,7 +20,7 @@
                     <HcIcon name="close"/>
                     <span>取消</span>
                 </el-button>
-                <el-button type="primary" hc-btn :loading="isLoading" @click="confirmClick">
+                <el-button type="primary" hc-btn :loading="saveloading" @click="saveClick">
                     <HcIcon name="check"/>
                     <span>提交</span>
                 </el-button>
@@ -101,26 +101,43 @@ const getmetaInfo=async()=>{
         metaDataTable.value=[]
     }
 }
+const updateInfo=ref('')
+const changemeDataTable=(val)=>{
+    console.log(val,'zuixinshuju');
+    updateInfo.value=val
+}
 
-
-
-//事件
-// const emit = defineEmits(['cancel', 'confirm'])
 const emits = defineEmits(['upshowModal'])
-
+//返回  
+const gobackClick = () => {
+    isEdit.value=true
+      emits('upshowModal', false)
+}
 //取消
 const cancelClick = () => {
-    //  emit('cancel')
     isEdit.value=true
-      emits('upshowModal', false)
 }
 
-//确认
+//编辑
 const confirmClick = async () => {
-    //  emits('upshowModal', false)
     isEdit.value=false
 }
-
+//提交
+const saveloading=ref(false)
+const saveClick = async () => {
+    isEdit.value=false
+    saveloading.value = true
+    const {error, code, data} = await tuningApi.updateMetadata({
+        data:updateInfo.value
+    })
+    saveloading.value = false
+    if (!error && code === 200) {
+        console.log(data,'data');
+   
+    } else {
+     
+    }
+}
 
 </script>
 <style lang="scss">

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

@@ -66,10 +66,19 @@ watch(() => [
     isLoading.value = loading;
     isEditval.value=isEdit;
     metaDataTableval.value=metaDataTable
-    console.log(metaDataTable,'metaDataTable');
     console.log( metaDataTableval.value,' metaDataTableval');
     
 })
+//深度监听
+watch(() => [
+    metaDataTableval.value
+], ([val]) => {
+   emit('changemeDataTable',val)
+}, {
+    deep: true
+})
+//事件
+const emit = defineEmits(['changemeDataTable'])
 
 // 元数据
 const metaDataTable = ref([