案卷元数据信息修改

src/api/modules/archiveConfig/tuning.js

@@ -1,4 +1,4 @@
-import {httpApi} from "../../request/httpApi";
+import { httpApi } from '../../request/httpApi'
 
 export default {
   // 分页档案调整
@@ -6,7 +6,7 @@ export default {
     return httpApi({
         url: '/api/blade-archive/archivesauto/page',
         method: 'get',
-        params: form
+        params: form,
     }, msg)
   },
   //根据档案获取文件
@@ -14,31 +14,31 @@ export default {
         return httpApi({
             url: '/api/blade-archive/archiveFile/page',
             method: 'post',
-            params: form
-        }, msg);
+            params: form,
+        }, msg)
  },
  //锁定案卷
  async archivesautoLock(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/lock',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
 },
 //解锁案卷 /archivesauto/unlock
 async archivesautoUnLock(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/unlock',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
 },
 //预览案卷
 async printArchive(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/printArchive',
         method: 'get',
-        params: form
+        params: form,
     }, msg)
   },
   //删除案卷里的文件案卷里删除文件/
@@ -46,63 +46,71 @@ async printArchive(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/removeFiles',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
   },
 //案卷迁移/archivesauto/move
     async moveArchive(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/move',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
   },
 //拆卷/archivesauto/split
 async splitArchive(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/split',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
   },
   //立即更新立卷/blade-archive/archivesauto/archiveAutoMethod
   async archiveAutoMethod(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/archiveAutoMethod',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
   },
   //更新立卷进度接口
   async archiveAutoPercentComplete(form, msg = true) {
     return httpApi({
         url: '/api/blade-archive/archivesauto/archiveAutoPercentComplete',
         method: 'post',
-        params: form
-    }, msg);
+        params: form,
+    }, msg)
   },
     //档案整理
     async refreshFileNumber(form, msg = true) {
         return httpApi({
             url: '/api/blade-archive/archivesauto/refreshFileNumber',
             method: 'post',
-            params: form
-        }, msg);
+            params: form,
+        }, msg)
     },
     //编辑卷内文件/
     async archiveFileBatchUpdate(form, msg = true) {
         return httpApi({
             url: '/api/blade-archive/archiveFile/batchUpdate',
             method: 'post',
-            data: form
-        }, msg);
+            data: form,
+        }, msg)
     },
-    //获取元数据信息/
+    //获取文件元数据信息/
     async getMetadataFileByid(form, msg = true) {
         return httpApi({
             url: '/api/blade-archive/archiveFile/getMetadataFile',
             method: 'get',
-            params: form
+            params: form,
+        }, msg)
+    },
+    //获取案卷元数据信息
+    async getArchivesAutoView(form, msg = true) {
+        return httpApi({
+            url: '/api/blade-archive/archivesauto/getArchivesAutoView',
+            method: 'post',
+            params: form,
         }, msg)
     },
     //编辑元数据信息/archiveFile/updateMetadata
@@ -110,7 +118,7 @@ async splitArchive(form, msg = true) {
         return httpApi({
             url: '/api/blade-archive/archiveFile/updateMetadata',
             method: 'post',
-            data: form
-        }, msg);
+            data: form,
+        }, msg)
     },
 }

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

@@ -1,150 +1,156 @@
 <template>
-    <div class="hc-csc-meta-table-data" v-loading="isLoading">
+    <div v-loading="isLoading" class="hc-csc-meta-table-data">
         <el-scrollbar>
-       
             <table class="hc-csc-meta-table" border="1">
                 <tr class="hc-csc-meta-table-tr">
-                        <td colspan="2" class="hc-csc-meta-table-td title" v-if="!iShowFile">案卷元数据信息</td>
-                        <td colspan="2" class="hc-csc-meta-table-td title" v-else>文件元数据信息</td>
-              </tr>
+                    <td v-if="!iShowFile" colspan="2" class="hc-csc-meta-table-td title">
+                        案卷元数据信息
+                    </td>
+                    <td v-else colspan="2" class="hc-csc-meta-table-td title">
+                        文件元数据信息
+                    </td>
+                </tr>
                 <template v-for="item in metaDataTableVal">
-                  
-                    <tr class="hc-csc-meta-table-tr" v-if="item.isType === 1">
-                        <td colspan="2" class="hc-csc-meta-table-td title">{{item.containerName}}</td>
+                    <tr v-if="item.isType === 1" class="hc-csc-meta-table-tr">
+                        <td colspan="2" class="hc-csc-meta-table-td title">
+                            {{ item.containerName }}
+                        </td>
                     </tr>
-                    <tr class="hc-csc-meta-table-tr" v-else>
-                        <td class="hc-csc-meta-table-td name">{{item.containerName}}</td>
-                        <td class="hc-csc-meta-table-td val">{{item.keyValue}}</td>
+                    <tr v-else class="hc-csc-meta-table-tr">
+                        <td class="hc-csc-meta-table-td name">
+                            {{ item.containerName }}
+                        </td>
+                        <td class="hc-csc-meta-table-td val">
+                            {{ item.keyValue }}
+                        </td>
                     </tr>
                 </template>
             </table>
-            <HcNoData v-if="metaDataTableVal.length==0"/>
+            <HcNoData v-if="metaDataTableVal.length == 0" />
         </el-scrollbar>
-    
     </div>
 </template>
 
 <script setup>
-import {ref, watch} from "vue";
+import { ref, watch } from 'vue'
 
 //参数
 const props = defineProps({
     projectId: {
-        type: [String,Number],
-        default: ''
+        type: [String, Number],
+        default: '',
     },
     contractId: {
-        type: [String,Number],
-        default: ''
+        type: [String, Number],
+        default: '',
     },
     loading: {
         type: Boolean,
-        default: false
+        default: false,
     },
     ishowFile:{
         type: Boolean,
-        default: false
+        default: false,
     },
     metaDataTable:{
         type: [Array],
-        default: ''
-    }
+        default: '',
+    },
 })
 
 //变量
