|
|
@@ -1,6 +1,50 @@
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
+import dayjs from 'dayjs'
|
|
|
+let todayweek=dayjs().day()
|
|
|
+let fristDay=ref(dayjs())
|
|
|
+let endDay=ref(dayjs())
|
|
|
+let noshowday=ref([])
|
|
|
+switch(todayweek){
|
|
|
+ case 0:
|
|
|
+ fristDay.value=dayjs()
|
|
|
+ endDay.value=dayjs().add(34, 'day')
|
|
|
+ noshowday.value=[]
|
|
|
+ break;
|
|
|
+ case 1:
|
|
|
+ fristDay.value=dayjs().add(-1, 'day')
|
|
|
+ endDay.value=dayjs().add(33, 'day')
|
|
|
+ noshowday.value=[dayjs().add(-1, 'day').format('YYYY-MM-DD')]
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ fristDay.value=dayjs().add(-2, 'day')
|
|
|
+ endDay.value=dayjs().add(32, 'day')
|
|
|
+ noshowday.value=[dayjs().add(-1, 'day').format('YYYY-MM-DD'),dayjs().add(-2, 'day').format('YYYY-MM-DD')]
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ fristDay.value=dayjs().add(-3, 'day')
|
|
|
+ endDay.value=dayjs().add(31, 'day')
|
|
|
+ noshowday.value=[dayjs().add(-1, 'day').format('YYYY-MM-DD'),dayjs().add(-2, 'day').format('YYYY-MM-DD'),dayjs().add(-3, 'day').format('YYYY-MM-DD')]
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ fristDay.value=dayjs().add(-4, 'day')
|
|
|
+ endDay.value=dayjs().add(30, 'day')
|
|
|
+ noshowday.value=[dayjs().add(-1, 'day').format('YYYY-MM-DD'),dayjs().add(-2, 'day').format('YYYY-MM-DD'),dayjs().add(-3, 'day').format('YYYY-MM-DD'),dayjs().add(-4, 'day').format('YYYY-MM-DD')]
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ fristDay.value=dayjs().add(-5, 'day')
|
|
|
+ endDay.value=dayjs().add(29, 'day')
|
|
|
+ noshowday.value=[dayjs().add(-1, 'day').format('YYYY-MM-DD'),dayjs().add(-2, 'day').format('YYYY-MM-DD'),dayjs().add(-3, 'day').format('YYYY-MM-DD'),dayjs().add(-4, 'day').format('YYYY-MM-DD'),dayjs().add(-5, 'day').format('YYYY-MM-DD')]
|
|
|
+ break;
|
|
|
+
|
|
|
+ case 6:
|
|
|
+ fristDay.value=dayjs().add(-6, 'day')
|
|
|
+ endDay.value=dayjs().add(28, 'day')
|
|
|
+ noshowday.value=[dayjs().add(-1, 'day').format('YYYY-MM-DD'),dayjs().add(-2, 'day').format('YYYY-MM-DD'),dayjs().add(-3, 'day').format('YYYY-MM-DD'),dayjs().add(-4, 'day').format('YYYY-MM-DD'),dayjs().add(-5, 'day').format('YYYY-MM-DD'),dayjs().add(-6, 'day').format('YYYY-MM-DD')]
|
|
|
+ break;
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
import { ref,onMounted,reactive } from 'vue'
|
|
|
import { Search,Download,Tools,Plus,Check,Close } from "@element-plus/icons-vue";
|
|
|
@@ -17,8 +61,6 @@ interface RuleForm {
|
|
|
mdate: string,
|
|
|
mtime: string,
|
|
|
remark: string,
|
|
|
- startSites: string,
|
|
|
- endSites: string,
|
|
|
isauto: any,
|
|
|
pprice: any
|
|
|
}
|
|
|
@@ -29,8 +71,6 @@ const initData={
|
|
|
"mdate": "",
|
|
|
"mtime": "",
|
|
|
"remark": "",
|
|
|
- "startSites": "",
|
|
|
- "endSites": "",
|
|
|
"isauto": '0',
|
|
|
"pprice": ''
|
|
|
}
|
|
|
@@ -43,8 +83,6 @@ const ruleForm = reactive<RuleForm>({
|
|
|
"mdate": "",
|
|
|
"mtime": "",
|
|
|
"remark": "",
|
|
|
- "startSites": "",
|
|
|
- "endSites": "",
|
|
|
"isauto": '0',
|
|
|
"pprice": ''
|
|
|
})
|
|
|
@@ -198,30 +236,7 @@ const getTableData=()=>{
|
|
|
if(route){
|
|
|
tableData.value[i].pathName=route.name
|
|
|
}
|
|
|
- /////////////////////////////////////////////////////
|
|
|
- let startSites=stationList.value.filter(station=>{
|
|
|
-
|
|
|
- return station.id===tableData.value[i].startSites
|
|
|
- })[0]
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- if(startSites){
|
|
|
- tableData.value[i].startSitesName=startSites.name
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- let endSites=stationList.value.filter(station=>{
|
|
|
-
|
|
|
- return station.id===tableData.value[i].endSites
|
|
|
- })[0]
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- if(endSites){
|
|
|
- tableData.value[i].endSitesName=endSites.name
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
}
|
|
|
|
|
|
@@ -378,7 +393,7 @@ onMounted(()=>{
|
|
|
<div>{{ nowselRoute.name }} - 排班表</div>
|
|
|
<el-switch style="margin:0 6px" @change="isautoChange" v-model="isauto" />
|
|
|
<div style="color: #4B5563;font-size:14px;font-weight: 400;">自动续排</div>
|
|
|
- <el-button size="mini" v-if="viewType==2" style="margin-left:6px;padding:0 2px;" type="primary" @click="addItem({})">添加排班 </el-button>
|
|
|
+ <!-- <el-button size="mini" v-if="viewType==2" style="margin-left:6px;padding:0 2px;" type="primary" @click="addItem({})">添加排班 </el-button> -->
|
|
|
</div>
|
|
|
<div class="title-right">
|
|
|
<el-button @click="viewType=1">月视图 </el-button>
|
|
|
@@ -386,14 +401,14 @@ onMounted(()=>{
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="common-chart-wrap" id="caruse-wrap">
|
|
|
- <el-calendar v-if="viewType==1">
|
|
|
+ <el-calendar :range="[fristDay,endDay]" v-if="viewType==1">
|
|
|
<template #date-cell="{ data }">
|
|
|
<!-- <p :class="data.isSelected ? 'is-selected' : ''">
|
|
|
{{ data.day.split('-').slice(1).join('-') }}
|
|
|
{{ data.isSelected ? '✔️' : '' }}
|
|
|
</p> -->
|
|
|
|
|
|
- <div>
|
|
|
+ <div v-if="noshowday.indexOf(data.day)==-1">
|
|
|
|
|
|
{{ data.day.split('-').slice(1).join('-') }}
|
|
|
<div v-for="item in tableData" :key="item.id">
|
|
|
@@ -441,7 +456,7 @@ onMounted(()=>{
|
|
|
/>
|
|
|
</el-select>
|
|
|
|
|
|
- <el-select
|
|
|
+ <!-- <el-select
|
|
|
style="margin-left:10px"
|
|
|
v-model="pathId"
|
|
|
placeholder="路线"
|
|
|
@@ -454,7 +469,7 @@ onMounted(()=>{
|
|
|
:label="item.name"
|
|
|
:value="item.id"
|
|
|
/>
|
|
|
- </el-select>
|
|
|
+ </el-select> -->
|
|
|
<el-button @click="searchClick" style="margin-left:10px">筛选</el-button>
|
|
|
</div>
|
|
|
<div class="right-part">
|
lyy