|
|
|
|
@ -2,69 +2,195 @@
|
|
|
|
|
<div id="orderHeader">
|
|
|
|
|
<div class="hf-l-seacrch" v-if="isActSearch">
|
|
|
|
|
<form action="/">
|
|
|
|
|
<van-search v-model="listQuery.contractNumber" shape="round" show-action placeholder="请输入合同编号" :clearable="false" @search="onKeywordSearch" @cancel="onKeywordCancel" />
|
|
|
|
|
<van-search
|
|
|
|
|
v-model="listQuery.contractNumber"
|
|
|
|
|
shape="round"
|
|
|
|
|
show-action
|
|
|
|
|
placeholder="请输入合同编号"
|
|
|
|
|
:clearable="false"
|
|
|
|
|
@search="onKeywordSearch"
|
|
|
|
|
@cancel="onKeywordCancel"
|
|
|
|
|
/>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="header-filter" :style="isActSearch ? 'padding: 0 0 0 0.5rem' : ''">
|
|
|
|
|
<div
|
|
|
|
|
class="header-filter"
|
|
|
|
|
:style="isActSearch ? 'padding: 0 0 0 0.5rem' : ''"
|
|
|
|
|
>
|
|
|
|
|
<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">
|
|
|
|
|
<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="handleClass1(item.id)" v-for="item in spList" :key="item.value">
|
|
|
|
|
<van-icon v-if="listQuery.supplierId && listQuery.supplierId == item.value" name="success" color="#0088FE" />
|
|
|
|
|
<span :class="{'hr-drop-filter-item-act': listQuery.supplierId && listQuery.supplierId == item.id }">{{item.companyName}}</span>
|
|
|
|
|
<div
|
|
|
|
|
class="hr-drop-filter-item"
|
|
|
|
|
@click.stop="handleClass1(item.id)"
|
|
|
|
|
v-for="item in spList"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
>
|
|
|
|
|
<van-icon
|
|
|
|
|
v-if="
|
|
|
|
|
listQuery.supplierId && listQuery.supplierId == item.value
|
|
|
|
|
"
|
|
|
|
|
name="success"
|
|
|
|
|
color="#0088FE"
|
|
|
|
|
/>
|
|
|
|
|
<span
|
|
|
|
|
:class="{
|
|
|
|
|
'hr-drop-filter-item-act':
|
|
|
|
|
listQuery.supplierId && listQuery.supplierId == item.id
|
|
|
|
|
}"
|
|
|
|
|
>{{ item.companyName }}</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>
|
|
|
|
|
<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()" ref="vanDropItem4">
|
|
|
|
|
<van-dropdown-item
|
|
|
|
|
title="审批状态"
|
|
|
|
|
:title-class="isHtab4 ? 'common-act-color' : ''"
|
|
|
|
|
@open="handleDropOpen()"
|
|
|
|
|
ref="vanDropItem4"
|
|
|
|
|
>
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<div class="hr-drop-filter-item" @click.stop="handleClass2(item.value)" v-for="item in stateList" :key="item.value">
|
|
|
|
|
<van-icon v-if="listQuery.status && listQuery.status == item.value" name="success" color="#0088FE" />
|
|
|
|
|
<span :class="{'hr-drop-filter-item-act': listQuery.status && listQuery.status == item.value }">{{item.label}}</span>
|
|
|
|
|
<div
|
|
|
|
|
class="hr-drop-filter-item"
|
|
|
|
|
@click.stop="handleClass2(item.value)"
|
|
|
|
|
v-for="item in stateList"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
>
|
|
|
|
|
<van-icon
|
|
|
|
|
v-if="listQuery.status && listQuery.status == item.value"
|
|
|
|
|
name="success"
|
|
|
|
|
color="#0088FE"
|
|
|
|
|
/>
|
|
|
|
|
<span
|
|
|
|
|
:class="{
|
|
|
|
|
'hr-drop-filter-item-act':
|
|
|
|
|
listQuery.status && listQuery.status == 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>
|
|
|
|
|
<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="isHtab6 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem7">
|
|
|
|
|
<van-dropdown-item
|
|
|
|
|
title="付款状态"
|
|
|
|
|
:title-class="isHtab6 ? 'common-act-color' : ''"
|
|
|
|
|
@open="handleDropOpen()"
|
|
|
|
|
ref="vanDropItem7"
|
|
|
|
|
>
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-contain">
|
|
|
|
|
<div class="hr-drop-filter-item" @click.stop="handleClass3(item.value)" v-for="item in payMentStatusList" :key="item.value">
|
|
|
|
|
<van-icon v-if="listQuery.payMentStatus && listQuery.payMentStatus == item.value" name="success" color="#0088FE" />
|
|
|
|
|
<span :class="{'hr-drop-filter-item-act': listQuery.payMentStatus && listQuery.payMentStatus == item.value }">{{item.label}}</span>
|
|
|
|
|
<div
|
|
|
|
|
class="hr-drop-filter-item"
|
|
|
|
|
@click.stop="handleClass3(item.value)"
|
|
|
|
|
v-for="item in payMentStatusList"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
>
|
|
|
|
|
<van-icon
|
|
|
|
|
v-if="
|
|
|
|
|
listQuery.payMentStatus &&
|
|
|
|
|
listQuery.payMentStatus == item.value
|
|
|
|
|
"
|
|
|
|
|
name="success"
|
|
|
|
|
color="#0088FE"
|
|
|
|
|
/>
|
|
|
|
|
<span
|
|
|
|
|
:class="{
|
|
|
|
|
'hr-drop-filter-item-act':
|
|
|
|
|
listQuery.payMentStatus &&
|
|
|
|
|
listQuery.payMentStatus == 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>
|
|
|
|
|
<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="isHtab5 ? 'common-act-color' : ''" @open="handleDropOpen(5)" ref="vanDropItem5">
|
|
|
|
|
<van-dropdown-item
|
|
|
|
|
title="付款确认时间"
|
|
|
|
|
:title-class="isHtab5 ? 'common-act-color' : ''"
|
|
|
|
|
@open="handleDropOpen(5)"
|
|
|
|
|
ref="vanDropItem5"
|
|
|
|
|
>
|
|
|
|
|
<div class="hf-drop-view">
|
|
|
|
|
<div class="hf-drop-quick" style="margin-top: 0;">
|
|
|
|
|
<div class="hf-drop-quick-item" style="margin-bottom: 0;">
|
|
|
|
|
<div class="hf-drop-quick" style="margin-top: 0">
|
|
|
|
|
<div class="hf-drop-quick-item" style="margin-bottom: 0">
|
|
|
|
|
<div class="hf-drop-quick-calendar">
|
|
|
|
|
<van-calendar ref="vanCalendar" :formatter="dayTextFormatter" @select="handleDateSelect" :default-date="defaultDate" :poppable="false" :show-title="false" color="#0088FE" :show-confirm="false" allow-same-day :min-date="new Date('2000/01/01')" :style="{ height: '400px' }" />
|
|
|
|
|
<van-calendar
|
|
|
|
|
ref="vanCalendar"
|
|
|
|
|
:formatter="dayTextFormatter"
|
|
|
|
|
@select="handleDateSelect"
|
|
|
|
|
:default-date="defaultDate"
|
|
|
|
|
:poppable="false"
|
|
|
|
|
: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(5)">重置</van-button>
|
|
|
|
|
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
|
|
|
|
|
<van-button
|
|
|
|
|
class="common-double-button-l"
|
|
|
|
|
@click="handleDateReset(5)"
|
|
|
|
|
>重置</van-button
|
|
|
|
|
>
|
|
|
|
|
<van-button
|
|
|
|
|
class="common-double-button-r"
|
|
|
|
|
@click="handleConfirm"
|
|
|
|
|
>确定</van-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-dropdown-item>
|
|
|
|
|
@ -78,7 +204,15 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<van-popup position="bottom" safe-area-inset-bottom v-model="moreFilterShow" :lock-scroll="true" round get-container="#app" lazy-render>
|
|
|
|
|
<van-popup
|
|
|
|
|
position="bottom"
|
|
|
|
|
safe-area-inset-bottom
|
|
|
|
|
v-model="moreFilterShow"
|
|
|
|
|
:lock-scroll="true"
|
|
|
|
|
round
|
|
|
|
|
get-container="#app"
|
|
|
|
|
lazy-render
|
|
|
|
|
>
|
|
|
|
|
<div class="common-popup moreContain">
|
|
|
|
|
<div class="common-popup-header">
|
|
|
|
|
<div></div>
|
|
|
|
|
@ -90,13 +224,41 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-popup-body moreContain-body">
|
|
|
|
|
<van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
|
|
|
|
|
<RePick v-model="listQuery.remark" label="bumen" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
|
|
|
|
|
<van-form
|
|
|
|
|
ref="filterForm"
|
|
|
|
|
:show-error-message="false"
|
|
|
|
|
validate-trigger=""
|
|
|
|
|
:submit-on-enter="false"
|
|
|
|
|
>
|
|
|
|
|
<RePick
|
|
|
|
|
v-model="listQuery.remark"
|
|
|
|
|
label="bumen"
|
|
|
|
|
:list="areaTree"
|
|
|
|
|
isLastSelect
|
|
|
|
|
isCascader
|
|
|
|
|
isShowSearch
|
|
|
|
|
title="行程"
|
|
|
|
|
titleKey="name"
|
|
|
|
|
isCascaderAllLevelNameSymnol
|
|
|
|
|
isCell
|
|
|
|
|
clearable
|
|
|
|
|
/>
|
|
|
|
|
</van-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="common-popup-footer">
|
|
|
|
|
<van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset">重置</van-button>
|
|
|
|
|
<van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
|
|
|
|
|
<van-button
|
|
|
|
|
style="width: 8rem; margin-right: 1rem"
|
|
|
|
|
round
|
|
|
|
|
@click="handleMoreReset"
|
|
|
|
|
>重置</van-button
|
|
|
|
|
>
|
|
|
|
|
<van-button
|
|
|
|
|
type="info"
|
|
|
|
|
style="width: 8rem"
|
|
|
|
|
round
|
|
|
|
|
@click.stop="handleMoreConfirm"
|
|
|
|
|
>确认</van-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-popup>
|
|
|
|
|
@ -105,17 +267,17 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { mapState, mapGetters } from 'vuex'
|
|
|
|
|
import { getDictDatas, DICT_TYPE } from "@/utils/dict";
|
|
|
|
|
import { getDictDatas, DICT_TYPE } from '@/utils/dict'
|
|
|
|
|
import { dayTextFormatter } from '@/utils'
|
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
listType: String, // 'detail' 详情
|
|
|
|
|
paramProp: Object,
|
|
|
|
|
spList: Array, // 供应商列表
|
|
|
|
|
spList: Array // 供应商列表
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
RePick: () => import('@/components/ReComponents/RePick'),
|
|
|
|
|
RePick: () => import('@/components/ReComponents/RePick')
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
@ -129,7 +291,7 @@ export default {
|
|
|
|
|
// { text: '已取消', id: 0 },
|
|
|
|
|
// { text: '生效中', id: 1 }
|
|
|
|
|
// ],
|
|
|
|
|
listQuery: {},
|
|
|
|
|
listQuery: {}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
@ -175,14 +337,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '未付款',
|
|
|
|
|
value: '0'
|
|
|
|
|
value: '2'
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
// 日历重置
|
|
|
|
|
handleDateReset() {
|
|
|
|
|
@ -190,7 +350,8 @@ export default {
|
|
|
|
|
this.defaultDate = null
|
|
|
|
|
this.$refs.vanCalendar && this.$refs.vanCalendar.reset()
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.$refs.vanCalendar && this.$refs.vanCalendar.scrollToDate(new Date())
|
|
|
|
|
this.$refs.vanCalendar &&
|
|
|
|
|
this.$refs.vanCalendar.scrollToDate(new Date())
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleDateSelect(val) {
|
|
|
|
|
@ -214,7 +375,6 @@ export default {
|
|
|
|
|
this.$emit('onListQuery', this.listQuery)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 处理供应商
|
|
|
|
|
handleClass1(val) {
|
|
|
|
|
this.listQuery.supplierId = val
|
|
|
|
|
@ -223,13 +383,12 @@ export default {
|
|
|
|
|
this.listQuery.status = val
|
|
|
|
|
},
|
|
|
|
|
handleClass3(val) {
|
|
|
|
|
console.log('val....');
|
|
|
|
|
this.listQuery.payMentStatus = val
|
|
|
|
|
},
|
|
|
|
|
// 处理状态 type : 1 状态 2 缴费类型 3 换班类型
|
|
|
|
|
handleState(val, type) {
|
|
|
|
|
if (type == 1) {
|
|
|
|
|
const i = this.listQuery.states.findIndex(item => item === val)
|
|
|
|
|
const i = this.listQuery.states.findIndex((item) => item === val)
|
|
|
|
|
if (i > -1) {
|
|
|
|
|
this.listQuery.states.splice(i, 1)
|
|
|
|
|
} else {
|
|
|
|
|
@ -238,22 +397,20 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (type == 2 || type == 3) {
|
|
|
|
|
const i = this.listQuery.types.findIndex(item => item === val)
|
|
|
|
|
const i = this.listQuery.types.findIndex((item) => item === val)
|
|
|
|
|
if (i > -1) {
|
|
|
|
|
this.listQuery.types.splice(i, 1)
|
|
|
|
|
} else {
|
|
|
|
|
this.listQuery.types.push(val)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleInit() {
|
|
|
|
|
this.listQuery = {
|
|
|
|
|
...this.paramProp
|
|
|
|
|
}
|
|
|
|
|
if (!(this.listQuery.paymentAffirmTime)) {
|
|
|
|
|
if (!this.listQuery.paymentAffirmTime) {
|
|
|
|
|
this.handleDateReset()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
@ -293,11 +450,8 @@ export default {
|
|
|
|
|
this.listQuery.status = null
|
|
|
|
|
this.listQuery.supplierId = null
|
|
|
|
|
this.listQuery.payMentStatus = null
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