-const projectId = ref(props.projectId);
-const contractId = ref(props.contractId);
-const isLoading = ref(props.loading);
-const iShowFile = ref(props.ishowFile);
-const metaDataTableVal=ref(props.metaDataTable)
+const projectId = ref(props.projectId)
+const contractId = ref(props.contractId)
+const isLoading = ref(props.loading)
+const iShowFile = ref(props.ishowFile)
+const metaDataTableVal = ref(props.metaDataTable)
 
 //监听
 watch(() => [
     props.loading,
     props.ishowFile,
-    props.metaDataTable
-], ([loading,ishowFile,metaDataTable]) => {
-    console.log(metaDataTable,'metaDataTable');
-    isLoading.value = loading;
-    console.log(ishowFile,'ishowFile');
-    iShowFile.value=ishowFile
-    metaDataTableVal.value=metaDataTable
+    props.metaDataTable,
+], ([loading, ishowFile, metaDataTable]) => {
+    console.log(metaDataTable, 'metaDataTable')
+    isLoading.value = loading
+    console.log(ishowFile, 'ishowFile')
+    iShowFile.value = ishowFile
+    metaDataTableVal.value = metaDataTable
 })
 
 //元数据
 const metaDataTable = ref([
-    {type: 1, title: '聚合层次', val: ''},
-    {type: 2, title: '来源', val: ''},
-    {type: 1, title: '全宗名称', val: ''},
-    {type: 1, title: '立档单位名称', val: ''},
-    {type: 1, title: '电子文件号', val: ''},
-    {type: 2, title: '文件联', val: ''},
-    {type: 1, title: '目录文件', val: ''},
-    {type: 1, title: '文件件数', val: ''},
-    {type: 1, title: '文件页数', val: ''},
-    {type: 1, title: '元数据目录文件', val: ''},
-    {type: 1, title: '验证码', val: ''},
-    {type: 2, title: '内容描述', val: ''},
-    {type: 1, title: '题名', val: ''},
-    {type: 1, title: '关键词', val: ''},
-    {type: 1, title: '摘要', val: ''},
-    {type: 1, title: '生成方式', val: ''},
-    {type: 1, title: '责任者', val: ''},
-    {type: 1, title: '文件创建日期', val: ''},
-    {type: 2, title: '组件', val: ''},
-    {type: 1, title: 'IP地址', val: ''},
-    {type: 1, title: '桩号', val: ''},
-    {type: 1, title: '上传时间', val: ''},
-    {type: 2, title: '文件标识码', val: ''},
-    {type: 1, title: '文号', val: ''},
-    {type: 1, title: '表单标识码', val: ''},
-    {type: 2, title: '竣工图', val: ''},
-    {type: 1, title: '图号', val: ''},
-    {type: 1, title: '图幅', val: ''},
-    {type: 1, title: '图表来源', val: ''},
-    {type: 1, title: '引用变更令编号', val: ''},
-    {type: 2, title: '照片文件', val: ''},
-    {type: 1, title: '主题', val: ''},
-    {type: 1, title: '拍摄时间', val: ''},
-    {type: 1, title: '拍摄地点', val: ''},
-    {type: 1, title: '摄影者', val: ''},
-    {type: 1, title: '背景', val: ''},
-    {type: 1, title: '分组号', val: ''},
-    {type: 1, title: '组内照片编号', val: ''},
-    {type: 1, title: '水平分辨率', val: ''},
-    {type: 1, title: '垂直分辨率', val: ''},
-    {type: 1, title: '保管期限', val: ''},
-    {type: 1, title: '格式信息', val: ''},
-    {type: 2, title: '电子属性', val: ''},
-    {type: 1, title: '位置', val: ''},
-    {type: 1, title: '计算机文件名', val: ''},
-    {type: 1, title: '计算机文件大小', val: ''},
-    {type: 2, title: '数字化属性', val: ''},
-    {type: 1, title: '扫描分辨率', val: ''},
-    {type: 1, title: '扫描色彩模式', val: ''},
-    {type: 2, title: '电子签名', val: ''},
-    {type: 1, title: '签名类型', val: ''},
-    {type: 1, title: '签名时间', val: ''},
-    {type: 1, title: '签名人', val: ''},
-    {type: 1, title: '建设项目', val: ''},
-    {type: 2, title: '业务事项', val: ''},
-    {type: 1, title: '单位工程', val: ''},
-    {type: 1, title: '分部工程', val: ''},
-    {type: 1, title: '分项工程', val: ''},
-    {type: 1, title: '单位工程编码', val: ''},
-    {type: 1, title: '分部工程编码', val: ''},
-    {type: 1, title: '分项工程编码', val: ''},
-    {type: 2, title: '责任者', val: ''},
-    {type: 1, title: '责任者名称', val: ''},
-    {type: 1, title: '个人职位', val: ''},
-    {type: 1, title: '责任者手机号', val: ''},
-    {type: 2, title: '关系实体', val: ''},
-    {type: 1, title: '关系标识', val: ''},
-    {type: 1, title: '关系类型', val: ''},
-    {type: 1, title: '关系', val: ''},
-    {type: 1, title: '相关实体标识', val: ''},
+    { type: 1, title: '聚合层次', val: '' },
+    { type: 2, title: '来源', val: '' },
+    { type: 1, title: '全宗名称', val: '' },
+    { type: 1, title: '立档单位名称', val: '' },
+    { type: 1, title: '电子文件号', val: '' },
+    { type: 2, title: '文件联', val: '' },
+    { type: 1, title: '目录文件', val: '' },
+    { type: 1, title: '文件件数', val: '' },
+    { type: 1, title: '文件页数', val: '' },
+    { type: 1, title: '元数据目录文件', val: '' },
+    { type: 1, title: '验证码', val: '' },
+    { type: 2, title: '内容描述', val: '' },
+    { type: 1, title: '题名', val: '' },
+    { type: 1, title: '关键词', val: '' },
+    { type: 1, title: '摘要', val: '' },
+    { type: 1, title: '生成方式', val: '' },
+    { type: 1, title: '责任者', val: '' },
+    { type: 1, title: '文件创建日期', val: '' },
+    { type: 2, title: '组件', val: '' },
+    { type: 1, title: 'IP地址', val: '' },
+    { type: 1, title: '桩号', val: '' },
+    { type: 1, title: '上传时间', val: '' },
+    { type: 2, title: '文件标识码', val: '' },
+    { type: 1, title: '文号', val: '' },
+    { type: 1, title: '表单标识码', val: '' },
+    { type: 2, title: '竣工图', val: '' },
+    { type: 1, title: '图号', val: '' },
+    { type: 1, title: '图幅', val: '' },
+    { type: 1, title: '图表来源', val: '' },
+    { type: 1, title: '引用变更令编号', val: '' },
+    { type: 2, title: '照片文件', val: '' },
+    { type: 1, title: '主题', val: '' },
+    { type: 1, title: '拍摄时间', val: '' },
+    { type: 1, title: '拍摄地点', val: '' },
+    { type: 1, title: '摄影者', val: '' },
+    { type: 1, title: '背景', val: '' },
+    { type: 1, title: '分组号', val: '' },
+    { type: 1, title: '组内照片编号', val: '' },
+    { type: 1, title: '水平分辨率', val: '' },
+    { type: 1, title: '垂直分辨率', val: '' },
+    { type: 1, title: '保管期限', val: '' },
+    { type: 1, title: '格式信息', val: '' },
+    { type: 2, title: '电子属性', val: '' },
+    { type: 1, title: '位置', val: '' },
+    { type: 1, title: '计算机文件名', val: '' },
+    { type: 1, title: '计算机文件大小', val: '' },
+    { type: 2, title: '数字化属性', val: '' },
+    { type: 1, title: '扫描分辨率', val: '' },
+    { type: 1, title: '扫描色彩模式', val: '' },
+    { type: 2, title: '电子签名', val: '' },
+    { type: 1, title: '签名类型', val: '' },
+    { type: 1, title: '签名时间', val: '' },
+    { type: 1, title: '签名人', val: '' },
+    { type: 1, title: '建设项目', val: '' },
+    { type: 2, title: '业务事项', val: '' },
+    { type: 1, title: '单位工程', val: '' },
+    { type: 1, title: '分部工程', val: '' },
+    { type: 1, title: '分项工程', val: '' },
+    { type: 1, title: '单位工程编码', val: '' },
+    { type: 1, title: '分部工程编码', val: '' },
+    { type: 1, title: '分项工程编码', val: '' },
+    { type: 2, title: '责任者', val: '' },
+    { type: 1, title: '责任者名称', val: '' },
+    { type: 1, title: '个人职位', val: '' },
+    { type: 1, title: '责任者手机号', val: '' },
+    { type: 2, title: '关系实体', val: '' },
+    { type: 1, title: '关系标识', val: '' },
+    { type: 1, title: '关系类型', val: '' },
+    { type: 1, title: '关系', val: '' },
+    { type: 1, title: '相关实体标识', val: '' },
 ])
