|
|
|
@ -5,37 +5,190 @@
|
|
|
|
|
<div class="hf-l-list" v-show="!isActSearch">
|
|
|
|
|
<van-dropdown-menu class="hf-l-list-menu">
|
|
|
|
|
<!-- 课程包列表状态 -->
|
|
|
|
|
<van-dropdown-item title="发票类型" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<div class="hr-drop-filter-item" @click.stop="handleClass(item.value)" v-for="item in stateList" :key="item.value">
|
|
|
|
|
<van-icon v-if="listQuery.type && listQuery.type == item.value" name="success" color="#0088FE" />
|
|
|
|
|
<span :class="{'hr-drop-filter-item-act': listQuery.type && listQuery.type == item.value }">{{item.label}}</span>
|
|
|
|
|
<!-- <van-dropdown-item title="发票类型" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">-->
|
|
|
|
|
<!-- <div class="hf-drop-view">-->
|
|
|
|
|
<!-- <div class="hf-drop-contain">-->
|
|
|
|
|
<!-- <div class="hr-drop-filter-item" @click.stop="handleClass(item.value)" v-for="item in stateList" :key="item.value">-->
|
|
|
|
|
<!-- <van-icon v-if="listQuery.type && listQuery.type == item.value" name="success" color="#0088FE" />-->
|
|
|
|
|
<!-- <span :class="{'hr-drop-filter-item-act': listQuery.type && listQuery.type == item.value }">{{item.label}}</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="common-double-button">-->
|
|
|
|
|
<!-- <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>-->
|
|
|
|
|
<!-- <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </van-dropdown-item>-->
|
|
|
|
|
<!-- <!– 讲座日期 –>-->
|
|
|
|
|
<!-- <van-dropdown-item title="开票日期" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen(5)" ref="vanDropItem4">-->
|
|
|
|
|
<!-- <div class="hf-drop-view">-->
|
|
|
|
|
<!-- <div class="hf-drop-quick" style="margin-top: 0;">-->
|
|
|
|
|
<!-- <div class="hf-drop-quick-item" style="margin-bottom: 0;">-->
|
|
|
|
|
<!-- <ReQuickDateBtns @change="handleQuickDate" :startData="listQuery.startDate" :endData="listQuery.endDate" style="margin-top: 1rem;" />-->
|
|
|
|
|
<!-- <div class="hf-drop-quick-calendar">-->
|
|
|
|
|
<!-- <van-calendar ref="vanCalendar" :formatter="dayTextFormatter" @select="handleDateSelect" :default-date="defaultDate" :poppable="false" type="range" :show-title="false" color="#0088FE" :show-confirm="false" allow-same-day :min-date="new Date('2000/01/01')" :style="{ height: '400px' }" />-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="common-double-button">-->
|
|
|
|
|
<!-- <van-button class="common-double-button-l" @click="handleDateReset(4)">重置</van-button>-->
|
|
|
|
|
<!-- <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </van-dropdown-item>-->
|
|
|
|
|
<div v-if="type == '01'">
|
|
|
|
|
<van-dropdown-item title="发票代码" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.invoiceCode" shape="round" placeholder="请输入发票代码" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="发票号码" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.invoiceNum" shape="round" placeholder="请输入发票代码" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<!-- 讲座日期 -->
|
|
|
|
|
<van-dropdown-item title="开票日期" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen(5)" ref="vanDropItem4">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-quick" style="margin-top: 0;">
|
|
|
|
|
<div class="hf-drop-quick-item" style="margin-bottom: 0;">
|
|
|
|
|
<ReQuickDateBtns @change="handleQuickDate" :startData="listQuery.startDate" :endData="listQuery.endDate" style="margin-top: 1rem;" />
|
|
|
|
|
<div class="hf-drop-quick-calendar">
|
|
|
|
|
<van-calendar ref="vanCalendar" :formatter="dayTextFormatter" @select="handleDateSelect" :default-date="defaultDate" :poppable="false" type="range" :show-title="false" color="#0088FE" :show-confirm="false" allow-same-day :min-date="new Date('2000/01/01')" :style="{ height: '400px' }" />
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="type == '02'">
|
|
|
|
|
<van-dropdown-item title="始发站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.startingStation" shape="round" placeholder="请输入始发站" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleDateReset(4)">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="到达站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.destinationStation" shape="round" placeholder="请输入到达站" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="type == '03'">
|
|
|
|
|
<van-dropdown-item title="姓名" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.name" shape="round" placeholder="请输入姓名" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="始发站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.startingStation" shape="round" placeholder="请输入始发站" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="目的站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.destinationStation" shape="round" placeholder="请输入目的站" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="type == '04'">
|
|
|
|
|
<van-dropdown-item title="行程人手机号" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.phone" shape="round" placeholder="请输入行程人手机号" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="起点" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.startPlace" shape="round" placeholder="请输入起点" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="终点" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.destinationPlace" shape="round" placeholder="请输入终点" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="type == '05'">
|
|
|
|
|
<van-dropdown-item title="发票号码" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.invoiceNum" shape="round" placeholder="请输入发票代码" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="车牌号" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.taxiNum" shape="round" placeholder="请输入车牌号" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
<van-dropdown-item title="里程" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<van-search style="width: 100%" v-model="listQuery.distance" shape="round" placeholder="请输入里程" :clearable="false" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-double-button">
|
|
|
|
|
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hf-r-list">
|
|
|
|
@ -84,6 +237,7 @@ export default {
|
|
|
|
|
props: {
|
|
|
|
|
listType: String, // 'detail' 详情
|
|
|
|
|
paramProp: Object,
|
|
|
|
|
type:String,
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
ReQuickDateBtns: () => import('@/components/ReComponents/ReQuickDateBtns'),
|
|
|
|
@ -156,7 +310,7 @@ export default {
|
|
|
|
|
this.listQuery.endDate = `${e.time[1]} 23:59:59`
|
|
|
|
|
},
|
|
|
|
|
handleConfirm() {
|
|
|
|
|
this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
|
|
|
|
|
// this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
|
|
|
|
|
this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false)
|
|
|
|
|
this.$emit('onListQuery', this.listQuery)
|
|
|
|
|
},
|
|
|
|
@ -237,10 +391,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
handleMoreConfirm() {
|
|
|
|
|
this.$emit('onListQuery', this.listQuery)
|
|
|
|
|
this.moreFilterShow = false
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
handleReset() {
|
|
|
|
|
this.listQuery.type = null
|
|
|
|
|
this.listQuery = {}
|
|
|
|
|
this.$emit('onListQuery', this.listQuery)
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|