wsnet
/
pad-app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
pad-app/pages/index/instruct.vue

2159 lines
59 KiB
Vue
Raw Normal View History

7.6
2023-07-06 17:08:59 +08:00
<template>
<view class="app">
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
<head-view title="船名/航次"></head-view>
7.6
2023-07-06 17:08:59 +08:00
<view class="content">
上海联调
2023-09-23 20:16:54 +08:00
<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">
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
placeholder="船名/航次/提单号" @iconClick="search"></uni-easyinput>
<superwei-combox class="input" :candidates="brandList" :isJSON="true" keyName="brdName"
placeholder="品牌" v-model="brdName" @select="brandSelect"></superwei-combox>
<superwei-combox class="input" :candidates="bvmList" :isJSON="true" keyName="name"
placeholder="车型" v-model="bvmName" @select="bvmSelect"></superwei-combox>
<superwei-combox class="input" :candidates="potList" :isJSON="true" keyName="potCnname"
placeholder="港口" v-model="potName" @select="potSelect"></superwei-combox>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="buttonlist">
<button class="button" type="default" @click="distribute('center','all')">指令下发</button>
<button class="button" type="default" @click="ask">装船要求</button>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<template v-if="itemList.length > 0">
<view class="itemList">
<view class="exp" v-for="(item,index) in itemList" :key="item.index">
<view class="item">
<view class="row">
<view class="title">
<image class="titleImg" src="../../static/images/zlIcon.png"
mode="widthFix">
</image>
<view class="text">
船舱层数：{{item.shipDeck}}层{{item.cabinNo}}舱
</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-else-if="item.totalPlanStatus == 3">
<text class="text">{{item.totalPlanStatusDesc}}</text>
</view>
<view class="planStatus planStatus5" v-else-if="item.totalPlanStatus == 5">
<text class="text">{{item.totalPlanStatusDesc}}</text>
</view>
<view class="planStatus planStatus1" v-else>
<text class="text">{{item.totalPlanStatusDesc}}</text>
</view>
</view>
<view class="row">
<view class="rowInfo">
<view class="col">
<text>数量：</text>
<text>{{item.totalCount}}</text>
</view>
<view class="col">
<text>港口：</text>
<text>{{item.potName}}</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 != index" @click="isActive(index)">
展开
</view>
<view class="expand" v-else @click="itemActive = '-1'">
收起
</view>
</view>
<view class="details">
<view class="itemDetails" v-show="itemActive == index">
<template v-for="(item2,index2) in item.infoList">
<view class="detailsBox" :key="index2">
<view class="title">
<text>{{item2.mnfBl}}</text>
<button @click="toDetails(item2.spsId)">详情</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>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
</template>
<o-empty v-else height="70vh" bg="#f5f6fa" />
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="pageBox" v-if="itemList.length > 0">
<uni-pagination :show-icon="true" :total="total" :pageSize="pageSize" :current="current"
@change="changePage" />
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
</custom-tab-pane>
<custom-tab-pane label="分指令" name="c1_2">
<view></view>
<view class="main">
<view class="form">
<view class="inputBox">
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
placeholder="船名/航次/提单号" @iconClick="search"></uni-easyinput>
<superwei-combox class="input" :candidates="brandList" :isJSON="true" keyName="brdName"
placeholder="品牌" v-model="brdName" @select="brandSelect"></superwei-combox>
<superwei-combox class="input" :candidates="bvmList" :isJSON="true" keyName="bvmName"
placeholder="车型" v-model="bvmName" @select="bvmSelect"></superwei-combox>
<superwei-combox class="input" :candidates="potList" :isJSON="true" keyName="potCnname"
placeholder="港口" v-model="potName" @select="potSelect"></superwei-combox>
7.12
2023-07-12 18:06:16 +08:00
</view>
7.10
2023-07-10 09:27:39 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="buttonlist">
<button class="button" type="default" @click="distribute('center','solo')">指令下发</button>
<button class="button" type="default" @click="ask">装船要求</button>
7.10
2023-07-10 09:27:39 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<custom-tabs type="c2" :value="tabsValue2" @change="changeTabs2">
<custom-tab-pane label="未发送" name="c2_1">
<template v-if="itemList.length > 0">
<checkbox-group @change="checkChange">
<view class="itemList">
<view class="exp" v-for="(item,index) in itemList" :key="item.ndex">
<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.shipDeck}}层{{item.cabinNo}}舱
</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-else-if="item.branchPlanStatus == 2">
<text class="text">{{item.branchPlanStatusDesc}}</text>
</view>
<view class="planStatus planStatus5"
v-else-if="item.branchPlanStatus == 4">
<text class="text">{{item.branchPlanStatusDesc}}</text>
</view>
<view class="planStatus planStatus1" v-else>
<text class="text">{{item.branchPlanStatusDesc}}</text>
</view>
</view>
<view class="row">
<view class="rowInfo">
<view class="col">
<text>数量：</text>
<text>{{item.totalCount}}</text>
</view>
<view class="col">
<text>港口：</text>
<text>{{item.potName}}</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.branchSendUser}}</text>
</view>
</view>
</view>
<view class="xfBtn">
<view class="btn" @click="distribute('center','solo',item)">指令下发
</view>
</view>
<view class="expand" v-if="itemActive != index"
@click="isActive(index)">
展开
</view>
<view class="expand" v-else @click="itemActive = '-1'">
收起
</view>
</view>
<view class="details">
<view class="itemDetails" v-show="itemActive == index">
<template v-for="(item2,index2) in item.infoList">
<view class="detailsBox" :key="index2">
<view class="title">
<text>{{item2.mnfBl}}</text>
<button @click="toDetails(item2.spsId)">详情</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>
</view>
</checkbox-group>
</template>
<o-empty v-else height="70vh" bg="#f5f6fa" />
</custom-tab-pane>
<custom-tab-pane label="已发送" name="c2_2">
<template v-if="itemList.length > 0">
<checkbox-group @change="checkChange">
<view class="itemList">
<view class="exp" v-for="(item,index) in itemList" :key="item.ndex">
<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.shipDeck}}层{{item.cabinNo}}舱
</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-else-if="item.branchPlanStatus == 2">
<text class="text">{{item.branchPlanStatusDesc}}</text>
</view>
<view class="planStatus planStatus5"
v-else-if="item.branchPlanStatus == 4">
<text class="text">{{item.branchPlanStatusDesc}}</text>
</view>
<view class="planStatus planStatus1" v-else>
<text class="text">{{item.branchPlanStatusDesc}}</text>
</view>
</view>
<view class="row">
<view class="rowInfo">
<view class="col">
<text>数量：</text>
<text>{{item.totalCount}}</text>
</view>
<view class="col">
<text>港口：</text>
<text>{{item.potName}}</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.branchSendUser}}</text>
</view>
</view>
</view>
<view class="xfBtn">
<view class="btn stopbtn" @click="suspend(item)"
v-if="item.branchPlanStatus != 4">暂停
</view>
<view class="btn stopbtn"
@click="distribute('center','again',item)"
v-if="item.branchPlanStatus == 4">重新发送
</view>
</view>
<view class="expand" v-if="itemActive != index"
@click="isActive(index)">
展开
</view>
<view class="expand" v-else @click="itemActive = '-1'">
收起
</view>
</view>
<view class="details">
<view class="itemDetails" v-show="itemActive == index">
<template v-for="(item2,index2) in item.infoList">
<view class="detailsBox" :key="index2">
<view class="title">
<text>{{item2.mnfBl}}</text>
<button @click="toDetails(item2.spsId)">详情</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>
</view>
</checkbox-group>
</template>
<o-empty v-else height="70vh" bg="#f5f6fa" />
</custom-tab-pane>
</custom-tabs>
7.12
2023-07-12 18:06:16 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="pageBox" v-if="itemList.length > 0">
<uni-pagination :show-icon="true" :total="total" :pageSize="pageSize" :current="current"
@change="changePage" />
7.10
2023-07-10 09:27:39 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
</custom-tab-pane>
<custom-tab-pane label="配载图" name="c1_3">
<view></view>
<view class="main">
<view class="form">
<view class="inputBox">
<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="mnfBl"
placeholder="船名/航次/提单号" @iconClick="search"></uni-easyinput>
<superwei-combox class="input" :candidates="brandList" :isJSON="true" keyName="brdName"
placeholder="品牌" v-model="brdName" @select="brandSelect"></superwei-combox>
<superwei-combox class="input" :candidates="potList" :isJSON="true" keyName="potCnname"
placeholder="港口" v-model="potName" @select="potSelect"></superwei-combox>
7.10
2023-07-10 09:27:39 +08:00
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="buttonlist buttonlist2">
<button class="button" type="default">刷新</button>
<button class="button" type="default">显示</button>
7.12
2023-07-12 18:06:16 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="pzPot">
<view class="title">
PORT OF DESTINATION
7.12
2023-07-12 18:06:16 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="ul">
<view class="li" v-for="(item,index) in pzPotList" :key="index">
<view class="xuhao">{{index + 1}}</view>
<view class="name">{{item.potCnname}}</view>
<view class="color" :style="item.background"></view>
7.12
2023-07-12 18:06:16 +08:00
</view>
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
<template v-for="(item,index) in imgInfo.cabinInfoList">
<view class="imgTable" :key="index">
<view class="title">
第{{item.shipDecks}}层
7.12
2023-07-12 18:06:16 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="nr">
<text class="text">是否可调夹板:
<text v-if="item.whetherCalldeck == 1">是</text>
<text v-if="item.whetherCalldeck == 0">否</text>
</text>
<text class="text">是否有跳板: {{item.whetherJumpName}}</text>
7.12
2023-07-12 18:06:16 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="imgLi">
<image class="shipImg" src="@/static/images/ship-split.svg"></image>
<view class="maskBox">
<view class="testLine" v-for="item2 in item.shipSpace" :key="item2"></view>
<view class="testInfo">
7.12
2023-07-12 18:06:16 +08:00
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="heightBox">
{{item.tierHeight}}m
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="imgSize leftTopImg"
v-if="item.whetherJump == 2 || item.whetherJump == 4 || item.whetherJump == 6 || item.whetherJump == 7 || item.whetherJump == 8 || item.whetherJump == 9">
<image src="@/static/images/jump-tail.svg" mode=""></image>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="imgSize leftBotImg"
v-if="item.whetherJump == 4 || item.whetherJump == 7 || item.whetherJump == 9">
<image src="@/static/images/jump-tail.svg" mode=""></image>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="imgSize2 topImg"
v-if="item.whetherJump == 3 || item.whetherJump == 5 || item.whetherJump == 6 || item.whetherJump == 7 || item.whetherJump == 8 || item.whetherJump == 9">
<image src="@/static/images/jump-mid.svg" mode=""></image>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="imgSize2 botImg"
v-if="item.whetherJump == 5 || item.whetherJump == 8 || item.whetherJump == 9">
<image src="@/static/images/jump-mid.svg" mode=""></image>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="tableHead">
<text>货物明细</text>
<uni-icons class="jt" type="bottom" size="24"></uni-icons>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<uni-table border stripe emptyText="暂无更多数据">
<!-- 表头行 -->
<uni-tr class="gray">
<uni-th align="center" width="20">积载编号</uni-th>
<uni-th align="center" width="20">提单号</uni-th>
<uni-th align="center" width="20">港口</uni-th>
<uni-th align="center" width="20">品牌</uni-th>
<uni-th align="center" width="20">车型</uni-th>
<uni-th align="center" width="20">型号</uni-th>
<uni-th align="center" width="20">车型明细</uni-th>
<uni-th align="center" width="20">数量</uni-th>
<uni-th align="center" width="20">长</uni-th>
<uni-th align="center" width="20">宽</uni-th>
<uni-th align="center" width="20">高</uni-th>
<uni-th align="center" width="20">位置</uni-th>
</uni-tr>
<!-- 表格数据行 -->
<uni-tr v-for="(item2,index2) in goodsInfo[index].stowageList" :key="index2">
<uni-td align="center">{{item2.stowageNo}}</uni-td>
<uni-td align="center">{{item2.mnfBl}}</uni-td>
<uni-td align="center">{{item2.potName}}</uni-td>
<uni-td align="center">{{item2.brdName}}</uni-td>
<uni-td align="center">{{item2.goodsTypeName}}</uni-td>
<uni-td align="center">{{item2.model}}</uni-td>
<uni-td align="center">{{item2.bvdName}}</uni-td>
<uni-td align="center">{{item2.amount}}</uni-td>
<uni-td align="center">{{item2.carLength}}</uni-td>
<uni-td align="center">{{item2.carWidth}}</uni-td>
<uni-td align="center">{{item2.carHeight}}</uni-td>
<uni-td align="center">{{item2.cabinNoList}}</uni-td>
</uni-tr>
</uni-table>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
</template>
</view>
</custom-tab-pane>
<custom-tab-pane label="场位图" name="c1_4">
<view class="main">
<view>
<template v-if="placeTabs == 0">
<view class="field">
<view class="boxTop">
<view class="title">
堆场
</view>
<view class="option">
<uni-data-select v-model="optionValue"
:localdata="optionList"></uni-data-select>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="fpList">
<view class="fpInfo">
<view class="fpTitle">
港建库
</view>
<view class="fpListInfo">
<view class="infoTop">
<view class="infoTopTitle">A1区（12*12）</view>
<view class="titleRight" @click="toGoPlace">
<text>车道</text>
<view class="titleIcon">
<van-icon name="arrow" color="#fff" />
</view>
</view>
</view>
<view class="infoCarNum">
<text>车位总数：120车位</text>
<text>使用：40车位</text>
<text>剩余：40车位</text>
<text>可停放车辆：300辆</text>
<text>已停放车辆：300辆</text>
</view>
<view class="progressBox">
<van-progress :percentage="itemSum2(2000)"
:pivot-text="'1000/' + 2000" />
</view>
<view class="carInfoList">
<view class="carBrand" v-for="item in 4" :key="item">
<view class="brandTitle">
保时捷-轿车
</view>
<view class="placeInfo">
400 辆，共5道12车位
</view>
</view>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="fpListInfo notListInfo">
<view class="infoTop">
<view class="infoTopTitle">A1区（12*12）</view>
<view class="titleRight" @click="toGoPlace">
<text>车道</text>
<view class="titleIcon">
<van-icon name="arrow" color="#fff" />
</view>
</view>
</view>
<view class="notTitle">
未分配
</view>
<text>车位总数：120车位</text>
<text>可停放车辆：300辆</text>
</view>
<view class="tipInfo">
未使用2车道20车位
</view>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="fpInfo">
<view class="fpTitle">
海棠库
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
<view class="fpListInfo notListInfo">
<view class="infoTop">
<view class="infoTopTitle">A1区（12*12）</view>
<view class="titleRight" @click="toGoPlace">
<text>车道</text>
<view class="titleIcon">
<van-icon name="arrow" color="#fff" />
</view>
</view>
</view>
<view class="notTitle">
未分配
</view>
<text>车位总数：120车位</text>
<text>可停放车辆：300辆</text>
</view>
<view class="fpListInfo">
<view class="carInfoList">
<view class="infoTop">
<view class="infoTopTitle">A1区（12*12）</view>
<view class="titleRight" @click="toGoPlace">
<text>车道</text>
<view class="titleIcon">
<van-icon name="arrow" color="#fff" />
</view>
</view>
</view>
<view class="infoCarNum">
<text>车位总数：120车位</text>
<text>使用：40车位</text>
<text>剩余：40车位</text>
<text>可停放车辆：300辆</text>
<text>已停放车辆：300辆</text>
</view>
<view class="progressBox">
<van-progress :percentage="itemSum2(2000)"
:pivot-text="'1000/' + 2000" />
</view>
</view>
<view class="carInfoList">
<view class="carBrand" v-for="item in 4" :key="item">
<view class="brandTitle">
保时捷-轿车
</view>
<view class="placeInfo">
400 辆，共5道12车位
</view>
</view>
</view>
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
</view>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
</template>
<template v-else>
<place @modifyPlaceTabs="modifyPlaceTabs"></place>
</template>
</view>
</view>
</custom-tab-pane>
<custom-tab-pane label="装船要求信息" name="c1_5"></custom-tab-pane>
</custom-tabs>
<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 class="input" :candidates="directorList" :isJSON="true" keyName="text"
placeholder="请选择负责人" v-model="directorValue"
@select="directorChange"></superwei-combox>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
上海联调
2023-09-23 20:16:54 +08:00
</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"></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>
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
</view>
</view>
上海联调
2023-09-23 20:16:54 +08:00
</view>
</uni-popup>
<uni-popup ref="popup2" type="dialog">
<view class="popupBox">
<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>
7.6
2023-07-06 17:08:59 +08:00
</view>
</view>
</template>
<script>
import HeadView from '@/components/head-view/head-view.vue';
7.12
2023-07-12 18:06:16 +08:00
import HeadInfo from '@/components/head-info/head-info';
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
import place from './place.vue';
7.24
2023-07-24 16:14:37 +08:00
let timers = null;
7.6
2023-07-06 17:08:59 +08:00
export default {
data() {
return {
上海联调
2023-09-23 20:16:54 +08:00
loginObj: {},
tabsValue: 0, // 0(总指令) 1(分指令)
shipInfo: {}, // 船只数据
tabsValue2: 0, // 分指令状态 0(未发送) 1(已发送)
// 搜索框
7.24
2023-07-24 16:14:37 +08:00
mnfBl: '', // 提单号
mnfBlItem: {},
mnfBlList: [],
上海联调
2023-09-23 20:16:54 +08:00
// 品牌
brdId: '',
brdName: '',
7.24
2023-07-24 16:14:37 +08:00
brandItem: {},
brandList: [],
上海联调
2023-09-23 20:16:54 +08:00
// 车型
bvmId: '',
bvmName: '',
7.24
2023-07-24 16:14:37 +08:00
bvmItem: {},
bvmList: [],
上海联调
2023-09-23 20:16:54 +08:00
// 港口
potId: "",
potName: '',
7.24
2023-07-24 16:14:37 +08:00
potItem: {},
potList: [],
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
// 指令下发弹窗负责人
上海联调
2023-09-23 20:16:54 +08:00
directorId: "",
directorValue: "",
directorTrue: [], // 选中负责人列表
directorList: [],
roleId: "", // 角色ID
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
// 装船要求
askValue: "",
7.12
2023-07-12 18:06:16 +08:00
itemList: [],
721
2023-07-21 17:28:30 +08:00
current: 0,
active: 1,
itemActive: -1,
上海联调
2023-09-23 20:16:54 +08:00
// 总指令工作包
zzlLwpIdList: [],
// 分指令多选
checkList: [],
fzzRow: {},
// 指令下发状态 all 所有下发 solo 单个下发
distributeType: "",
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
optionValue: "",
optionList: [{
value: "0",
text: "全部堆场"
},
{
alue: "1",
text: "外六"
},
{
alue: "2",
text: "港建库"
},
{
alue: "3",
text: "高东库"
},
{
alue: "4",
text: "江海库"
}
],
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
placeTabs: 0,
上海联调
2023-09-23 20:16:54 +08:00
// 分页
total: 0,
pageSize: 5,
current: 1,
// 配载图港口
pzPotList: [],
// 配载图详情
imgInfo: [],
// 货物明细
goodsInfo: [],
721
2023-07-21 17:28:30 +08:00
}
},
computed: {
itemSum() {
上海联调
2023-09-23 20:16:54 +08:00
return function(item, item2) {
let sum = ((item / item2) * 100).toFixed(2)
721
2023-07-21 17:28:30 +08:00
return sum
};
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
},
itemSum2() {
return function(item) {
let sum = 1000 / item * 100
return sum
};
721
2023-07-21 17:28:30 +08:00
}
},
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
onLoad(options) {
上海联调
2023-09-23 20:16:54 +08:00
this.shipInfo = JSON.parse(decodeURIComponent(options.params)).shipInfo
console.log(this.shipInfo)
this.loginObj = uni.getStorageSync('loginObj')
if (this.tabsValue == 0) {
this.loadSumOrder() // 总指令：分页查询
}
this.getPot() // 获取港口
this.getBrand() // 获取品牌
this.getBvm() // 获取车型
this.getRoleId() // 获取角色ID
this.initAsk() // 获取装船要求
721
2023-07-21 17:28:30 +08:00
},
components: {
HeadView,
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
HeadInfo,
上海联调
2023-09-23 20:16:54 +08:00
place,
721
2023-07-21 17:28:30 +08:00
},
methods: {
上海联调
2023-09-23 20:16:54 +08:00
// 点击tabs
changeTabs(e) {
this.mnfBl = ''
this.brdName = ''
this.bvmName = ''
this.potName = ''
this.itemList = []
this.tabsValue = e.value
if (e.value == 1) {
this.loadOtherOrder()
} else if (e.value == 0) {
this.loadSumOrder()
} else if (e.value == 2) {
this.getPotList()
this.getImgInfo()
this.getGoodsInfo()
}
this.directorList = []
this.getRoleId()
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 点击分指令tabs
changeTabs2(e) {
this.tabsValue2 = e.value
this.itemList = []
this.loadOtherOrder()
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 点击搜索
search() {
if (this.tabsValue == 1) {
this.loadOtherOrder()
} else if (this.tabsValue == 0) {
this.loadSumOrder()
}
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 点击分页
changePage(e) {
console.log(e)
this.current = e.current;
if (this.tabsValue == 1) {
this.loadOtherOrder()
} else if (this.tabsValue == 0) {
this.loadSumOrder()
}
},
// 获取总指令列表
721
2023-07-21 17:28:30 +08:00
loadSumOrder() {
上海联调
2023-09-23 20:16:54 +08:00
uni.request({
url: `${this.$local}/api/shipInstructions/page?vvyId=${this.shipInfo.vvyId}&brdId=${this.brdId}&mnfBl=${this.mnfBl}&potId=${this.potId}&bvmId=${this.bvmId}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
7.12
2023-07-12 18:06:16 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
method: 'GET', //请求方式，必须为大写
success: (res) => {
console.log(res)
this.itemList = res.data.data.records
this.total = this.itemList.length
this.itemList.forEach((v, index) => {
// if (v.branchPlanStatus == 0) {
this.zzlLwpIdList.push(v.lwpId)
// }
this.getBottomInfo(v.lwpId, index)
})
7.12
2023-07-12 18:06:16 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
})
721
2023-07-21 17:28:30 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取分指令列表
721
2023-07-21 17:28:30 +08:00
loadOtherOrder() {
上海联调
2023-09-23 20:16:54 +08:00
uni.request({
url: `${this.$local}/api/shipInstructions/pageCommandForBranch?vvyId=${this.shipInfo.vvyId}&brdId=${this.brdId}&mnfBl=${this.mnfBl}&potId=${this.potId}&bvmId=${this.bvmId}&sendStatus=${this.tabsValue2}&size=${this.pageSize}&current=${this.current}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
7.12
2023-07-12 18:06:16 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
method: 'GET', //请求方式，必须为大写
success: (res) => {
this.itemList = res.data.data.records
this.total = this.itemList.length
this.itemList.forEach((v, index) => {
this.getBottomInfo(v.lwpId, index)
})
}
})
},
// 获取指令下方信息
getBottomInfo(id, index) {
uni.request({
url: `${this.$local}/api/shipInstructions/queryStowageForLwpId?lwpId=${id}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
7.12
2023-07-12 18:06:16 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
method: 'GET', //请求方式，必须为大写
success: (res) => {
this.$set(this.itemList[index], 'infoList', res.data.data)
7.12
2023-07-12 18:06:16 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
})
721
2023-07-21 17:28:30 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 是否展开
isActive(e) {
this.itemActive = e
},
// 点击指令下发
distribute(type, a, item) {
this.distributeType = a
this.$refs.popup.open(type)
if (a == 'again' || a == 'solo') {
this.fzzRow = item
} else if (a == 'all') {
this.fzzRow = ""
7.12
2023-07-12 18:06:16 +08:00
}
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取角色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()
}
}
})
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 根据角色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
})
})
7.24
2023-07-24 16:14:37 +08:00
}
7.6
2023-07-06 17:08:59 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
})
7.12
2023-07-12 18:06:16 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 总指令选择负责人
directorChange(e) {
this.directorTrue = [{
userId: e.value
}]
this.directorId = e.value
this.directorValue = e.text
7.12
2023-07-12 18:06:16 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 分指令选择负责人
directorChange2(e) {
this.directorTrue = []
e.forEach(v => {
if (v.is_selected) {
this.directorTrue.push({
userId: v.value
})
}
721
2023-07-21 17:28:30 +08:00
})
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取装船要求
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
}
}
721
2023-07-21 17:28:30 +08:00
})
},
上海联调
2023-09-23 20:16:54 +08:00
// 修改装船要求
getAsk() {
let reqDto = {
"loadUnloadRequirements": this.askValue,
"spmId": this.shipInfo.spmId,
"vvyId": this.shipInfo.vvyId,
"vvyName": this.shipInfo.vvyName,
7.24
2023-07-24 16:14:37 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
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) => {
console.log(res)
if (res.data.status == 200) {
this.initAsk()
uni.showToast({
title: `设置装船要求成功`,
icon: 'success',
duration: 2000
})
} else {
uni.showToast({
title: `${res.data.error_description}`,
icon: 'error',
duration: 2000
})
}
}
})
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 指令下发确认
zlConfirm() {
if (this.directorTrue.length > 0) {
let lwpIdList = []
if (this.tabsValue == 0) {
lwpIdList = this.zzlLwpIdList
} else if (this.tabsValue == 1) {
if (this.fzzRow == "") {
lwpIdList = this.checkList
} else {
lwpIdList = [this.fzzRow.lwpId]
}
}
// 外贸数据
let reqDTO = {
"loadUnloadRequirements": this.askValue,
"lwpIdList": lwpIdList,
"principalList": this.directorTrue,
"vvyId": this.shipInfo.vvyId
}
if (this.distributeType == 'all') {
uni.request({
url: `${this.$local}/api/shipInstructions/commandIssued`,
data: reqDTO,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'POST', //请求方式，必须为大写
success: (res) => {
this.$refs.popup.close()
if (res.status == 200) {
this.loadSumOrder()
uni.showToast({
title: `总指令下发成功`,
icon: 'success',
duration: 2000
})
} else {
uni.showToast({
title: `${res.data.error_description}`,
icon: 'error',
duration: 2000
})
}
}
})
} else if (this.distributeType == 'solo') {
uni.request({
url: `${this.$local}/api/shipInstructions/commandSendForBranch`,
data: reqDTO,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'PUT', //请求方式，必须为大写
success: (res) => {
if (res.data.status == 200) {
this.loadSumOrder()
uni.showToast({
title: `分指令下发成功`,
icon: 'success',
duration: 2000
})
} else {
uni.showToast({
title: `${res.data.error_description}`,
icon: 'error',
duration: 2000
})
}
}
})
} else if (this.distributeType == 'again') {
let url = `/api/shipInstructions/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) => {
console.log(res)
if (res.data.status == 200) {
this.loadOtherOrder()
uni.showToast({
title: `重新发送指令成功`,
icon: 'success',
duration: 2000
})
} else {
uni.showToast({
title: `${res.data.error_description}`,
icon: 'error',
duration: 2000
})
}
}
})
}
this.$refs.popup.close()
} else {
uni.showToast({
title: `负责人不能为空`,
icon: 'error',
duration: 2000
})
}
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 指令下发取消
zlCancel() {
this.directorTrue = []
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
this.$refs.popup.close()
},
上海联调
2023-09-23 20:16:54 +08:00
// 点击暂停
suspend(item) {
let url = `/api/shipInstructions/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.loadOtherOrder()
uni.showToast({
title: `暂停指令成功`,
icon: 'success',
duration: 2000
})
} else {
uni.showToast({
title: `${res.data.error_description}`,
icon: 'error',
duration: 2000
})
}
}
})
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
},
// 点击装船要求
ask(type) {
this.$refs.popup2.open(type)
},
上海联调
2023-09-23 20:16:54 +08:00
// 装船要求确认
zcConfirm() {
this.getAsk() // 修改装船要求
this.$refs.popup2.close()
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 装船要求取消
zcCancel() {
this.$refs.popup2.close()
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取品牌
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
}
}
7.24
2023-07-24 16:14:37 +08:00
})
},
上海联调
2023-09-23 20:16:54 +08:00
// 选择品牌
7.24
2023-07-24 16:14:37 +08:00
brandSelect(e) {
this.brandItem = e
this.brdId = e.brdId
上海联调
2023-09-23 20:16:54 +08:00
this.brdName = e.brdName
this.loadSumOrder()
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取港口
getPot() {
uni.request({
url: `${this.$local}/api/miniapp/port`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
if (res.data.status == "200") {
this.potList = res.data.data
}
}
7.24
2023-07-24 16:14:37 +08:00
})
},
上海联调
2023-09-23 20:16:54 +08:00
// 选择港口
7.24
2023-07-24 16:14:37 +08:00
potSelect(e) {
this.potItem = e
上海联调
2023-09-23 20:16:54 +08:00
this.potName = e.potCnname
7.24
2023-07-24 16:14:37 +08:00
this.potId = e.potId
上海联调
2023-09-23 20:16:54 +08:00
this.loadSumOrder()
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取车型
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
this.loadSumOrder()
},
toDetails(id) {
let obj = {
id: id,
tradeName: "W",
shipInfo: this.shipInfo
}
const params = encodeURIComponent(JSON.stringify(obj));
uni.navigateTo({
url: '/pages/index/instructDetails?params=' + params
7.24
2023-07-24 16:14:37 +08:00
})
},
上海联调
2023-09-23 20:16:54 +08:00
// 分指令多选
checkChange(e) {
this.checkList = e.detail.value
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 配载图相关
// 获取配载图港口及对应颜色
getPotList() {
this.shipInfo.vvyId = 'f4303b2c8b6d715f4007f961f2498b10'
uni.request({
url: `${this.$local}/api/stowage/portList?vvyId=${this.shipInfo.vvyId}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
if (res.data.status == "200") {
this.pzPotList = res.data.data
this.pzPotList.forEach(v => {
this.$set(v, 'background', `background:${v.potColor}`)
})
console.log(this.pzPotList)
}
}
})
7.24
2023-07-24 16:14:37 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取配载图图中数据
getImgInfo() {
uni.request({
url: `${this.$local}/api/stowage/flatSnapshot?vvyId=${this.shipInfo.vvyId}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
console.log(res)
if (res.data.status == "200") {
this.imgInfo = res.data.data
}
}
721
2023-07-21 17:28:30 +08:00
})
},
上海联调
2023-09-23 20:16:54 +08:00
// 获取货物明细
getGoodsInfo() {
uni.request({
url: `${this.$local}/api/stowage/detail?vvyId=${this.shipInfo.vvyId}&spmId=${this.shipInfo.spmId}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
if (res.data.status == "200") {
this.goodsInfo = res.data.data
console.log(this.goodsInfo)
}
}
7.12
2023-07-12 18:06:16 +08:00
})
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
},
上海联调
2023-09-23 20:16:54 +08:00
// 场位图相关
样式修改，逻辑修改 8.23
2023-08-23 17:42:44 +08:00
// 点击车道
toGoPlace() {
this.placeTabs = 1;
},
// 子组件修改值
modifyPlaceTabs(data) {
this.placeTabs = data;
},
7.6
2023-07-06 17:08:59 +08:00
}
};
</script>
725
2023-07-25 13:20:04 +08:00
<style lang="less">
7.12
2023-07-12 18:06:16 +08:00
.blue {
color: #108ee9;
}
7.6
2023-07-06 17:08:59 +08:00
.content {
上海联调
2023-09-23 20:16:54 +08:00
background-color: #F6F7F9;
/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-family: PingFangSC-Semibold;
}
/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%;
}
.main {
padding: 0 10px;
// min-height: 100vh;
}
.pageBox {
margin-top: 20px;
}
7.6
2023-07-06 17:08:59 +08:00
.form {
display: flex;
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
justify-content: space-between;
上海联调
2023-09-23 20:16:54 +08:00
padding: 10px 0;
7.6
2023-07-06 17:08:59 +08:00
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
.inputBox {
display: flex;
7.6
2023-07-06 17:08:59 +08:00
}
.input {
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
width: 120px;
7.6
2023-07-06 17:08:59 +08:00
height: 35px;
line-height: 35px;
上海联调
2023-09-23 20:16:54 +08:00
margin-left: 20px;
7.24
2023-07-24 16:14:37 +08:00
}
.btn {
height: 35px;
line-height: 35px;
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
margin-right: 10px;
7.24
2023-07-24 16:14:37 +08:00
7.6
2023-07-06 17:08:59 +08:00
}
}
.buttonlist {
上海联调
2023-09-23 20:16:54 +08:00
padding: 10px 0px;
7.6
2023-07-06 17:08:59 +08:00
.button {
7.12
2023-07-12 18:06:16 +08:00
display: inline-block;
上海联调
2023-09-23 20:16:54 +08:00
height: 36px;
line-height: 36px;
text-align: center;
margin-right: 10px;
border-radius: 4px;
7.6
2023-07-06 17:08:59 +08:00
}
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.button:first-child {
border: 1px solid #0067CF;
color: #0067CF;
background: #fff;
}
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.button:last-child {
color: #fff;
background: #0067CF;
}
}
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.buttonlist2 {
.button {
border: 1px solid #999 !important;
color: #999 !important;
background-color: #fff !important;
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
}
7.6
2023-07-06 17:08:59 +08:00
}
.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;
}
}
7.10
2023-07-10 09:27:39 +08:00
.itemList {
上海联调
2023-09-23 20:16:54 +08:00
display: flex;
flex-wrap: wrap;
justify-content: space-between;
7.10
2023-07-10 09:27:39 +08:00
7.12
2023-07-12 18:06:16 +08:00
.exp {
上海联调
2023-09-23 20:16:54 +08:00
width: 100%;
// width: 49.5%;
margin-bottom: 15px;
background: #FFFFFF;
border-radius: 8px;
padding: 16px;
padding-right: 0;
position: relative;
.rowHead {
/deep/uni-checkbox .uni-checkbox-input {
width: 16px !important;
height: 16px !important;
}
}
7.10
2023-07-10 09:27:39 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.row {
7.10
2023-07-10 09:27:39 +08:00
display: flex;
7.12
2023-07-12 18:06:16 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.title {
display: flex;
font-size: 16px;
color: #23262E;
font-weight: bold;
7.12
2023-07-12 18:06:16 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.titleImg {
width: 18px;
height: 18px;
margin-right: 10px;
}
7.12
2023-07-12 18:06:16 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
.schedule {
padding: 5px 8px;
background: #F7F7F7;
margin-left: 16px;
7.12
2023-07-12 18:06:16 +08:00
display: flex;
上海联调
2023-09-23 20:16:54 +08:00
.text {
font-size: 12px;
color: #999999;
}
.progressBox {
width: 100px;
margin-top: 5px;
margin: 5px 8px;
}
7.12
2023-07-12 18:06:16 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
.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 {
7.12
2023-07-12 18:06:16 +08:00
display: flex;
上海联调
2023-09-23 20:16:54 +08:00
flex-direction: column;
font-size: 14px;
width: 48%;
margin-right: 1%;
margin-top: 10px;
border-right: 1px solid #eee;
.col:first-child {
margin-bottom: 12px;
}
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);
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-top: 10px;
.btn {
padding: 8px 12px;
text-align: center;
color: #fff;
background: #0067CF;
border-radius: 4px;
font-size: 12px;
margin-right: 28px;
7.12
2023-07-12 18:06:16 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
.stopbtn {
border: 1px solid #FC4F00;
color: #FC4F00;
background-color: #fff;
7.12
2023-07-12 18:06:16 +08:00
}
7.10
2023-07-10 09:27:39 +08:00
}
上海联调
2023-09-23 20:16:54 +08:00
.expand {
position: absolute;
left: 47%;
bottom: -10px;
font-size: 12px;
color: #23262E;
background: #FFFFFF;
text-align: center;
line-height: 14px;
border: 1px solid #EEEEEE;
border-radius: 13px;
padding: 6px;
}
7.12
2023-07-12 18:06:16 +08:00
.details {
上海联调
2023-09-23 20:16:54 +08:00
padding-right: 16px;
margin-top: 16px;
7.12
2023-07-12 18:06:16 +08:00
.itemDetails {
上海联调
2023-09-23 20:16:54 +08:00
background: rgba(236, 242, 249, .7);
.detailsBox {
padding: 16px;
border-bottom: 1px dashed #D3DCE6;
}
7.12
2023-07-12 18:06:16 +08:00
上海联调
2023-09-23 20:16:54 +08:00
.title {
width: 100%;
7.12
2023-07-12 18:06:16 +08:00
display: flex;
justify-content: space-between;
上海联调
2023-09-23 20:16:54 +08:00
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;
}
}
7.12
2023-07-12 18:06:16 +08:00
}
}
}
上海联调
2023-09-23 20:16:54 +08:00
}
}
.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;
}
}
7.12
2023-07-12 18:06:16 +08:00
}
}
上海联调
2023-09-23 20:16:54 +08:00
.imgTable {
margin-top: 20px;
.title {
font-size: 20px;
font-weight: bold;
}
.nr {
margin: 10px 0;
font-size: 16px;
}
.imgLi {
display: flex;
position: relative;
.shipImg {
width: 100%;
height: 171px;
}
.maskBox {
width: calc(100% - 200px);
height: 150px;
background-color: transparent;
display: flex;
position: absolute;
top: 11px;
left: 60px;
.testLine {
flex: 1;
height: 100%;
border-left: 1px solid #999;
}
.testLine:first-child {
border-left: none;
}
.testInfo {
height: 30px;
background-color: #0067CF;
}
}
.heightBox {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 10px;
}
.imgSize {
width: 28px;
height: 28px;
position: absolute;
}
.leftTopImg {
transform: rotate(90deg);
top: 10px;
left: 8px;
}
.imgSize2 {
width: 100px;
height: 30px;
position: absolute;
}
.leftBotImg {
bottom: 10px;
left: 8px;
}
.topImg {
top: -5px;
left: 40%;
}
.botImg {
transform: rotate(180deg);
bottom: -6px;
left: 40%;
}
}
7.12
2023-07-12 18:06:16 +08:00
.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 {
上海联调
2023-09-23 20:16:54 +08:00
background-color: #fff;
7.12
2023-07-12 18:06:16 +08:00
}
.title {
line-height: 50px;
font-size: 21px;
font-weight: 900;
}
上海联调
2023-09-23 20:16:54 +08:00
.text {
display: inline-block;
margin-right: 50px;
}
7.12
2023-07-12 18:06:16 +08:00
上海联调
2023-09-23 20:16:54 +08:00
/deep/.table--border {
background-color: #fff;
7.10
2023-07-10 09:27:39 +08:00
}
}
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
上海联调
2023-09-23 20:16:54 +08:00
样式修改，逻辑修改
2023-08-18 17:28:11 +08:00
.field {
padding: 20px;
background-color: #000;
.boxTop {
display: flex;
.title {
margin-right: 20px;
font-size: 18px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
}
.option {
width: 200px;
}
}
.carTabs {
width: 100%;
background-color: #fff;
margin-top: 20px;
border-radius: 8px;
/deep/.tab {
border-radius: 8px !important;
}
.carList {
display: flex;
justify-content: space-around;
padding: 20px;
.carInfo {
width: 19%;
padding: 20px;
background-color: #ccc;
text-align: center;
border-radius: 6px;
}
}
.partsList {
width: 100%;
display: flex;
justify-content: space-around;
padding: 20px;
.partsInfo {
width: 19%;
padding: 20px;
background-color: #ccc;
text-align: center;
border-radius: 6px;
}
}
}
.infoTitle {
font-size: 16px;
color: #666;
}
.infoNum {
font-size: 28px;
}
.fpList {
width: 100%;
margin-top: 20px;
display: flex;
justify-content: space-between;
.fpInfo {
width: 49%;
}
.fpTitle {
text-align: center;
background: #262626;
padding: 10px;
color: #fff;
}
.fpListInfo {
padding: 20px 10px;
background: #262626;
color: #fff;
margin-top: 10px;
.infoTop {
width: 100%;
display: flex;
justify-content: space-between;
.infoTopTitle {
font-size: 18px;
font-weight: bold;
padding-left: 10px;
border-left: 5px solid #0079FE;
}
.titleRight {
display: flex;
.titleIcon {
width: 16px;
height: 16px;
background: #0079FE;
margin-left: 5px;
line-height: 16px;
text-align: center;
border-radius: 50%;
margin-top: 5px;
/deep/.van-icon {
transform: scale(0.8);
margin-left: 2px;
}
}
text {
color: #0079FE;
margin-top: 2px;
}
}
}
.infoCarNum {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
text {
margin: 10px 20px;
}
}
.progressBox {
width: 100%;
}
.carInfoList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.carBrand {
width: 32%;
background-color: #2C2D2D;
padding: 10px;
margin-bottom: 10px;
.brandTitle {
color: #0079FE;
margin-bottom: 10px;
}
}
}
}
.notListInfo {
.notTitle {
font-size: 22px;
font-weight: bold;
text-align: center;
margin: 30px 0;
}
.infoTop {
text {
margin-right: 0;
}
}
text {
margin-right: 30px;
}
}
.tipInfo {
width: 100%;
font-size: 24px;
color: #5FE515;
font-weight: bold;
padding: 20px 0;
text-align: center;
background: #fff;
margin-top: 10px;
}
}
}
上海联调
2023-09-23 20:16:54 +08:00
.popupBox {
width: 500px;
background-color: #fff;
padding: 30px;
.popupTitle {
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
.popupInfo {
display: flex;
margin-top: 20px;
line-height: 35px;
padding: 30px 0;
/deep/.superwei-combox {
border: none;
padding: 0;
}
/deep/.componentW100 {
width: 300px;
}
/deep/.uni-icons {
margin-right: 12px;
}
}
/deep/.uni-easyinput {
margin-top: 20px;
}
/deep/.uni-select__input-placeholder {
text-align: left;
}
/deep/.uni-select__input-text {
text-align: left;
}
.popupBtn {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ccc;
display: flex;
justify-content: flex-end;
.btnList {
display: flex;
.button {
margin-left: 10px;
}
}
}
}
7.6
2023-07-06 17:08:59 +08:00
}
7.12
2023-07-12 18:06:16 +08:00
</style>