|
@@ -122,11 +122,20 @@
|
|
|
|
|
|
|
|
<!-- 人员名单区域 -->
|
|
<!-- 人员名单区域 -->
|
|
|
<view class="list">
|
|
<view class="list">
|
|
|
- <view class="list-title" v-if="info.user_num != 0">
|
|
|
|
|
- <!-- 人员名单({{ info.user_num }}/{{ info.contain }}) -->
|
|
|
|
|
- <view class="list-title-left">人员名单({{ typeList[result_state].text }}{{ listData.length }}人)</view>
|
|
|
|
|
- <picker style="width: 38%;" :range="typeList" range-key="text" @change="bindPickerChange($event, 6)">
|
|
|
|
|
- <view class="list-title-right">
|
|
|
|
|
|
|
+ <!-- 标题区域 -->
|
|
|
|
|
+ <view class="list-title" v-if="info.user_num != 0">人员名单({{ listData.length }}人)</view>
|
|
|
|
|
+ <!-- 筛选区域 -->
|
|
|
|
|
+ <view class="list-search" v-if="info.user_num !== '0'">
|
|
|
|
|
+ <!-- 身份筛选区域 -->
|
|
|
|
|
+ <picker style="width: 50%;" :range="statusList" range-key="text" @change="bindPickerChange($event, 6)">
|
|
|
|
|
+ <view class="list-search-item">
|
|
|
|
|
+ {{ statusList[result_status].text }}
|
|
|
|
|
+ <view class="right-img"><img src="../../static/bottom.png" /></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </picker>
|
|
|
|
|
+ <!-- 上车状态筛选区域 -->
|
|
|
|
|
+ <picker style="width: 50%;" :range="typeList" range-key="text" @change="bindPickerChange($event, 8)">
|
|
|
|
|
+ <view class="list-search-item2">
|
|
|
{{ typeList[result_state].text }}
|
|
{{ typeList[result_state].text }}
|
|
|
<view class="right-img"><img src="../../static/bottom.png" /></view>
|
|
<view class="right-img"><img src="../../static/bottom.png" /></view>
|
|
|
</view>
|
|
</view>
|
|
@@ -271,7 +280,7 @@ const time_late = ref(null)
|
|
|
// 发车前多少分钟截止预约
|
|
// 发车前多少分钟截止预约
|
|
|
const time_yy_end = ref(null)
|
|
const time_yy_end = ref(null)
|
|
|
|
|
|
|
|
-// 人员名单筛选状态
|
|
|
|
|
|
|
+// 人员名单上车状态
|
|
|
const result_state = ref(0)
|
|
const result_state = ref(0)
|
|
|
|
|
|
|
|
const typeList = ref([
|
|
const typeList = ref([
|
|
@@ -289,6 +298,24 @@ const typeList = ref([
|
|
|
}
|
|
}
|
|
|
])
|
|
])
|
|
|
|
|
|
|
|
|
|
+// 人员名单身份类型
|
|
|
|
|
+const result_status = ref(0)
|
|
|
|
|
+
|
|
|
|
|
+const statusList = ref([
|
|
|
|
|
+ {
|
|
|
|
|
+ text: '全部',
|
|
|
|
|
+ value: 0
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: '教师',
|
|
|
|
|
+ value: 1
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: '临时人员',
|
|
|
|
|
+ value: 2
|
|
|
|
|
+ }
|
|
|
|
|
+])
|
|
|
|
|
+
|
|
|
// 获取路线数组请求
|
|
// 获取路线数组请求
|
|
|
const getPathList = async () => {
|
|
const getPathList = async () => {
|
|
|
const res = await myRequest({
|
|
const res = await myRequest({
|
|
@@ -332,7 +359,8 @@ const getData = async () => {
|
|
|
url: '/appqueryAppointeds.action',
|
|
url: '/appqueryAppointeds.action',
|
|
|
data: {
|
|
data: {
|
|
|
id: idRef.value,
|
|
id: idRef.value,
|
|
|
- result_state: result_state.value
|
|
|
|
|
|
|
+ result_state: result_state.value,
|
|
|
|
|
+ userzz_state: result_status.value
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
// console.log(res)
|
|
// console.log(res)
|
|
@@ -517,26 +545,29 @@ const changeMultiple = e => {
|
|
|
|
|
|
|
|
// 原生下拉框的选择回调事件
|
|
// 原生下拉框的选择回调事件
|
|
|
const bindPickerChange = (e, type) => {
|
|
const bindPickerChange = (e, type) => {
|
|
|
- if (type == 1) {
|
|
|
|
|
|
|
+ if (type === 1) {
|
|
|
info.value.ci_time = e.detail.value
|
|
info.value.ci_time = e.detail.value
|
|
|
info.value.sm_start = time_change(info.value.ci_time, time_early.value * -1)
|
|
info.value.sm_start = time_change(info.value.ci_time, time_early.value * -1)
|
|
|
info.value.sm_end = time_change(info.value.ci_time, time_late.value)
|
|
info.value.sm_end = time_change(info.value.ci_time, time_late.value)
|
|
|
info.value.yy_end = time_change(info.value.ci_time, time_yy_end.value * -1)
|
|
info.value.yy_end = time_change(info.value.ci_time, time_yy_end.value * -1)
|
|
|
- } else if (type == 2) {
|
|
|
|
|
|
|
+ } else if (type === 2) {
|
|
|
info.value.route = pathList.value[e.detail.value].route
|
|
info.value.route = pathList.value[e.detail.value].route
|
|
|
getEndList()
|
|
getEndList()
|
|
|
info.value.route_end = ''
|
|
info.value.route_end = ''
|
|
|
- } else if (type == 3) {
|
|
|
|
|
|
|
+ } else if (type === 3) {
|
|
|
info.value.route_end = endList.value[e.detail.value].route_end
|
|
info.value.route_end = endList.value[e.detail.value].route_end
|
|
|
- } else if (type == 4) {
|
|
|
|
|
|
|
+ } else if (type === 4) {
|
|
|
info.value.sm_start = e.detail.value
|
|
info.value.sm_start = e.detail.value
|
|
|
- } else if (type == 5) {
|
|
|
|
|
|
|
+ } else if (type === 5) {
|
|
|
info.value.sm_end = e.detail.value
|
|
info.value.sm_end = e.detail.value
|
|
|
- } else if (type == 6) {
|
|
|
|
|
- result_state.value = e.detail.value
|
|
|
|
|
|
|
+ } else if (type === 6) {
|
|
|
|
|
+ result_status.value = e.detail.value
|
|
|
getData()
|
|
getData()
|
|
|
- } else if (type == 7) {
|
|
|
|
|
|
|
+ } else if (type === 7) {
|
|
|
info.value.yy_end = e.detail.value
|
|
info.value.yy_end = e.detail.value
|
|
|
|
|
+ } else if (type === 8) {
|
|
|
|
|
+ result_state.value = e.detail.value
|
|
|
|
|
+ getData()
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
// 获取当前时间 hh:mm
|
|
// 获取当前时间 hh:mm
|
|
@@ -649,16 +680,17 @@ const getCurrentTime = () => {
|
|
|
height: 41rpx;
|
|
height: 41rpx;
|
|
|
color: #999999;
|
|
color: #999999;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- .list-title-left {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .list-search {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
|
|
|
|
- .list-title-right {
|
|
|
|
|
|
|
+ .list-search-item,
|
|
|
|
|
+ .list-search-item2 {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
|
|
- color: #000;
|
|
|
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
|
|
|
|
.right-img {
|
|
.right-img {
|
|
|
margin-left: 27rpx;
|
|
margin-left: 27rpx;
|
|
@@ -672,6 +704,9 @@ const getCurrentTime = () => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .list-search-item2 {
|
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.list-item {
|
|
.list-item {
|