2222

src/views/audit/project/audit.vue

@@ -2,13 +2,21 @@
 <template>
   <div class="app-content" style="height: 76vh;overflow: auto;">
     <a-spin :spinning="loading" style="width: 100%;height: 100%;">
-      <div class="page-content" ref="main">
-        <div class="x_modal_content">
-          <project-info v-model="projectInfo" :tabsData.sync="tabsData" v-if="projType" />
-          <project-info-Key v-model="projectInfo" :tabsData.sync="tabsData" v-else />
-          <a-form-model ref="form" :model="auditObj" :rules="rules" class="from-table font-line-space">
-            <audit-edit :auditObj.sync="auditObj" />
-          </a-form-model>
+      <div class="page-content">
+        <div style=" width: 100%;height: 50px;">
+          <a-tabs type="card" hideAdd size="small" @change="callback">
+            <a-tab-pane :key="item.key" :tab="item.title" v-for="(item) in tabsData">
+            </a-tab-pane>
+          </a-tabs>
+        </div>
+        <div style="width: 100%;height: calc(100% - 50px);overflow: auto;" ref="main">
+          <div class="x_modal_content">
+            <project-info v-model="projectInfo" :tabsData.sync="tabsData" v-if="projType" />
+            <project-info-Key v-model="projectInfo" :tabsData.sync="tabsData" v-else />
+            <a-form-model ref="form" :model="auditObj" :rules="rules" class="from-table font-line-space">
+              <audit-edit :auditObj.sync="auditObj" />
+            </a-form-model>
+          </div>
         </div>
       </div>
       <div class="page-footer">
@@ -39,12 +47,12 @@ export default {
         { title: '项目可行性研究情况', key: '3', isShow: true },
         { title: '项目实施目标', key: '4', isShow: true },
         { title: '项目考核指标', key: '5', isShow: true },
-        { title: '项目经费', key: '6' },
+        { title: '项目经费', key: '6', isShow: true },
         { title: '项目绩效目标表', key: '7', isShow: true },
-        { title: '项目课题设置', key: '8' },
-        { title: '附件清单', key: '9' },
+        { title: '项目课题设置', key: '8', isShow: true },
+        { title: '附件清单', key: '9', isShow: true },
         { title: '单位科研项目及资金管理制度', key: '10', isShow: true },
-        { title: '诚信承诺书', key: '11', isShow: true },
+        // { title: '诚信承诺书', key: '11', isShow: true },
       ],
       projectInfo: {
         id: null,
@@ -160,7 +168,18 @@ export default {
     },
     changeScroll () {
       this.$refs.main.scrollTop = document.getElementsByClassName('x_modal_content')[0].offsetHeight
-    }
+    },
+    callback (key) {
+      var index = parseInt(key)
+      this.tabsData.forEach(e => {
+        if (key == '0')
+          e.isShow = true
+        else
+          e.isShow = false
+      })
+      this.tabsData[0].isShow = true;
+      this.tabsData[index].isShow = true;
+    },
   },
 }
 </script>

src/views/report/project/components/projectInfo.vue

@@ -714,10 +714,10 @@ export default {
         { title: '项目可行性研究情况', key: '3', isShow: true },
         { title: '项目实施目标', key: '4', isShow: true },
         { title: '项目考核指标', key: '5', isShow: true },
-        { title: '项目经费', key: '6' },
+        { title: '项目经费', key: '6', isShow: true },
         { title: '项目绩效目标表', key: '7', isShow: true },
-        { title: '项目课题设置', key: '8' },
-        { title: '附件清单', key: '9' },
+        { title: '项目课题设置', key: '8', isShow: true },
+        { title: '附件清单', key: '9', isShow: true },
         { title: '单位科研项目及资金管理制度', key: '10', isShow: true },
         { title: '诚信承诺书', key: '11', isShow: true },
       ]

src/views/report/project/components/projectView.vue

@@ -58,16 +58,16 @@ export default {
   data () {
     return {
       tabsData: [
-        { title: '全部', key: '0', isShow: true },
+      { title: '全部', key: '0', isShow: true },
         { title: '基本情况', key: '1', isShow: true },
         { title: '项目人员情况', key: '2', isShow: true },
         { title: '项目可行性研究情况', key: '3', isShow: true },
         { title: '项目实施目标', key: '4', isShow: true },
         { title: '项目考核指标', key: '5', isShow: true },
-        { title: '项目经费', key: '6' },
+        { title: '项目经费', key: '6', isShow: true },
         { title: '项目绩效目标表', key: '7', isShow: true },
-        { title: '项目课题设置', key: '8' },
-        { title: '附件清单', key: '9' },
+        { title: '项目课题设置', key: '8', isShow: true },
+        { title: '附件清单', key: '9', isShow: true },
         { title: '单位科研项目及资金管理制度', key: '10', isShow: true },
         // { title: '诚信承诺书', key: '11', isShow: true },
       ],