-
 </script>
 
 <style lang="scss" scoped>

src/views/transfer/inspects.vue

@@ -1,187 +1,223 @@
 <template>
-    <div class="hc-page-layout-box" id="carry-spot-checks-layout-target1">
-        <div class="hc-layout-left-box" :style="'width:' + leftWidth + 'px;'"  v-show="!isCarrySpotChecksDrawer">
+    <div id="carry-spot-checks-layout-target1" class="hc-page-layout-box">
+        <div v-show="!isCarrySpotChecksDrawer" class="hc-layout-left-box" :style="`width:${leftWidth}px;`">
             <div class="hc-project-box">
                 <div class="hc-project-icon-box">
-                    <HcIcon name="stack"/>
+                    <HcIcon name="stack" />
                 </div>
                 <div class="ml-2 project-name-box">
-                    <span class="text-xl text-cut project-alias">{{projectInfo['projectAlias']}}</span>
-                    <div class="text-xs text-cut project-name">{{projectInfo['name']}}</div>
+                    <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
+                    <div class="text-xs text-cut project-name">
+                        {{ projectInfo.name }}
+                    </div>
                 </div>
             </div>
-            <div class="hc-tree-box" v-loading="treeLoading" element-loading-text="加载中...">
+            <div v-loading="treeLoading" class="hc-tree-box" element-loading-text="加载中...">
                 <el-scrollbar>
-                    <HcTree :projectId="projectId" :contractId="contractId" @nodeTap="projectTreeClick" @nodeLoading="treeNodeLoading" :autoExpandKeys="treeAutoExpandKeys" @menuTap="ElTreeMenuClick"/>
+                    <HcTree :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="projectTreeClick" @nodeLoading="treeNodeLoading" @menuTap="ElTreeMenuClick" />
                 </el-scrollbar>
             </div>
-            <!--左右拖动-->
-            <div class="horizontal-drag-line" @mousedown="onmousedown"/>
+            <!-- 左右拖动 -->
+            <div class="horizontal-drag-line" @mousedown="onmousedown" />
         </div>
-        <div class="hc-page-content-box" v-show="!isCarrySpotChecksDrawer">
+        <div v-show="!isCarrySpotChecksDrawer" class="hc-page-content-box">
             <HcCard title="已形成的案卷">
                 <HcTable ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" @row-click="tableRowClick">
-                    <template #name="{row}">
-                        <div class="text-link" :class="row.isReviewed === 1 ? 'text-green' : 'text-blue'">{{row?.name}}</div>
+                    <template #name="{ row }">
+                        <div class="text-link" :class="row.isReviewed === 1 ? 'text-green' : 'text-blue'">
+                            {{ row?.name }}
+                        </div>
                     </template>
                 </HcTable>
                 <template #action>
-                    <HcPages :pages="searchForm" @change="pageChange"/>
+                    <HcPages :pages="searchForm" @change="pageChange" />
                 </template>
             </HcCard>
         </div>
 
-        <!--展开抽查-->
+        <!-- 展开抽查 -->
         <HcDrawer :show="isCarrySpotChecksDrawer" uis="hc-carry-spot-checks-target" to-id="carry-spot-checks-layout-target1" @close="onCarrySpotChecksDrawerClose">
             <div class="hc-carry-spot-checks-pdf">
-                <HcPdf :src="pdfUrl" v-loading="pdfLoading"/>
+                <HcPdf v-loading="pdfLoading" :src="pdfUrl" />
                 <el-tooltip content="展开/收起 右侧目录" placement="top" :disabled="!isBubble">
                     <div class="hc-csc-pdf-btn" @click="onCarryDataShow">
