From c395c9f64138e3254f680bc4129f75b02e6894e6 Mon Sep 17 00:00:00 2001
From: kaeery <3491123437@qq.com>
Date: Wed, 26 Feb 2025 12:59:04 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=8B=9B=E7=94=9F=E5=B0=8F=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=E3=80=91=20=E6=96=B0=E5=A2=9E#=20=E6=8B=9B=E7=94=9F?=
 =?UTF-8?q?=E8=80=81=E5=B8=88=E5=92=8C=E7=94=B5=E9=94=80=E8=80=81=E5=B8=88?=
 =?UTF-8?q?=E7=9A=84=E6=80=BB=E7=BB=93=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/bundle/pages/summary-list/index.vue       | 65 +++++++++++++++++++
 .../pages/summary-list/summary-card.vue       | 32 +++++++++
 src/components/date-picker/date-picker.vue    |  2 -
 src/components/date-strip/date-strip-item.vue |  2 +-
 src/components/date-strip/index.vue           |  6 +-
 src/components/date-strip/stripItemProps.ts   |  4 --
 src/components/widgets/card/card.vue          | 10 ++-
 .../widgets/date-more/date-more.vue           | 32 +++++++++
 .../widgets/date-strip/date-strip.vue         | 26 --------
 .../widgets/navbarComp/navbarComp.vue         |  4 +-
 .../widgets/summary-form/summary-form.vue     |  6 +-
 src/pages.json                                |  7 ++
 src/pages/recruitsale/summary/index.vue       | 12 ++--
 src/pages/telesale/summary/index.vue          |  2 +
 src/static/iconfont/iconfont.css              | 14 +++-
 15 files changed, 176 insertions(+), 48 deletions(-)
 create mode 100644 src/bundle/pages/summary-list/index.vue
 create mode 100644 src/bundle/pages/summary-list/summary-card.vue
 create mode 100644 src/components/widgets/date-more/date-more.vue
 delete mode 100644 src/components/widgets/date-strip/date-strip.vue

