项目信息去掉生产确认，新增项目导航

oa-ui/src/views/oa/project/info.vue

@@ -1,5 +1,13 @@
 <template>
   <div class="app-container">
+    <div class="anchor">
+      <div class="nav-item" @click="scrollToAnchor('section1')">项目基本信息</div>
+      <div class="nav-item" @click="scrollToAnchor('section2')">项目安排</div>
+      <div class="nav-item" @click="scrollToAnchor('section3')">技术安排</div>
+      <div class="nav-item" @click="scrollToAnchor('section4')">任务审核情况</div>
+      <div class="nav-item" @click="scrollToAnchor('section5')">项目生产情况</div>
+      <div class="nav-item" @click="scrollToAnchor('section6')">项目变更记录</div>
+    </div>
     <div class="header">
       <el-button icon="el-icon-d-arrow-left" plain type="primary" class="back" @click="goBack"
         v-show="needReturn">返回</el-button>
@@ -12,7 +20,7 @@
 
     <div class="content">
       <!-- 项目基本信息 -->
-      <div class="box1">
+      <div class="box1" ref="section1">
         <div class="title">项目基本信息
           <div class="line"></div>
         </div>
@@ -161,7 +169,7 @@
         </div>
       </div>
       <!-- 项目管理部安排 -->
-      <div class="box1 mt20">
+      <div class="box1 mt20" ref="section2">
         <div class="title">项目安排
           <div class="line"></div>
         </div>
@@ -226,7 +234,7 @@
         </div>
       </div>
       <!-- 技术质量与安全部安排 -->
-      <div class="box1 mt20">
+      <div class="box1 mt20" ref="section3">
         <div class="title">技术安排
           <div class="line"></div>
         </div>
@@ -265,7 +273,7 @@
         </div>
       </div>
       <!-- 任务审核情况  -->
-      <div class="box1 mt20">
+      <div class="box1 mt20" ref="section4">
         <div class="title">任务审核情况
           <div class="line"></div>
         </div>
@@ -280,7 +288,7 @@
                 <el-input disabled type="textarea" v-model="projectComment.jyComment"></el-input>
                 <div class="sign mt10">
                   <div class="mr20">签名：<span class="auditor">{{ projectComment.jyUser ? projectComment.jyUser.nickName :
-          ''
+        ''
                       }}</span>
                   </div>
                   <div class="ml20"><span>审核时间：{{ projectComment.jyApprovalTime }}</span></div>
@@ -296,13 +304,13 @@
                 <el-input disabled type="textarea" v-model="projectComment.manageComment"></el-input>
                 <div class="sign mt10">
                   <div class="mr20">签名：<span class="auditor">{{ projectComment.managerUser ?
-          projectComment.managerUser.nickName : '' }}</span>
+        projectComment.managerUser.nickName : '' }}</span>
                   </div>
                   <div class="ml20"><span>审核时间：{{ projectComment.manageApprovalTime }}</span></div>
                 </div>
               </div>
             </el-descriptions-item>
-            <el-descriptions-item>
+            <!-- <el-descriptions-item>
               <template slot="label">
                 <svg-icon slot="prefix" icon-class="user" />
                 生产部门确认
@@ -315,12 +323,12 @@
                   <div class="ml20"><span>审核时间：{{ projectComment.scApprovalTime }}</span></div>
                 </div>
               </div>
-            </el-descriptions-item>
+            </el-descriptions-item> -->
           </el-descriptions>
         </div>
       </div>
 
-      <div class="box1 mt20">
+      <div class="box1 mt20" ref="section5">
         <div class="title">项目生产情况
           <div class="line"></div>
         </div>
@@ -347,7 +355,7 @@
               </template>
               <el-select v-model="devices" multiple disabled style="width:100%">
                 <el-option v-for="item in deviceList" :key="item.deviceId" :label="item.name + '【' + (item.brand != null ? item.brand : '') + (item.series != null ? '-' + item.series + '】' : '')
-          + (item.code != null ? '（设备编号：' + item.code + '）' : '') + '📍' + item.place" :value="item.deviceId">
+        + (item.code != null ? '（设备编号：' + item.code + '）' : '') + '📍' + item.place" :value="item.deviceId">
                 </el-option>
               </el-select>
             </el-descriptions-item>
@@ -456,7 +464,7 @@
         </div>
       </div>
 
-      <div class="box1 mt20">
+      <div class="box1 mt20" ref="section6">
         <div class="title">项目变更记录
           <div class="line"></div>
         </div>
@@ -635,6 +643,16 @@ export default {
     }
   },
   methods: {
+    scrollToAnchor(anchor) {
+      const element = this.$refs[anchor];
+      console.log(element.offsetTop);
+      if (element) {
+        window.scrollTo({
+          behavior: 'smooth',
+          top: element.offsetTop - 80
+        });
+      }
+    },
     getProjectInfo(projectId) {
       getProject(projectId).then(res => {
         if (res.data) {
@@ -894,6 +912,32 @@ export default {
   max-width: 1422px;
 }
 
+.anchor {
+  position: fixed;
+  right: 20px;
+  bottom: 0px;
+  z-index: 999;
+
+  .nav-item {
+    background-color: #fff;
+    padding: 8px;
+    border-radius: 4px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+    text-align: center;
+    cursor: pointer;
+    font-size: 12px;
+  }
+
+  .nav-item:hover {
+    background-color: var(--current-color);
+    color: #fff;
+  }
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
 ::v-deep .el-descriptions-item__label.is-bordered-label {
   color: #5a5757;
   background: rgba($color: #a9adb3, $alpha: 0.1);