-                        <HcIcon name="arrow-right-s" v-show="isCarryDataShow"/>
-                        <HcIcon name="arrow-left-s" v-show="!isCarryDataShow"/>
+                        <HcIcon v-show="isCarryDataShow" name="arrow-right-s" />
+                        <HcIcon v-show="!isCarryDataShow" name="arrow-left-s" />
                     </div>
                 </el-tooltip>
             </div>
-            <div class="hc-carry-spot-checks-data" v-show="isCarryDataShow">
+            <div v-show="isCarryDataShow" class="hc-carry-spot-checks-data">
                 <div class="hc-csc-switch">
-                    <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" @change="tabTypeChange" size="default" :round="false"/>
+                    <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" size="default" :round="false" @change="tabTypeChange" />
                 </div>
                 <div class="hc-csc-info-box">
                     <el-scrollbar>
                         <div class="hc-info-text-item">
-                            <div class="title">案卷题名：</div>
-                            <div class="content">{{ fileInfo.name }}</div>
+                            <div class="title">
+                                案卷题名：
+                            </div>
+                            <div class="content">
+                                {{ fileInfo.name }}
+                            </div>
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">
                                 <span>密</span>
                                 <span class="ml-7">级：</span>
                             </div>
-                            <div class="content">{{ fileInfo.secretLevelValue }}</div>
+                            <div class="content">
+                                {{ fileInfo.secretLevelValue }}
+                            </div>
                         </div>
                         <div class="hc-info-text-item">
-                            <div class="title">保管期限：</div>
-                            <div class="content">{{ fileInfo.storageTimeValue }}</div>
+                            <div class="title">
+                                保管期限：
+                            </div>
+                            <div class="content">
+                                {{ fileInfo.storageTimeValue }}
+                            </div>
                         </div>
                         <div class="hc-info-text-item">
-                            <div class="title">卷内文件：</div>
-                            <div class="content">{{ fileInfo.pageNumber }}</div>
+                            <div class="title">
+                                卷内文件：
+                            </div>
+                            <div class="content">
+                                {{ fileInfo.pageNumber }}
+                            </div>
                         </div>
                         <div class="hc-info-text-item">
-                            <div class="title">起止日期：</div>
-                            <div class="content" v-if="fileInfo?.endDate!==''||fileInfo?.startDate!==null">{{ splitDate(fileInfo?.startDate)+"~"+  splitDate(fileInfo?.endDate)}}</div>
-                            <div class="content" v-else></div>
+                            <div class="title">
+                                起止日期：
+                            </div>
+                            <div v-if="fileInfo?.endDate !== '' || fileInfo?.startDate !== null" class="content">
+                                {{ `${splitDate(fileInfo?.startDate)}~${splitDate(fileInfo?.endDate)}` }}
+                            </div>
+                            <div v-else class="content" />
                         </div>
                         <div class="hc-info-text-item">
-                            <div class="title">立卷单位：</div>
-                            <div class="content">{{ fileInfo.unit }}</div>
+                            <div class="title">
+                                立卷单位：
+                            </div>
+                            <div class="content">
+                                {{ fileInfo.unit }}
+                            </div>
                         </div>
                     </el-scrollbar>
                 </div>
-                <div class="hc-csc-data-box"  :style="{height:checkId  ? '' : 'calc(100% - 363px)'}">
-                    <HcTable :column="cscTableColumn1" :datas="cscTableData1" :loading="cscTableLoading" :isArrIndex="false" v-if="tabTypeKey === 'tab1'">
-                        <template #name="{row}">
-                            <div :class="row.id === checkId ? 'text-link' : 'text-hover'" @click="changePdf(row)">{{row?.fileName}}</div>
+                <div class="hc-csc-data-box" :style="{ height: checkId ? '' : 'calc(100% - 363px)' }">
+                    <HcTable v-if="tabTypeKey === 'tab1'" :column="cscTableColumn1" :datas="cscTableData1" :loading="cscTableLoading" :is-arr-index="false">
+                        <template #name="{ row }">
+                            <div :class="row.id === checkId ? 'text-link' : 'text-hover'" @click="changePdf(row)">
+                                {{ row?.fileName }}
+                            </div>
                         </template>
                     </HcTable>
 
-                    <HcTable :column="cscTableColumn2" :datas="cscTableData2" :loading="cscTableLoading" :isIndex="false" v-if="tabTypeKey === 'tab2'">
-                        <template #name="{row}">
-                            <div :class="row.id === 2 ? 'text-link' : 'text-hover'">{{row?.name}}</div>
+                    <HcTable v-if="tabTypeKey === 'tab2'" :column="cscTableColumn2" :datas="cscTableData2" :loading="cscTableLoading" :is-index="false">
+                        <template #name="{ row }">
+                            <div :class="row.id === 2 ? 'text-link' : 'text-hover'">
+                                {{ row?.name }}
+                            </div>
                         </template>
                     </HcTable>
 
-                    <HcTable :column="cscTableColumn3" :datas="cscTableData3" :loading="cscTableLoading" :isIndex="false" v-if="tabTypeKey === 'tab3'">
-                        <template #name="{row}">
-                            <div :class="row.id === 2 ? 'text-link' : 'text-hover'">{{row?.name}}</div>
+                    <HcTable v-if="tabTypeKey === 'tab3'" :column="cscTableColumn3" :datas="cscTableData3" :loading="cscTableLoading" :is-index="false">
+                        <template #name="{ row }">
+                            <div :class="row.id === 2 ? 'text-link' : 'text-hover'">
+                                {{ row?.name }}
+                            </div>
                         </template>
                     </HcTable>
 
-                    <HcTable :column="cscTableColumn4" :datas="cscTableData4" :loading="cscTableLoading" :isIndex="false" v-if="tabTypeKey === 'tab4'">
-                        <template #name="{row}">
+                    <HcTable v-if="tabTypeKey === 'tab4'" :column="cscTableColumn4" :datas="cscTableData4" :loading="cscTableLoading" :is-index="false">
+                        <template #name="{ row }">
                             <div class="hc-csc-associated-row" :class="row.id === 2 ? 'text-link' : 'text-hover'">