diff --git a/src/bundle/pages/summary-list/index.vue b/src/bundle/pages/summary-list/index.vue
new file mode 100644
index 0000000..ebfde5e
--- /dev/null
+++ b/src/bundle/pages/summary-list/index.vue
@@ -0,0 +1,65 @@
+<template>
+    <view class="flex flex-col h-screen">
+        <w-navbarComp>
+            <template #left>
+                <view class="back-icon" @click="handleBack">
+                    <TIcon name="icon-left" :size="30" />
+                </view>
+            </template>
+            <template #title>
+                <view class="w-4/5 flex items-center justify-center">
+                    <date-picker :bindingDate="bindingDate" />
+                </view>
+            </template>
+        </w-navbarComp>
+        <view class="flex-1 overflow-auto px-[24rpx] pt-[24rpx] bg-[#F8F8F8]">
+            <!-- <z-paging
+                ref="paging"
+                v-model="dataList"
+                @query="queryList"
+                :fixed="false"
+                height="100%"
+            > -->
+            <summary-card v-for="(item, index) in cardList" :key="`unique-${index}`" :item="item" />
+            <!-- </z-paging> -->
+        </view>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import summaryCard, { ISummaryCard } from './summary-card.vue'
+import datePicker from '@/components/date-picker/date-picker.vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const cardList = ref<ISummaryCard[]>([
+    {
+        date: '2025-02-17 09:40',
+        templateItems: [
+            { formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '10' },
+            { formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '20' },
+            { formType: 1, formTitle: '家长主动加我们微信数据', value: '30' },
+            { formType: 1, formTitle: '有遇到什么问题', value: '无' }
+        ]
+    },
+    {
+        date: '2025-02-17 09:40',
+        templateItems: [
+            { formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '10' },
+            { formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '20' },
+            { formType: 1, formTitle: '家长主动加我们微信数据', value: '30' },
+            { formType: 1, formTitle: '有遇到什么问题', value: '无' }
+        ]
+    }
+])
+const handleBack = () => {
+    uni.navigateBack()
+}
+const bindingDate = ref()
+const bindingType = ref('')
+onLoad(option => {
+    bindingDate.value = option?.date || Date.now()
+    bindingType.value = option?.type || ''
+})
+</script>
+<style scoped></style>
diff --git a/src/bundle/pages/summary-list/summary-card.vue b/src/bundle/pages/summary-list/summary-card.vue
new file mode 100644
index 0000000..b616921
--- /dev/null
+++ b/src/bundle/pages/summary-list/summary-card.vue
@@ -0,0 +1,32 @@
+<template>
+    <w-card>
+        <template #title>
+            <text>{{ item.date }}</text>
+        </template>
+        <template #content>
+            <view class="flex flex-col gap-[16rpx]">
+                <view v-for="(data, index) in item.templateItems" :key="`unique_${index}`">
+                    <text>{{ data.formTitle }}：</text>
+                    <text>{{ data.value }}</text>
+                </view>
+            </view>
+        </template>
+    </w-card>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import { ISummary } from '@/components/widgets/summary-form/summary-form.vue'
+
+export interface ISummaryCard {
+    date: string
+    templateItems: ISummary[]
+}
+defineProps({
+    item: {
+        type: Object as PropType<ISummaryCard>,
+        default: () => ({})
+    }
+})
+</script>
+<style scoped></style>
diff --git a/src/components/date-picker/date-picker.vue b/src/components/date-picker/date-picker.vue
index 960a6dc..e5fb8f8 100644
--- a/src/components/date-picker/date-picker.vue
+++ b/src/components/date-picker/date-picker.vue
@@ -57,8 +57,6 @@ function handleToggle() {
 </script>
 <style lang="scss" scoped>
 .filter {
-    margin-bottom: 30rpx;
-
     .text {
         display: flex;
         align-items: center;
diff --git a/src/components/date-strip/date-strip-item.vue b/src/components/date-strip/date-strip-item.vue
index 5e78f42..cd1083f 100644
--- a/src/components/date-strip/date-strip-item.vue
+++ b/src/components/date-strip/date-strip-item.vue
@@ -21,7 +21,7 @@
                         'date-strip__grid--active-text': curIndex == index
                     }"
                 >
-                    {{ item.text }}{{ item.index }}
+                    {{ item.text }}
                 </text>
             </view>
         </view>
diff --git a/src/components/date-strip/index.vue b/src/components/date-strip/index.vue
index d0184ff..408f5f3 100644
--- a/src/components/date-strip/index.vue
+++ b/src/components/date-strip/index.vue
@@ -6,11 +6,7 @@
         direction="horizontal"
         :style="[styles]"
     >
-        <date-strip-item
-            :dates="displayWeeks[0].dates"
-            :selectedDate="selectedDate"
-            @click="onClick"
-        />
+        <date-strip-item :dates="displayWeeks[0].dates" @click="onClick" />
     </scroll-view>
 </template>
 
diff --git a/src/components/date-strip/stripItemProps.ts b/src/components/date-strip/stripItemProps.ts
index 9492595..6f213d2 100644
--- a/src/components/date-strip/stripItemProps.ts
+++ b/src/components/date-strip/stripItemProps.ts
@@ -50,9 +50,5 @@ export default {
     shape: {
         type: String,
         default: 'square'
-    },
-    selectedDate: {
-        type: [Date, String],
-        default: null
     }
 }
diff --git a/src/components/widgets/card/card.vue b/src/components/widgets/card/card.vue
index 9e47115..8bbb9b1 100644
--- a/src/components/widgets/card/card.vue
+++ b/src/components/widgets/card/card.vue
@@ -8,18 +8,26 @@
         <view class="px-[24rpx] py-[16rpx] flex flex-col gap-[16rpx]">
             <slot name="content" />
         </view>
-        <view class="px-[32rpx] border-t border-solid border-[#F3F3F3] flex justify-end py-[12rpx]">
+        <view
+            class="px-[32rpx] border-t border-solid border-[#F3F3F3] flex justify-end py-[12rpx]"
+            v-if="isSlotAction"
+        >
             <slot name="action" />
         </view>
     </view>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+import { useSlots } from 'vue'
+
 defineProps({
     cardInfo: {
         type: Object,
         default: () => ({})
     }
 })
+const slots = useSlots()
+const isSlotAction = computed(() => slots.action)
 </script>
 <style scoped></style>
diff --git a/src/components/widgets/date-more/date-more.vue b/src/components/widgets/date-more/date-more.vue
new file mode 100644
index 0000000..1dcaf46
--- /dev/null
+++ b/src/components/widgets/date-more/date-more.vue
@@ -0,0 +1,32 @@
+<template>
+    <view class="flex justify-between mb-[28rpx] px-[32rpx]">
+        <text>{{ parseDate }}</text>
+        <view class="flex gap-[8rpx] items-center text-primary text-[28rpx]" @click="handleMore">
+            <text>查看更多</text>
+            <TIcon name="icon-more" color="#0E66FB" :size="14" />
+        </view>
+    </view>
+</template>
+
+<script setup lang="ts">
+import dayjs from 'dayjs'
+import { computed } from 'vue'
+
+const props = defineProps({
+    curDate: {
+        type: String,
+        default: new Date().getTime()
+    },
+    type: {
+        type: String,
+        default: ''
+    }
+})
+const parseDate = computed(() => dayjs(props.curDate).format('YYYY-MM'))
+const handleMore = () => {
+    uni.navigateTo({
+        url: '/bundle/pages/summary-list/index?date=' + props.curDate + '&type=' + props.type
+    })
+}
+</script>
+<style scoped></style>
diff --git a/src/components/widgets/date-strip/date-strip.vue b/src/components/widgets/date-strip/date-strip.vue
deleted file mode 100644
index a768232..0000000
--- a/src/components/widgets/date-strip/date-strip.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-    <scroll-view
-        class="l-date-strip l-date-strip__scroll"
-        :scroll-x="true"
-        :scroll-left="scrollLeft"
-        :show-scrollbar="false"
-        direction="horizontal"
-        :style="[styles]"
-        v-if="switchMode == 'none'"
-    >
-        <l-date-strip-item
-            :dates="displayWeeks[0].dates"
-            :color="color"
-            :activeBgColor="activeBgColor"
-            :activeColor="activeColor"
-            :bgColor="bgColor"
-            :radius="radius"
-            :switchMode="switchMode"
-            :shape="shape"
-            @click="onClick"
-        ></l-date-strip-item>
-    </scroll-view>
-</template>
-
-<script setup lang="ts"></script>
-<style scoped></style>
diff --git a/src/components/widgets/navbarComp/navbarComp.vue b/src/components/widgets/navbarComp/navbarComp.vue
index 23ba364..f5deeba 100644
--- a/src/components/widgets/navbarComp/navbarComp.vue
+++ b/src/components/widgets/navbarComp/navbarComp.vue
@@ -10,7 +10,8 @@
         <view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
         <view class="navBar" :style="barStyle">
             <slot name="left" />
-            <view class="title" :style="setStyle">{{ title }}</view>
+            <slot name="title" v-if="isSlotTitle" />
+            <view class="title" v-else :style="setStyle">{{ title }}</view>
         </view>
     </view>
 </template>
@@ -43,6 +44,7 @@ const setStyle = computed(() => {
         width: slots.left ? '80%' : '100%'
     }
 })
+const isSlotTitle = computed(() => slots.title)
 onLoad(() => {
     const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
     statusBarHeight.value = menuButtonInfo.top
diff --git a/src/components/widgets/summary-form/summary-form.vue b/src/components/widgets/summary-form/summary-form.vue
index c2c71fe..5695bed 100644
--- a/src/components/widgets/summary-form/summary-form.vue
+++ b/src/components/widgets/summary-form/summary-form.vue
@@ -23,7 +23,7 @@
                 </view>
             </view>
         </view>
-        <view class="px-[60rpx] mt-[48rpx]">
+        <view class="px-[60rpx] mt-[48rpx]" v-if="readonly == ''">
             <u-button class="btn" color="#0E66FB" shape="circle" @click="handleConfirm">
                 确认
             </u-button>
@@ -43,6 +43,10 @@ defineProps({
     modelValue: {
         type: Array as PropType<ISummary[]>,
         default: () => []
+    },
+    readonly: {
+        type: String,
+        default: ''
     }
 })
 const emit = defineEmits(['handleConfirm'])
diff --git a/src/pages.json b/src/pages.json
index 76c036e..db51a30 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -120,6 +120,13 @@
         {
             "root": "bundle",
             "pages": [
+                {
+                    "path": "pages/summary-list/index",
+                    "style": {
+                        "navigationBarTitleText": "",
+                        "navigationStyle": "custom"
+                    }
+                },
                 {
                     "path": "pages/complete_add/index",
                     "style": {
diff --git a/src/pages/recruitsale/summary/index.vue b/src/pages/recruitsale/summary/index.vue
index 96f41cb..06f1143 100644
--- a/src/pages/recruitsale/summary/index.vue
+++ b/src/pages/recruitsale/summary/index.vue
@@ -1,7 +1,8 @@
 <template>
     <view class="pb-[24rpx]">
-        <date-strip v-model="value" @change="handleDateChange" height="160rpx" />
-        <w-summary-form v-model="templateItems" @handle-confirm="handleConfirm" />
+        <w-date-more :curDate="curDate" type="recruitsale" />
+        <date-strip v-model="curDate" @change="handleDateChange" height="160rpx" />
+        <w-summary-form v-model="templateItems" @handle-confirm="handleConfirm" :readonly="type" />
     </view>
 </template>
 
@@ -31,11 +32,14 @@ const templateItems = ref([
     { formType: 2, formTitle: '有遇到什么问题', value: '' }
 ])
 const handleConfirm = () => {
+    if (date <= curDate.value) return
     console.log(templateItems.value)
 }
-const value = ref(new Date().getTime())
+const curDate = ref(new Date().getTime())
+const type = ref('')
+
 const handleDateChange = item => {
-    console.log(item)
+    type.value = item.type
 }
 </script>
 <style scoped lang="scss"></style>
diff --git a/src/pages/telesale/summary/index.vue b/src/pages/telesale/summary/index.vue
index bae2787..1dd203c 100644
--- a/src/pages/telesale/summary/index.vue
+++ b/src/pages/telesale/summary/index.vue
@@ -1,5 +1,6 @@
 <template>
     <view class="pb-[24rpx]">
+        <w-date-more :curDate="curDate" type="telesale" />
         <date-strip v-model="value" @change="handleDateChange" height="160rpx" />
         <w-summary-form v-model="templateItems" @handle-confirm="handleConfirm" />
     </view>
@@ -9,6 +10,7 @@
 import { ref } from 'vue'
 import dateStrip from '@/components/date-strip/index.vue'
 
+const curDate = ref(new Date().getTime())
 const templateItems = ref([
     { formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '' },
     { formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '' },
diff --git a/src/static/iconfont/iconfont.css b/src/static/iconfont/iconfont.css
index 30c6f8e..33ceab6 100644
--- a/src/static/iconfont/iconfont.css
+++ b/src/static/iconfont/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
     font-family: 'iconfont'; /* Project id 4837700 */
-    src: url('//at.alicdn.com/t/c/font_4837700_qvo1iou9n4.woff2?t=1740471403087') format('woff2'),
-        url('//at.alicdn.com/t/c/font_4837700_qvo1iou9n4.woff?t=1740471403087') format('woff'),
-        url('//at.alicdn.com/t/c/font_4837700_qvo1iou9n4.ttf?t=1740471403087') format('truetype');
+    src: url('//at.alicdn.com/t/c/font_4837700_wjnzp8mer6o.woff2?t=1740542409608') format('woff2'),
+        url('//at.alicdn.com/t/c/font_4837700_wjnzp8mer6o.woff?t=1740542409608') format('woff'),
+        url('//at.alicdn.com/t/c/font_4837700_wjnzp8mer6o.ttf?t=1740542409608') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-left:before {
+    content: '\e83d';
+}
+
+.icon-more:before {
+    content: '\e600';
+}
+
 .icon-edit:before {
     content: '\e636';
 }