chore: flatten web project structure
This commit is contained in:
@@ -1,76 +0,0 @@
|
||||
<template>
|
||||
<view class="bg-white rounded-12 overflow-hidden mb-12">
|
||||
<view class="border-box font-size-16 font-500 color-000 line-height-24 p-12"
|
||||
>使用日期</view
|
||||
>
|
||||
<view class="flex flex-items-center border-box">
|
||||
<scroll-view class="date-scroll" scroll-x>
|
||||
<view class="date-list">
|
||||
<block v-for="item in openDateRangeList" :key="item.date">
|
||||
<view
|
||||
class="date-item"
|
||||
:class="{ selected: isSameDate(selectedDate, item.date) }"
|
||||
@click="onDateClick(item)"
|
||||
>
|
||||
<view class="label font-size-12">{{ item.weekDesc }}</view>
|
||||
<view class="md font-size-16 font-600">{{
|
||||
formatMD(item.date)
|
||||
}}</view>
|
||||
<view class="status font-size-12">{{ item.canOrder }}</view>
|
||||
<view v-if="isSameDate(selectedDate, item.date)" class="check"
|
||||
>✔</view
|
||||
>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, watch } from "vue";
|
||||
const props = defineProps({
|
||||
selectedDate: { type: String, default: null },
|
||||
openDateRangeList: { type: Array, default: () => [] },
|
||||
});
|
||||
const emit = defineEmits(["update:selectedDate"]);
|
||||
const selectedDate = ref(props.selectedDate);
|
||||
|
||||
watch(
|
||||
() => props.selectedDate,
|
||||
(v) => {
|
||||
selectedDate.value = v;
|
||||
},
|
||||
);
|
||||
|
||||
const isSameDate = (a, b) => {
|
||||
if (!a || !b) return false;
|
||||
return a === b;
|
||||
};
|
||||
|
||||
// 格式化展示日期,将 2026-04-13 转换为 04-13
|
||||
const formatMD = (dateStr) => {
|
||||
if (!dateStr || typeof dateStr !== "string") return "";
|
||||
const parts = dateStr.split("-");
|
||||
if (parts.length >= 3) {
|
||||
return `${parts[1]}-${parts[2]}`;
|
||||
}
|
||||
return dateStr;
|
||||
};
|
||||
|
||||
const onDateClick = (item) => {
|
||||
const date = item.date;
|
||||
if (selectedDate.value === date) {
|
||||
selectedDate.value = null;
|
||||
} else {
|
||||
selectedDate.value = date;
|
||||
}
|
||||
console.log("selectedDate:", selectedDate.value);
|
||||
emit("update:selectedDate", selectedDate.value);
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
Reference in New Issue
Block a user