From 4a1733b2e660aa38cd1924da6e5dc012c0865450 Mon Sep 17 00:00:00 2001
From: memorylkf <312904636@qq.com>
Date: Thu, 25 Dec 2025 21:09:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20[=E8=AF=95=E9=AA=8C=E7=AE=A1=E7=90=86]?=
 =?UTF-8?q?=20[=E8=BF=9B=E5=85=A5=E8=AF=95=E9=AA=8C]=20=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/business/study/comp/enter.vue | 97 +++++++++++++++++++++++++++++++++
 src/views/business/study/list.vue       | 46 ++++++++--------
 2 files changed, 120 insertions(+), 23 deletions(-)
 create mode 100644 src/views/business/study/comp/enter.vue

diff --git a/src/views/business/study/comp/enter.vue b/src/views/business/study/comp/enter.vue
new file mode 100644
index 0000000..31d1a69
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/views/business/study/list.vue b/src/views/business/study/list.vue
index 8c882a2..0972dd1 100644
--- a/src/views/business/study/list.vue
+++ b/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;
+      }
     }
   }
 }