服务详情数据

src/components/body-d-left/threeL.vue

@@ -2,17 +2,39 @@
     <div>
         <public-title title="体检数据"/>
         <div class="inner">
-
+          <div class="type-time">
+            <span :class="selectIndex===index?'select':'unSelect'" v-for="(item,index) in typeTime" :key="index" @click="handleSelect(index)">{{item.name}}</span>
+          </div>
         </div>
     </div>
 </template>
 <script setup lang="ts">
-
+import { ref } from 'vue';
 import PublicTitle from "../publicTitle.vue";
+const typeTime = ref([
+  {
+    name:'全部',
+    value:'all',
+  },{
+    name:'本年',
+    value:'year',
+  },
+  {
+    name:'本月',
+    value:'month',
+  },
+  {
+    name:'本周',
+    value:'week',
+  }
+])
+const selectIndex = ref(0)
+function handleSelect(index:number){
+  selectIndex.value = index;
+}
 </script>
 <style scoped lang="less">
 .inner {
     height: calc(100% - 40px);
-
 }
 </style>