-                                <el-tag effect="dark">{{row?.tag}}</el-tag>
-                                <span class="ml-3">{{row?.name}}</span>
+                                <el-tag effect="dark">
+                                    {{ row?.tag }}
+                                </el-tag>
+                                <span class="ml-3">{{ row?.name }}</span>
                             </div>
                         </template>
                     </HcTable>
 
-                    <MetaTable :loading="cscmetaTableLoading" v-if="tabTypeKey === 'tab5'"  :metaDataTable="cscmetaDataTabledata"   :ishowFile="ishowFile"/>
+                    <MetaTable v-if="tabTypeKey === 'tab5'" :loading="cscmetaTableLoading" :meta-data-table="cscmetaDataTabledata" :ishow-file="ishowFile" />
                  
 
-                    <HcTable :column="cscTableColumn5" :datas="cscTableData5" :loading="cscTableLoading" v-if="tabTypeKey === 'tab6'"/>
+                    <HcTable v-if="tabTypeKey === 'tab6'" :column="cscTableColumn5" :datas="cscTableData5" :loading="cscTableLoading" />
 
-                    <el-tooltip content="使用弹窗查看数据" placement="top" :disabled="!isBubble" v-if="tabTypeKey === 'tab6' || tabTypeKey === 'tab5'">
+                    <el-tooltip v-if="tabTypeKey === 'tab6' || tabTypeKey === 'tab5'" content="使用弹窗查看数据" placement="top" :disabled="!isBubble">
                         <div class="hc-table-info-btn" @click="cscTableDataModalShow">
-                            <HcIcon name="airplay"/>
+                            <HcIcon name="airplay" />
                         </div>
                     </el-tooltip>
                 </div>
-                <div class="hc-csc-action-box" v-if="checkId">
+                <div v-if="checkId" class="hc-csc-action-box">
                     <div class="header-box">
-                        <div class="title">抽检意见：</div>
+                        <div class="title">
+                            抽检意见：
+                        </div>
                         <div class="extra">
-                            <el-checkbox class="size-xl" v-model="reform.type" >需要整改</el-checkbox>
+                            <el-checkbox v-model="reform.type" class="size-xl">
+                                需要整改
+                            </el-checkbox>
                         </div>
                     </div>
                     <div class="textarea-box">
-                        <div  @click="contentClick" v-if="ishowAllopinion" >
-                            <el-input v-model="reform.content" type="textarea" :autosize="{ minRows: 5}" resize="none" placeholder="请填写抽检意见" disabled/>
+                        <div v-if="ishowAllopinion" @click="contentClick">
+                            <el-input v-model="reform.content" type="textarea" :autosize="{ minRows: 5 }" resize="none" placeholder="请填写抽检意见" disabled />
+                        </div>
+                        <div v-else>
+                            <el-input v-model="reform.myOpinion" type="textarea" :autosize="{ minRows: 5 }" resize="none" placeholder="请填写抽检意见" />
                         </div>
-                       <div v-else>
-                        <el-input v-model="reform.myOpinion" type="textarea" :autosize="{ minRows: 5}" resize="none" placeholder="请填写抽检意见" />
-                       </div>
-                        
                     </div>
                     <div class="btn-box">
                         <el-button hc-btn @click="onCarrySpotChecksDrawerClose">
-                            <HcIcon name="close"/>
+                            <HcIcon name="close" />
                             <span>取消查阅</span>
                         </el-button>
-                        <el-button type="primary" hc-btn @click="submitOpinion" :loading="submitLoading" :disabled="ishowAllopinion">
-                            <HcIcon name="check"/>
+                        <el-button type="primary" hc-btn :loading="submitLoading" :disabled="ishowAllopinion" @click="submitOpinion">
+                            <HcIcon name="check" />
                             <span>保存抽检意见</span>
                         </el-button>
                     </div>
                 </div>
-                <div class="btn-box" style="text-align: center;" v-if="checkId.length==0">
+                <div v-if="checkId.length == 0" class="btn-box" style="text-align: center;">
                     <el-button hc-btn @click="onCarrySpotChecksDrawerClose">
-                                <HcIcon name="close"/>
-                                <span>取消查阅</span>
+                        <HcIcon name="close" />
+                        <span>取消查阅</span>
                     </el-button>
-                </div >
+                </div>
             </div>
         </HcDrawer>
 
-        <!--使用弹窗查看数据-->
-        <HcDialog :show="cscTableDataModal" :title="cscTableDataTitle" widths="1080px" isTable :footer="false" @close="cscTableDataModalClose">
-            <MetaTable :loading="cscmetaTableLoading" v-if="tabTypeKey === 'tab5'"  :metaDataTable="cscmetaDataTabledata"  :ishowFile="ishowFile"/>
-            <HcTable :column="cscTableColumn51" :datas="cscTableData5" :loading="cscTableLoading" v-if="tabTypeKey === 'tab6'"/>
+        <!-- 使用弹窗查看数据 -->
+        <HcDialog :show="cscTableDataModal" :title="cscTableDataTitle" widths="1080px" is-table :footer="false" @close="cscTableDataModalClose">
+            <MetaTable v-if="tabTypeKey === 'tab5'" :loading="cscmetaTableLoading" :meta-data-table="cscmetaDataTabledata" :ishow-file="ishowFile" />
+            <HcTable v-if="tabTypeKey === 'tab6'" :column="cscTableColumn51" :datas="cscTableData5" :loading="cscTableLoading" />
         </HcDialog>
-
     </div>
 </template>
 
 <script setup>
-import {ref, watch, onMounted, nextTick,onActivated} from "vue";
-import {useAppStore} from "~src/store";
-import { getArrValue, getObjValue} from "js-fast-way"
-import HcTree from "~src/components/tree/hc-tree.vue"
-import MetaTable from "./components/meta-table.vue"
-import {getStoreValue, setStoreValue} from '~src/utils/storage'
-import tuningApi from "~api/archiveConfig/tuning.js";
-import archiveQueryApi from "~api/using/query.js";
-import inspectApi from "~api/transfer/inspects.js";
+import { nextTick, onActivated, onMounted, ref, watch } from 'vue'
+import { useAppStore } from '~src/store'
+import { getArrValue, getObjValue } from 'js-fast-way'
+import HcTree from '~src/components/tree/hc-tree.vue'
+import MetaTable from './components/meta-table.vue'
+import { getStoreValue, setStoreValue } from '~src/utils/storage'
+import tuningApi from '~api/archiveConfig/tuning.js'
+import archiveQueryApi from '~api/using/query.js'
+import inspectApi from '~api/transfer/inspects.js'
 
 //变量
 
 const useAppState = useAppStore()
