1742 lines
43 KiB
Vue
1742 lines
43 KiB
Vue
|
<!-- 订单管理 -->
|
|||
|
|
<template>
|
|||
|
|
<view class="content">
|
|||
|
|
<!-- <view style="width: 100%; height: 55px;"></view> -->
|
|||
|
|
<!-- <view
|
|||
|
|
style="background: linear-gradient(180deg, #054DF3 0%, #55A3FF 100%);color: white;padding-top: var(--status-bar-height);">
|
|||
|
|
<view style="padding:20rpx 70rpx;font-size: 40rpx;font-weight: 800;">{{loginTitle}}</view>
|
|||
|
|
<view class="top-heder">
|
|||
|
|
<view class="t-input">
|
|||
|
|
<u-search :actionStyle="{color: 'white'}" v-model="carNum" @custom="search()" @search="search()"
|
|||
|
|
clearabled placeholder="搜索车牌号....."></u-search>
|
|||
|
|
</view>
|
|||
|
|
<view class="icon1" @click="goNotice()">
|
|||
|
|
<image src="/static/imgs/xiaoxi.png" style="width: 50rpx;height: 50rpx;" mode=""></image>
|
|||
|
|
<view class="msg-num" v-show="noReadNum>0">{{ noReadNum }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
<staff-header :loginTitle="loginTitle" :noReadNum="noReadNum"></staff-header>
|
|||
|
|
<view class="t-input" style="margin: 20rpx auto;">
|
|||
|
|
<u-search v-model="carNum" @custom="search()" @search="search()" clearabled
|
|||
|
|
placeholder="搜索车牌号....."></u-search>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="tap">
|
|||
|
|
<scroll-view scroll-x="true" style="width: 100%;">
|
|||
|
|
<view style="display: flex; align-items: center; white-space: nowrap;">
|
|||
|
|
<view class="tap-box" v-for="(item, index) in newTapList" :key="index" @click="tapqh(index,item)">
|
|||
|
|
<view>
|
|||
|
|
<view class="xhuihui" :class="{'xzhei': tapindex == index}"
|
|||
|
|
style="white-space: nowrap;margin-right: 0.5rem">
|
|||
|
|
{{ item.text }}{{ countMap.length !== 0 ? ('(' + countMap.get(getValueByText(item.text)) + ')') : '' }}
|
|||
|
|
</view>
|
|||
|
|
<view class="gang" v-if="tapindex == index"></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="mub">
|
|||
|
|
<view class="top-ail">
|
|||
|
|
<scroll-view class="school-scroll-view" scroll-y @scrolltolower="onReachBottomCus"
|
|||
|
|
:style="{ height: scrollHeight + 'px' }" refresher-enabled @refresherrefresh="onRefresherrefresh"
|
|||
|
|
:refresher-triggered="isTriggered">
|
|||
|
|
<view class="jsy" v-if="infoDatas.length == 0">
|
|||
|
|
<u-empty mode="list">
|
|||
|
|
</u-empty>
|
|||
|
|
</view>
|
|||
|
|
<view class="m-box" v-for="(item,index) in infoDatas" :key="index" v-else>
|
|||
|
|
<view class="sshi" v-if="item.isPass == '0'">
|
|||
|
|
<image v-if="item.status == 1" :src="imgurl + '/noPass.png'" mode=""></image>
|
|||
|
|
<view v-else class="">
|
|||
|
|
<text v-if="tapValue == '3'">重检中</text>
|
|||
|
|
<text v-if="tapValue == '4'">复检中</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="sshi" v-if="item.isPass == '1'">
|
|||
|
|
<image :src="imgurl + '/pass.png'" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="m-top">
|
|||
|
|
<view class="top-left" v-if="tapValue != '6' && tapValue != '8'">
|
|||
|
|
<view class="dhei" v-if="item.goodsName">{{ item.goodsName }}</view>
|
|||
|
|
<text class="xhui" v-if="item.goodsTitle">车型：{{ item.goodsTitle }}</text>
|
|||
|
|
<text class="xhui" style="margin-left: 50rpx;" v-if="item.skuName">
|
|||
|
|
检测类型：{{ item.skuName }}
|
|||
|
|
</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="top-left" v-else-if="tapValue == '8'">
|
|||
|
|
<view class="dhei">待转订单</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="top-left" v-else>
|
|||
|
|
<view class="dhei" v-if="!item.meetAddress">待接车</view>
|
|||
|
|
<view class="dhei" v-else>上门取车</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="top-right" v-if="isShowClient">
|
|||
|
|
<image src="../../static/detection/teel.png" mode="" style="position: relative;"
|
|||
|
|
@click="callUser(item.buyPhone)">
|
|||
|
|
</image>
|
|||
|
|
<image src="../../static/detection/daohang.png" mode="" v-if="item.meetAddress"
|
|||
|
|
style="position: absolute;right: 120rpx;height: 60rpx;width: 60rpx;"
|
|||
|
|
@click="handleNavigation(item)">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="">
|
|||
|
|
<view class="on-input">
|
|||
|
|
<view class="left">
|
|||
|
|
<uni-icons type="car" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text class="label">车牌号：</text>
|
|||
|
|
</view>
|
|||
|
|
<text class="value" style="padding-left: 90rpx;">{{ item.carNum || '暂无车牌号' }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="isShowClient || isExamine">
|
|||
|
|
<view class="on-input" v-if="item.otherPhone">
|
|||
|
|
<uni-icons type="map" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text>经办人电话：</text>
|
|||
|
|
<text>{{ item.otherPhone }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="on-input">
|
|||
|
|
<uni-icons type="person" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text>车主：</text>
|
|||
|
|
<text style="padding-left: 90rpx;">{{ item.buyName ? item.buyName : "" }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="on-input">
|
|||
|
|
<uni-icons type="phone" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text>电话：</text>
|
|||
|
|
<text style="padding-left: 90rpx;">{{ item.buyPhone || '暂无电话' }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="on-input" v-if="item.appointmentDay">
|
|||
|
|
<uni-icons type="phone" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text>预约时间：</text>
|
|||
|
|
<text style="padding-left: 90rpx;">{{ item.appointmentDay }}</text>
|
|||
|
|
<text v-if="item.appointmentTime"> - {{ item.appointmentTime }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="on-input" v-if="item.meetAddress && tapValue == '6'"
|
|||
|
|
@click="handleNavigation(item)">
|
|||
|
|
<uni-icons type="map" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text style="width: 170rpx;">接车地址：</text>
|
|||
|
|
<text>{{ item.meetAddress }}</text>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="on-input" v-if="item.content">
|
|||
|
|
<uni-icons type="map" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text>接车备注：</text>
|
|||
|
|
<text style="padding-left: 90rpx;">{{ item.content }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<view class="on-input" v-if="item.nodeNames">
|
|||
|
|
<uni-icons type="more" color="#999999" size="16"></uni-icons>
|
|||
|
|
<text class="single-line" v-if="!belowStandardShow.includes(tapValue)">检测内容：</text>
|
|||
|
|
<text class="single-line" style="color: red;" v-else>需复检项目：</text>
|
|||
|
|
<text class="multi-line"
|
|||
|
|
:style="belowStandardShow.includes(tapValue) ? 'color:red' : ''">{{ item.nodeNames }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="bottom-di">
|
|||
|
|
<view class="button-container">
|
|||
|
|
<u-button class="button" v-if="beginButtonShow.includes(tapValue)"
|
|||
|
|
@click="orderTakingBefore(item)" size="10">
|
|||
|
|
开始检测
|
|||
|
|
</u-button>
|
|||
|
|
<u-button class="button" v-if="cancelButtonShow.includes(tapValue)"
|
|||
|
|
@click="cancelAnOrder(item)" size="10">
|
|||
|
|
取消接单
|
|||
|
|
</u-button>
|
|||
|
|
<u-button class="button" v-if="meetCarButtonShow.includes(tapValue)"
|
|||
|
|
@click="meetCarPhoto(item);openMeetCar = true" size="10">
|
|||
|
|
接车拍照
|
|||
|
|
</u-button>
|
|||
|
|
<u-button class="button" v-if="tapValue == '10'"
|
|||
|
|
@click="returnCarPhoto(item);openMeetCar = true" size="10">
|
|||
|
|
还车拍照
|
|||
|
|
</u-button>
|
|||
|
|
<u-button class="button" v-if="meetCarButtonShow.includes(tapValue)"
|
|||
|
|
@click="getMeetMan();meetCarPhoto(item);showMeetMan = true" size="10">
|
|||
|
|
更换人员
|
|||
|
|
</u-button>
|
|||
|
|
<u-button class="button" v-if="tapValue == '9'" @click="leadCar(item)" size="10">
|
|||
|
|
引车
|
|||
|
|
</u-button>
|
|||
|
|
<u-button class="button" @click="hge=true;getProject(item)"
|
|||
|
|
v-if="isExamine && tapValue == '7'" size="10">重审项目</u-button>
|
|||
|
|
<u-button class="button" v-if="!detailButtonNoShow.includes(tapValue)"
|
|||
|
|
@click="godetails(item)" size="10">查看详情</u-button>
|
|||
|
|
<u-button class="button"
|
|||
|
|
v-if="tapValue == '8' && (item.isPickCar != 0 || item.isMeetPickCar == 1)"
|
|||
|
|
@click="goMeetOrderCreate(item)" size="10">创建订单</u-button>
|
|||
|
|
<u-button class="button"
|
|||
|
|
v-if="tapValue == '8' && item.isPickCar == 0 && item.isMeetPickCar != 1"
|
|||
|
|
@click="getMeetMan();meetCarPhoto(item);showMeetMan = true;selectedInfo.sourceType=1"
|
|||
|
|
size="10">指派接车</u-button>
|
|||
|
|
<u-button class="button" v-if="tapValue == '8'" @click="cancelMeetCar(item)"
|
|||
|
|
size="10">删除接车</u-button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<u-popup :show="openMeetCar" @close="openMeetCar = false" :round="10">
|
|||
|
|
<view class="popup-box">
|
|||
|
|
<u--textarea v-model="remark" placeholder="请输入内容" border="bottom"></u--textarea>
|
|||
|
|
<u-radio-group v-if="selectType" v-model="radiovalue1" iconPlacement="left" name="name" placement="row">
|
|||
|
|
<u-radio style="margin-right: 10rpx;" :customStyle="{marginBottom: '8px'}"
|
|||
|
|
v-for="(item, index) in radiolist1" :key="index" :label="item.name" :name="item.label">
|
|||
|
|
</u-radio>
|
|||
|
|
</u-radio-group>
|
|||
|
|
<view class="on-inputx">
|
|||
|
|
<text>图片（<text style="color: red;"> 1.左前45度车辆照片 2.右后45度车辆照片 3.行驶证正负页照片</text>）：</text>
|
|||
|
|
</view>
|
|||
|
|
<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
|
|||
|
|
:maxCount="10"></u-upload>
|
|||
|
|
<view class="bottomx" @click="submit()">
|
|||
|
|
<uni-icons type="compose" color="#0174F6" size="20"></uni-icons>
|
|||
|
|
<text>提交</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</u-popup>
|
|||
|
|
<u-picker :show="showMeetMan" keyName="nickname" title="更换接车人" :columns="[columnsMeetMan]"
|
|||
|
|
@confirm="confirmsMeetMan" @cancel="cancelsMeetMan"></u-picker>
|
|||
|
|
|
|||
|
|
<view class="lanniu-container2">
|
|||
|
|
<u-picker :show="show" :columns="chooseWorkNodes" @confirm="confirms" @cancel="cancels"
|
|||
|
|
keyName="label"></u-picker>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="lanniu-container">
|
|||
|
|
<!-- <view class="lanniu" v-if="isExamine" @click="gogogo">
|
|||
|
|
<text>添加线下订单</text>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="lanniu" v-if="isExamine" @click="gogogoOldOrder">
|
|||
|
|
<text>补录</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="lanniu" @click="gogogoMeetCarOrder">
|
|||
|
|
<text>接车</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view style="width: 100%; height: 50px;"></view>
|
|||
|
|
<tabBar :msg="msg"></tabBar>
|
|||
|
|
<u-popup :show="hge" @close="closehge" :round="10">
|
|||
|
|
<view class="popup-box">
|
|||
|
|
<view v-if="isExamine">
|
|||
|
|
<view class="t-title">重审/退办</view>
|
|||
|
|
<view class="on-inputx">
|
|||
|
|
<view class="anniu" :class="{'an':isRetrial == item.value}" v-for="(item,index) in cstb"
|
|||
|
|
:key="index" @click="shenmowanyi(item.value,index)">
|
|||
|
|
<text>{{ item.text }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="t-title" v-if="tbindex == 1 && isRetrial == 1">选择复检的项目</view>
|
|||
|
|
<view class="box_ on-inputx" v-if="tbindex == 1 && isRetrial == 1">
|
|||
|
|
<view class="box_button " :class="{ 'box_button_x' :csId.includes(item.id) }"
|
|||
|
|
v-for="item in selectProject" @click="clickProject(item)">{{ item.projectName }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bottomx" @click="submitRecheck()">
|
|||
|
|
<uni-icons type="compose" color="#0174F6" size="20"></uni-icons>
|
|||
|
|
<text>提交</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</u-popup>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import config from '@/config'
|
|||
|
|
import request from '../../utils/request';
|
|||
|
|
import tabBar from '../../components/staffTabBer/tabBar.vue'
|
|||
|
|
import StaffHeader from '../../components/staffHeader/staffHeader.vue'
|
|||
|
|
import {
|
|||
|
|
type
|
|||
|
|
} from "../../uni_modules/uni-forms/components/uni-forms/utils";
|
|||
|
|
import upload from "@/utils/upload";
|
|||
|
|
import USearch from "@/uni_modules/uview-ui/components/u-search/u-search.vue";
|
|||
|
|
import {
|
|||
|
|
setStorageWithExpiry
|
|||
|
|
} from '../../utils/auth';
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
isShowClient: false,
|
|||
|
|
msgSocket: this.$msgSocket,
|
|||
|
|
imgurl: this.$imgeUrl,
|
|||
|
|
baseUrl: this.$baseUrl,
|
|||
|
|
customerInfo: null,
|
|||
|
|
infoDatas: {},
|
|||
|
|
openMeetCar: false,
|
|||
|
|
isTriggered: false,
|
|||
|
|
selectedInfo: undefined,
|
|||
|
|
selectType: undefined,
|
|||
|
|
partnerId: uni.getStorageSync("partnerId"),
|
|||
|
|
imageUrl: this.$baseImageUrl + '/',
|
|||
|
|
goodsTitle: '',
|
|||
|
|
tapindex: 0,
|
|||
|
|
fileList1: [],
|
|||
|
|
fileList2: [],
|
|||
|
|
newTapList: [],
|
|||
|
|
inspectionInfoId: undefined,
|
|||
|
|
isExamine: false,
|
|||
|
|
isLeadMead: false,
|
|||
|
|
hge: false,
|
|||
|
|
msg: '1',
|
|||
|
|
carNum: '',
|
|||
|
|
pageNum: 1, //第几页
|
|||
|
|
noReadNum: 0,
|
|||
|
|
pageSize: 20, //一页多少张
|
|||
|
|
totalPages: 0, //总数
|
|||
|
|
remark: '',
|
|||
|
|
scrollHeight: 0,
|
|||
|
|
selectProject: [],
|
|||
|
|
// tapList: [
|
|||
|
|
// {
|
|||
|
|
// text: "待接受",
|
|||
|
|
// value: "1"
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// text: "进行中",
|
|||
|
|
// value: "2"
|
|||
|
|
// },
|
|||
|
|
//
|
|||
|
|
// {
|
|||
|
|
// text: "已完成",
|
|||
|
|
// value: "3",
|
|||
|
|
// }
|
|||
|
|
// ],
|
|||
|
|
loginTitle: undefined,
|
|||
|
|
tapList: [
|
|||
|
|
// {
|
|||
|
|
// text: "待支付",
|
|||
|
|
// value: "1"
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
text: "接车转订单",
|
|||
|
|
value: "8",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待审核重检",
|
|||
|
|
value: "7",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待引车",
|
|||
|
|
value: "9",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待检测",
|
|||
|
|
value: "1"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待接车",
|
|||
|
|
value: "6",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "检测中",
|
|||
|
|
value: "2",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待重检",
|
|||
|
|
value: "3",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待复检",
|
|||
|
|
value: "4",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "已完成",
|
|||
|
|
value: "5",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
radiolist1: [{
|
|||
|
|
name: '还车拍照',
|
|||
|
|
label: 0
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '上门还车',
|
|||
|
|
label: 1
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
radiovalue1: 0,
|
|||
|
|
tapValue: 1,
|
|||
|
|
chooseWorkNodes: [],
|
|||
|
|
columnsMeetMan: [],
|
|||
|
|
tbindex: 1,
|
|||
|
|
isRetrial: 1,
|
|||
|
|
show: false,
|
|||
|
|
showMeetMan: false,
|
|||
|
|
takingData: {
|
|||
|
|
workNodeId: null,
|
|||
|
|
id: null
|
|||
|
|
},
|
|||
|
|
beginButtonShow: ['1', '3', '4'],
|
|||
|
|
cancelButtonShow: ['2'],
|
|||
|
|
meetCarButtonShow: ['6'],
|
|||
|
|
adminCanShow: ['7', '8'],
|
|||
|
|
leadMeadShow: ['7', '8'],
|
|||
|
|
detailButtonNoShow: ['6', '8'],
|
|||
|
|
belowStandardShow: ['7', '4'],
|
|||
|
|
countMap: [],
|
|||
|
|
csId: [],
|
|||
|
|
cstb: [{
|
|||
|
|
text: '重检',
|
|||
|
|
value: "2"
|
|||
|
|
}, {
|
|||
|
|
text: '复检',
|
|||
|
|
value: "1"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: '退办理',
|
|||
|
|
value: "0"
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
// 我自己的位置经纬度（百度地图需要传入自己的经纬度进行导航）
|
|||
|
|
selfLocation: {
|
|||
|
|
latitude: '',
|
|||
|
|
longitude: ''
|
|||
|
|
},
|
|||
|
|
timer: null //定时器名称
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async onLoad() {
|
|||
|
|
this.customerInfo = uni.getStorageSync('staffinfo')?.userInfo
|
|||
|
|
console.log('用户信息', this.customerInfo);
|
|||
|
|
const chooseIdx = uni.getStorageSync("chooseIdx")
|
|||
|
|
if (chooseIdx == 2) {
|
|||
|
|
this.loginTitle = '检测员'
|
|||
|
|
} else if (chooseIdx == 3) {
|
|||
|
|
this.loginTitle = '业务经理'
|
|||
|
|
} else if (chooseIdx == 4) {
|
|||
|
|
this.loginTitle = '合作商家'
|
|||
|
|
}
|
|||
|
|
this.$startSocketConnect(uni.getStorageSync('userId'))
|
|||
|
|
this.newTapList = [{
|
|||
|
|
text: "待检测",
|
|||
|
|
value: "1"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待接车",
|
|||
|
|
value: "6",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "检测中",
|
|||
|
|
value: "2",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "还车",
|
|||
|
|
value: "10",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待重检",
|
|||
|
|
value: "3",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "待复检",
|
|||
|
|
value: "4",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: "已完成",
|
|||
|
|
value: "5",
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
await this.isExamines()
|
|||
|
|
await this.isLeadMeads()
|
|||
|
|
this.msgInfo()
|
|||
|
|
this.tapValue = this.newTapList[0].value
|
|||
|
|
this.tapindex = 0
|
|||
|
|
this.getList()
|
|||
|
|
uni.$on('refresh', () => {
|
|||
|
|
this.getList()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.getLocation()
|
|||
|
|
const this_ = this
|
|||
|
|
this_.getWarnCount()
|
|||
|
|
this.timer = setInterval(function() {
|
|||
|
|
this_.getWarnCount()
|
|||
|
|
}, 10000);
|
|||
|
|
// this.getList()
|
|||
|
|
},
|
|||
|
|
onReady() {
|
|||
|
|
// 动态计算滚动区域高度
|
|||
|
|
this.calculateScrollHeight();
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
msgSocket(newVal, oldVal) {
|
|||
|
|
console.log('msgSocket值发生变化', newVal, oldVal)
|
|||
|
|
this.msgInfo()
|
|||
|
|
},
|
|||
|
|
deep: true,
|
|||
|
|
},
|
|||
|
|
onReachBottom() {
|
|||
|
|
if (this.pageNum >= this.totalPages) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '没有下一页数据',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
this.pageNum++
|
|||
|
|
this.getList()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
USearch,
|
|||
|
|
tabBar,
|
|||
|
|
StaffHeader
|
|||
|
|
},
|
|||
|
|
//uniapp中onHide()能监听到页面离开
|
|||
|
|
onHide() { //离开页面前清除计时器
|
|||
|
|
// console.log('onHide');
|
|||
|
|
clearInterval(this.timer);
|
|||
|
|
this.timer = null;
|
|||
|
|
},
|
|||
|
|
onUnload() {
|
|||
|
|
clearInterval(this.timer);
|
|||
|
|
this.timer = null;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getLocation() {
|
|||
|
|
uni.getLocation({
|
|||
|
|
type: 'wgs84', // 默认为 'wgs84'，表示获取经纬度，支持转换为百度、腾讯等地图坐标系
|
|||
|
|
success: (res) => {
|
|||
|
|
this.selfLocation.latitude = res.latitude
|
|||
|
|
this.selfLocation.longitude = res.longitude
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
console.log('获取位置失败:', err);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
calculateScrollHeight() {
|
|||
|
|
// 获取屏幕高度
|
|||
|
|
const screenHeight = uni.getSystemInfoSync().windowHeight;
|
|||
|
|
// 获取顶部区域高度
|
|||
|
|
const topHeight = 270;
|
|||
|
|
// 计算滚动区域高度
|
|||
|
|
this.scrollHeight = screenHeight - topHeight;
|
|||
|
|
},
|
|||
|
|
// 取消接车
|
|||
|
|
cancelMeetCar(data) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '确定将此接车订单取消吗？',
|
|||
|
|
success: async (res) => {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
try {
|
|||
|
|
request({
|
|||
|
|
url: `/inspection-meet-car-order/delete`,
|
|||
|
|
method: 'DELETE',
|
|||
|
|
params: {
|
|||
|
|
id: data.id
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
this.onRefresherrefresh()
|
|||
|
|
})
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('取消预约:', error);
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '取消',
|
|||
|
|
icon: 'none'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//查询重审可以选择的项目
|
|||
|
|
getProject(data) {
|
|||
|
|
this.inspectionInfoId = data.id
|
|||
|
|
request({
|
|||
|
|
url: '/system/info/getWeorkNodesById',
|
|||
|
|
method: 'get',
|
|||
|
|
params: {
|
|||
|
|
inspectionId: data.id
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
this.selectProject = res.data
|
|||
|
|
// 默认勾选上不合格的项目
|
|||
|
|
this.csId = data.nodeIds
|
|||
|
|
console.log('this.csId', this.csId);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
closehge() {
|
|||
|
|
this.hge = false
|
|||
|
|
this.csId = []
|
|||
|
|
},
|
|||
|
|
goMeetOrderCreate(data) {
|
|||
|
|
//将data设置缓存
|
|||
|
|
setStorageWithExpiry('meetCarOrderData', data, 120)
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/index/Neworder?meetCarId=${data.id}`
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
Nnimamadewen(value, index) {
|
|||
|
|
this.geindex = index
|
|||
|
|
this.type = value
|
|||
|
|
},
|
|||
|
|
shenmowanyi(value, index) {
|
|||
|
|
this.tbindex = value
|
|||
|
|
this.isRetrial = value
|
|||
|
|
},
|
|||
|
|
clickProject(data) {
|
|||
|
|
//判断当前id是否存在csId数组里面
|
|||
|
|
let index = this.csId.indexOf(data.id)
|
|||
|
|
if (index !== -1) {
|
|||
|
|
// 如果存在，则从数组中删除
|
|||
|
|
this.csId.splice(index, 1);
|
|||
|
|
} else {
|
|||
|
|
// 如果不存在，则添加到数组中
|
|||
|
|
this.csId.push(data.id);
|
|||
|
|
}
|
|||
|
|
console.log('this.csId', this.csId);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 上滑加载数据
|
|||
|
|
*/
|
|||
|
|
onReachBottomCus() {
|
|||
|
|
//判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
|
|||
|
|
if (this.pageNum >= this.totalPages) {
|
|||
|
|
uni.$u.toast('没有更多数据了')
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
//页码+1,调用获取数据的方法获取第二页数据
|
|||
|
|
this.pageNum++
|
|||
|
|
//此处调用自己获取数据列表的方法
|
|||
|
|
this.getList()
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 下拉刷新数据
|
|||
|
|
*/
|
|||
|
|
onRefresherrefresh() {
|
|||
|
|
this.isTriggered = true
|
|||
|
|
this.pageNum = 1
|
|||
|
|
this.total = 0
|
|||
|
|
this.infoDatas = []
|
|||
|
|
this.getList()
|
|||
|
|
},
|
|||
|
|
async getCount() {
|
|||
|
|
await request({
|
|||
|
|
url: '/system/info/getCountByType?partnerId=' + this.partnerId,
|
|||
|
|
method: 'get'
|
|||
|
|
}).then(res => {
|
|||
|
|
this.countMap = new Map(Object.entries(res.data))
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getWarnCount() {
|
|||
|
|
request({
|
|||
|
|
url: '/system/notify-message/get-unread-count',
|
|||
|
|
method: 'get',
|
|||
|
|
params: {
|
|||
|
|
systemCode: "jiance"
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
this.noReadNum = res.data
|
|||
|
|
this.$forceUpdate()
|
|||
|
|
}).catch(e => {
|
|||
|
|
console.log('查询消息报错', e);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
async submitRecheck(id) {
|
|||
|
|
console.log(this.isRetrial);
|
|||
|
|
let inspectionInfo = {
|
|||
|
|
inspectionInfoId: this.inspectionInfoId,
|
|||
|
|
id: this.workNodeId,
|
|||
|
|
type: this.isRetrial,
|
|||
|
|
}
|
|||
|
|
let status = 0
|
|||
|
|
if (this.isExamine && this.tbindex == 1 && this.isRetrial == 1) {
|
|||
|
|
if (this.csId == '' || this.csId == undefined) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请选择要复检的项目',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
const workNodes = []
|
|||
|
|
this.csId.forEach(item => {
|
|||
|
|
let a = {
|
|||
|
|
id: item,
|
|||
|
|
status: 2
|
|||
|
|
}
|
|||
|
|
workNodes.push(a)
|
|||
|
|
})
|
|||
|
|
inspectionInfo.workNodes = workNodes
|
|||
|
|
status = 2
|
|||
|
|
// await request({
|
|||
|
|
// url: '/system/info/recheck',
|
|||
|
|
// method: 'post',
|
|||
|
|
// data: inspectionInfo
|
|||
|
|
// })
|
|||
|
|
// this.onRefresherrefresh()
|
|||
|
|
// this.closehge()
|
|||
|
|
// return
|
|||
|
|
} else if (this.isExamine && this.tbindex == 2 && this.isRetrial == 2) {
|
|||
|
|
//跳转到修改工单页面
|
|||
|
|
//跳转到修改工单页面
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/index/Neworder?inspectionInfoId=' + this.inspectionInfoId
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
} else if (this.tbindex == 0 && this.isRetrial == 0) {
|
|||
|
|
status = 1
|
|||
|
|
}
|
|||
|
|
inspectionInfo.selectType = status
|
|||
|
|
|
|||
|
|
let res = await request({
|
|||
|
|
// url: '/partnerOwn/partner/stopInspection',
|
|||
|
|
url: '/system/info/controls',
|
|||
|
|
method: 'post',
|
|||
|
|
data: inspectionInfo
|
|||
|
|
})
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "成功",
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
this.onRefresherrefresh()
|
|||
|
|
this.closehge()
|
|||
|
|
console.log(data);
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
/** 接车拍照提交*/
|
|||
|
|
submit(item) {
|
|||
|
|
console.log('文件', this.fileList1)
|
|||
|
|
console.log('infoid', this.selectedInfo)
|
|||
|
|
if (this.fileList1.length == 0) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请拍摄现场图片',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.selectType) {
|
|||
|
|
request({
|
|||
|
|
url: '/system/info/returnCarPhoto',
|
|||
|
|
data: {
|
|||
|
|
inspectionInfoId: this.selectedInfo.id,
|
|||
|
|
remark: this.remark,
|
|||
|
|
dealImages: this.fileList1.map(item => item.url).join(','),
|
|||
|
|
returnType: this.radiovalue1
|
|||
|
|
},
|
|||
|
|
method: 'post'
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '提交成功',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
request({
|
|||
|
|
url: '/system/info/meetCarPhoto',
|
|||
|
|
data: {
|
|||
|
|
meetCarId: this.selectedInfo.id,
|
|||
|
|
remark: this.remark,
|
|||
|
|
sourceType: this.selectedInfo.sourceType,
|
|||
|
|
dealImages: this.fileList1.map(item => item.url).join(',')
|
|||
|
|
},
|
|||
|
|
method: 'post'
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '提交成功',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
this.openMeetCar = false
|
|||
|
|
this.remark = ''
|
|||
|
|
this.fileList1 = []
|
|||
|
|
this.onRefresherrefresh()
|
|||
|
|
},
|
|||
|
|
async afterRead(event) {
|
|||
|
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
|||
|
|
let lists = [].concat(event.file)
|
|||
|
|
let fileListLen = this[`fileList${event.name}`].length
|
|||
|
|
lists.map((item) => {
|
|||
|
|
this[`fileList${event.name}`].push({
|
|||
|
|
...item,
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
for (let i = 0; i < lists.length; i++) {
|
|||
|
|
const result = await this.uploadFilePromise(lists[i].url)
|
|||
|
|
console.log(result)
|
|||
|
|
let item = this[`fileList${event.name}`][fileListLen]
|
|||
|
|
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
|
|||
|
|
status: 'success',
|
|||
|
|
message: '',
|
|||
|
|
url: result
|
|||
|
|
}))
|
|||
|
|
fileListLen++
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async uploadFilePromise(url) {
|
|||
|
|
let res = await upload({
|
|||
|
|
url: '/common/upload',
|
|||
|
|
filePath: url,
|
|||
|
|
})
|
|||
|
|
return res.data.url
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
deletePic(event) {
|
|||
|
|
this[`fileList${event.name}`].splice(event.index, 1)
|
|||
|
|
},
|
|||
|
|
search() {
|
|||
|
|
this.pageNum = 1;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
goNotice() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/xiaoxi/notice?type=staff'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
confirms(e) {
|
|||
|
|
this.takingData.workNodeId = e.value[0].value
|
|||
|
|
this.show = false
|
|||
|
|
this.orderTaking(this.takingData)
|
|||
|
|
},
|
|||
|
|
cancels() {
|
|||
|
|
this.show = false
|
|||
|
|
},
|
|||
|
|
confirmsMeetMan(e) {
|
|||
|
|
const selectedUserId = e.value[0].id
|
|||
|
|
console.log('选择的工单id', this.selectedInfo)
|
|||
|
|
console.log('selectedUserId', e)
|
|||
|
|
//修改接车人
|
|||
|
|
request({
|
|||
|
|
url: '/system/info/updateLeadMan',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
id: this.selectedInfo.id,
|
|||
|
|
meetManId: selectedUserId,
|
|||
|
|
sourceType: this.selectedInfo.sourceType
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '更换成功',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
});
|
|||
|
|
this.getList()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
this.showMeetMan = false
|
|||
|
|
},
|
|||
|
|
cancelsMeetMan() {
|
|||
|
|
this.showMeetMan = false
|
|||
|
|
},
|
|||
|
|
leadCar(data) {
|
|||
|
|
let this_ = this
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '是否确定引车',
|
|||
|
|
success: async function(res) {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
const res = await request({
|
|||
|
|
url: "/system/info/leadCar",
|
|||
|
|
data: data,
|
|||
|
|
method: 'post'
|
|||
|
|
})
|
|||
|
|
this_.onRefresherrefresh()
|
|||
|
|
} else if (res.cancel) {
|
|||
|
|
console.log('用户点击取消');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
/*获取接车员信息*/
|
|||
|
|
getMeetMan() {
|
|||
|
|
console.log('执行了吗')
|
|||
|
|
request({
|
|||
|
|
url: '/system/role/selectListByRoleId',
|
|||
|
|
method: 'get',
|
|||
|
|
params: {
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: 10000
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
this.columnsMeetMan = res.data.records
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 让操作人选择要开始的项目
|
|||
|
|
async orderTakingBefore(item) {
|
|||
|
|
this.takingData = {
|
|||
|
|
workNodeId: null,
|
|||
|
|
id: item.id
|
|||
|
|
}
|
|||
|
|
let res = await request({
|
|||
|
|
url: `/system/info/getWorkNodeByIdAndNow?id=${item.id}&status=${(this.tapValue === '4' ? "3" : "0")}${(this.tapValue === '3' ? "&flag=false" : "")}`,
|
|||
|
|
method: 'get',
|
|||
|
|
})
|
|||
|
|
if (res.data) {
|
|||
|
|
this.chooseWorkNodes = [Object.keys(res.data).map(key => ({
|
|||
|
|
value: key,
|
|||
|
|
label: res.data[key]
|
|||
|
|
}))]
|
|||
|
|
}
|
|||
|
|
// this.chooseWorkNodes = [res.data.map(i => {
|
|||
|
|
// return {
|
|||
|
|
// label: i.projectName,
|
|||
|
|
// value: i.id
|
|||
|
|
// }
|
|||
|
|
// })]
|
|||
|
|
this.show = true
|
|||
|
|
},
|
|||
|
|
showUserDetail() {
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url: '/pages/staff/staff-my'
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
msgInfo() {
|
|||
|
|
console.log(this.msgSocket, 'msgSocket')
|
|||
|
|
if (this.msgSocket) {
|
|||
|
|
console.log('消息回调启动成功')
|
|||
|
|
this.msgSocket.onMessage(res => {
|
|||
|
|
this.pageNum = 1
|
|||
|
|
this.totalPages = 0
|
|||
|
|
this.getList()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 根据 text 查找对应的 value
|
|||
|
|
* @param {string} text - 要查找的文本
|
|||
|
|
* @param {Array} list - 数据列表（默认使用 tapList）
|
|||
|
|
* @returns {string|null} 返回对应的 value，找不到则返回 null
|
|||
|
|
*/
|
|||
|
|
getValueByText(text, list = this.newTapList) {
|
|||
|
|
const item = list.find(item => item.text === text);
|
|||
|
|
return item ? item.value : null;
|
|||
|
|
},
|
|||
|
|
/*判断是否是收费登陆人*/
|
|||
|
|
async isExamines() {
|
|||
|
|
const res = await request({
|
|||
|
|
url: '/system/info/isExamine',
|
|||
|
|
method: 'get'
|
|||
|
|
})
|
|||
|
|
this.isExamine = res.data
|
|||
|
|
if (this.isExamine) {
|
|||
|
|
this.newTapList.unshift({
|
|||
|
|
text: "接车转订单",
|
|||
|
|
value: "8",
|
|||
|
|
}, {
|
|||
|
|
text: "待审核重检",
|
|||
|
|
value: "7",
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async isLeadMeads() {
|
|||
|
|
const res = await request({
|
|||
|
|
url: `/system/user/ifLoginUserHasRoleByCode?roleCode=jcycy`,
|
|||
|
|
method: 'get',
|
|||
|
|
})
|
|||
|
|
this.isLeadMead = res.data
|
|||
|
|
if (this.isLeadMead) {
|
|||
|
|
this.newTapList.unshift({
|
|||
|
|
text: "待引车",
|
|||
|
|
value: "9",
|
|||
|
|
}, )
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
callUser(phone) {
|
|||
|
|
uni.makePhoneCall({
|
|||
|
|
phoneNumber: phone //仅为示例
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async getList() {
|
|||
|
|
let res = await request({
|
|||
|
|
url: '/system/info/geStelectInspection',
|
|||
|
|
method: 'get',
|
|||
|
|
params: {
|
|||
|
|
partnerId: this.partnerId,
|
|||
|
|
status: this.tapValue,
|
|||
|
|
carNum: this.carNum,
|
|||
|
|
pageSize: this.pageSize,
|
|||
|
|
pageNum: this.pageNum,
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
if (this.pageNum != 1) {
|
|||
|
|
this.infoDatas = this.infoDatas.concat(res.rows)
|
|||
|
|
} else {
|
|||
|
|
this.infoDatas = res.rows
|
|||
|
|
}
|
|||
|
|
console.log('此时的tapindex', this.tapindex);
|
|||
|
|
const ids = this.infoDatas.filter(item => !item.nodeNames).map(item => item.id)
|
|||
|
|
if (this.tapValue != '6') {
|
|||
|
|
if (!this.belowStandardShow.includes(this.tapValue)) {
|
|||
|
|
if (ids && ids.length > 0) {
|
|||
|
|
const response = await request({
|
|||
|
|
url: "/partnerOwn/partner/getProjectByIds?ids=" + ids,
|
|||
|
|
method: 'get'
|
|||
|
|
})
|
|||
|
|
if (response.data) {
|
|||
|
|
const data = response.data
|
|||
|
|
this.infoDatas.forEach(item => {
|
|||
|
|
this.$set(item, 'nodeNames', data[item.id])
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// 查询不合格的项目
|
|||
|
|
if (ids && ids.length > 0) {
|
|||
|
|
const response = await request({
|
|||
|
|
url: `/partnerOwn/partner/getProjectBelowStandardByIds`,
|
|||
|
|
method: 'get',
|
|||
|
|
params: {
|
|||
|
|
ids: ids.join(','),
|
|||
|
|
status: this.tapValue == '4' ? '3' : '',
|
|||
|
|
type: this.tapValue == '7' ? '0' : ''
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
if (response.data) {
|
|||
|
|
const data = response.data
|
|||
|
|
this.infoDatas.forEach(item => {
|
|||
|
|
let nodeNamesArr = []
|
|||
|
|
let nodeIds = []
|
|||
|
|
if (data[item.id]) {
|
|||
|
|
data[item.id].forEach(data => {
|
|||
|
|
nodeNamesArr.push(data.name)
|
|||
|
|
nodeIds.push(data.id)
|
|||
|
|
})
|
|||
|
|
const nodeNames = nodeNamesArr.join('、')
|
|||
|
|
this.$set(item, 'nodeNames', nodeNames)
|
|||
|
|
this.$set(item, 'nodeIds', nodeIds)
|
|||
|
|
console.log('数据', item);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let total = res.total
|
|||
|
|
this.totalPages = Math.ceil(total / this.pageSize);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
await this.getCount()
|
|||
|
|
this.isTriggered = false
|
|||
|
|
},
|
|||
|
|
getfan() {
|
|||
|
|
uni.navigateBack()
|
|||
|
|
},
|
|||
|
|
godetails(item) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/index/orderdetails?inspectionInfoId=${item.id}&workNodeId=${item.workNodeId}&workNodeStatus=${item.workNodeStatus}&type=staff`
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
orderTaking(data) {
|
|||
|
|
request({
|
|||
|
|
url: '/system/info/orderTaking',
|
|||
|
|
method: 'post',
|
|||
|
|
params: {
|
|||
|
|
inspectionId: data.id,
|
|||
|
|
workNodeId: data.workNodeId
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '接单成功',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
// this.tapindex = 1
|
|||
|
|
this.godetails({
|
|||
|
|
id: data.id,
|
|||
|
|
workNodeId: data.workNodeId,
|
|||
|
|
workNodeStatus: 1
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
cancelAnOrder(data) {
|
|||
|
|
request({
|
|||
|
|
url: '/system/info/cancelAnOrder',
|
|||
|
|
method: 'post',
|
|||
|
|
params: {
|
|||
|
|
inspectionId: data.id,
|
|||
|
|
workNodeId: data.workNodeId
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '取消接单成功',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
this.getList()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
/**接车拍照 */
|
|||
|
|
meetCarPhoto(data) {
|
|||
|
|
this.selectedInfo = data
|
|||
|
|
},
|
|||
|
|
/**接车拍照 */
|
|||
|
|
returnCarPhoto(data) {
|
|||
|
|
this.selectedInfo = data
|
|||
|
|
this.selectType = 1
|
|||
|
|
},
|
|||
|
|
gogogo() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/index/Neworder'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
gogogoOldOrder() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/index/oldOrder'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
gogogoMeetCarOrder() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/index/meetCarOrder'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
tapqh(index, data) {
|
|||
|
|
//如果是待接车
|
|||
|
|
if (data.value == '6') {
|
|||
|
|
this.isShowClient = true
|
|||
|
|
} else {
|
|||
|
|
this.isShowClient = false
|
|||
|
|
}
|
|||
|
|
this.tapValue = data.value
|
|||
|
|
console.log('当前tap的value', this.tapValue);
|
|||
|
|
this.tapindex = index
|
|||
|
|
this.infoDatas = []
|
|||
|
|
this.pageNum = 1
|
|||
|
|
this.getList()
|
|||
|
|
},
|
|||
|
|
handleNavigation(data) {
|
|||
|
|
console.log('执行了 地图 ');
|
|||
|
|
const _this = this;
|
|||
|
|
// if (!this.latitude || !this.longitude || !this.name) return;
|
|||
|
|
|
|||
|
|
// 判断系统安装的地图应用有哪些, 并生成菜单按钮
|
|||
|
|
let _mapName = [{
|
|||
|
|
title: '高德地图',
|
|||
|
|
name: 'amap',
|
|||
|
|
androidName: 'com.autonavi.minimap',
|
|||
|
|
iosName: 'iosamap://'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '百度地图',
|
|||
|
|
name: 'baidumap',
|
|||
|
|
androidName: 'com.baidu.BaiduMap',
|
|||
|
|
iosName: 'baidumap://'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '腾讯地图',
|
|||
|
|
name: 'qqmap',
|
|||
|
|
androidName: 'com.tencent.map',
|
|||
|
|
iosName: 'qqmap://'
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
// 根据真机有的地图软件 生成的 操作菜单
|
|||
|
|
let buttons = [];
|
|||
|
|
let platform = uni.getSystemInfoSync().platform;
|
|||
|
|
console.log('获取platform', platform);
|
|||
|
|
platform === 'android' && _mapName.forEach(item => {
|
|||
|
|
if (plus.runtime.isApplicationExist({
|
|||
|
|
pname: item.androidName
|
|||
|
|
})) {
|
|||
|
|
buttons.push(item);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
platform === 'ios' && _mapName.forEach(item => {
|
|||
|
|
if (plus.runtime.isApplicationExist({
|
|||
|
|
action: item.iosName
|
|||
|
|
})) {
|
|||
|
|
buttons.push(item);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (buttons.length) {
|
|||
|
|
plus.nativeUI.actionSheet({ //选择菜单
|
|||
|
|
title: "选择地图应用",
|
|||
|
|
cancel: "取消",
|
|||
|
|
buttons: buttons
|
|||
|
|
}, function(e) {
|
|||
|
|
let _map = buttons[e.index - 1];
|
|||
|
|
_this.openURL(_map, platform, data);
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请安装地图软件',
|
|||
|
|
icon: 'none'
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 打开第三方程序实际应用
|
|||
|
|
openURL(map, platform, data) {
|
|||
|
|
console.log('执行打开地图');
|
|||
|
|
console.log('data', data);
|
|||
|
|
|
|||
|
|
let _defaultUrl = {
|
|||
|
|
'android': {
|
|||
|
|
"amap": `amapuri://route/plan/?sid=&did=&dlat=${data.latitude}&dlon=${data.longitude}&dname=${data.meetAddress}&dev=0&t=0`,
|
|||
|
|
'qqmap': `qqmap://map/routeplan?type=drive&to=${data.meetAddress}&tocoord=${data.latitude},${data.longitude}&referer=fuxishan_uni_client`,
|
|||
|
|
'baidumap': `baidumap://map/direction?origin=${this.selfLocation.latitude},${this.selfLocation.longitude}&destination=name:${data.meetAddress}|latlng:${data.latitude},${data.longitude}&coord_type=wgs84&mode=driving&src=andr.baidu.openAPIdemo`
|
|||
|
|
},
|
|||
|
|
'ios': {
|
|||
|
|
"amap": `iosamap://path?sourceApplication=fuxishan_uni_client&dlat=${data.latitude}&dlon=${data.longitude}&dname=${data.meetAddress}&dev=0&t=0`,
|
|||
|
|
'qqmap': `qqmap://map/routeplan?type=drive&to=${data.name}&tocoord=${data.latitude},${data.longitude}&referer=fuxishan_uni_client`,
|
|||
|
|
// 'baidumap': `baidumap://map/direction?origin=${data.selfLocation.latitude},${data.selfLocation.longitude}&destination=name:${data.name}|latlng:${data.latitude},${data.longitude}&mode=driving&src=ios.baidu.openAPIdemo`
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 构建 URL
|
|||
|
|
let newurl = encodeURI(_defaultUrl[platform][map.name]);
|
|||
|
|
|
|||
|
|
// 打开 URL
|
|||
|
|
plus.runtime.openURL(newurl, function(res) {
|
|||
|
|
uni.showModal({
|
|||
|
|
content: '打开地图成功'
|
|||
|
|
});
|
|||
|
|
}, function(err) {
|
|||
|
|
console.log('打开地图失败: ', err);
|
|||
|
|
uni.showModal({
|
|||
|
|
content: '打开地图失败: ' + err.message
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.content {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100vh);
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sshi {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 90rpx;
|
|||
|
|
right: 20px;
|
|||
|
|
width: 115px;
|
|||
|
|
height: 115px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10px;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top-heder {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 46px;
|
|||
|
|
// background: white;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 5px 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.t-left {
|
|||
|
|
width: 10%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.t-input {
|
|||
|
|
width: 85%;
|
|||
|
|
//height: 36px;
|
|||
|
|
//background: #F0F0F0;
|
|||
|
|
//border-radius: 50px;
|
|||
|
|
//box-sizing: border-box;
|
|||
|
|
padding: 0 15px;
|
|||
|
|
//display: flex;
|
|||
|
|
//align-items: center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top-ail {
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 20rpx;
|
|||
|
|
background-color: #F4F4F4;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mub {
|
|||
|
|
background-color: #F4F4F4;
|
|||
|
|
// height: calc(100vh);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tap {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tap-box {
|
|||
|
|
width: 50%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.xhuihui {
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #666666;
|
|||
|
|
//margin-left: 0.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gang {
|
|||
|
|
width: 32px;
|
|||
|
|
height: 4px;
|
|||
|
|
background: #327DFB;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
margin: 2px auto;
|
|||
|
|
margin-left: 1rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.xzhei {
|
|||
|
|
|
|||
|
|
font-weight: bold !important;
|
|||
|
|
color: #333333 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.m-box {
|
|||
|
|
position: relative;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px 10px;
|
|||
|
|
margin: 10px auto;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.m-top {
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding-bottom: 15px;
|
|||
|
|
border-bottom: 1px solid #EEEEEE;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top-left {}
|
|||
|
|
|
|||
|
|
.top-right {
|
|||
|
|
z-index: 9999;
|
|||
|
|
width: 33px;
|
|||
|
|
height: 33px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dhei {
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.xhui {
|
|||
|
|
font-size: 15px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on-input {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 15px;
|
|||
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
// justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-di {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-container {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button {
|
|||
|
|
width: 40%;
|
|||
|
|
height: 45px;
|
|||
|
|
background: #327DFB;
|
|||
|
|
border-radius: 50px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.ju {
|
|||
|
|
font-size: 24px;
|
|||
|
|
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #FF571A;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.lanniu-container {
|
|||
|
|
width: 60%;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 60px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
/* 控制子元素之间的间距，可以改为 center/space-around */
|
|||
|
|
transform: translate(-50%);
|
|||
|
|
left: 50%;
|
|||
|
|
z-index: 10074;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.lanniu-container2 {
|
|||
|
|
position: fixed;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
/* 控制子元素之间的间距，可以改为 center/space-around */
|
|||
|
|
z-index: 999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.lanniu {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
background: #327DFB;
|
|||
|
|
color: white;
|
|||
|
|
height: 44px;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
flex: 1;
|
|||
|
|
/* 子元素均分宽度 */
|
|||
|
|
margin: 0 5px;
|
|||
|
|
/* 控制子元素之间的间距 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.csz {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #FF571A;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 确保 "检测内容：" 始终在一行 */
|
|||
|
|
.single-line {
|
|||
|
|
white-space: nowrap;
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 允许 item.nodeNames 多行显示 */
|
|||
|
|
.multi-line {
|
|||
|
|
white-space: pre-line;
|
|||
|
|
/* 保留换行符，但允许文本换行 */
|
|||
|
|
word-break: break-all;
|
|||
|
|
/* 长单词或 URL 会在必要时断开 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.msg-num {
|
|||
|
|
position: absolute;
|
|||
|
|
right: -29rpx;
|
|||
|
|
top: -20rpx;
|
|||
|
|
color: white;
|
|||
|
|
background: #d74a43;
|
|||
|
|
padding: 5rpx 10rpx;
|
|||
|
|
/* 使用 padding 确保有足够的空间 */
|
|||
|
|
min-width: 35rpx;
|
|||
|
|
/* 最小宽度 */
|
|||
|
|
line-height: 1.2;
|
|||
|
|
/* 调整行高以适应不同内容 */
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 800;
|
|||
|
|
font-size: 11px;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
/* 椭圆效果 */
|
|||
|
|
white-space: nowrap;
|
|||
|
|
/* 确保文本不换行 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon1 {
|
|||
|
|
position: relative;
|
|||
|
|
width: 56rpx;
|
|||
|
|
height: 56rpx;
|
|||
|
|
|
|||
|
|
//margin-left: 30rpx;
|
|||
|
|
.msg-num {
|
|||
|
|
position: absolute;
|
|||
|
|
right: -15rpx;
|
|||
|
|
color: white;
|
|||
|
|
background: #d74a43;
|
|||
|
|
width: 35rpx;
|
|||
|
|
height: 35rpx;
|
|||
|
|
line-height: 35rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 800;
|
|||
|
|
font-size: 11px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
top: -15rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on-inputx {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 15px auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-box {
|
|||
|
|
overflow: hidden;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom: 80rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottomx {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
width: 425rpx;
|
|||
|
|
height: 76rpx;
|
|||
|
|
border-radius: 6px 6px 6px 6px;
|
|||
|
|
opacity: 1;
|
|||
|
|
border: 1px solid #0174F6;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
//color: #0174F6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-box {
|
|||
|
|
overflow: hidden;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.t-title {
|
|||
|
|
font-size: 17px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box_ {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box_button {
|
|||
|
|
border-radius: 6px;
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-size: 14px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box_button_x {
|
|||
|
|
border-radius: 6px;
|
|||
|
|
border: 1px solid #327DFB;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-size: 14px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
background: #327DFB;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on-inputx {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 15px auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.anniu {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 2px 10px;
|
|||
|
|
margin: 0px 10px;
|
|||
|
|
// background: linear-gradient(180deg, #3F61C0 0%, #327DFB 100%);
|
|||
|
|
border: 1px solid #327DFB;
|
|||
|
|
border-radius: 23px;
|
|||
|
|
font-size: 15px;
|
|||
|
|
color: #327DFB;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.an {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 2px 10px;
|
|||
|
|
margin: 0px 10px;
|
|||
|
|
background: linear-gradient(180deg, #3F61C0 0%, #327DFB 100%) !important;
|
|||
|
|
|
|||
|
|
border-radius: 23px;
|
|||
|
|
font-size: 15px;
|
|||
|
|
color: white !important;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.page-top {
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 160rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
color: white;
|
|||
|
|
background: linear-gradient(180deg, #054DF3 0%, #55A3FF 100%);
|
|||
|
|
|
|||
|
|
.management-title-class {
|
|||
|
|
padding: 0 32rpx;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
.management-title-left {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.management-title-left-icon {
|
|||
|
|
width: 90rpx;
|
|||
|
|
height: 90rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: white;
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.management-title-left-text {
|
|||
|
|
|
|||
|
|
.text-top {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text-bottom {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.management-title-right {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.management-title-right-icon {
|
|||
|
|
width: 50rpx;
|
|||
|
|
height: 50rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.msg-num {
|
|||
|
|
position: absolute;
|
|||
|
|
right: -15rpx;
|
|||
|
|
color: white;
|
|||
|
|
background: #d74a43;
|
|||
|
|
width: 35rpx;
|
|||
|
|
height: 35rpx;
|
|||
|
|
line-height: 35rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 800;
|
|||
|
|
font-size: 11px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
top: -15rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.management-title-right-text {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|