服务详情数据

package.json

@@ -16,7 +16,6 @@
     "path": "^0.12.7",
     "prettier": "^3.1.0",
     "vue": "^3.3.4",
-    "vue-seamless-scroll": "^1.1.23",
     "vue3-seamless-scroll": "^2.0.1"
   },
   "devDependencies": {

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

@@ -1,13 +1,13 @@
 <template>
     <div>
-    <public-title title="服务详情数据"/>
+        <public-title title="服务详情数据" />
         <div class="inner">
             <div class="type-time">
                 <span
                     v-for="(item, index) in typeTime"
                     :key="index"
                     :class="selectIndex === index ? 'select' : 'unSelect'"
-                    @click="handleSelect(index)"
+                    @click="handleSelect(index, item.value)"
                     >{{ item.name }}</span
                 >
             </div>
@@ -21,29 +21,29 @@
     </div>
 </template>
 <script setup lang="ts">
-import {onMounted, ref} from 'vue';
+    import { onMounted, ref } from 'vue';
-import PublicTitle from '../publicTitle.vue';
+    import PublicTitle from '../publicTitle.vue';
-import {list} from './left.api';
+    import { list } from './left.api';
 
-const typeTime = ref([
+    const typeTime = ref([
         {
             name: '全部',
-    value: 'all',
+            value: '1',
         },
         {
             name: '本年',
-    value: 'year',
+            value: '2',
         },
         {
             name: '本月',
-    value: 'month',
+            value: '3',
         },
         {
             name: '本周',
-    value: 'week',
+            value: '4',
         },
-]);
+    ]);
-const dataLists = ref([
+    const dataLists = ref([
         {
             title: '最新呼入电话',
             iphone: '18394578789',
@@ -60,22 +60,28 @@ const dataLists = ref([
             title: '最新呼入电话',
             iphone: '18394578789',
         },
-]);
+    ]);
-const selectIndex = ref(0);
+    const selectIndex = ref(0);
-onMounted(() => {
+    const selectVal = ref('1');
-  list({
+    onMounted(() => {
-    condition: '',
+        getList();
-  }).then(() => {
-
     });
-});
 
-function handleSelect(index: number) {
+    function getList() {
+        list({
+            condition: selectVal.value,
+        }).then(() => {});
+    }
+
+    function handleSelect(index: number, value: string) {
         selectIndex.value = index;
-}
+        selectVal.value = value;
+        console.log(selectVal.value, value);
+        getList();
+    }
 </script>
 <style scoped lang="less">
-.inner {
+    .inner {
         height: calc(100% - 40px);
 
         .server-container {
@@ -105,5 +111,5 @@ function handleSelect(index: number) {
                 }
             }
         }
-}
+    }
 </style>