-const projectId = ref(useAppState.getProjectId);
-const contractId = ref(useAppState.getContractId);
-const projectInfo = ref(useAppState.getProjectInfo);
+const projectId = ref(useAppState.getProjectId)
+const contractId = ref(useAppState.getContractId)
+const projectInfo = ref(useAppState.getProjectInfo)
 const isCollapse = ref(useAppState.getCollapse)
-const isBubble = ref(useAppState.getBubble);
-const userInfo = ref(useAppState.getUserInfo);
+const isBubble = ref(useAppState.getBubble)
+const userInfo = ref(useAppState.getUserInfo)
 
 //监听
 watch(() => [
@@ -208,12 +244,12 @@ const treeNodeLoading = () => {
 
 //搜索表单
 const searchForm = ref({
-    current: 1, size: 20, total: 0
+    current: 1, size: 20, total: 0,
 })
 //截取日期
 const splitDate = (val)=>{
     if (val) {
-        return val?.substring(0,10)
+        return val?.substring(0, 10)
     } else {
         return ''
     }
@@ -223,7 +259,7 @@ const primaryKeyId = ref('')
 
 //自动展开缓存
 const treeAutoExpandKeys = ref(getStoreValue('inspectExpandKeys') || [])
-const projectTreeClick = ({node, data, keys, key}) => {
+const projectTreeClick = ({ node, data, keys, key }) => {
     console.log(data)
     //缓存展开的节点
     setStoreValue('inspectExpandKeys', keys)
@@ -232,16 +268,16 @@ const projectTreeClick = ({node, data, keys, key}) => {
     searchForm.value.total = 0
     searchForm.value.current = 1
     searchForm.value.size = 20
-    searchForm.value.nodeIds = data.id || '';
+    searchForm.value.nodeIds = data.id || ''
     getTableData()
 }
 //树菜单被点击
-const ElTreeMenuClick = async ({key,node,data}) => {
+const ElTreeMenuClick = async ({ key, node, data }) => {
 
     setStoreValue('inspectExpandKeys', keys)
 }
 //分页被点击
-const pageChange = ({current, size}) => {
+const pageChange = ({ current, size }) => {
     searchForm.value.current = current
     searchForm.value.size = size
     getTableData()
@@ -253,12 +289,12 @@ const tableColumn = ref([])
 //设置表头
 const setTableColumns = () => {
     tableColumn.value = [
-        {key: 'fileNumber', name: '档号',width:110},
-        {key: 'name', name: '案卷题名'},
-        {key: 'storageTimeValue', name: '保管期限',width:100},
-        {key: 'pageN', name: '总页数',width:110},
-        {key:'unit', name: '立卷单位', width: 140},
-        {key:'remark', name: '备注', width: 110}
+        { key: 'fileNumber', name: '档号', width:110 },
+        { key: 'name', name: '案卷题名' },
+        { key: 'storageTimeValue', name: '保管期限', width:100 },
+        { key: 'pageN', name: '总页数', width:110 },
+        { key:'unit', name: '立卷单位', width: 140 },
+        { key:'remark', name: '备注', width: 110 },
     ]
 }
 const tableData = ref([])
@@ -267,11 +303,11 @@ const tableData = ref([])
 const tableLoading = ref(false)
 const getTableData = async () => {
     tableLoading.value = true
-    const {error, code, data} = await tuningApi.pageByArchive({
+    const { error, code, data } = await tuningApi.pageByArchive({
         ...searchForm.value,
         projectId: projectId.value,
         contractId: contractId.value,
-        isArchive: 1
+        isArchive: 1,
     })
     tableLoading.value = false
     if (!error && code === 200) {
@@ -286,11 +322,11 @@ const getTableData = async () => {
 //查阅案卷pdf
 const viewPdf = async (id) => {
     window.$message?.info('预览案卷需要合并pdf，需要一点时间')
-    pdfLoading.value=true
-    const {error, code, data, msg} = await tuningApi.printArchive({
-        id: id
+    pdfLoading.value = true
+    const { error, code, data, msg } = await tuningApi.printArchive({
+        id: id,
     })
-    pdfLoading.value=false
+    pdfLoading.value = false
     if (!error && code === 200) {
         if (data) {
             return data
@@ -301,96 +337,96 @@ const viewPdf = async (id) => {
 }
 //行被点击
 const isCarrySpotChecksDrawer = ref(false)
-const fileInfo=ref('')
-const checkmetaFileId=ref('')
-const tableRowClick = async({row}) => {
+const fileInfo = ref('')
+const checkmetaFileId = ref('')
+const tableRowClick = async ({ row }) => {
     //console.log(row)
-    fileInfo.value=row
+    fileInfo.value = row
     // cscTableData1.value=getArrValue( row['approvalFileList'])
     getArchiveFileListData()
     isCarrySpotChecksDrawer.value = true
-    ishowAllopinion.value=true
-    checkId.value=''
+    ishowAllopinion.value = true
+    checkId.value = ''
   
    
-    const url=await viewPdf(row.id)
-        pdfUrl.value=url
-        if(pdfUrl.value&&pdfUrl?.value.length>0&& isCarrySpotChecksDrawer.value){
+    const url = await viewPdf(row.id)
+        pdfUrl.value = url
+        if (pdfUrl.value && pdfUrl?.value.length > 0 && isCarrySpotChecksDrawer.value) {
             setTimeout(() => {
                  serReviewFile()
-            }, 20000);
+            }, 20000)
         }
 }
 //获取卷内文件数据
-const getArchiveFileListData=async()=>{
-    const { error, code, msg,data } = await archiveQueryApi.getArchiveFileList({
+const getArchiveFileListData = async ()=>{
+    const { error, code, msg, data } = await archiveQueryApi.getArchiveFileList({
         id: fileInfo.value.id, //案卷id
      
     })
     //处理返回数据
     if (!error && code === 200) {
-        fileInfo.value.pageNumber=data.pageNumber 
+        fileInfo.value.pageNumber = data.pageNumber 
         
-        cscTableData1.value=getArrValue(data['approvalFileList']) 
-        if(cscTableData1.value.length>0){
-            checkmetaFileId.value=cscTableData1.value[0].id
+        cscTableData1.value = getArrValue(data['approvalFileList']) 
+        if (cscTableData1.value.length > 0) {
+            checkmetaFileId.value = cscTableData1.value[0].id
             getmetaInfo()
         }
 
     } else {
        
-        cscTableData1.value=[]
+        cscTableData1.value = []
     }
 }
 //设置为已查阅
-const serReviewFile=async()=>{
-            const {error, code, data, msg} = await inspectApi.setreview({
-                id: fileInfo.value.id
+const serReviewFile = async ()=>{
+            const { error, code, data, msg } = await inspectApi.setreview({
+                id: fileInfo.value.id,
             })
 }
-const checkId=ref('')
-const pdfUrl=ref('')
-const pdfLoading=ref(false)
-const changePdf=(row)=>{
-    console.log(row,'row');
-    ishowFile.value=true
-    pdfLoading.value=false
-    pdfUrl.value=row['pdfFileUrl']||''
-    checkId.value=row.id
-    checkmetaFileId.value=row.id
+const checkId = ref('')
+const pdfUrl = ref('')
+const pdfLoading = ref(false)
+const changePdf = (row)=>{
+    console.log(row, 'row')
+    ishowFile.value = true
+    pdfLoading.value = false
+    pdfUrl.value = row['pdfFileUrl'] || ''
+    checkId.value = row.id
+    checkmetaFileId.value = row.id
     getmetaInfo()
-    ishowAllopinion.value=true
+    ishowAllopinion.value = true
 
     getopiniondata()
-    if(pdfUrl.value&&pdfUrl?.value.length>0&& isCarrySpotChecksDrawer.value){
+    if (pdfUrl.value && pdfUrl?.value.length > 0 && isCarrySpotChecksDrawer.value) {
             setTimeout(() => {
                  serReviewFile()
-            }, 20000);
+            }, 20000)
      }
 
 
 }
-const opid=ref('')
+const opid = ref('')
 
 //获取抽检意见
-const getopiniondata=async()=>{
-    const {error, code, data, msg} = await inspectApi.getOpinion({
-        fileId: checkId.value
+const getopiniondata = async ()=>{
+    const { error, code, data, msg } = await inspectApi.getOpinion({
+        fileId: checkId.value,
     })
     if (!error && code === 200) {
-        console.log(data,'data');
-        let opiniondata=getObjValue(data)
-        reform.value.content=opiniondata?.allOpinion
-        reform.value.type=opiniondata?.allOpinion?.length>0?true:false
-        reform.value.myOpinion=opiniondata?.opinion
-        opid.value=opiniondata?.id
+        console.log(data, 'data')
+        let opiniondata = getObjValue(data)
+        reform.value.content = opiniondata?.allOpinion
+        reform.value.type = opiniondata?.allOpinion?.length > 0 ? true : false
+        reform.value.myOpinion = opiniondata?.opinion
+        opid.value = opiniondata?.id
     } 
 }
 //保存抽检意见
-const submitLoading=ref(false)
-const submitOpinion=async()=>{
-    submitLoading.value=true
-    const {error, code, data, msg} = await inspectApi.addOpinion({
+const submitLoading = ref(false)
+const submitOpinion = async ()=>{
+    submitLoading.value = true
+    const { error, code, data, msg } = await inspectApi.addOpinion({
         fileId: checkId.value,
         archiveId:fileInfo.value.id,
         // opinion:reform.value.content,
@@ -398,10 +434,10 @@ const submitOpinion=async()=>{
         projectId:projectId.value,
         userId:userInfo.value.user_id,
         archiveName:fileInfo.value.name,
-        id:  opid.value||null
+        id:  opid.value || null,
 
     })
-    submitLoading.value=false
+    submitLoading.value = false
     if (!error && code === 200) {
         window.$message.success(msg)
         serReviewFile()
@@ -413,34 +449,58 @@ const submitOpinion=async()=>{
 //类型tab数据和相关处理
 const tabTypeKey = ref('tab1')
 const tabTypeTab = ref([
-    {key:'tab1',  name: '卷内文件'},
-    {key:'tab2', name: '竣工资料'},
-    {key:'tab3', name: '计量资料'},
-    {key:'tab4', name: '关联资料'},
-    {key:'tab5', name: '元数据'},
-    {key:'tab6', name: '验签包'},
-]);
-const tabTypeChange = ({key}) => {
+    { key:'tab1', name: '卷内文件' },
+    { key:'tab2', name: '竣工资料' },
+    { key:'tab3', name: '计量资料' },
+    { key:'tab4', name: '关联资料' },
+    { key:'tab5', name: '元数据' },
+    { key:'tab6', name: '验签包' },
+])
+const tabTypeChange = ({ key }) => {
     tabTypeKey.value = key
-    if(key==='tab5'){
-        getmetaInfo()
+    if (key === 'tab5') {
+        // getmetaInfo()
+        if (ishowFile.value) {
+            getmetaInfo()
+        } else {
+            getArchivesAutoView(fileInfo.value.id)
+        }
+
+    }
+}
+//获取案卷元数据信息
+const getArchivesAutoView = async (fileId)=>{
+    cscmetaTableLoading.value = true
+    const { error, code, data } = await tuningApi.getArchivesAutoView({
+        id:fileId,
+    })
+    cscmetaTableLoading.value = false
+    if (!error && code === 200) {
+        let obj = getObjValue(data)
+        cscmetaDataTabledata.value = [
+            { containerName:'题名', keyValue:'', isType:1 },
+            { containerName:'档号', keyValue:obj?.fileNumber, isType:2 },
+            { containerName:'文件件数', keyValue:obj?.fileN, isType:2 },
+            { containerName:'移交时间', keyValue:'', isType:2 },
+        ]
+    } else {
+        cscmetaDataTabledata.value = []
     }
 }
-
 const cscTableLoading = ref(false)
 
 //卷内目录
 const cscTableColumn1 = [
-    {key:'name', name: '卷内文件题名', align: 'center'}
-];
+    { key:'name', name: '卷内文件题名', align: 'center' },
+]
 const cscTableData1 = ref([
 
 ])
 
 //竣工资料
 const cscTableColumn2 = [
-    {key:'name', name: '竣工图资料', align: 'center'}
-];
+    { key:'name', name: '竣工图资料', align: 'center' },
+]
 const cscTableData2 = ref([
     // {id: 1, name: 'S6-3-2-Q-8-32 箱梁梁底支座垫石钢筋构造图111-箱梁梁底调平垫块及支座垫石钢筋构造图.pdf'},
     // {id: 2, name: 'J6-3-2-Q-8-34 桥墩一般构造图(1-9).pdf'},
@@ -453,8 +513,8 @@ const cscTableData2 = ref([
 
 //计量资料
 const cscTableColumn3 = [
-    {key:'name', name: '计量资料', align: 'center'}
-];
+    { key:'name', name: '计量资料', align: 'center' },
+]
 const cscTableData3 = ref([
     // {id: 1, name: 'ZB2-17.pdf'},
     // {id: 2, name: 'ZB2-18.pdf'},
@@ -467,8 +527,8 @@ const cscTableData3 = ref([
 
 //计量资料
 const cscTableColumn4 = [
-    {key:'name', name: '关联文件', align: 'center'}
-];
+    { key:'name', name: '关联文件', align: 'center' },
+]
 const cscTableData4 = ref([
     // {id: 1, name: 'xxxxxxxxxxxxxxxxxxx.pdf', tag: '开工'},
     // {id: 2, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '工序'},
@@ -481,15 +541,15 @@ const cscTableData4 = ref([
 
 //验签包
 const cscTableColumn5 = [
-    {key:'user', name: '签名者'},
-    {key:'time', name: '签名时间'},
-    {key:'val', name: '摘要'},
-];
+    { key:'user', name: '签名者' },
+    { key:'time', name: '签名时间' },
+    { key:'val', name: '摘要' },
+]
 const cscTableColumn51 = [
-    {key:'user', name: '签名者', width: 300},
-    {key:'time', name: '签名时间', width: 200},
-    {key:'val', name: '摘要'},
-];
+    { key:'user', name: '签名者', width: 300 },
+    { key:'time', name: '签名时间', width: 200 },
+    { key:'val', name: '摘要' },
+]
 const cscTableData5 = ref([
     // {id: 1, user: '051@王海军@0422431197502148151@1', time: '2022-05-13 08:54:15', val: '签名有效。由051@王海军@0422431197502148151@1签名。自应用本签名以来，文档未被修改过。签名者身份有效。'},
     // {id: 2, user: '051@王海军@0422431197502148151@1', time: '2022-05-13 08:54:15', val: '签名有效。由051@王海军@0422431197502148151@1签名。自应用本签名以来，文档未被修改过。签名者身份有效。'},
@@ -502,12 +562,12 @@ const cscTableData5 = ref([
 
 //抽检意见
 const reform = ref({
-    type: false, content: '',myOpinion:''
+    type: false, content: '', myOpinion:'',
 })
-const ishowAllopinion=ref(true)
-const contentClick=()=>{
-    console.log(11111);
-    ishowAllopinion.value=false
+const ishowAllopinion = ref(true)
+const contentClick = ()=>{
+    console.log(11111)
+    ishowAllopinion.value = false
 }
 //显示右侧目录
 const isCarryDataShow = ref(true)
@@ -521,7 +581,7 @@ const cscTableDataModal = ref(false)
 const cscTableDataTitle = ref('')
 //显示弹窗
 const cscTableDataModalShow = () => {
-    const key = tabTypeKey.value;
+    const key = tabTypeKey.value
     if (key === 'tab5') {
         cscTableDataTitle.value = '元数据'
         getmetaInfo()
@@ -541,45 +601,45 @@ const cscTableDataModalClose = () => {
 //关闭抽查
 const onCarrySpotChecksDrawerClose = () => {
     isCarrySpotChecksDrawer.value = false
-    pdfUrl.value=''
-    ishowFile.value=false
-    checkmetaFileId.value=''
-    tabTypeKey.value='tab1'
+    pdfUrl.value = ''
+    ishowFile.value = false
+    checkmetaFileId.value = ''
+    tabTypeKey.value = 'tab1'
 }
 
 
 //左右拖动，改变树形结构宽度
-const leftWidth = ref(382);
+const leftWidth = ref(382)
 const onmousedown = () => {
     const leftNum = isCollapse.value ? 142 : 272
     document.onmousemove = (ve) => {
-        let diffVal = ve.clientX - leftNum;
-        if(diffVal >= 310 && diffVal <= 900) {
-            leftWidth.value = diffVal;
+        let diffVal = ve.clientX - leftNum
+        if (diffVal >= 310 && diffVal <= 900) {
+            leftWidth.value = diffVal
         }
     }
     document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
+        document.onmousemove = null
+        document.onmouseup = null
     }
 }
 //获取元数据
-const cscmetaTableLoading=ref(false)
-const cscmetaDataTabledata=ref([])
-const ishowFile=ref(true)
+const cscmetaTableLoading = ref(false)
+const cscmetaDataTabledata = ref([])
+const ishowFile = ref(true)
 //获取元数据信息
 
-const getmetaInfo=async(fileId)=>{
+const getmetaInfo = async (fileId)=>{
  
     cscmetaTableLoading.value = true
-    const {error, code, data} = await tuningApi.getMetadataFileByid({
+    const { error, code, data } = await tuningApi.getMetadataFileByid({
         fileId: checkmetaFileId.value,
     })
     cscmetaTableLoading.value = false
     if (!error && code === 200) {
-        cscmetaDataTabledata.value=getArrValue(data)
+        cscmetaDataTabledata.value = getArrValue(data)
     } else {
-        cscmetaDataTabledata.value=[]
+        cscmetaDataTabledata.value = []
     }
 }
 </script>