From a5d6f4d573d160cd797e6feebcc4b1c4745f3998 Mon Sep 17 00:00:00 2001
From: zhaotiantian <18710962446@163.com>
Date: Mon, 4 Dec 2023 13:59:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AF=A6=E6=83=85=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                        |   1 -
 src/components/body-d-left/oneL.vue | 182 ++++++++++++++--------------
 2 files changed, 94 insertions(+), 89 deletions(-)

diff --git a/package.json b/package.json
index e01c133..1471e96 100644
--- a/package.json
+++ b/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": {
diff --git a/src/components/body-d-left/oneL.vue b/src/components/body-d-left/oneL.vue
index f1f5f55..f9cf2b7 100644
--- a/src/components/body-d-left/oneL.vue
+++ b/src/components/body-d-left/oneL.vue
@@ -1,109 +1,115 @@
 <template>
-  <div>
-    <public-title title="服务详情数据"/>
-    <div class="inner">
-      <div class="type-time">
+    <div>
+        <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)"
-                >{{ item.name }}</span
+                    @click="handleSelect(index, item.value)"
+                    >{{ item.name }}</span
                 >
-      </div>
-      <div class="server-container">
-        <div v-for="(item, index) in dataLists" :key="index" class="server-item">
-          <span>{{ item.title }}</span>
-          <span>{{ item.iphone }}</span>
+            </div>
+            <div class="server-container">
+                <div v-for="(item, index) in dataLists" :key="index" class="server-item">
+                    <span>{{ item.title }}</span>
+                    <span>{{ item.iphone }}</span>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
 </template>
 <script setup lang="ts">
-import {onMounted, ref} from 'vue';
-import PublicTitle from '../publicTitle.vue';
-import {list} from './left.api';
+    import { onMounted, ref } from 'vue';
+    import PublicTitle from '../publicTitle.vue';
+    import { list } from './left.api';
 
-const typeTime = ref([
-  {
-    name: '全部',
-    value: 'all',
-  },
-  {
-    name: '本年',
-    value: 'year',
-  },
-  {
-    name: '本月',
-    value: 'month',
-  },
-  {
-    name: '本周',
-    value: 'week',
-  },
-]);
-const dataLists = ref([
-  {
-    title: '最新呼入电话',
-    iphone: '18394578789',
-  },
-  {
-    title: '最新呼入电话',
-    iphone: '18394578789',
-  },
-  {
-    title: '最新呼入电话',
-    iphone: '18394578789',
-  },
-  {
-    title: '最新呼入电话',
-    iphone: '18394578789',
-  },
-]);
-const selectIndex = ref(0);
-onMounted(() => {
-  list({
-    condition: '',
-  }).then(() => {
+    const typeTime = ref([
+        {
+            name: '全部',
+            value: '1',
+        },
+        {
+            name: '本年',
+            value: '2',
+        },
+        {
+            name: '本月',
+            value: '3',
+        },
+        {
+            name: '本周',
+            value: '4',
+        },
+    ]);
+    const dataLists = ref([
+        {
+            title: '最新呼入电话',
+            iphone: '18394578789',
+        },
+        {
+            title: '最新呼入电话',
+            iphone: '18394578789',
+        },
+        {
+            title: '最新呼入电话',
+            iphone: '18394578789',
+        },
+        {
+            title: '最新呼入电话',
+            iphone: '18394578789',
+        },
+    ]);
+    const selectIndex = ref(0);
+    const selectVal = ref('1');
+    onMounted(() => {
+        getList();
+    });
 
-  });
-});
+    function getList() {
+        list({
+            condition: selectVal.value,
+        }).then(() => {});
+    }
 
-function handleSelect(index: number) {
-  selectIndex.value = index;
-}
+    function handleSelect(index: number, value: string) {
+        selectIndex.value = index;
+        selectVal.value = value;
+        console.log(selectVal.value, value);
+        getList();
+    }
 </script>
 <style scoped lang="less">
-.inner {
-  height: calc(100% - 40px);
+    .inner {
+        height: calc(100% - 40px);
 
-  .server-container {
-    color: #a3a4a4;
-    padding-top: 4%;
-    height: 88%;
-    display: grid;
-    align-items: start;
+        .server-container {
+            color: #a3a4a4;
+            padding-top: 4%;
+            height: 88%;
+            display: grid;
+            align-items: start;
 
-    .server-item {
-      font-size: 16px;
+            .server-item {
+                font-size: 16px;
 
-      span {
-        display: inline-block;
-        width: 50%;
-        font-weight: bold;
-      }
+                span {
+                    display: inline-block;
+                    width: 50%;
+                    font-weight: bold;
+                }
 
-      span:nth-child(1) {
-        text-align: left;
-        padding-left: 5%;
-      }
+                span:nth-child(1) {
+                    text-align: left;
+                    padding-left: 5%;
+                }
 
-      span:nth-child(2) {
-        text-align: right;
-        padding-right: 6%;
-      }
+                span:nth-child(2) {
+                    text-align: right;
+                    padding-right: 6%;
+                }
+            }
+        }
     }
-  }
-}
-</style>
+</style>
\ No newline at end of file