no message

src/views/riskPrevention/planManage/DocRecord.vue

@@ -1,4 +1,9 @@
 <template>
+    <div class="ya_bar">
+        <h3>预案内容</h3>
+        <el-button type="primary" @click="importDoc()"> 导入预案 </el-button>
+    </div>
+    
     <el-card shadow="hover">
         <el-tabs v-model="activeName" type="border-card" class="demo-tabs" @tab-click="handleClick2">
             <!--
@@ -49,12 +54,12 @@
                 <div>
                     <el-row>
                         <el-col :span="4">
-                            <el-anchor :container="`containerRef${index}`" direction="vertical" type="default" :offset="30" @click="handleClick1">
+                            <el-anchor container="`containerRef${index}`" direction="vertical" type="default" :offset="30" @click="handleClick1">
                                 <el-anchor-link :href="sub_item.href" :title="sub_item.title"  :name="sub_item.id" v-for="(sub_item, index2) in item.items" :key="index2"/>
                             </el-anchor>
                         </el-col>
                         <el-col :span="20">
-                            <div :ref="`containerRef${index}`" style="height: 400px; overflow-y: auto">
+                            <div ref="`containerRef${index}`" style="height: 400px; overflow-y: auto">
                                 <div :id="sub_item.id" style="height: auto; margin-top: 15px; font-size: 14px" v-for="(sub_item, index3) in item.items" :key="index3">
                                     <h3 style="font-weight: 600">{{ sub_item.title }}</h3>
                                     <span v-html="sub_item.value"></span>
@@ -110,10 +115,24 @@ const getData = () => {
         }
     })
 }
+
+
+const importDoc = () => {
+
+}
+
 </script>
 
 
 <style lang="scss" scoped>
+.ya_bar {
+  display:flex;
+  flex-direction: row; 
+  flex-wrap: nowrap;
+  justify-content:space-between;
+  align-items: center;
+}
+
 .demo-tabs > .el-tabs__content {
   padding: 32px;
   color: #6b778c;

src/views/riskPrevention/planManage/planList.vue

@@ -44,10 +44,6 @@
       </el-col>
       <!-- 预案内容 -->
       <el-col :lg="30" :xs="24" style="">
-        <div class="ya_bar">
-          <h3>预案内容</h3>
-          <el-button type="primary" @click="importDoc()"> 导入预案 </el-button>
-        </div>
         <DocRecord :id="planId" />
       </el-col>
       <el-col :lg="30" :xs="24">
@@ -213,10 +209,6 @@ const handleDownload = (file: any) => {
   download2(baseUrl + '/api/file/download/' + file.url, file.name);
 };
 
-const importDoc = () => {
-
-}
-
 onMounted(() => {
   planId.value = route.query.planId;
   getPlanDetail(planId.value).then((res) => {
@@ -226,11 +218,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-.ya_bar {
-  display:flex;
-  flex-direction: row; 
-  flex-wrap: nowrap;
-  justify-content:space-between;
-  align-items: center;
-}
+
 </style>