Skip to content

M
million
Commit 68cf57d3 authored by 沈良进's avatar 沈良进
Browse files
Options

接送机，包车服务

parent 7b28d2f0
Hide whitespace changes
Inline Side-by-side
Showing with 309 additions and 308 deletions
src/components/searchdata/kkday.vue
View file @ 68cf57d3
...@@ -731,9 +731,10 @@ export default { ...@@ -731,9 +731,10 @@ export default {
this.$q.loading.hide(); this.$q.loading.hide();
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.PageCount = res.data.data.pageCount; this.PageCount = res.data.data.List.pageCount;
this.TotalCount = res.data.data.count; this.TotalCount = res.data.data.List.count;
var tempArray = res.data.data.pageData; var tempArray = res.data.data.List.pageData;
console.log('getSearch data', tempArray)
if (tempArray && tempArray.length > 0) { if (tempArray && tempArray.length > 0) {
// tempArray.forEach(item => { // tempArray.forEach(item => {
// if (item.imgCover && item.imgCover != "") { // if (item.imgCover && item.imgCover != "") {
......
src/css/app.scss
View file @ 68cf57d3
...@@ -99,6 +99,9 @@ ...@@ -99,6 +99,9 @@
.f26 { .f26 {
font-size: 26px; font-size: 26px;
} }
.f36 {
font-size: 36px;
}
.text-center { .text-center {
text-align: center; text-align: center;
} }
......
src/pages/detailsCar.vue
View file @ 68cf57d3
...@@ -11,12 +11,6 @@ ...@@ -11,12 +11,6 @@
z-index: 999; z-index: 999;
" "
class="bg-white" class="bg-white"
v-if="
(currentHeight > navs[0].top + 100 && $q.platform.is.desktop) ||
(currentHeight > priceListHeight &&
currentHeight < navs[0].top &&
$q.platform.is.mobile)
"
:style="{ transform: stickyHeight }" :style="{ transform: stickyHeight }"
> >
<div <div
...@@ -28,7 +22,7 @@ ...@@ -28,7 +22,7 @@
class="col product-price text-subtitle1 text-weight-bold" class="col product-price text-subtitle1 text-weight-bold"
style="text-align: left" style="text-align: left"
> >
<span>CNY {{ moneyFormat(dataList.minPrice, 0) }}</span> <span>CNY {{ moneyFormat(dataList.MinPrice, 0) }}</span>
<span class="q-ml-sm f12 text-grey-7">起</span> <span class="q-ml-sm f12 text-grey-7">起</span>
</span> </span>
<q-btn <q-btn
...@@ -36,7 +30,7 @@ ...@@ -36,7 +30,7 @@
unelevated unelevated
class="q-px-xl" class="q-px-xl"
label="選擇方案" label="選擇方案"
@click="goScrollHandler(priceListHeight)" @click="goScrollHandler('#scheme')"
/> />
</div> </div>
</div> </div>
...@@ -186,7 +180,7 @@ ...@@ -186,7 +180,7 @@
color="primary" color="primary"
label="選擇方案" label="選擇方案"
unelevated unelevated
@click="goScrollHandler(priceListHeight)" @click="goScrollHandler('#scheme')"
:class="{ 'q-mt-md full-width': $q.platform.is.desktop }" :class="{ 'q-mt-md full-width': $q.platform.is.desktop }"
/> />
</div> </div>
...@@ -233,7 +227,7 @@ ...@@ -233,7 +227,7 @@
<q-tab <q-tab
v-for="(x, i) in navs" v-for="(x, i) in navs"
:key="i" :key="i"
@click="goScrollHandler(x.top + 20)" @click="goScrollHandler(x.id)"
:name="x.display" :name="x.display"
:label="x.display" :label="x.display"
></q-tab> ></q-tab>
...@@ -244,220 +238,259 @@ ...@@ -244,220 +238,259 @@
class="q-pa-lg bg-grey-3 q-mt-lg text-grey-9" class="q-pa-lg bg-grey-3 q-mt-lg text-grey-9"
ref="pricelist" ref="pricelist"
> >
<div style="max-width: 1200px; margin-left: auto; margin-right: auto"> <div
id="scheme"
style="max-width: 1200px; margin-left: auto; margin-right: auto"
>
<div class="text-h6">選擇方案</div> <div class="text-h6">選擇方案</div>
<div <div
class="rounded-borders bg-white q-pa-md q-mt-md" style="
v-if="$q.platform.is.mobile" background: #fff;
padding: 20px;
border-radius: 10px;
margin-top: 20px;
"
> >
<q-field <div
class="q-my-md" class="rounded-borders bg-white q-pa-md q-mt-md"
stack-label v-if="$q.platform.is.mobile"
label="選擇日期、選項"
standout
dense
> >
<div class="self-center full-width no-outline" tabindex="0"> <q-field
{{ currentPrice.startDate }} class="q-my-md"
</div> stack-label
<q-popup-proxy ref="qDateProxy"> label="選擇日期、選項"
<calendar standout
class="bg-white q-pa-md" dense
:priceList="dataList.priceList" >
@change="changeChosenDateHandler" <div class="self-center full-width no-outline" tabindex="0">
ref="calendar" {{ currentPrice.startDate }}
></calendar> </div>
</q-popup-proxy> <q-popup-proxy ref="qDateProxy">
</q-field> <calendar
<template v-if="currentPrice && currentPrice.startDate"> class="bg-white q-pa-md"
<order-preview :priceList="dataList.priceList"
class="q-pa-md" @change="changeChosenDateHandler"
:price="currentPrice" ref="calendar"
@reset="resetHandler" ></calendar>
></order-preview> </q-popup-proxy>
</template> </q-field>
</div> <template v-if="currentPrice && currentPrice.startDate">
<!--方案选择区 --> <order-preview
<div class="flex justify-between"> class="q-pa-md"
<div class="f20"> :price="currentPrice"
湖岩美术馆 & 爱宝乐园 包车一日游 @reset="resetHandler"
<span class="cancel">3天前可免费取消</span> ></order-preview>
</template>
</div> </div>
<div> <!--方案选择区 -->
<div class="f20">CNY <span class="f14">起</span></div> <div class="flex justify-between">
<div>最早可预订日</div> <div class="f20 flex item-center">
湖岩美术馆 & 爱宝乐园 包车一日游
<span class="cancel">3天前可免费取消</span>
</div>
<div>
<div class="f20">
CNY {{ moneyFormat(dataList.MinPrice, 0)
}}<span class="f14">起</span>
</div>
<div>最早可预订日</div>
</div>
</div> </div>
</div> <div class="flex bold mr about">
<div class="flex bold mr"> 关于此方案
关于此方案 <div class="flex normal ml">
<div class="flex normal ml"> <div class="ml">3天前可免费取消</div>
<div class="ml">3天前可免费取消</div> </div>
</div> </div>
</div> <div>
<div> <div class="mt mb bold f18">选择日期、选项</div>
<div class="mt mb bold f18">选择日期、选项</div> <div class="flex">
<div class="flex"> <div style="width: 50%">
<div style="width:50%"> <div>请选择出发日期</div>
<div>请选择出发日期</div> <div>
<div> <div class="flex justify-between f20 bold padding">
<table class="date-table"> <span>{{ currentYM.str }}</span>
<thead> <div>
<tr class="row-day"> <i
<th class="cell-day">日</th> class="iconfont iconpreviewleft"
<th class="cell-day">一</th> style="font-size: 28px"
<th class="cell-day">二</th> :class="{'gray': isCurrent}"
<th class="cell-day">三</th> @click="handleMinus"
<th class="cell-day">四</th> ></i
<th class="cell-day">五</th> ><i
<th class="cell-day">六</th> @click="handlePlus" :class="{'gray': isLast}"
</tr> class="iconfont iconpreviewright"
</thead> style="font-size: 28px"
<tbody> ></i>
<tr </div>
class="row-date" </div>
v-for="(item, index) in daysList" <table class="date-table">
:key="index" <thead>
> <tr class="row-day">
<td <th class="cell-day">日</th>
class="cell-date selectable" <th class="cell-day">一</th>
v-for="(el, index) in item" <th class="cell-day">二</th>
<th class="cell-day">三</th>
<th class="cell-day">四</th>
<th class="cell-day">五</th>
<th class="cell-day">六</th>
</tr>
</thead>
<tbody>
<tr
class="row-date"
v-for="(item, index) in daysList"
:key="index" :key="index"
> >
<div v-if="el && el.disabled"> <td
<div v-if="el" class="date-num disabled"> class="cell-date selectable"
{{ el.day }} v-for="(el, index) in item"
:key="index"
>
<div v-if="el && el.disabled">
<div v-if="el" class="date-num disabled">
{{ el.day }}
</div>
</div> </div>
</div> <div v-else>
<div v-else> <div v-if="el" class="date-num">{{ el.day }}</div>
<div v-if="el" class="date-num">{{ el.day }}</div> <div v-if="el" class="price">
<div v-if="el" class="price"> {{ el.price || "1566" }} 起
{{ el.price || "1566" }} 起 </div>
</div> </div>
</div> </td>
</td> </tr>
</tr> </tbody>
</tbody> </table>
</table> </div>
</div>
</div>
<div style="width: 40%;margin-left: 10%">
<div class="mt mb">车辆选择</div>
<div>
<q-btn class="car-tag mr" v-for="item in dataList.CarTypeList" :key="item.Id">
{{ item.CarName }}({{ item.PeopleNum }}人)
</q-btn>
</div> </div>
<div class="mt mb">选择辆数</div> <div style="width: 40%; margin-left: 10%">
<div class="flex justify-between bold f18 mt mb"> <div class="mt mb">车辆选择</div>
<span>辆数</span>
<div> <div>
<span>CNY 1,667 起/每辆</span> <q-btn
<i class="iconfont iconminus"></i> class="car-tag mr"
<span>1</span> v-for="item in dataList.CarTypeList"
<i class="iconfont iconplus"></i> :key="item.Id"
>
{{ item.CarName }}({{ item.PeopleNum }}人)
</q-btn>
</div>
<div class="mt mb">选择辆数</div>
<div class="flex justify-between bold f18 mt mb">
<span>辆数</span>
<div>
<span>CNY 1,667 起/每辆</span>
<i
class="iconfont icondingweixiao q-icon notranslate"
style="font-size: 14px; margin-right: 8px"
></i>
<i class="iconfont iconminus"></i>
<span>1</span>
<i class="iconfont iconplus"></i>
</div>
</div>
<q-separator />
<div class="flex justify-between mt mb">
<span>总金额</span>
<span class="f20">CNY 100</span>
</div>
<div class="flex flex-end">
<q-btn class="mr" label="加入购物车"></q-btn>
<q-btn label="立即订购"></q-btn>
</div> </div>
</div>
<q-separator />
<div class="flex justify-between mt mb">
<span>总金额</span>
<span class="f20">CNY 100</span>
</div>
<div class="flex flex-end">
<q-btn class="mr" label="加入购物车"></q-btn>
<q-btn label="立即订购"></q-btn>
</div> </div>
</div> </div>
<div></div>
</div> </div>
<div></div>
</div>
<div class="text-h6 q-pt-lg" v-if="$q.platform.is.mobile"> <div class="text-h6 q-pt-lg" v-if="$q.platform.is.mobile">
所選方案詳情 所選方案詳情
</div>
<div
class="bg-white rounded-borders q-mt-md"
v-if="dataList.priceList && dataList.priceList.length > 0"
>
<div class="q-pa-md row">
<div class="col">
<div
class="text-subtitle1 text-weight-bold row items-center"
v-if="$q.platform.is.desktop"
>
<span class="q-mr-md">行程標準出行方案</span>
<q-chip
square
color="orange"
size="sm"
text-color="grey-2"
class="text-light"
label="15天前可免費取消"
/>
</div>
<div class="text-grey f12">
<ul class="q-pl-md no-margin">
<li v-for="(x, i) in warnBuy" class="q-mt-md" :key="i">
{{ x }}
</li>
</ul>
</div>
</div>
<div class="" v-if="$q.platform.is.desktop">
<div class="row items-center">
<span class="product-price text-h6 q-mr-md"
>CNY
{{
moneyFormat(dataList.priceList[0].originalB2CPrice, 0)
}}</span
>
<q-btn
color="primary"
outline
:label="showOrderPreview ? '取消選擇' : '選擇'"
@click="showOrderPreview = !showOrderPreview"
class="q-px-lg"
/>
</div>
<div class="text-info q-mt-md text-right">
最早可預訂日期：{{ dataList.priceList[0].startDate }}
</div>
</div>
</div> </div>
<div <div
class="q-pa-md" class="bg-white rounded-borders q-mt-md"
style="border-top: 1px solid #eee" v-if="dataList.priceList && dataList.priceList.length > 0"
v-if="showOrderPreview"
> >
<div class="q-pa-md bg-grey-2 row items-center rounded-borders"> <div class="q-pa-md row">
<div class="text-subtitle2 text-weight-bold q-mr-xl"> <div class="col">
關於此方案 <div
class="text-subtitle1 text-weight-bold row items-center"
v-if="$q.platform.is.desktop"
>
<span class="q-mr-md">行程標準出行方案</span>
<q-chip
square
color="orange"
size="sm"
text-color="grey-2"
class="text-light"
label="15天前可免費取消"
/>
</div>
<div class="text-grey f12">
<ul class="q-pl-md no-margin">
<li v-for="(x, i) in warnBuy" class="q-mt-md" :key="i">
{{ x }}
</li>
</ul>
</div>
</div>
<div class="" v-if="$q.platform.is.desktop">
<div class="row items-center">
<span class="product-price text-h6 q-mr-md"
>CNY
{{
moneyFormat(dataList.priceList[0].originalB2CPrice, 0)
}}</span
>
<q-btn
color="primary"
outline
:label="showOrderPreview ? '取消選擇' : '選擇'"
@click="showOrderPreview = !showOrderPreview"
class="q-px-lg"
/>
</div>
<div class="text-info q-mt-md text-right">
最早可預訂日期：{{ dataList.priceList[0].startDate }}
</div>
</div> </div>
<q-chip
class="transparent q-mr-xl no-padding"
square
icon="iconfont iconcancel"
label="15天前可免費取消"
/>
<q-chip
class="transparent q-mr-xl no-padding"
square
icon="iconfont iconroundcheck"
label="6個工作日內（不含例休假）確認"
/>
</div> </div>
<div class="q-mt-lg row" v-if="$q.platform.is.desktop"> <div
<div class="col"> class="q-pa-md"
<calendar style="border-top: 1px solid #eee"
:priceList="dataList.priceList" v-if="showOrderPreview"
@change="changeChosenDateHandler" >
ref="calendar" <div class="q-pa-md bg-grey-2 row items-center rounded-borders">
></calendar> <div class="text-subtitle2 text-weight-bold q-mr-xl">
關於此方案
</div>
<q-chip
class="transparent q-mr-xl no-padding"
square
icon="iconfont iconcancel"
label="15天前可免費取消"
/>
<q-chip
class="transparent q-mr-xl no-padding"
square
icon="iconfont iconroundcheck"
label="6個工作日內（不含例休假）確認"
/>
</div> </div>
<div class="col q-ml-xl"> <div class="q-mt-lg row" v-if="$q.platform.is.desktop">
<order-preview <div class="col">
:price="currentPrice" <calendar
@reset="resetHandler" :priceList="dataList.priceList"
></order-preview> @change="changeChosenDateHandler"
ref="calendar"
></calendar>
</div>
<div class="col q-ml-xl">
<order-preview
:price="currentPrice"
@reset="resetHandler"
></order-preview>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -474,6 +507,7 @@ ...@@ -474,6 +507,7 @@
<div <div
:class="{ 'col-8': $q.platform.is.desktop, col: $q.platform.is.mobile }" :class="{ 'col-8': $q.platform.is.desktop, col: $q.platform.is.mobile }"
> >
<div id="product">产品介绍</div>
<div <div
class="q-mt-md q-pb-xl" class="q-mt-md q-pb-xl"
ref="diyContext" ref="diyContext"
...@@ -482,6 +516,7 @@ ...@@ -482,6 +516,7 @@
v-if="dataList.feature && dataList.feature.featureHtml != ''" v-if="dataList.feature && dataList.feature.featureHtml != ''"
></div> ></div>
<div <div
id="price"
class="text-h5 text-weight-bold text-left q-mt-xl" class="text-h5 text-weight-bold text-left q-mt-xl"
ref="price" ref="price"
:class="{ :class="{
...@@ -521,6 +556,7 @@ ...@@ -521,6 +556,7 @@
}" }"
></div> ></div>
<div <div
id="warning"
class="text-h5 text-weight-bold text-left q-mt-xl" class="text-h5 text-weight-bold text-left q-mt-xl"
ref="warning" ref="warning"
:class="{ :class="{
...@@ -542,6 +578,7 @@ ...@@ -542,6 +578,7 @@
}" }"
></div> ></div>
<div <div
id="tips"
class="text-h5 text-weight-bold text-left q-mt-xl" class="text-h5 text-weight-bold text-left q-mt-xl"
ref="tips" ref="tips"
:class="{ :class="{
...@@ -563,6 +600,7 @@ ...@@ -563,6 +600,7 @@
}" }"
></div> ></div>
<div <div
id="cancelTips"
class="text-h5 text-weight-bold text-left q-mt-xl" class="text-h5 text-weight-bold text-left q-mt-xl"
ref="cancelTips" ref="cancelTips"
:class="{ :class="{
...@@ -604,12 +642,7 @@ ...@@ -604,12 +642,7 @@
class="text-subtitle2 text-grey-6 cursor-pointer q-mb-md" class="text-subtitle2 text-grey-6 cursor-pointer q-mb-md"
v-for="(x, i) in navs" v-for="(x, i) in navs"
:key="i" :key="i"
@click="goScrollHandler(x.top + 20)" @click="goScrollHandler(x.id)"
:class="{
'active-trip-module':
currentHeight >= x.top &&
(i == navs.length - 1 || currentHeight < navs[i + 1].top),
}"
> >
{{ x.display }} {{ x.display }}
</div> </div>
...@@ -632,6 +665,9 @@ export default { ...@@ -632,6 +665,9 @@ export default {
props: [], props: [],
data() { data() {
return { return {
currentYM: { year: 2023, month: 2, str: "2023-02" }, // 当前年月
isCurrent: false,
isLast: false,
daysList: [], daysList: [],
tab: "", tab: "",
searchDate: "", searchDate: "",
...@@ -687,31 +723,31 @@ export default { ...@@ -687,31 +723,31 @@ export default {
], ],
navs: [ navs: [
{ {
val: "product", id: "#product",
top: 0, top: 0,
isActive: false, isActive: false,
display: "產品介紹", display: "產品介紹",
}, },
{ {
val: "price", id: "#price",
top: 0, top: 0,
isActive: false, isActive: false,
display: "費用說明", display: "費用說明",
}, },
{ {
val: "warning", id: "#warning",
top: 0, top: 0,
isActive: false, isActive: false,
display: "購買須知", display: "購買須知",
}, },
{ {
val: "tips", id: "#tips",
top: 0, top: 0,
isActive: false, isActive: false,
display: "溫馨提示", display: "溫馨提示",
}, },
{ {
val: "cancelTips", id: "#cancelTips",
top: 0, top: 0,
isActive: false, isActive: false,
display: "取消政策", display: "取消政策",
...@@ -739,27 +775,6 @@ export default { ...@@ -739,27 +775,6 @@ export default {
immediate: true, immediate: true,
deep: true, deep: true,
}, },
currentHeight: {
handler: function (val, oldval) {
this.navs.forEach((x, i) => {
if (
x.top &&
this.currentHeight >= x.top &&
(i == this.navs.length - 1 ||
this.currentHeight < this.navs[i + 1].top)
) {
if (this.tab != x.display) {
this.tab = x.display;
return;
} else {
return;
}
}
});
},
immediate: false,
deep: true,
},
}, },
created() { created() {
if (this.$route.params.id) { if (this.$route.params.id) {
...@@ -770,7 +785,6 @@ export default { ...@@ -770,7 +785,6 @@ export default {
} }
}, },
mounted() { mounted() {
window.addEventListener("scroll", this.handleScroll);
if (localStorage.baseifo) { if (localStorage.baseifo) {
this.TripConfig = JSON.parse(window.localStorage.getItem("baseifo")); this.TripConfig = JSON.parse(window.localStorage.getItem("baseifo"));
} }
...@@ -780,55 +794,44 @@ export default { ...@@ -780,55 +794,44 @@ export default {
this.getCarPriceData(); this.getCarPriceData();
}, },
methods: { methods: {
getTopNum(x) { handleMinus() {
this.days = JSON.parse(x); if(this.isCurrent) return;
}, const { str, year, month } = this.currentYM;
changeTripShowHandler() { if (month === 1) {
this.$nextTick(() => { this.currentYM = {
this.navs.forEach((x) => { year: year - 1,
x.top = month: 12,
this.$refs[x.val].getBoundingClientRect().top + str: `${year - 1}-12`,
this.currentHeight - };
60; } else {
console.log(x.top); this.currentYM = {
}); year: year,
}); month: month - 1,
}, str: `${year}-${month - 1 > 10 ? month - 1 : "0" + (month - 1)}`,
handleScroll(e) { };
let temp = this.getScroll().top;
// if(temp-this.currentHeight>0){
// this.scrollDirection='down'
// }else{
// this.scrollDirection='up'
// }
this.stickyHeight = document.querySelector(".q-header--hidden")
? "translateY(0px)"
: "translateY(85px)";
this.currentHeight = temp;
if (
this.videoPosition > 0 &&
this.videoPosition < this.currentHeight &&
this.options.currentPage == 0 &&
!this.isPictureInPicture
) {
this.isPictureInPicture = true;
let t = document.querySelectorAll("video")[0];
try {
t.requestPictureInPicture();
} catch (error) {}
} else if (
this.videoPosition > 0 &&
this.videoPosition > this.currentHeight &&
this.options.currentPage == 0 &&
this.isPictureInPicture
) {
this.isPictureInPicture = false;
document.exitPictureInPicture();
} }
let h = document.location.hash; this.getCarPriceData();
if (h.indexOf("#/detail/") == -1) { },
window.removeEventListener("scroll", this.handleScroll); handlePlus() {
if(this.isLast) return;
const { str, year, month } = this.currentYM;
if (month === 12) {
this.currentYM = {
year: year + 1,
month: 1,
str: `${year + 1}-01`,
};
} else {
this.currentYM = {
year: year,
month: month + 1,
str: `${year}-${month + 1 >= 10 ? month + 1 : "0" + (month + 1)}`,
};
} }
this.getCarPriceData();
},
getTopNum(x) {
this.days = JSON.parse(x);
}, },
getScroll() { getScroll() {
return { return {
...@@ -844,12 +847,9 @@ export default { ...@@ -844,12 +847,9 @@ export default {
0, 0,
}; };
}, },
goScrollHandler(id) {
goScrollHandlerDay(top) { console.log("scrollIntoView", id);
window.scrollTo(0, top); document.querySelector(id).scrollIntoView({ behavior: "smooth" });
},
goScrollHandler(top) {
window.scrollTo(0, top);
}, },
slideHandler(e) { slideHandler(e) {
this.options.currentPage = e.currentPage; this.options.currentPage = e.currentPage;
...@@ -937,20 +937,6 @@ export default { ...@@ -937,20 +937,6 @@ export default {
this.zoomDiyContext = tw > 1 ? 1 : tw.toFixed(2); this.zoomDiyContext = tw > 1 ? 1 : tw.toFixed(2);
} }
setTimeout(() => {
this.navs.forEach((x) => {
x.top =
this.$refs[x.val].getBoundingClientRect().top +
this.currentHeight -
60;
});
this.priceListHeight =
this.$refs.pricelist.getBoundingClientRect().top +
this.currentHeight -
60;
this.days = [];
}, 1000);
try { try {
document document
.querySelector("#scrollId .q-page-container") .querySelector("#scrollId .q-page-container")
...@@ -978,16 +964,21 @@ export default { ...@@ -978,16 +964,21 @@ export default {
this.$q.loading.show(); this.$q.loading.show();
this.apipost( this.apipost(
"b2c_get_GetCarSingleProductMonthPriceAll", "b2c_get_GetCarSingleProductMonthPriceAll",
{ ProductId: "16", Month: "2023-02" }, { ProductId: "16", Month: this.currentYM.str },
(r) => { (r) => {
let list = [[]]; let list = [[]];
let y = 0; // 元素纵向下标 let y = 0; // 元素纵向下标
let day = 0; let day = 0;
if (r.data.resultCode == 1) { if (r.data.resultCode == 1) {
let week = dayjs("2023-02-01").day(); let week = dayjs(this.currentYM.str + "-01").day();
console.log("week", week); console.log("week", week);
list[0].length = week; list[0].length = week;
const isCurrent = true; const isCurrent =
this.currentYM.year === dayjs().year() &&
this.currentYM.month === dayjs().month() + 1;
this.isCurrent = isCurrent;
this.isLast = this.currentYM.year === dayjs().year() +1 &&
this.currentYM.month === dayjs().month() + 1;
// 如果是当前月 // 如果是当前月
if (isCurrent) { if (isCurrent) {
let days = dayjs(r.data.data[0].Date).date(); let days = dayjs(r.data.data[0].Date).date();
...@@ -1124,6 +1115,9 @@ export default { ...@@ -1124,6 +1115,9 @@ export default {
} }
</style> </style>
<style scoped> <style scoped>
.gray {
color: #999;
}
.date-table { .date-table {
width: 100%; width: 100%;
padding: 5px; padding: 5px;
...@@ -1184,7 +1178,10 @@ export default { ...@@ -1184,7 +1178,10 @@ export default {
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
} }
.car-tag { .about {
background-color: #f6f6f6;
padding: 15px 20px;
margin: 20px 0;
border-radius: 10px;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment