2708 lines
69 KiB
Vue
2708 lines
69 KiB
Vue
<template>
|
|
<view class="app">
|
|
<head-view :title="title"></head-view>
|
|
<view class="content contentFixed">
|
|
<view class="buttonlist">
|
|
<template v-if="tabsValue == 0">
|
|
<button class="button" type="default" @click="ask">卸船要求</button>
|
|
<button class="button" type="default" @click="distribute('center','all')">指令下发</button>
|
|
</template>
|
|
<template v-if="tabsValue == 1">
|
|
<button class="button" type="default" @click="distribute('center','solo')">指令下发</button>
|
|
</template>
|
|
<template v-if="tabsValue == 2">
|
|
<button class="button" type="default" @click="ask">卸船要求</button>
|
|
</template>
|
|
</view>
|
|
<template v-if="tabsValue == 0 || tabsValue == 1 || tabsValue == 2">
|
|
<view class="refresh" @click="refresh">
|
|
<image src="../../static/images/refreshImg.png" mode=""></image>
|
|
<p>刷新</p>
|
|
</view>
|
|
</template>
|
|
<custom-tabs type="c1" :value="tabsValue" @change="changeTabs">
|
|
<custom-tab-pane label="总指令" name="c1_1">
|
|
<view></view>
|
|
<view class="main">
|
|
<view class="form">
|
|
<view class="inputBox">
|
|
<view class="leftInput">
|
|
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
|
|
placeholder="提单号" @iconClick="search"></uni-easyinput>
|
|
</view>
|
|
<view class="rightInput" @click="screen">
|
|
<p>品牌<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
<p>车型<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="tjList">
|
|
<view class="tjHead" @click="clickTjHead('zzl')">
|
|
<view class="title">
|
|
<p>总指令进度</p>
|
|
<text>{{zTjList.totalSentCount}}/{{zTjList.totalSum}}</text>
|
|
</view>
|
|
<lx-progress-bar title="" :total="zTjList.totalSum" :firstValue="zTjList.totalSentCount"
|
|
:secondValue="zTjList.totalPausedSentCount" contentColor="#0067CF"
|
|
contentColor2="#FC4F00" />
|
|
<view class="bottomInfo">
|
|
<p>已发送<text>{{zTjList.totalSentCount}}</text></p>
|
|
<p>(暂停<text>{{zTjList.totalPausedSentCount}}</text>)</p>
|
|
<p>未发<text>{{zTjList.totalNotSentCount}}</text></p>
|
|
</view>
|
|
<view class="imgBox" v-if="zTjType">
|
|
<image src="../../static/images/tjxz.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
<template v-for="(item,index) in zTjList.instructionStatisticsList">
|
|
<view class="tjInfo" :key="index" :class="{active:zTjActive == index}"
|
|
@click="clickTjList(item,index,'zzl')">
|
|
<view class="title">
|
|
<p>{{item.titleBar}}</p>
|
|
<text>{{item.totalSentCount}}/{{item.zsum}}</text>
|
|
</view>
|
|
<lx-progress-bar title="" :total="item.zsum" :firstValue="item.totalSentCount"
|
|
:secondValue="item.totalPausedSentCount" contentColor="#0067CF"
|
|
contentColor2="#FC4F00" backColor="#f2f2f2" />
|
|
<view class="bottomInfo">
|
|
<p>已发送<text>{{item.totalSentCount}}</text></p>
|
|
<p>(暂停<text>{{item.totalPausedSentCount}}</text>)</p>
|
|
<p>未发<text>{{item.totalNotSentCount}}</text></p>
|
|
</view>
|
|
<view class="imgBox" v-if="zTjActive == index">
|
|
<image src="../../static/images/tjxz2.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
<template v-if="itemList.length > 0">
|
|
<view class="itemBox">
|
|
<view class="itemList">
|
|
<custom-waterfalls-flow ref="waterfallsFlowRef" :value="itemList" :column="2"
|
|
:columnSpace="1">
|
|
<template v-slot:default="item">
|
|
<view class="exp">
|
|
<view class="item">
|
|
<view class="row">
|
|
<view class="title">
|
|
<image class="titleImg" src="../../static/images/zlIcon.png"
|
|
mode="widthFix">
|
|
</image>
|
|
<view class="text">
|
|
品牌：{{item.brdName}}
|
|
</view>
|
|
</view>
|
|
<view class="schedule">
|
|
<text class="text">卸船进度</text>
|
|
<view class="progressBox">
|
|
<van-progress color="#0067CF" stroke-width="6px"
|
|
:show-pivot="false" track-color="#DEE9F5"
|
|
:percentage="itemSum(item.loadingProgress.workProgress, item.loadingProgress.totalProgress)" />
|
|
</view>
|
|
<text>{{itemSum(item.loadingProgress.workProgress, item.loadingProgress.totalProgress)}}%</text>
|
|
</view>
|
|
<view class="planStatus planStatus0"
|
|
v-if="item.totalPlanStatus == 0">
|
|
<text class="text">{{item.totalPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus3"
|
|
v-if="item.totalPlanStatus == 3">
|
|
<text class="text">{{item.totalPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus5"
|
|
v-if="item.totalPlanStatus == 5">
|
|
<text class="text">{{item.totalPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus1"
|
|
v-if="item.totalPlanStatus == 1 || item.totalPlanStatus == 2 || item.totalPlanStatus == 4">
|
|
<text class="text">{{item.totalPlanStatusDesc}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>车辆数量：</text>
|
|
<text>{{item.vehicleCount}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>备件数量：</text>
|
|
<text>{{item.sparePartsCount}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>总指令发送人：</text>
|
|
<text>{{item.totalSendUser}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>负责人：</text>
|
|
<text>{{item.responsiblePerson}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>发送时间：</text>
|
|
<text>{{item.totalSendTime}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="expand" v-if="itemActive != item.index"
|
|
@click="isActive(item.index)">
|
|
展开
|
|
</view>
|
|
<view class="expand" v-else @click="itemActive = '-1'">
|
|
收起
|
|
</view>
|
|
</view>
|
|
<view class="details">
|
|
<view class="itemDetails" v-show="itemActive == item.index">
|
|
<template v-for="(item2,index2) in item.infoList">
|
|
<view class="detailsBox" :key="index2">
|
|
<view class="title">
|
|
<text>{{item2.mnfBl}}</text>
|
|
<button @click="toDetails(item,item2)">详情</button>
|
|
</view>
|
|
<view class="info">
|
|
<view class="cell">
|
|
<text>车型：</text>
|
|
<text>{{item2.bvmName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>型号：</text>
|
|
<text>{{item2.model}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>数量：</text>
|
|
<text>{{item2.amount}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>场位：</text>
|
|
<text>{{item2.yardPos}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</custom-waterfalls-flow>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<o-empty v-else height="70vh" bg="#f5f6fa" />
|
|
</view>
|
|
</custom-tab-pane>
|
|
<custom-tab-pane label="分指令" name="c1_2">
|
|
<view></view>
|
|
<view class="main">
|
|
<view class="form">
|
|
<view class="inputBox">
|
|
<view class="leftInput">
|
|
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
|
|
placeholder="提单号" @iconClick="search"></uni-easyinput>
|
|
</view>
|
|
<view class="rightInput" @click="screen">
|
|
<p>发送状态<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
<p>品牌<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
<p>车型<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="tjList">
|
|
<view class="tjHead" @click="clickTjHead('fzl')">
|
|
<view class="title">
|
|
<p>分指令进度</p>
|
|
<text>{{zTjList.branchSentCount}}/{{zTjList.branchSum}}</text>
|
|
</view>
|
|
<lx-progress-bar title="" :total="zTjList.branchSum"
|
|
:firstValue="zTjList.branchSentCount" :secondValue="zTjList.branchPausedSentCount"
|
|
contentColor="#0067CF" contentColor2="#FC4F00" />
|
|
<view class="bottomInfo">
|
|
<p>已发送<text>{{zTjList.branchSentCount}}</text></p>
|
|
<p>(暂停<text>{{zTjList.branchPausedSentCount}}</text>)</p>
|
|
<p>未发<text>{{zTjList.branchNotSentCount}}</text></p>
|
|
</view>
|
|
<view class="imgBox" v-if="zTjType">
|
|
<image src="../../static/images/tjxz.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
<template v-for="(item,index) in zTjList.instructionStatisticsList">
|
|
<view class="tjInfo" :key="index" :class="{active:zTjActive == index}"
|
|
@click="clickTjList(item,index,'fzl')">
|
|
<view class="title">
|
|
<p>{{item.titleBar}}</p>
|
|
<text>{{item.totalSentCount}}/{{item.fsum}}</text>
|
|
</view>
|
|
<lx-progress-bar title="" :total="item.fsum" :firstValue="item.branchSentCount"
|
|
:secondValue="item.branchPausedSentCount" contentColor="#0067CF"
|
|
contentColor2="#FC4F00" backColor="#f2f2f2" />
|
|
<view class="bottomInfo">
|
|
<p>已发送<text>{{item.branchSentCount}}</text></p>
|
|
<p>(暂停<text>{{item.branchPausedSentCount}}</text>)</p>
|
|
<p>未发<text>{{item.branchNotSentCount}}</text></p>
|
|
</view>
|
|
<view class="imgBox" v-if="zTjActive == index">
|
|
<image src="../../static/images/tjxz2.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
<template v-if="itemList.length > 0">
|
|
<checkbox-group @change="checkChange">
|
|
<view class="itemBox">
|
|
<view class="itemList">
|
|
<custom-waterfalls-flow ref="waterfallsFlowRef" :value="itemList" :column="2"
|
|
:columnSpace="1">
|
|
<template v-slot:default="item">
|
|
<view class="exp">
|
|
<view class="item">
|
|
<view class="row">
|
|
<view class="title">
|
|
<view class="rowHead">
|
|
<checkbox :value="item.lwpId" :checked="false" />
|
|
</view>
|
|
<image class="titleImg"
|
|
src="../../static/images/zlIcon.png"
|
|
mode="widthFix">
|
|
</image>
|
|
<view class="text">
|
|
品牌：{{item.brdName}}
|
|
</view>
|
|
</view>
|
|
<view class="schedule">
|
|
<text class="text">卸船进度</text>
|
|
<view class="progressBox">
|
|
<van-progress color="#0067CF" stroke-width="6px"
|
|
:show-pivot="false" track-color="#DEE9F5"
|
|
:percentage="itemSum(item.loadingProgress.workProgress, item.loadingProgress.totalProgress)" />
|
|
</view>
|
|
<text>{{itemSum(item.loadingProgress.workProgress, item.loadingProgress.totalProgress)}}%</text>
|
|
</view>
|
|
<view class="planStatus planStatus0"
|
|
v-if="item.branchPlanStatus == '0'">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus1"
|
|
v-if="item.branchPlanStatus == '1'">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus3"
|
|
v-if="item.branchPlanStatus == '2'">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus5"
|
|
v-if="item.branchPlanStatus == '4'">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus1"
|
|
v-if="item.branchPlanStatus == '5'">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>车辆数量：</text>
|
|
<text>{{item.vehicleCount}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>备件数量：</text>
|
|
<text>{{item.sparePartsCount}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>分指令发送人：</text>
|
|
<text>{{item.totalSendUser}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>负责人：</text>
|
|
<text>{{item.responsiblePerson}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>发送时间：</text>
|
|
<text>{{item.totalSendTime}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="xfBtn">
|
|
<view class="btn" @click="distribute('center','solo',item)"
|
|
v-if="item.branchPlanStatusDesc == '待发送'">
|
|
指令下发
|
|
</view>
|
|
<view class="btn" @click="distribute('center','again',item)"
|
|
v-if="item.branchPlanStatusDesc == '暂停'">
|
|
重新发送
|
|
</view>
|
|
<view class="btn stopbtn" @click="suspend(item)"
|
|
v-if="item.branchPlanStatusDesc == '作业中' || item.branchPlanStatusDesc == '待作业'">
|
|
暂停
|
|
</view>
|
|
</view>
|
|
<view class="expand" v-if="itemActive != item.index"
|
|
@click="isActive(item.index)">
|
|
展开
|
|
</view>
|
|
<view class="expand" v-else @click="itemActive = '-1'">
|
|
收起
|
|
</view>
|
|
</view>
|
|
<view class="details">
|
|
<view class="itemDetails" v-show="itemActive == item.index">
|
|
<template v-for="(item2,index2) in item.infoList">
|
|
<view class="detailsBox" :key="index2">
|
|
<view class="title">
|
|
<text>{{item2.mnfBl}}</text>
|
|
<button
|
|
@click="toDetails(item,item2)">详情</button>
|
|
</view>
|
|
<view class="info">
|
|
<view class="cell">
|
|
<text>中转港：</text>
|
|
<text>{{item2.transitPortName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>品牌：</text>
|
|
<text>{{item2.brdName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>车型：</text>
|
|
<text>{{item2.goodsTypeName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>型号：</text>
|
|
<text>{{item2.bvdName}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</custom-waterfalls-flow>
|
|
</view>
|
|
</view>
|
|
</checkbox-group>
|
|
</template>
|
|
<o-empty v-else height="70vh" bg="#f5f6fa" />
|
|
</view>
|
|
</custom-tab-pane>
|
|
<custom-tab-pane label="分指令-班组长" name="c1_4">
|
|
<view></view>
|
|
<view class="main">
|
|
<view class="form">
|
|
<view class="inputBox">
|
|
<view class="leftInput">
|
|
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
|
|
placeholder="提单号" @iconClick="search"></uni-easyinput>
|
|
</view>
|
|
<view class="rightInput" @click="screen">
|
|
<p>品牌<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
<p>车型<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<template v-if="itemList.length > 0">
|
|
<view class="itemBox">
|
|
<view class="itemList">
|
|
<custom-waterfalls-flow ref="waterfallsFlowRef" :value="itemList" :column="2"
|
|
:columnSpace="1">
|
|
<template v-slot:default="item">
|
|
<view class="exp">
|
|
<view class="item">
|
|
<view class="row">
|
|
<view class="title">
|
|
<image class="titleImg" src="../../static/images/zlIcon.png"
|
|
mode="widthFix">
|
|
</image>
|
|
<view class="text">
|
|
品牌：{{item.brdName}}
|
|
</view>
|
|
</view>
|
|
<view class="schedule">
|
|
<text class="text">卸船进度</text>
|
|
<view class="progressBox">
|
|
<van-progress color="#0067CF" stroke-width="6px"
|
|
:show-pivot="false" track-color="#DEE9F5"
|
|
:percentage="itemSum(item.loadingProgress.workProgress, item.loadingProgress.totalProgress)" />
|
|
</view>
|
|
<text>{{itemSum(item.loadingProgress.workProgress, item.loadingProgress.totalProgress)}}%</text>
|
|
</view>
|
|
<view class="planStatus planStatus0"
|
|
v-if="item.branchPlanStatus == 0">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus3"
|
|
v-if="item.branchPlanStatus == 2">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus5"
|
|
v-if="item.branchPlanStatus == 4">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
<view class="planStatus planStatus1"
|
|
v-if="item.branchPlanStatus == 1 || item.branchPlanStatus == 3 || item.branchPlanStatus == 5">
|
|
<text class="text">{{item.branchPlanStatusDesc}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>车辆数量：</text>
|
|
<text>{{item.vehicleCount}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>备件数量：</text>
|
|
<text>{{item.sparePartsCount}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>负责人：</text>
|
|
<text>{{item.responsiblePerson}}</text>
|
|
</view>
|
|
<view class="col">
|
|
<text>发送时间：</text>
|
|
<text>{{item.totalSendTime}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="rowInfo">
|
|
<view class="col">
|
|
<text>分指令发送人：</text>
|
|
<text>{{item.totalSendUser}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="expand" v-if="itemActive != item.index"
|
|
@click="isActive(item.index)">
|
|
展开
|
|
</view>
|
|
<view class="expand" v-else @click="itemActive = '-1'">
|
|
收起
|
|
</view>
|
|
</view>
|
|
<view class="details">
|
|
<view class="itemDetails" v-show="itemActive == item.index">
|
|
<template v-for="(item2,index2) in item.infoList">
|
|
<view class="detailsBox" :key="index2">
|
|
<view class="title">
|
|
<text>{{item2.mnfBl}}</text>
|
|
<button @click="toDetails(item,item2)">详情</button>
|
|
</view>
|
|
<view class="info">
|
|
<view class="cell">
|
|
<text>中转港：</text>
|
|
<text>{{item2.transitPortName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>品牌：</text>
|
|
<text>{{item2.brdName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>车型：</text>
|
|
<text>{{item2.goodsTypeName}}</text>
|
|
</view>
|
|
<view class="cell">
|
|
<text>型号：</text>
|
|
<text>{{item2.bvdName}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</custom-waterfalls-flow>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<o-empty v-else height="70vh" bg="#f5f6fa" />
|
|
</view>
|
|
</custom-tab-pane>
|
|
<custom-tab-pane label="场位图" name="c1_3">
|
|
<view class="main">
|
|
<view></view>
|
|
<view class="form">
|
|
<view class="inputBox">
|
|
<view class="leftInput">
|
|
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
|
|
placeholder="提单号" @iconClick="search"></uni-easyinput>
|
|
</view>
|
|
<view class="rightInput" @click="screen">
|
|
<p>堆场<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
<p>品牌<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
<p>车型<uni-icons type="bottom" style="margin-left: 5px;" size="16"></uni-icons></p>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="cwMain">
|
|
<view class="cwTop">
|
|
<view style="display: flex;">
|
|
<view style="display: flex; flex-direction: column; justify-content: center;">
|
|
<view class="left" @click="goBack">
|
|
<uni-icons type="back" size="16" />
|
|
<text>返回</text>
|
|
</view>
|
|
</view>
|
|
<view class="statusText">
|
|
<view class="status kz"></view>
|
|
<text>空置</text>
|
|
</view>
|
|
<view class="statusText">
|
|
<view class="status sy"></view>
|
|
<text>使用</text>
|
|
</view>
|
|
<view class="statusText">
|
|
<view class="status xn"></view>
|
|
<text>虚拟车位</text>
|
|
</view>
|
|
<view class="statusText">
|
|
<view class="status jh"></view>
|
|
<text>无计划</text>
|
|
</view>
|
|
</view>
|
|
<view class="topRight">
|
|
<!-- <p>港区:{{cwData.pamName}}</p>
|
|
<p>船名/航次:{{cwData.voyName}}</p>
|
|
<p>总数量:{{cwData.total}}</p>
|
|
<p>已配数量:{{cwData.allocatNumber}}</p>
|
|
<p>未配数量:{{cwData.notNumber}}</p> -->
|
|
<view class="rightImg">
|
|
<image src="../../static/images/lineImg.png" mode=""></image>
|
|
</view>
|
|
<uni-data-select v-model="selectValue" :localdata="selectList" @change="selectChange"></uni-data-select>
|
|
<uni-icons type="bottom" size="16" color="#1677FF" />
|
|
</view>
|
|
</view>
|
|
<view style="overflow: scroll;" v-if="selectValue == 1">
|
|
<view class="cwTitle" style="width: 100%;">
|
|
<view class="titleLeft">
|
|
车道
|
|
</view>
|
|
<view class="titleRight" style="justify-content: center;">
|
|
车位
|
|
</view>
|
|
<!-- <view class="titleRight">
|
|
<view v-for="item in 30" class="parkingSpace">
|
|
{{ item }}
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
<view class="cwContent" style="width: 100%;">
|
|
<view class="cwLeftBox">
|
|
<view class="cwLeft" v-for="item in cdList.length" :key="item">
|
|
<template v-if="item > 0 && item <= 9">0</template>
|
|
{{item}}道
|
|
</view>
|
|
</view>
|
|
<view class="cwRightBox">
|
|
<view class="cwRight"
|
|
:style="{background: (item.index > 1 ? '#C7D4F3':'')}"
|
|
v-for="(item,idx) in rigthCw" :key="idx">
|
|
<text style="width:100%" v-if="item.name == '空置'">{{item.name}}</text>
|
|
<p v-else style="flex:1;">{{item.name}}</p>
|
|
<p v-if="item.sum > item.amount" :style="{width:(1 - item.amount / item.sum) * 100 + '%',background: '#F7F9FF',color: '#666666'}">空置</p>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="overflow: scroll;" v-if="selectValue == 2">
|
|
<view class="cwTitle" :style="{width:(maxWidth == 0 ? '100%' : maxWidth)}">
|
|
<view class="titleLeft">
|
|
车道
|
|
</view>
|
|
<view class="titleRight">
|
|
<view v-for="item in 30" class="parkingSpace">
|
|
{{ item }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="cwContent" :style="{width:(maxWidth == 0 ? '100%' : maxWidth)}">
|
|
<view class="cwLeftBox">
|
|
<view class="cwLeft" v-for="item in cdList.length" :key="item">
|
|
<template v-if="item > 0 && item <= 9">0</template>
|
|
{{item}}道
|
|
</view>
|
|
</view>
|
|
<view class="cwRightBox">
|
|
<view v-for="(item,index) in yalChartList" :key="index" style="display:flex;">
|
|
<view v-for="(ite,inx) in item" :key="inx" class="carSpace" :class="[ite.veFlag == '0' ? 'use' : ite.veFlag == '1' ? 'virtually' : ite.valid == 'N' ? 'disable' : '']">
|
|
{{ ite.valid == 'N' ? '禁用' : ite.brdName }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</custom-tab-pane>
|
|
</custom-tabs>
|
|
<uni-drawer ref="showRight" mode="right" :mask-click="false">
|
|
<view class="scroll-view">
|
|
<scroll-view class="scroll-view-box" scroll-y="true">
|
|
<view class="drawerTop" @click="back">
|
|
<image src="../../static/images/leftJt.png" mode=""></image>
|
|
<text>返回</text>
|
|
</view>
|
|
<template v-if="tabsValue == 1">
|
|
<view class="drawerTitle">
|
|
发送状态
|
|
</view>
|
|
<superwei-combox :candidates="sendList" :isJSON="true" keyName="text" placeholder="发送状态"
|
|
v-model="sendText" @select="sendSelect"></superwei-combox>
|
|
</template>
|
|
<template v-if="tabsValue == 3">
|
|
<view class="drawerTitle">
|
|
堆场
|
|
</view>
|
|
<superwei-combox :candidates="dcList" :isJSON="true" keyName="pymName" placeholder="堆场"
|
|
v-model="dcName" @select="dcSelect"></superwei-combox>
|
|
</template>
|
|
<view class="drawerTitle">
|
|
品牌
|
|
</view>
|
|
<superwei-combox :candidates="brandList" :isJSON="true" keyName="brdName" placeholder="品牌"
|
|
v-model="brdName" @select="brandSelect"></superwei-combox>
|
|
<view class="drawerTitle">
|
|
车型
|
|
</view>
|
|
<superwei-combox :candidates="bvmList" :isJSON="true" keyName="name" placeholder="车型"
|
|
v-model="bvmName" @select="bvmSelect"></superwei-combox>
|
|
<view class="bottomBtn">
|
|
<view class="btn czBtn" @click="reset">
|
|
重置
|
|
</view>
|
|
<view class="btn qrBtn" @click="confirm">
|
|
确认
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</uni-drawer>
|
|
<uni-popup ref="popup" type="dialog">
|
|
<view class="popupBox">
|
|
<view class="popupTitle">
|
|
指令下发
|
|
</view>
|
|
<view class="popupInfo">
|
|
<text>负责人：</text>
|
|
<template v-if="tabsValue == 0">
|
|
<view style="border: 1px solid gray;">
|
|
<superwei-combox :candidates="directorList" :isJSON="true" keyName="text"
|
|
placeholder="请选择负责人" v-model="directorValue"
|
|
@select="directorChange"></superwei-combox>
|
|
</view>
|
|
</template>
|
|
<template v-if="tabsValue == 1">
|
|
<view style="border: 1px solid gray;">
|
|
<rudon-multiSelector welcome="请选择负责人" :is_using_slot="false" :is_using_icon="true"
|
|
:localdata="directorList" @change="directorChange2"
|
|
:delValue="delValue"></rudon-multiSelector>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
<view class="popupBtn">
|
|
<view class="btnList">
|
|
<button class="button" type="default" @click="zlCancel">取 消</button>
|
|
<button class="button" type="primary" @click="zlConfirm">发 送</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
<uni-popup ref="popup2" type="dialog">
|
|
<view class="popupBox popupBox2">
|
|
<view class="popupTitle">
|
|
卸船要求
|
|
</view>
|
|
<uni-easyinput type="textarea" v-model="askValue" placeholder="请输入内容..."></uni-easyinput>
|
|
<view class="popupBtn">
|
|
<view class="btnList">
|
|
<button class="button" type="default" @click="zcCancel">取 消</button>
|
|
<button class="button" type="primary" @click="zcConfirm">提 交</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import HeadView from '@/components/head-view/head-view.vue';
|
|
export default {
|
|
data() {
|
|
return {
|
|
title: "",
|
|
loginObj: {},
|
|
tabsValue: 0, // 0(总指令) 1(分指令)
|
|
shipInfo: {}, // 船只数据
|
|
tradeType: "", // 贸易类型
|
|
|
|
tabsValue2: 0, // 分指令状态 0(未发送) 1(已发送)
|
|
|
|
// 搜索框
|
|
mnfBl: '', // 提单号
|
|
mnfBlItem: {},
|
|
mnfBlList: [],
|
|
// 发送状态
|
|
sendList: [{
|
|
vale: "1",
|
|
text: "已发送"
|
|
},
|
|
{
|
|
vale: "0",
|
|
text: "未发送"
|
|
}
|
|
],
|
|
sendValue: "",
|
|
sendText: "",
|
|
// 品牌
|
|
brdId: '',
|
|
brdName: '',
|
|
brandItem: {},
|
|
brandList: [],
|
|
// 车型
|
|
bvmId: '',
|
|
bvmName: '',
|
|
bvmItem: {},
|
|
bvmList: [],
|
|
// 指令下发弹窗负责人
|
|
directorId: "",
|
|
directorValue: "",
|
|
directorTrue: [], // 选中负责人列表
|
|
directorList: [],
|
|
roleId: "", // 角色ID
|
|
|
|
// 卸船要求
|
|
askValue: "",
|
|
itemList: [],
|
|
current: 0,
|
|
active: 1,
|
|
itemActive: -1,
|
|
// 总指令工作包
|
|
zzlLwpIdList: [],
|
|
// 分指令多选
|
|
checkList: [],
|
|
fzzRow: {},
|
|
// 指令下发状态 all 所有下发 solo 单个下发
|
|
distributeType: "",
|
|
delValue: false,
|
|
|
|
// 总指令统计图
|
|
zTjType: true,
|
|
zTjActive: -1,
|
|
zTjList: {},
|
|
|
|
// 场位图数据
|
|
// 港区信息
|
|
portObj: {},
|
|
// 堆场信息
|
|
dcId: "",
|
|
dcName: "",
|
|
dcList: [],
|
|
// 区域信息
|
|
qyId: "",
|
|
qyName: "",
|
|
qyList: "",
|
|
// 车道信息
|
|
cdList: [],
|
|
// 场位信息
|
|
cwData: {},
|
|
rigthCw: [],
|
|
|
|
// 分页
|
|
pageSize: 10,
|
|
current: 1,
|
|
selectValue: "1",
|
|
selectList: [{
|
|
text: "车道",
|
|
value: "1",
|
|
},
|
|
{
|
|
text: "车位",
|
|
value: "2",
|
|
}
|
|
],
|
|
yalChartList:[],
|
|
maxWidth:0
|
|
}
|
|
},
|
|
computed: {
|
|
itemSum() {
|
|
return function(item, item2) {
|
|
let sum = ((item / item2) * 100).toFixed(1)
|
|
return sum
|
|
};
|
|
},
|
|
},
|
|
onLoad(options) {
|
|
this.shipInfo = JSON.parse(decodeURIComponent(options.params)).shipInfo
|
|
this.tradeType = JSON.parse(decodeURIComponent(options.params)).tradeType
|
|
this.loginObj = uni.getStorageSync('loginObj')
|
|
this.portObj = uni.getStorageSync('portObj')
|
|
this.title = `${this.shipInfo.spmIdDesc} / ${this.shipInfo.vvyName}`
|
|
if (this.tabsValue == 0) {
|
|
this.loadSumOrder() // 总指令：分页查询
|
|
}
|
|
this.getBrand() // 获取品牌
|
|
this.getBvm() // 获取车型
|
|
this.getRoleId() // 获取角色ID
|
|
this.initAsk() // 获取装船要求
|
|
this.getStatistics() // 获取统计数据
|
|
|
|
},
|
|
components: {
|
|
HeadView,
|
|
},
|
|
methods: {
|
|
// 返回上页
|
|
goBack() {
|
|
uni.navigateTo({
|
|
url: '/pages/discharge/index'
|
|
});
|
|
},
|
|
// 点击下拉切换车道车位
|
|
selectChange(e) {
|
|
this.selectValue = e
|
|
this.getCw()
|
|
},
|
|
// 点击tabs
|
|
changeTabs(e) {
|
|
this.mnfBl = ''
|
|
this.brdId = ''
|
|
this.brdName = ''
|
|
this.bvmId = ''
|
|
this.bvmName = ''
|
|
this.sendValue = ''
|
|
this.itemList = []
|
|
this.tabsValue = e.value
|
|
this.current = 1
|
|
this.zTjActive = -1
|
|
this.zTjType = true
|
|
this.dcId = ""
|
|
this.dcName = ""
|
|
this.qyId = ""
|
|
this.qyName = ""
|
|
if (e.value == 1 || e.value == 2) {
|
|
this.loadOtherOrder()
|
|
} else if (e.value == 0) {
|
|
this.loadSumOrder()
|
|
} else if (e.value == 3) {
|
|
this.getDc()
|
|
}
|
|
this.directorList = []
|
|
this.getRoleId()
|
|
},
|
|
// 刷新
|
|
refresh() {
|
|
if (this.tabsValue == 1 || this.tabsValue == 2) {
|
|
this.loadOtherOrder()
|
|
} else if (this.tabsValue == 0) {
|
|
this.loadSumOrder()
|
|
}
|
|
},
|
|
// 点击搜索
|
|
search() {
|
|
if (this.tabsValue == 1) {
|
|
this.loadOtherOrder()
|
|
} else if (this.tabsValue == 0) {
|
|
this.loadSumOrder()
|
|
} else if (this.tabsValue == 2) {
|
|
this.getCw()
|
|
}
|
|
this.getStatistics()
|
|
},
|
|
// 点击筛选
|
|
screen() {
|
|
this.$refs.showRight.open();
|
|
},
|
|
// 返回
|
|
back() {
|
|
this.$refs.showRight.close();
|
|
},
|
|
// 重置
|
|
reset() {
|
|
// 品牌
|
|
this.brdId = ""
|
|
this.brdName = ""
|
|
this.brandItem = {}
|
|
// 车型
|
|
this.bvmId = ""
|
|
this.bvmName = ""
|
|
this.bvmItem = {}
|
|
// 发送状态
|
|
this.sendText = ""
|
|
this.sendValue = ""
|
|
},
|
|
// 筛选确认
|
|
confirm() {
|
|
this.itemList = []
|
|
this.current = 1
|
|
if (this.tabsValue == 0) {
|
|
this.loadSumOrder()
|
|
} else if (this.tabsValue == 1 || this.tabsValue == 2) {
|
|
this.loadOtherOrder()
|
|
} else if (this.tabsValue == 3) {
|
|
this.getCw()
|
|
}
|
|
this.$refs.showRight.close();
|
|
},
|
|
// 点击总指令统计列表总标题
|
|
clickTjHead(type) {
|
|
this.zTjActive = -1
|
|
this.mnfBl = ''
|
|
this.brdId = ''
|
|
this.brdName = ''
|
|
this.bvmId = ''
|
|
this.bvmName = ''
|
|
this.sendValue = ''
|
|
this.itemList = []
|
|
this.current = 1
|
|
this.zTjType = true
|
|
if (type == 'zzl') {
|
|
this.loadSumOrder()
|
|
} else if (type == 'fzl') {
|
|
this.loadOtherOrder()
|
|
}
|
|
},
|
|
// 点击总指令统计列表
|
|
clickTjList(item, index, type) {
|
|
this.zTjActive = index
|
|
this.itemList = []
|
|
this.current = 1
|
|
this.zTjType = false
|
|
if (type == 'zzl') {
|
|
this.loadSumOrder(item.brdId)
|
|
} else if (type == 'fzl') {
|
|
this.loadOtherOrder(item.brdId)
|
|
}
|
|
},
|
|
// 获取统计列表
|
|
getStatistics() {
|
|
let target = "UN_L"
|
|
uni.request({
|
|
url: `${this.$local}/api/instruction/statistics?vvyIds=${this.shipInfo.vvyId}&target=${target}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
this.zTjList = res.data.data[0]
|
|
this.zTjList["totalSum"] = this.zTjList.totalSentCount + this.zTjList.totalNotSentCount
|
|
this.zTjList["branchSum"] = this.zTjList.branchSentCount + this.zTjList
|
|
.branchNotSentCount
|
|
this.zTjList.instructionStatisticsList.forEach(v => {
|
|
let zsum = v.totalSentCount + v.totalNotSentCount
|
|
this.$set(v, "zsum", zsum)
|
|
let fsum = v.branchSentCount + v.branchNotSentCount
|
|
this.$set(v, "fsum", fsum)
|
|
})
|
|
}
|
|
})
|
|
},
|
|
// 获取总指令列表
|
|
loadSumOrder(num) {
|
|
if (num != undefined) {
|
|
this.brdId = num
|
|
}
|
|
uni.request({
|
|
url: `${this.$local}/api/unload/command/page?vvyId=${this.shipInfo.vvyId}&brdId=${this.brdId}&mnfBl=${this.mnfBl}&bvmId=${this.bvmId}&tradeType=${this.tradeType}&size=${this.pageSize}¤t=${this.current}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
this.itemList.push(...res.data.data.records)
|
|
if (res.data.data.records.length == 10) {
|
|
this.current++
|
|
this.loadSumOrder()
|
|
}
|
|
this.itemList.forEach((v, index) => {
|
|
// if (v.branchPlanStatus == 0) {
|
|
v.image = '../../static/images/theme/car1.png'
|
|
v.index = index
|
|
this.zzlLwpIdList.push(v.lwpId)
|
|
// }
|
|
this.getBottomInfo(v.lwpId, index)
|
|
})
|
|
}
|
|
})
|
|
},
|
|
// 获取分指令列表
|
|
loadOtherOrder(num) {
|
|
if (num != undefined) {
|
|
this.brdId = num
|
|
}
|
|
let teamFlag = ""
|
|
if (this.tabsValue == 2) {
|
|
teamFlag = true
|
|
}
|
|
uni.request({
|
|
url: `${this.$local}/api/unload/command/pageCommandForBranch?vvyId=${this.shipInfo.vvyId}&brdId=${this.brdId}&mnfBl=${this.mnfBl}&bvmId=${this.bvmId}&sendStatus=${this.sendValue}&size=${this.pageSize}¤t=${this.current}&tradeType=${this.tradeType}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
this.itemList.push(...res.data.data.records)
|
|
if (res.data.data.records.length == 10) {
|
|
this.current++
|
|
this.loadOtherOrder()
|
|
}
|
|
this.itemList.forEach((v, index) => {
|
|
v.image = '../../static/images/theme/car1.png'
|
|
v.index = index
|
|
this.getBottomInfo(v.lwpId, index)
|
|
})
|
|
}
|
|
})
|
|
},
|
|
// 获取指令下方信息
|
|
getBottomInfo(id, index) {
|
|
uni.request({
|
|
url: `${this.$local}/api/unload/command/queryShipUnloaderPlanGroupForLwpId?lwpId=${id}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
this.$set(this.itemList[index], 'infoList', res.data.data)
|
|
}
|
|
})
|
|
},
|
|
// 是否展开
|
|
isActive(e) {
|
|
this.itemActive = e
|
|
},
|
|
// 点击指令下发
|
|
distribute(type, a, item) {
|
|
this.delValue = false
|
|
this.distributeType = a
|
|
this.$refs.popup.open(type)
|
|
if (a == 'again' || a == 'solo') {
|
|
this.fzzRow = item
|
|
} else if (a == 'all') {
|
|
this.fzzRow = ""
|
|
}
|
|
},
|
|
// 获取角色ID
|
|
getRoleId() {
|
|
let name = ""
|
|
if (this.tabsValue == 0) {
|
|
name = "dongLei"
|
|
} else if (this.tabsValue == 1) {
|
|
name = "shipmenter"
|
|
}
|
|
uni.request({
|
|
url: `${this.$local}/api/roles?name=${name}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == 200) {
|
|
this.roleId = res.data.data
|
|
this.getDirector()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 根据角色ID获取负责人
|
|
getDirector() {
|
|
uni.request({
|
|
url: `${this.$local}/api/roles/principals?roleId=${this.roleId}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == 200) {
|
|
res.data.data.forEach(v => {
|
|
this.directorList.push({
|
|
text: v.name,
|
|
value: v.id,
|
|
is_selected: false
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 总指令选择负责人
|
|
directorChange(e) {
|
|
this.directorTrue = [{
|
|
userId: e.value
|
|
}]
|
|
this.directorId = e.value
|
|
this.directorValue = e.text
|
|
},
|
|
// 分指令选择负责人
|
|
directorChange2(e) {
|
|
this.directorTrue = []
|
|
e.forEach(v => {
|
|
if (v.is_selected) {
|
|
this.directorTrue.push({
|
|
userId: v.value
|
|
})
|
|
}
|
|
})
|
|
},
|
|
// 指令下发确认
|
|
zlConfirm() {
|
|
if (this.directorTrue.length > 0) {
|
|
let lwpIdList = []
|
|
if (this.tabsValue == 0) {
|
|
lwpIdList = this.zzlLwpIdList
|
|
} else if (this.tabsValue == 1) {
|
|
lwpIdList = this.checkList
|
|
}
|
|
let reqDTO = {
|
|
"lwpIdList": lwpIdList,
|
|
"principalList": this.directorTrue,
|
|
"vvyId": this.shipInfo.vvyId
|
|
}
|
|
if (this.distributeType == 'all') {
|
|
uni.request({
|
|
url: `${this.$local}/api/unload/command/commandIssued`,
|
|
data: reqDTO,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'POST', //请求方式，必须为大写
|
|
success: (res) => {
|
|
this.$refs.popup.close()
|
|
if (res.data.status == 200) {
|
|
this.itemList = []
|
|
this.current = 1
|
|
this.delValue = true
|
|
this.loadSumOrder()
|
|
this.getStatistics()
|
|
this.checkList = []
|
|
uni.showToast({
|
|
title: `总指令下发成功`,
|
|
icon: 'success',
|
|
duration: 2000
|
|
})
|
|
} else {
|
|
uni.showModal({
|
|
title: '提示',
|
|
showCancel: false,
|
|
content: `${res.data.error_description}`
|
|
})
|
|
}
|
|
}
|
|
})
|
|
} else if (this.distributeType == 'solo') {
|
|
uni.request({
|
|
url: `${this.$local}/api/unload/command/commandSendForBranch`,
|
|
data: reqDTO,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'PUT', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == 200) {
|
|
this.itemList = []
|
|
this.current = 1
|
|
this.delValue = true
|
|
this.loadOtherOrder()
|
|
this.getStatistics()
|
|
this.checkList = []
|
|
uni.showToast({
|
|
title: `分指令下发成功`,
|
|
icon: 'success',
|
|
duration: 2000
|
|
})
|
|
} else {
|
|
uni.showModal({
|
|
title: '提示',
|
|
showCancel: false,
|
|
content: `${res.data.error_description}`
|
|
})
|
|
}
|
|
}
|
|
})
|
|
} else if (this.distributeType == 'again') {
|
|
let url = `/api/unload/command/commandReissuedForBranch`
|
|
let lwpIdList3 = []
|
|
lwpIdList3.push(this.fzzRow.lwpId)
|
|
let reqDto3 = {
|
|
"loadUnloadRequirements": this.askValue,
|
|
"lwpIdList": lwpIdList3,
|
|
"principalList": this.directorTrue,
|
|
"vvyId": this.shipInfo.vvyId
|
|
}
|
|
uni.request({
|
|
url: `${this.$local}${url}`,
|
|
data: reqDto3,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'PUT', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == 200) {
|
|
this.itemList = []
|
|
this.current = 1
|
|
this.delValue = true
|
|
this.loadOtherOrder()
|
|
this.getStatistics()
|
|
this.checkList = []
|
|
uni.showToast({
|
|
title: `重新发送指令成功`,
|
|
icon: 'success',
|
|
duration: 2000
|
|
})
|
|
} else {
|
|
uni.showModal({
|
|
title: '提示',
|
|
showCancel: false,
|
|
content: `${res.data.error_description}`
|
|
})
|
|
}
|
|
}
|
|
})
|
|
}
|
|
this.$refs.popup.close()
|
|
this.directorValue = ""
|
|
} else {
|
|
uni.showToast({
|
|
title: `负责人不能为空`,
|
|
icon: 'error',
|
|
duration: 2000
|
|
})
|
|
}
|
|
},
|
|
// 指令下发取消
|
|
zlCancel() {
|
|
this.delValue = true
|
|
this.directorTrue = []
|
|
this.$refs.popup.close()
|
|
},
|
|
// 点击暂停
|
|
suspend(item) {
|
|
let url = `/api/unload/command/commandPause?lwpId=${item.lwpId}`
|
|
uni.request({
|
|
url: `${this.$local}${url}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'PUT', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == 200) {
|
|
this.current = 1
|
|
this.itemList = []
|
|
this.loadOtherOrder()
|
|
this.getStatistics()
|
|
uni.showToast({
|
|
title: `暂停指令成功`,
|
|
icon: 'success',
|
|
duration: 2000
|
|
})
|
|
} else {
|
|
uni.showModal({
|
|
title: '提示',
|
|
showCancel: false,
|
|
content: `${res.data.error_description}`
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 获取卸船要求
|
|
initAsk() {
|
|
uni.request({
|
|
url: `${this.$local}/api/vesselVoyages/${this.shipInfo.vvyId}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == 200) {
|
|
this.askValue = res.data.data.loadUnloadRequirements
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 修改卸船要求
|
|
getAsk() {
|
|
let reqDto = {
|
|
"loadUnloadRequirements": this.askValue,
|
|
"spmId": this.shipInfo.spmId,
|
|
"vvyId": this.shipInfo.vvyId,
|
|
"vvyName": this.shipInfo.vvyName,
|
|
}
|
|
uni.request({
|
|
url: `${this.$local}/api/vesselVoyages/${this.shipInfo.vvyId}`,
|
|
data: reqDto,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'PUT', //请求方式，必须为大写
|
|
success: (res) => {
|
|
this.initAsk()
|
|
}
|
|
})
|
|
},
|
|
// 点击卸船要求
|
|
ask(type) {
|
|
this.$refs.popup2.open(type)
|
|
},
|
|
// 卸船要求确认
|
|
zcConfirm() {
|
|
this.getAsk() // 修改卸船要求
|
|
this.$refs.popup2.close()
|
|
},
|
|
// 卸船要求取消
|
|
zcCancel() {
|
|
this.askValue = ""
|
|
this.$refs.popup2.close()
|
|
},
|
|
// 发送状态
|
|
sendSelect(e) {
|
|
this.sendText = e.text
|
|
this.sendValue = e.vale
|
|
this.loadOtherOrder()
|
|
},
|
|
// 获取品牌
|
|
getBrand() {
|
|
uni.request({
|
|
url: `${this.$local}/api/miniapp/queryBrand`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == "200") {
|
|
this.brandList = res.data.data
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 选择品牌
|
|
brandSelect(e) {
|
|
this.brandItem = e
|
|
this.brdId = e.brdId
|
|
this.brdName = e.brdName
|
|
},
|
|
// 获取车型
|
|
getBvm() {
|
|
uni.request({
|
|
url: `${this.$local}/api/miniapp/getVehicleModel`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == "200") {
|
|
this.bvmList = res.data.data
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 选择车型
|
|
bvmSelect(e) {
|
|
this.bvmItem = e
|
|
this.bvmId = e.id
|
|
this.bvmName = e.name
|
|
},
|
|
toDetails(item, item2) {
|
|
let obj = {
|
|
tradeName: "W",
|
|
shipInfo: this.shipInfo,
|
|
jcInfo: item,
|
|
xqInfo: item2
|
|
}
|
|
const params = encodeURIComponent(JSON.stringify(obj));
|
|
uni.navigateTo({
|
|
url: '/pages/discharge/instructDetails?params=' + params
|
|
})
|
|
},
|
|
// 分指令多选
|
|
checkChange(e) {
|
|
this.checkList = e.detail.value
|
|
},
|
|
// 场位图相关
|
|
// 获取堆场数据
|
|
getDc() {
|
|
uni.request({
|
|
url: `${this.$local}/api/yard/sel/query/yard?pamId=${this.portObj.portId}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == "200") {
|
|
this.dcId = res.data.data[0].pymId
|
|
this.dcName = res.data.data[0].pymName
|
|
this.dcList = res.data.data
|
|
this.getQy()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 选择堆场下拉数据
|
|
dcSelect(e) {
|
|
this.dcId = e.pymId
|
|
this.dcName = e.pymName
|
|
},
|
|
// 获取区域数据
|
|
getQy() {
|
|
uni.request({
|
|
url: `${this.$local}/api/yard/sel/queryArea?pymId=${this.dcId}`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
if (res.data.status == "200") {
|
|
this.qyId = res.data.data[0].pyaId
|
|
this.qyName = res.data.data[0].pyaAreaCode
|
|
this.qyList = res.data.data
|
|
this.getCd()
|
|
this.getCw()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 选择区域下拉数据
|
|
qySelect(e) {
|
|
this.qyId = e.pyaId
|
|
this.qyName = e.pyaAreaCode
|
|
this.getCd()
|
|
this.getCw()
|
|
},
|
|
// 获取车道数据
|
|
getCd() {
|
|
uni.request({
|
|
url: `${this.$local}/api/yard/sel/queryListByPyaId?pyaId=${this.qyId}`,
|
|
// url: `${this.$local}/api/yard/sel/queryListByPyaId?pyaId=194dfe8a61b78839c8370343f7653e47`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
console.log(res)
|
|
if (res.data.status == "200") {
|
|
this.cdList = res.data.data
|
|
this.getCw()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 获取数据
|
|
getCw() {
|
|
uni.request({
|
|
url: `${this.$local}/api/shipment/unload/plans/pos/chart?brdId=${this.brdId}&mnfBl=${this.mnfBl}&vvyId=${this.shipInfo.vvyId}&pyaId=${this.qyId}`,
|
|
// url: `${this.$local}/api/shipment/unload/plans/pos/chart?brdId=${this.brdId}&mnfBl=${this.mnfBl}&vvyId=${this.shipInfo.vvyId}&pyaId=194dfe8a61b78839c8370343f7653e47`,
|
|
header: {
|
|
'Content-Type': 'application/json', //自定义请求头信息
|
|
'Authorization': `Bearer ${this.loginObj.access_token}`
|
|
},
|
|
method: 'GET', //请求方式，必须为大写
|
|
success: (res) => {
|
|
console.log(res)
|
|
if (res.data.status == "200") {
|
|
this.cwData = res.data.data
|
|
let arr = []
|
|
this.yalChartList = []
|
|
let arr2 = []
|
|
let maxArr = []
|
|
let max
|
|
let sumList = []
|
|
res.data.data.yalChartList.forEach(item => {
|
|
item.posPuts.forEach(ite => {
|
|
maxArr.push(Number(ite.yacNo))
|
|
max = Math.max(...maxArr)
|
|
})
|
|
})
|
|
this.cdList.forEach(item => {
|
|
arr.push({
|
|
name: "空置",
|
|
index: 1
|
|
})
|
|
arr2 = []
|
|
for (let index = 0; index < max; index++) {
|
|
arr2.push({yacNo:index + 1,valid:item.yardAreaCoordList[index]?.valid})
|
|
}
|
|
this.yalChartList.push(arr2)
|
|
})
|
|
this.maxWidth = max * 54 + 'px'
|
|
// console.log(this.yalChartList);
|
|
res.data.data.posChartRespDTOList.forEach(item => {
|
|
sumList = []
|
|
for (let index = Number(item.startLane) - 1; index <= Number(item.endLane) - 1; index++) {
|
|
sumList.push(this.cdList[index].yardAreaCoordTotal)
|
|
arr[index] = {
|
|
name: item.plansGroupList[0]
|
|
?.name,
|
|
amount:item.plansGroupList[0]
|
|
?.amount,
|
|
sumList
|
|
}
|
|
}
|
|
|
|
})
|
|
if(this.selectValue == 2) {
|
|
res.data.data.yalChartList.forEach(item => {
|
|
item.posPuts.forEach(ite => {
|
|
if(this.yalChartList[Number(ite.yalNo) - 1][Number(ite.yacNo) - 1]) this.yalChartList[Number(ite.yalNo) - 1][Number(ite.yacNo) - 1].brdName = ite.brdName
|
|
if(this.yalChartList[Number(ite.yalNo) - 1][Number(ite.yacNo) - 1]) this.yalChartList[Number(ite.yalNo) - 1][Number(ite.yacNo) - 1].veFlag = ite.veFlag
|
|
})
|
|
})
|
|
}
|
|
this.rigthCw = arr.map((item,index) => {
|
|
if(item.sumList) item.sum = item.sumList.reduce((sum, num) => (sum += num), 0)
|
|
return item
|
|
})
|
|
// console.log(this.rigthCw);
|
|
}
|
|
}
|
|
})
|
|
},
|
|
arrFrom(arr, nArr) {
|
|
nArr[nArr.length] = arr[0];
|
|
for (let i = 1; i < arr.length; i++) {
|
|
let flag = true;
|
|
for (let j = 0; j < nArr.length; j++) {
|
|
if (arr[i].name != '空置') {
|
|
if (nArr[j].name === arr[i].name) {
|
|
flag = false;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (flag) {
|
|
nArr[nArr.length] = arr[i];
|
|
}
|
|
}
|
|
return nArr;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.blue {
|
|
color: #108ee9;
|
|
}
|
|
|
|
page {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.content {
|
|
background-color: #F6F7F9;
|
|
position: relative;
|
|
overflow: hidden;
|
|
min-height: calc(100vh - 110px);
|
|
|
|
/deep/.tab .tab-bar {
|
|
height: 66px;
|
|
line-height: 66px;
|
|
position: relative;
|
|
}
|
|
|
|
/deep/.tab .tab-bar-item {
|
|
height: 66px;
|
|
line-height: 66px;
|
|
font-size: 18px;
|
|
color: #23262E;
|
|
font-weight: bold;
|
|
font-family: PingFangSC-Semibold;
|
|
padding: 0 24px !important;
|
|
}
|
|
|
|
/deep/.tab .tab-bar-item.active {
|
|
color: #0067CF
|
|
}
|
|
|
|
/deep/.tab .tab-bar-item .active-line {
|
|
color: #0067CF;
|
|
width: 54px;
|
|
height: 4px;
|
|
}
|
|
|
|
/deep/.tab-pane {
|
|
width: 100%;
|
|
height: calc(100vh - 134px);
|
|
}
|
|
|
|
.main {
|
|
height: calc(100vh - 134px);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.askBox {
|
|
width: 97%;
|
|
padding: 20px;
|
|
margin: 20px;
|
|
background: #fff;
|
|
height: 300px;
|
|
overflow: scroll;
|
|
|
|
.title {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.askContent {
|
|
font-size: 16px;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
.pageBox {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/deep/.tab .tab-cont {
|
|
padding: 0;
|
|
}
|
|
|
|
.form {
|
|
background: #FAFAFA;
|
|
border-top: 1px solid #EEEEEE;
|
|
border-bottom: 1px solid #EEEEEE;
|
|
|
|
.inputBox {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 5px 10px;
|
|
|
|
.leftInput {
|
|
width: 400px;
|
|
}
|
|
|
|
/deep/.uni-easyinput {
|
|
width: 400px;
|
|
}
|
|
|
|
/deep/.content-clear-icon {
|
|
display: none;
|
|
}
|
|
|
|
/deep/.is-input-border {
|
|
border-radius: 18.5px;
|
|
}
|
|
|
|
/deep/.uni-easyinput__placeholder-class {
|
|
font-size: 14px;
|
|
color: #666;
|
|
}
|
|
|
|
.rightInput {
|
|
display: flex;
|
|
|
|
p {
|
|
margin-left: 10px;
|
|
line-height: 40px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
margin-right: 10px;
|
|
|
|
}
|
|
}
|
|
|
|
.refresh {
|
|
width: 64px;
|
|
height: 64px;
|
|
box-shadow: 0 2px 12px 0 #CDD1D6;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
bottom: 24px;
|
|
right: 24px;
|
|
z-index: 999999999999999999;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
|
|
p {
|
|
letter-spacing: 2px;
|
|
font-size: 14px;
|
|
color: #0067CF;
|
|
}
|
|
|
|
image {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.buttonlist {
|
|
padding: 10px;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0px;
|
|
z-index: 999;
|
|
|
|
.button {
|
|
display: inline-block;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
margin-right: 10px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.button:first-child {
|
|
border: 1px solid #0067CF;
|
|
color: #0067CF;
|
|
background: #fff;
|
|
}
|
|
|
|
.button:last-child {
|
|
color: #fff;
|
|
background: #0067CF;
|
|
}
|
|
}
|
|
|
|
.buttonlist2 {
|
|
.button {
|
|
border: 1px solid #999 !important;
|
|
color: #999 !important;
|
|
background-color: #fff !important;
|
|
}
|
|
}
|
|
|
|
.tablist {
|
|
width: 175px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
font-size: 21px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
.tabs {
|
|
width: 80px;
|
|
height: 60px;
|
|
border-bottom: 2rpx solid #ebebeb;
|
|
}
|
|
|
|
.active {
|
|
color: #1890ff;
|
|
border-bottom: 2rpx solid #1890ff;
|
|
}
|
|
|
|
}
|
|
|
|
.tjList {
|
|
width: 240px;
|
|
height: calc(100vh - 68px - 66px - 51px);
|
|
background: #EBEDF1;
|
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
|
|
float: left;
|
|
overflow: scroll;
|
|
margin-right: 4px;
|
|
|
|
.active {
|
|
border: 1px solid #0067CF;
|
|
}
|
|
|
|
.title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
line-height: 21px;
|
|
|
|
p {
|
|
color: #23262E;
|
|
font-size: 16px;
|
|
}
|
|
|
|
text {
|
|
font-size: 14px;
|
|
color: #0067CF;
|
|
line-height: 21px;
|
|
}
|
|
}
|
|
|
|
/deep/.progress-bar-title {
|
|
margin: 0;
|
|
}
|
|
|
|
/deep/.bar {
|
|
height: 5px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/deep/.progress-bar .bar-single {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/deep/.progress-bar .bar-double {
|
|
height: 100%;
|
|
}
|
|
|
|
/deep/.progress-bar .bar-interval {
|
|
width: 0;
|
|
}
|
|
|
|
/deep/.bar-text span {
|
|
display: none;
|
|
}
|
|
|
|
.bottomInfo {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 9px;
|
|
|
|
p {
|
|
font-size: 12px;
|
|
color: #999999;
|
|
|
|
text {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
|
|
p:nth-of-type(1) {
|
|
text {
|
|
color: #0067CF;
|
|
}
|
|
}
|
|
|
|
p:nth-of-type(2) {
|
|
text {
|
|
color: #FC4F00;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tjHead {
|
|
width: 100%;
|
|
height: 87px;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
padding: 16px;
|
|
position: relative;
|
|
|
|
.imgBox {
|
|
width: 15px;
|
|
height: 15px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.tjInfo {
|
|
width: calc(100% - 32px);
|
|
background: #F7F7F7;
|
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
|
|
margin: 16px;
|
|
padding: 5px 16px;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
|
|
.imgBox {
|
|
width: 15px;
|
|
height: 15px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.itemBox {
|
|
height: 535px;
|
|
overflow: scroll;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.itemList {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
padding: 0 12px;
|
|
|
|
.item {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.exp {
|
|
width: 100%;
|
|
background: #FFFFFF;
|
|
border-radius: 8px;
|
|
padding: 16px;
|
|
padding-right: 0;
|
|
position: relative;
|
|
}
|
|
|
|
/deep/.waterfalls-flow {
|
|
width: 100%;
|
|
}
|
|
|
|
/deep/.waterfalls-flow-column {
|
|
margin-left: 2%;
|
|
}
|
|
|
|
.rowHead {
|
|
/deep/uni-checkbox .uni-checkbox-input {
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
}
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
padding: 5px 0px;
|
|
|
|
.title {
|
|
display: flex;
|
|
font-size: 16px;
|
|
color: #23262E;
|
|
font-weight: bold;
|
|
|
|
.titleImg {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-right: 5px;
|
|
margin-top: 2px;
|
|
}
|
|
}
|
|
|
|
.schedule {
|
|
padding: 5px 8px;
|
|
background: #F7F7F7;
|
|
margin-left: 8px;
|
|
display: flex;
|
|
|
|
.text {
|
|
font-size: 12px;
|
|
color: #999999;
|
|
}
|
|
|
|
.progressBox {
|
|
width: 50px;
|
|
margin-top: 5px;
|
|
margin: 5px 8px;
|
|
}
|
|
}
|
|
|
|
.planStatus {
|
|
width: 68px;
|
|
height: 26px;
|
|
border-radius: 13px 0 0 13px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 16px;
|
|
text-align: center;
|
|
line-height: 26px;
|
|
|
|
.text {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.planStatus0 {
|
|
background: #F1F8FF;
|
|
|
|
.text {
|
|
color: #0067CF;
|
|
}
|
|
}
|
|
|
|
.planStatus1 {
|
|
background: #F7F7F7;
|
|
|
|
.text {
|
|
color: #666;
|
|
}
|
|
}
|
|
|
|
.planStatus3 {
|
|
background: #E8FFF7;
|
|
|
|
.text {
|
|
color: #04B578;
|
|
}
|
|
}
|
|
|
|
.planStatus5 {
|
|
background: #FFF5F0;
|
|
|
|
.text {
|
|
color: #fc4f00;
|
|
}
|
|
}
|
|
|
|
|
|
.rowInfo {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 14px;
|
|
width: 48%;
|
|
margin-top: 10px;
|
|
border-right: 1px solid #eee;
|
|
gap: 12px;
|
|
margin-left: 10px;
|
|
|
|
text:first-child {
|
|
color: #999999;
|
|
}
|
|
|
|
text:last-child {
|
|
color: #23262E;
|
|
}
|
|
}
|
|
|
|
.rowInfo:last-child {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.xfBtn {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 10px 0;
|
|
border-top: 1px solid rgba(0, 0, 0, .1);
|
|
|
|
.btn {
|
|
padding: 8px 12px;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: #0067CF;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.stopbtn {
|
|
border: 1px solid #FC4F00;
|
|
color: #FC4F00;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
.expand {
|
|
position: absolute;
|
|
left: 47%;
|
|
bottom: 8px;
|
|
font-size: 12px;
|
|
color: #23262E;
|
|
background: #FFFFFF;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
border: 1px solid #EEEEEE;
|
|
border-radius: 13px;
|
|
padding: 6px;
|
|
}
|
|
|
|
.details {
|
|
padding-right: 16px;
|
|
margin-top: 8px;
|
|
|
|
.itemDetails {
|
|
background: rgba(236, 242, 249, .7);
|
|
|
|
.detailsBox {
|
|
padding: 16px;
|
|
border-bottom: 1px dashed #D3DCE6;
|
|
}
|
|
|
|
.detailsBox:last-child {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.title {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
text {
|
|
font-size: 16px;
|
|
color: #23262E;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
button {
|
|
wdith: 50px;
|
|
height: 25px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
color: #0067CF;
|
|
background: #FFFFFF;
|
|
border: 1px solid #EEEEEE;
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.info {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
.cell {
|
|
margin-right: 15px;
|
|
margin-top: 10px;
|
|
|
|
text:first-child {
|
|
color: #999999;
|
|
}
|
|
|
|
text:last-child {
|
|
color: #23262E;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.pzPot {
|
|
width: 100%;
|
|
|
|
.title {
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ul {
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
border: 1px solid #000;
|
|
border-top: none;
|
|
box-sizing: border-box;
|
|
|
|
.li {
|
|
width: 25%;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: flex;
|
|
border: 1px solid #000;
|
|
border-top: none;
|
|
border-left: none;
|
|
box-sizing: border-box;
|
|
|
|
.xuhao {
|
|
width: 20px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.name {
|
|
flex: 1;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
box-sizing: border-box;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.color {
|
|
flex: 1;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.imgTable {
|
|
margin-top: 20px;
|
|
padding: 0 20px;
|
|
|
|
.title {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nr {
|
|
margin: 10px 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.imgLi {
|
|
display: flex;
|
|
|
|
.maskBox {
|
|
width: 1060px;
|
|
height: 191px;
|
|
margin: 0 auto;
|
|
background: url('@/static/images/ship-split.svg');
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
position: relative;
|
|
|
|
.line {
|
|
position: absolute;
|
|
width: 850px;
|
|
height: 85%;
|
|
top: 15px;
|
|
left: 60px;
|
|
display: flex;
|
|
overflow-y: auto;
|
|
|
|
.testLine {
|
|
flex: 1;
|
|
border-left: 1px solid #999;
|
|
}
|
|
|
|
.testLine:first-child {
|
|
border: none;
|
|
}
|
|
|
|
.mycanvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 850px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.heightBox {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.imgSize {
|
|
width: 60px;
|
|
position: absolute;
|
|
}
|
|
|
|
.leftTopImg {
|
|
transform: rotate(90deg);
|
|
top: 5px;
|
|
left: -5px;
|
|
}
|
|
|
|
.imgSize2 {
|
|
width: 130px;
|
|
position: absolute;
|
|
}
|
|
|
|
.leftBotImg {
|
|
bottom: 2px;
|
|
left: -1px;
|
|
}
|
|
|
|
.topImg {
|
|
top: 0;
|
|
left: 40%;
|
|
}
|
|
|
|
.botImg {
|
|
transform: rotate(180deg);
|
|
bottom: 0;
|
|
left: 40%;
|
|
}
|
|
}
|
|
|
|
.tableHead {
|
|
margin-top: 10px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 12px;
|
|
font-size: 20px;
|
|
border: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.gray {
|
|
background-color: #fff;
|
|
}
|
|
|
|
|
|
.title {
|
|
line-height: 50px;
|
|
font-size: 21px;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.text {
|
|
display: inline-block;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
/deep/.table--border {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
// 场位图样式
|
|
.cwMain {
|
|
width: 100%;
|
|
height: calc(100vh - 134px);
|
|
|
|
.cwTop {
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 36px;
|
|
background: #FDFEFE;
|
|
border: 1px solid #E1E5ED;
|
|
|
|
.left {
|
|
font-size: 14px;
|
|
margin-right: 48px;
|
|
}
|
|
|
|
.status {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 8px;
|
|
border-radius: 50%;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.statusText {
|
|
display: flex;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
margin-right: 20px;
|
|
|
|
.kz {
|
|
background: #EEEEEE;
|
|
}
|
|
|
|
.sy {
|
|
background: #4476F6;
|
|
}
|
|
|
|
.xn {
|
|
background: #FF6B3B;
|
|
}
|
|
|
|
.jh {
|
|
background: #744BFF;
|
|
}
|
|
}
|
|
|
|
.topRight {
|
|
display: flex;
|
|
.rightImg {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
|
|
image {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
}
|
|
/deep/.uni-stat__select {
|
|
width: 50px;
|
|
}
|
|
/deep/.uni-select {
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
/deep/.uniui-clear:before {
|
|
display: none;
|
|
}
|
|
|
|
p {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cwTitle {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
display: flex;
|
|
text-align: center;
|
|
background: #E1E5ED;
|
|
border: 1px solid #DBDDE3;
|
|
font-size: 15px;
|
|
color: #0B266A;
|
|
margin-bottom: 4px;
|
|
|
|
.titleLeft {
|
|
width: 128px;
|
|
height: 100%;
|
|
border-right: 1px solid #DBDDE3;
|
|
}
|
|
|
|
.titleRight {
|
|
width: calc(100% - 128px);
|
|
height: 100%;
|
|
display: flex;
|
|
.parkingSpace {
|
|
width: 54px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cwContent {
|
|
background-color: #fff;
|
|
display: flex;
|
|
height: calc(100% - 83px);
|
|
.cwLeftBox {
|
|
width: 128px;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
color: #0B266A;
|
|
margin-right: 4px;
|
|
|
|
.cwLeft {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border: 1px solid #DBDDE3;
|
|
background: #E1E5ED;
|
|
}
|
|
}
|
|
|
|
.cwRightBox {
|
|
width: calc(100% - 128px);
|
|
height: 100%;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
.carSpace {
|
|
width:54px;
|
|
height:32px;
|
|
opacity:0.8;
|
|
background: #F7F9FF;
|
|
border: 1px solid #E1E5ED;
|
|
font-size: 12px;
|
|
line-height: 32px;
|
|
}
|
|
.use {
|
|
background: #C7D4F3;
|
|
color: #4476F6;
|
|
}
|
|
.virtually {
|
|
background: rgba(253,98,98,0.10);
|
|
color: #FD6262;
|
|
}
|
|
.disable {
|
|
background: #EEEEEE;
|
|
color: #666666;
|
|
}
|
|
|
|
.cwRight {
|
|
height: 32px;
|
|
display: flex;
|
|
// flex-direction: column;
|
|
// justify-content: center;
|
|
|
|
text {
|
|
padding: 5px;
|
|
background: #FFFFFF;
|
|
border: 1px solid #E4E4E4;
|
|
border-radius: 1px;
|
|
color: #666666;
|
|
}
|
|
|
|
p {
|
|
background: #C7D4F3;
|
|
color: #4476F6;
|
|
height: 32px;
|
|
line-height:32px
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.popupBox {
|
|
width: 400px;
|
|
background-color: #fff;
|
|
border-radius: 8px;
|
|
|
|
.popupTitle {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #ccc;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.popupInfo {
|
|
display: flex;
|
|
margin-top: 20px;
|
|
line-height: 35px;
|
|
margin-left: 20px;
|
|
|
|
/deep/.superwei-combox {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
/deep/.componentW100 {
|
|
width: 300px;
|
|
}
|
|
|
|
/deep/.uni-icons {
|
|
margin-right: 12px;
|
|
}
|
|
}
|
|
|
|
/deep/.uni-easyinput {
|
|
margin-top: 20px;
|
|
width: 460px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/deep/.uni-select__input-placeholder {
|
|
text-align: left;
|
|
}
|
|
|
|
/deep/.uni-select__input-text {
|
|
text-align: left;
|
|
}
|
|
|
|
.popupBtn {
|
|
margin-top: 20px;
|
|
padding: 14px 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
.btnList {
|
|
display: flex;
|
|
|
|
.button {
|
|
width: 125px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
margin-left: 15px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.button:first-child {
|
|
background-color: #fff;
|
|
border: 1px solid #0067CF;
|
|
color: #0067CF;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.popupBox2 {
|
|
width: 500px;
|
|
}
|
|
|
|
// 右侧抽屉筛选
|
|
/deep/.uni-drawer__content {
|
|
width: 300px;
|
|
}
|
|
|
|
.scroll-view {
|
|
/* #ifndef APP-NVUE */
|
|
width: 100%;
|
|
height: 100%;
|
|
/* #endif */
|
|
flex: 1
|
|
}
|
|
|
|
// 处理抽屉内容滚动
|
|
.scroll-view-box {
|
|
flex: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 0 16px 80px;
|
|
|
|
.drawerTop {
|
|
display: flex;
|
|
margin-top: 24px;
|
|
margin-bottom: 30px;
|
|
|
|
image {
|
|
width: 10px;
|
|
height: 14px;
|
|
margin-right: 10px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
text {
|
|
font-size: 20px;
|
|
color: #23262E;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.drawerTitle {
|
|
font-size: 14px;
|
|
color: #23262E;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.bottomBtn {
|
|
width: 100%;
|
|
height: 60px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 12px 16px;
|
|
background: #FFFFFF;
|
|
box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.10);
|
|
position: fixed;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
|
|
.btn {
|
|
width: 116px;
|
|
height: 36px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.czBtn {
|
|
color: #0067CF;
|
|
border: 1px solid #0067CF;
|
|
}
|
|
|
|
.qrBtn {
|
|
color: #fff;
|
|
background: #0067CF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |