feat: [试验管理] [进入试验] 页面新增

src/views/business/study/comp/enter.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="study-enter">
+    <div class="content-list">
+      <div class="search-box">
+        <div class="search-item" :class="active===item.key?'active':''" v-for="(item,index) in tabList" :key="index" @click="changeTab(item)">{{item.name}}</div>
+      </div>
+
+      <div class="content-box">
+        456
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import { study_list,study_info,study_save,study_delete} from "@/api/business/study/study";
+export default {
+  name: "StudyEnter",
+  props:{
+  },
+  components:{
+  },
+  computed: {
+  },
+  filters:{
+  },
+  data() {
+    return {
+      tabList:[
+        {key:'ytbd',name:'预填表单列表'},
+        {key:'tbbd',name:'填报表单列表'},
+        {key:'syxx',name:'试验信息'},
+        {key:'wzlb',name:'物资列表'},
+        {key:'syff',name:'试验方法列表'},
+        {key:'syj',name:'饲养间使用管理'}
+      ],
+      active:'ytbd'
+    };
+  },
+  created() {
+  },
+  methods: {
+    show(row){
+
+    },
+    changeTab(item){
+      if(this.active!==item.key){
+        this.active = item.key
+      }
+    }
+    
+  }
+};
+</script>
+<style lang="scss" scoped>
+.study-enter{
+  .search-box{
+    background: #fff;
+    padding: 0;
+    border-radius: 3px;
+    margin-bottom: 10px;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .search-item{
+      padding: 10px 20px;
+      cursor: pointer;
+      &.active{
+        background: #1890ff;
+        color: #fff;
+        
+      }
+      &:hover{
+        background: #46a6ff;
+        color: #fff;
+      }
+      &:first-child{
+        border-top-left-radius: 3px;
+        border-bottom-left-radius: 3px;
+      }
+      &:last-child{
+        border-top-right-radius: 3px;
+        border-bottom-right-radius: 3px;
+      }
+    }
+  }
+  .content-box{
+    background: #fff;
+    padding: 20px;
+    .add-box{
+      margin-bottom: 10px;
+    }
+  }
+}
+</style>

src/views/business/study/list.vue

@@ -140,6 +140,7 @@
     </div>
 
     <Edit ref="edit" v-show="showType==='edit'" @cancel="showType='list'" @save="save" />
+    <Enter ref="enter" v-show="showType==='enter'" @cancel="showType='list'" />
     
     
   </div>
@@ -147,22 +148,15 @@
 
 <script>
 import { study_list,study_info,study_save,study_delete} from "@/api/business/study/study";
-import SelectDept from '../comps/select/SelectDept.vue';
 import Edit from './comp/edit.vue'
-const EmptyDialogData = {
-  id:'',
-  name:'',
-  sn:'',
-  leader:'',
-  reamrk:''
-}
+import Enter from './comp/enter.vue'
 export default {
   name: "Study",
   props:{
   },
   components:{
-    SelectDept,
-    Edit
+    Edit,
+    Enter
   },
   computed: {
   },
@@ -246,26 +240,32 @@ export default {
       })
       .catch(() => {})
     },
+    enter(row){
+      this.showType = 'enter'
+      this.$refs.enter.show(row)
+    },
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .study-page{
   background: #f5f5f5;
   padding: 0;
-  .search-box{
-    background: #fff;
-    padding: 20px 20px 2px 20px;
-    margin-bottom: 10px;
-    .right-btn{
-      text-align:right
-    }
-  }
-  .content-box{
-    background: #fff;
-    padding: 20px;
-    .add-box{
+  .content-list{
+    .search-box{
+      background: #fff;
+      padding: 20px 20px 2px 20px;
       margin-bottom: 10px;
+      .right-btn{
+        text-align:right
+      }
+    }
+    .content-box{
+      background: #fff;
+      padding: 20px;
+      .add-box{
+        margin-bottom: 10px;
+      }
     }
   }
 }