单证代码修改 + 场位监控样式
parent
63c0c44643
commit
e71d539aa8
|
@ -13,11 +13,9 @@ module.exports = {
|
|||
// 创建工班信息详细
|
||||
this.createWorkMessageRespInfoList()
|
||||
// // 创建工班信息翻仓
|
||||
// this.createRetallyMessageRespList()
|
||||
// // 创建工班信息翻仓详情
|
||||
// this.createRetallyMessageRespInfoList()
|
||||
this.createRetallyMessageRespList()
|
||||
// // 创建工班信息其他
|
||||
// this.createInfoRespList()
|
||||
this.createInfoRespList()
|
||||
// 创建系解缆
|
||||
this.creatAttachUnmoorRespList()
|
||||
// 创建供给
|
||||
|
@ -43,7 +41,6 @@ module.exports = {
|
|||
},
|
||||
// 创建船舶基本信息 shipInfoTable
|
||||
createShipInfoTable() {
|
||||
console.log("创建船舶基本信息表")
|
||||
let sql =
|
||||
'CREATE TABLE if not exists shipInfoTable ("webId" text NOT NULL,"vslCd" text,"vslCnname" text,"vvyId" text,"vvyName" text,"importExportFlag" text,"importExportFlagName" text,"tradeType" text,"tradeTypeName" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
this.executeSql(sql)
|
||||
|
@ -68,23 +65,14 @@ module.exports = {
|
|||
},
|
||||
// 创建工班信息翻仓 retallyMessageRespList
|
||||
createRetallyMessageRespList() {
|
||||
console.log('创建工班信息翻仓表');
|
||||
let sql =
|
||||
'CREATE TABLE if not exists workMessageRespFlipList ("webId" text NOT NULL,"contactId" text,"vvyId" text,"vvyName" text,"retallyType" text,"retallyTypeName" text,"tradeTypeName" text,"importExportFlagName" text,"spmName" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 创建工班信息翻仓详情 retallyMessageRespInfoList
|
||||
createRetallyMessageRespInfoList() {
|
||||
console.log('创建工班信息翻仓详情表');
|
||||
let sql =
|
||||
'CREATE TABLE if not exists retallyMessageRespInfoList ("webId" text NOT NULL,"contactId" text,"vvyId" text,"vvyName" text,"retallyOrigin" text,"retallyTerminus" text,"carType" text,"carTypeName" text,"retallyStartTime" text,"retallyEndTime" text,"goodsNumber" text,"goodsVolume" text,"goodsWeight" text,"tradeTypeName" text,"importExportFlagName" text,"spmName" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
'CREATE TABLE if not exists retallyMessageRespList ("webId" text NOT NULL,"contactId" text,"vvyId" text,"vvyName" text,"retallyType" text,"retallyTypeName" text,"retallyOrigin" text,"retallyTerminus" text,"retallyStartTime" text,"retallyEndTime" text,"carType" text,"carTypeName" text,"goodsNumber" text,"goodsVolume" text,"goodsWeight" text,"tradeTypeName" text,"importExportFlagName" text,"spmName" text,"editStatus" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 创建工班信息其他 infoRespList
|
||||
createInfoRespList() {
|
||||
console.log('创建工班信息翻仓其他表');
|
||||
let sql =
|
||||
'CREATE TABLE if not exists infoRespList ("webId" text NOT NULL,"contactId" text,"vvyId" text,"vvyName" text,"tecNum" text,"tecStartTm" text,"tecEndTm" text,"tecWeight" text,"tecVolume" text,"genNum" text,"genStartTm" text,"genEndTm" text,"genWeight" text,"genVolume" text,"tradeTypeName" text,"importExportFlagName" text,"spmName" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
'CREATE TABLE if not exists infoRespList ("webId" text NOT NULL,"contactId" text,"vvyId" text,"vvyName" text,"tecNum" text,"tecStartTm" text,"tecEndTm" text,"tecWeight" text,"tecVolume" text,"genNum" text,"genStartTm" text,"genEndTm" text,"genWeight" text,"genVolume" text,"auxRemark" text,"waitRemark" text,"workRemark" text,"tradeTypeName" text,"importExportFlagName" text,"spmName" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 创建系解缆 attachUnmoorRespList
|
||||
|
@ -156,7 +144,7 @@ module.exports = {
|
|||
executeSql(sql) {
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
// console.log(value);
|
||||
console.log(value);
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
|
|
|
@ -15,8 +15,10 @@
|
|||
船舶作业
|
||||
</view>
|
||||
</navigator>
|
||||
<view class="item">
|
||||
货物质量
|
||||
<view url="/pages/quality/index" open-type="redirect">
|
||||
<view class="item" :class="path==4?'active':''">
|
||||
货物质量
|
||||
</view>
|
||||
</view>
|
||||
<navigator url="/pages/monitor/index" open-type="redirect">
|
||||
<view class="item" :class="path==5?'active':''">
|
||||
|
@ -24,7 +26,7 @@
|
|||
</view>
|
||||
</navigator>
|
||||
<navigator url="/pages/test/ceshi" open-type="redirect">
|
||||
<view class="item" :class="path==5?'active':''">
|
||||
<view class="item" :class="path==6?'active':''">
|
||||
测试
|
||||
</view>
|
||||
</navigator>
|
||||
|
@ -50,7 +52,7 @@
|
|||
|
||||
<style lang="less" scoped>
|
||||
.sidebar {
|
||||
width: 100px;
|
||||
min-width: 100px;
|
||||
background-color: #f2f2f2;
|
||||
|
||||
.item {
|
||||
|
@ -64,4 +66,4 @@
|
|||
color: #5573d7;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
16
pages.json
16
pages.json
|
@ -178,29 +178,35 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/monitor/index",
|
||||
"path": "pages/quality/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "场位监控"
|
||||
"navigationBarTitleText": "货物质量"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/monitor/edit",
|
||||
"path": "pages/quality/edit",
|
||||
"style": {
|
||||
"navigationBarTitleText": "编辑货物质量"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/monitor/details",
|
||||
"path": "pages/quality/details",
|
||||
"style": {
|
||||
"navigationBarTitleText": "质损详情"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/monitor/sign",
|
||||
"path": "pages/quality/sign",
|
||||
"style": {
|
||||
"navigationBarTitleText": "签名"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/monitor/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "场位监控"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/test/ceshi",
|
||||
"style": {
|
||||
|
|
|
@ -3,86 +3,248 @@
|
|||
<head-info></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='5'></side-bar>
|
||||
<view class="content">
|
||||
<view class="form">
|
||||
<button type="primary" class="button" @click="add">
|
||||
<uni-icons type="plusempty" color="#fff" size="20"></uni-icons>新增
|
||||
</button>
|
||||
<view class="right">
|
||||
<uni-easyinput suffixIcon="search" v-model="value" placeholder="船名/航次" @iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<view class="select">
|
||||
<uni-data-select v-model="value1" :localdata="range1" @change="change">
|
||||
</uni-data-select>
|
||||
<custom-tabs type="c1" :value="tabsValue" @change="changeIndex">
|
||||
<custom-tab-pane label="场位图" name="c1_1">
|
||||
<view></view>
|
||||
<template v-if="placeTabs == 0">
|
||||
<view class="tabs1">
|
||||
<view class="boxTop">
|
||||
<view class="title">
|
||||
堆场
|
||||
</view>
|
||||
<view class="option">
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cwBox">
|
||||
<view class="cwTitle">
|
||||
场位概况
|
||||
</view>
|
||||
<view class="cwList">
|
||||
<view class="cwInfo" v-for="(item,index) in cwList" :key="index">
|
||||
<view class="infoTitle">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="infoNum">
|
||||
{{item.num}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="carTabs">
|
||||
<custom-tabs type="c2" :value="carTabsValue">
|
||||
<custom-tab-pane label="车辆" name="c2_1">
|
||||
<view></view>
|
||||
<view class="carList">
|
||||
<view class="carInfo" v-for="(item,index) in carList" :key="index">
|
||||
<view class="infoTitle">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="infoNum">
|
||||
{{item.num}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</custom-tab-pane>
|
||||
<custom-tab-pane label="备件" name="c2_2">
|
||||
<view></view>
|
||||
<view class="partsList">
|
||||
<view class="partsInfo" v-for="(item,index) in partsList" :key="index">
|
||||
<view class="infoTitle">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="infoNum">
|
||||
{{item.num}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</custom-tab-pane>
|
||||
</custom-tabs>
|
||||
</view>
|
||||
<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="itemSum(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>
|
||||
</view>
|
||||
</view>
|
||||
<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>
|
||||
</view>
|
||||
<view class="fpInfo">
|
||||
<view class="fpTitle">
|
||||
海棠库
|
||||
</view>
|
||||
<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="itemSum(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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="select">
|
||||
<uni-data-select v-model="value2" :localdata="range2" @change="change">
|
||||
</uni-data-select>
|
||||
</template>
|
||||
<template v-else>
|
||||
<place @modifyPlaceTabs="modifyPlaceTabs"></place>
|
||||
</template>
|
||||
</custom-tab-pane>
|
||||
<custom-tab-pane label="货物列表" name="c1_2">
|
||||
<view></view>
|
||||
<view class="tabs2">
|
||||
<view class="topOption">
|
||||
<view class="option">
|
||||
<text>堆场</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>进出口</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>贸易类型</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>船名/航次</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>品牌</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>港口</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="select">
|
||||
<uni-data-select v-model="value3" :localdata="range3" @change="change">
|
||||
</uni-data-select>
|
||||
<view class="goodsList">
|
||||
<view class="li" v-for="item in 6" :key="item">
|
||||
<view class="liLeft">
|
||||
<text class="title">车架号/条形码</text>
|
||||
<text>堆场名称:高东库</text>
|
||||
<text>提单号:TD197906</text>
|
||||
<text>品牌:特斯拉</text>
|
||||
<text>作业状态:已装船</text>
|
||||
<text>场位:A2-09-08</text>
|
||||
<text>进出口:进口</text>
|
||||
<text>型号:A系列</text>
|
||||
<text>作业时间:2023/09/08 14:00</text>
|
||||
<text>船名:运程10</text>
|
||||
<text>贸易类型:内贸</text>
|
||||
<text>车型:轿车</text>
|
||||
<text>作业人员:张星星</text>
|
||||
<text>航次:HC867468096</text>
|
||||
<text>港口:上海港</text>
|
||||
<text>车型明细:B系列</text>
|
||||
</view>
|
||||
<view class="liRight">
|
||||
<text>作业记录</text>
|
||||
<text>残损</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="itemList">
|
||||
<view class="item" v-for="item in itemList" :key="item.index">
|
||||
<view class="row">
|
||||
<view class="col weight">
|
||||
CJH290387532753799
|
||||
</view>
|
||||
<view class="col">
|
||||
品牌:特斯拉
|
||||
</view>
|
||||
<view class="col">
|
||||
车型:轿车
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="col">
|
||||
船名:运程10
|
||||
</view>
|
||||
<view class="col">
|
||||
航次:HC867468096
|
||||
</view>
|
||||
<view class="col">
|
||||
场位:A2-09-08
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="col">
|
||||
货物状态:已装船
|
||||
</view>
|
||||
<view class="col">
|
||||
作业时间:2023/09/08 14:00
|
||||
</view>
|
||||
<view class="col">
|
||||
作业人:张星星
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="col">
|
||||
质损发生环节:收车交接
|
||||
</view>
|
||||
<view class="col">
|
||||
质损概况:碰撞
|
||||
</view>
|
||||
<view class="col">
|
||||
处置情况:带伤发运
|
||||
</view>
|
||||
</view>
|
||||
<view class="rowFoot">
|
||||
<view class="col" @click="details">
|
||||
详情
|
||||
</view>
|
||||
<view class="col" @click="edit">
|
||||
编辑
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</custom-tab-pane>
|
||||
</custom-tabs>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
@ -91,63 +253,118 @@
|
|||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
import place from './place.vue';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value: '',
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: '',
|
||||
range1: [{
|
||||
value: 0,
|
||||
text: "一号港"
|
||||
}, ],
|
||||
range2: [{
|
||||
value: 0,
|
||||
text: "一号港"
|
||||
}, ],
|
||||
range3: [{
|
||||
value: 0,
|
||||
text: "一号港"
|
||||
}, ],
|
||||
itemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
|
||||
tabsValue: 0,
|
||||
optionValue: 0,
|
||||
optionList: [{
|
||||
value: "0",
|
||||
text: "全部堆场"
|
||||
},
|
||||
{
|
||||
alue: "1",
|
||||
text: "外六"
|
||||
},
|
||||
{
|
||||
alue: "2",
|
||||
text: "港建库"
|
||||
},
|
||||
{
|
||||
alue: "3",
|
||||
text: "高东库"
|
||||
},
|
||||
{
|
||||
alue: "4",
|
||||
text: "江海库"
|
||||
}
|
||||
],
|
||||
cwList: [{
|
||||
name: "总车位数",
|
||||
num: "5116"
|
||||
},
|
||||
{
|
||||
name: "使用车位数",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "剩余车位数",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "虚拟车位数",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "可停放货物数量",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "已停放货物数量",
|
||||
num: "5116"
|
||||
}
|
||||
],
|
||||
carTabsValue: 0,
|
||||
carList: [{
|
||||
name: "车辆总数(辆)",
|
||||
num: "5116"
|
||||
},
|
||||
{
|
||||
name: "外贸出口(辆)",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "外贸进口(辆)",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "内贸出口(辆)",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "内贸进口(辆)",
|
||||
num: "5116"
|
||||
}
|
||||
],
|
||||
partsList: [{
|
||||
name: "备件总数(件)",
|
||||
num: "5116"
|
||||
},
|
||||
{
|
||||
name: "外贸出口(件)",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "外贸进口(件)",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "内贸出口(件)",
|
||||
num: "5116"
|
||||
}, {
|
||||
name: "内贸进口(件)",
|
||||
num: "5116"
|
||||
}
|
||||
],
|
||||
placeTabs: 0,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
computed: {
|
||||
itemSum() {
|
||||
return function(item) {
|
||||
let sum = 1000 / item * 100
|
||||
return sum
|
||||
};
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo
|
||||
HeadInfo,
|
||||
place
|
||||
},
|
||||
methods: {
|
||||
iconClick(type) {
|
||||
uni.showToast({
|
||||
title: `点击了${type==='prefix'?'左侧':'右侧'}的图标`,
|
||||
icon: 'none'
|
||||
})
|
||||
// 点击tabs
|
||||
changeIndex(e) {},
|
||||
// 点击车道
|
||||
toGoPlace() {
|
||||
this.placeTabs = 1;
|
||||
},
|
||||
change(e) {
|
||||
console.log(e);
|
||||
},
|
||||
// 点击新增
|
||||
add() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/edit'
|
||||
})
|
||||
},
|
||||
// 点击编辑
|
||||
edit() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/edit'
|
||||
})
|
||||
},
|
||||
// 点击详情
|
||||
details() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/details'
|
||||
|
||||
})
|
||||
// 子组件修改值
|
||||
modifyPlaceTabs(data) {
|
||||
this.placeTabs = data;
|
||||
},
|
||||
}
|
||||
};
|
||||
|
@ -156,70 +373,290 @@
|
|||
<style lang="less" scoped>
|
||||
.container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
/deep/.tab .tab-cont {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.form {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
/deep/.tab-pane {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 90px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
.tabs1 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 600px;
|
||||
height: 40px;
|
||||
.cwBox {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
margin-top: 20px;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
|
||||
.cwTitle {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cwList {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
.cwInfo {
|
||||
width: 16%;
|
||||
padding: 20px 10px;
|
||||
background-color: #ccc;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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: calc(100% + 40px);
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding-left: 40px;
|
||||
|
||||
.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;
|
||||
|
||||
.select {
|
||||
width: 130px;
|
||||
margin-left: 20px;
|
||||
.fpInfo {
|
||||
width: 49%;
|
||||
|
||||
.uni-select {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.itemList {
|
||||
margin-top: 30px;
|
||||
.tabs2 {
|
||||
padding: 10px 0;
|
||||
|
||||
.item {
|
||||
height: 110px;
|
||||
padding: 20px;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
.topOption {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 30px;
|
||||
|
||||
.weight {
|
||||
font-weight: 900;
|
||||
.option {
|
||||
display: flex;
|
||||
width: 200px;
|
||||
line-height: 35px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
text {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 22%;
|
||||
flex-direction: column;
|
||||
.goodsList {
|
||||
padding-left: 30px;
|
||||
margin-top: 10px;
|
||||
|
||||
.li {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #aaa;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.rowFoot {
|
||||
width: 12%;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
color: #1890ff;
|
||||
.liLeft {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
.title {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
text {
|
||||
display: inline-block;
|
||||
width: 24%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.liRight {
|
||||
min-width: 60px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
color: #0079FE;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,358 @@
|
|||
<template>
|
||||
<view class="place">
|
||||
<view class="placeTop">
|
||||
<view class="topLeft">
|
||||
堆场资源 B3区
|
||||
</view>
|
||||
<view class="topRight">
|
||||
<button @click="back"><text class="back">返回</text></button>
|
||||
<button @click="show"><text class="show">显示</text></button>
|
||||
</view>
|
||||
<view class="showBox" v-if="showType">
|
||||
<view class="showInfo">
|
||||
车道
|
||||
</view>
|
||||
<view class="showInfo">
|
||||
车位
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="placeInfo">
|
||||
<view class="infoLeft">
|
||||
<text>车位总数:12*15=180车位</text>
|
||||
<text>使用车位:40车位</text>
|
||||
<text>剩余车位:40车位</text>
|
||||
<text>虚拟场位:12车位</text>
|
||||
<text>可停放车辆:12辆</text>
|
||||
<text>已停放车辆:12辆</text>
|
||||
</view>
|
||||
<view class="infoRight">
|
||||
<view class="tipBox">
|
||||
<text>空置</text>
|
||||
<view class="colorBox vacant"></view>
|
||||
</view>
|
||||
<view class="tipBox">
|
||||
<text>使用</text>
|
||||
<view class="colorBox use"></view>
|
||||
</view>
|
||||
<view class="tipBox">
|
||||
<text>虚拟车位</text>
|
||||
<view class="colorBox virtually"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="placeList">
|
||||
<view class="listInfo">
|
||||
<view class="title">
|
||||
01道(合计12辆车-13车位)
|
||||
</view>
|
||||
<view class="listType1">
|
||||
<view class="type1Box box1">
|
||||
宝马-轿车 12辆
|
||||
</view>
|
||||
<view class="type1Box box2">
|
||||
奔驰-轿车 12辆
|
||||
</view>
|
||||
<view class="type1Box box3">
|
||||
未使用:5车位
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="listInfo">
|
||||
<view class="title">
|
||||
02道(合计12辆车-13车位)
|
||||
</view>
|
||||
<view class="listType2">
|
||||
<view class="type2Box">
|
||||
<template v-for="(item, index) in type2List">
|
||||
<view class="type2info"
|
||||
:class="{'type0':item.type == 0, 'type1':item.type == 1, 'type2':item.type == 2}"
|
||||
:key="index">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="listInfo">
|
||||
<view class="title">
|
||||
03道(合计12辆车-13车位)
|
||||
</view>
|
||||
<view class="listType3">
|
||||
未使用:5车位
|
||||
</view>
|
||||
</view>
|
||||
<view class="listInfo">
|
||||
<view class="title">
|
||||
04道(合计12辆车-13车位)
|
||||
</view>
|
||||
<view class="listType3">
|
||||
未使用:5车位
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
type2List: [{
|
||||
id: "01",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
}, {
|
||||
id: "03",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
}, {
|
||||
id: "04",
|
||||
name: "空置",
|
||||
type: 0,
|
||||
}, {
|
||||
id: "05",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
}, {
|
||||
id: "06",
|
||||
name: "空置",
|
||||
type: 0,
|
||||
}, {
|
||||
id: "07",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
}, {
|
||||
id: "08",
|
||||
name: "空置",
|
||||
type: 0,
|
||||
}, {
|
||||
id: "09",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
}, {
|
||||
id: "10",
|
||||
name: "空置",
|
||||
type: 0,
|
||||
}, {
|
||||
id: "11",
|
||||
name: "宝马-轿车",
|
||||
type: 1,
|
||||
}, {
|
||||
id: "12",
|
||||
name: "虚拟车位",
|
||||
type: 2,
|
||||
},
|
||||
],
|
||||
showType: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 点击返回
|
||||
back() {
|
||||
this.$emit("modifyPlaceTabs", 0)
|
||||
},
|
||||
// 点击显示
|
||||
show() {
|
||||
this.showType = !this.showType
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.place {
|
||||
.placeTop {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
|
||||
.topLeft {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.topRight {
|
||||
display: flex;
|
||||
|
||||
uni-button {
|
||||
margin-left: 30px;
|
||||
width: 100px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.back {
|
||||
color: #0079FE;
|
||||
}
|
||||
|
||||
.show {
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
.showBox {
|
||||
position: absolute;
|
||||
bottom: -102px;
|
||||
right: 25px;
|
||||
border: 1px solid #aaa;
|
||||
|
||||
.showInfo {
|
||||
padding: 20px 30px;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.placeInfo {
|
||||
padding: 10px 20px;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
|
||||
.infoLeft {
|
||||
flex: 2;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
text {
|
||||
margin: 10px;
|
||||
margin-right: 0;
|
||||
padding-right: 10px;
|
||||
border-right: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
.infoRight {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
margin-left: 30px;
|
||||
|
||||
.tipBox {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
|
||||
.colorBox {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.vacant {
|
||||
background-color: #aaa;
|
||||
}
|
||||
|
||||
.use {
|
||||
background-color: #0079FE;
|
||||
}
|
||||
|
||||
.virtually {
|
||||
background-color: #F86E56;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.placeList {
|
||||
padding: 20px;
|
||||
background-color: #000;
|
||||
|
||||
.listInfo {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
padding-left: 10px;
|
||||
border-left: 5px solid #0079FE;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.listType1 {
|
||||
display: flex;
|
||||
|
||||
.type1Box {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
flex: 1;
|
||||
background-color: #0079FE;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
flex: 1;
|
||||
background-color: #0079FE;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.box3 {
|
||||
flex: 2;
|
||||
background-color: #fff;
|
||||
color: #aaa
|
||||
}
|
||||
}
|
||||
|
||||
.listType2 {
|
||||
padding: 10px 0;
|
||||
background-color: #222;
|
||||
|
||||
.type2Box {
|
||||
display: flex;
|
||||
|
||||
.type2info {
|
||||
flex: 1;
|
||||
height: 150px;
|
||||
border-radius: 8px;
|
||||
margin: 0 5px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.type0 {
|
||||
background-color: #aaa;
|
||||
}
|
||||
|
||||
.type1 {
|
||||
background-color: #0079FE;
|
||||
}
|
||||
|
||||
.type2 {
|
||||
background-color: #F86E56;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listType3 {
|
||||
height: 200px;
|
||||
text-align: center;
|
||||
color: #F86E56;
|
||||
line-height: 200px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
background-color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -0,0 +1,227 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-info></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='4'></side-bar>
|
||||
<view class="content">
|
||||
<view class="form">
|
||||
<button type="primary" class="button" @click="add">
|
||||
<uni-icons type="plusempty" color="#fff" size="20"></uni-icons>新增
|
||||
</button>
|
||||
<view class="right">
|
||||
<uni-easyinput suffixIcon="search" v-model="value" placeholder="船名/航次" @iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<view class="select">
|
||||
<uni-data-select v-model="value1" :localdata="range1" @change="change">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
<view class="select">
|
||||
<uni-data-select v-model="value2" :localdata="range2" @change="change">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
<view class="select">
|
||||
<uni-data-select v-model="value3" :localdata="range3" @change="change">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="itemList">
|
||||
<view class="item" v-for="item in itemList" :key="item.index">
|
||||
<view class="row">
|
||||
<view class="col weight">
|
||||
CJH290387532753799
|
||||
</view>
|
||||
<view class="col">
|
||||
品牌:特斯拉
|
||||
</view>
|
||||
<view class="col">
|
||||
车型:轿车
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="col">
|
||||
船名:运程10
|
||||
</view>
|
||||
<view class="col">
|
||||
航次:HC867468096
|
||||
</view>
|
||||
<view class="col">
|
||||
场位:A2-09-08
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="col">
|
||||
货物状态:已装船
|
||||
</view>
|
||||
<view class="col">
|
||||
作业时间:2023/09/08 14:00
|
||||
</view>
|
||||
<view class="col">
|
||||
作业人:张星星
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="col">
|
||||
质损发生环节:收车交接
|
||||
</view>
|
||||
<view class="col">
|
||||
质损概况:碰撞
|
||||
</view>
|
||||
<view class="col">
|
||||
处置情况:带伤发运
|
||||
</view>
|
||||
</view>
|
||||
<view class="rowFoot">
|
||||
<view class="col" @click="details">
|
||||
详情
|
||||
</view>
|
||||
<view class="col" @click="edit">
|
||||
编辑
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value: '',
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: '',
|
||||
range1: [{
|
||||
value: 0,
|
||||
text: "一号港"
|
||||
}, ],
|
||||
range2: [{
|
||||
value: 0,
|
||||
text: "一号港"
|
||||
}, ],
|
||||
range3: [{
|
||||
value: 0,
|
||||
text: "一号港"
|
||||
}, ],
|
||||
itemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo
|
||||
},
|
||||
methods: {
|
||||
iconClick(type) {
|
||||
uni.showToast({
|
||||
title: `点击了${type==='prefix'?'左侧':'右侧'}的图标`,
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
change(e) {
|
||||
console.log(e);
|
||||
},
|
||||
// 点击新增
|
||||
add() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/edit'
|
||||
})
|
||||
},
|
||||
// 点击编辑
|
||||
edit() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/edit'
|
||||
})
|
||||
},
|
||||
// 点击详情
|
||||
details() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/details'
|
||||
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
|
||||
.form {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.button {
|
||||
width: 90px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 600px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.select {
|
||||
width: 130px;
|
||||
margin-left: 20px;
|
||||
|
||||
.uni-select {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.itemList {
|
||||
margin-top: 30px;
|
||||
|
||||
.item {
|
||||
height: 110px;
|
||||
padding: 20px;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.weight {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 22%;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.rowFoot {
|
||||
width: 12%;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
color: #1890ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -77,20 +77,20 @@
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
this.executeSql1('shipOption')
|
||||
// this.executeSql1('shipOption')
|
||||
},
|
||||
methods: {
|
||||
// 查
|
||||
executeSql1(tableName) {
|
||||
let sql = `select * from ${tableName}`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
console.log(value)
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
// executeSql1(tableName) {
|
||||
// let sql = `select * from ${tableName}`
|
||||
// sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// // 在resolve时执行的回调函数
|
||||
// console.log(value)
|
||||
// }).catch((error) => {
|
||||
// // 在reject时执行的回调函数
|
||||
// console.error(error);
|
||||
// });
|
||||
// },
|
||||
toGo(url) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/shipWork/${url}`
|
||||
|
|
|
@ -97,9 +97,6 @@
|
|||
import sqlite from "../../common/sqlite.js"
|
||||
import tableList from "../../common/createDataTable.js"
|
||||
import api from "../../common/api.js"
|
||||
import {
|
||||
v4 as uuidv4
|
||||
} from 'uuid';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
@ -121,8 +118,8 @@
|
|||
shipInfo: {
|
||||
vslCd: "123",
|
||||
vslCnname: "测试船只",
|
||||
vvyId: "hangciId",
|
||||
vvyName: "hangciName",
|
||||
vvyId: "1",
|
||||
vvyName: "hc123",
|
||||
importExportFlag: "jinchukouId",
|
||||
importExportFlagName: "进口",
|
||||
tradeType: "maoyileixingId",
|
||||
|
@ -304,11 +301,7 @@
|
|||
dictionariesName: "vvyList",
|
||||
ptrCode: "1",
|
||||
ptrDesc: "hc123",
|
||||
}, {
|
||||
dictionariesName: "vvyList",
|
||||
ptrCode: "2",
|
||||
ptrDesc: "hc456",
|
||||
},
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
@ -357,11 +350,12 @@
|
|||
},
|
||||
dropTable() {
|
||||
console.log('删除表');
|
||||
let sql = 'DROP TABLE shipInfoTable;'
|
||||
let sql = 'DROP TABLE retallyMessageRespList;'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
dropData() {
|
||||
let sql = "delete from shipInfoTable"
|
||||
console.log('删除数据');
|
||||
let sql = "delete from retallyMessageRespList"
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 查
|
||||
|
@ -408,7 +402,7 @@
|
|||
}
|
||||
return newList
|
||||
},
|
||||
// 点击页面
|
||||
// 点击分页
|
||||
changePage(e) {
|
||||
this.current = e.current;
|
||||
this.initData()
|
||||
|
@ -479,7 +473,6 @@
|
|||
'${this.shipData.spmCabinht}','${this.shipData.spmMintide}','${this.shipData.spmCab}','${this.shipData.spmBoardCentrele}',
|
||||
'${this.shipData.spmBoardFrontle}','${this.shipData.spmBoardLaterle}','${this.shipData.spmBoardCentrerg}','${this.shipData.spmBoardFrontrg}','${this.shipData.spmBoardLaterrg}',
|
||||
'${webStatus}','${webDate}')`
|
||||
console.log(sql)
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 作业查询数据
|
||||
|
|
|
@ -22,14 +22,15 @@
|
|||
</template>
|
||||
<o-empty v-else height="70vh" bg="#f5f6fa" />
|
||||
</view>
|
||||
|
||||
<!-- 工班信息列表 -->
|
||||
<view class="ul" v-if="tabsType == 1">
|
||||
<template v-if="shiftInfo.length > 0">
|
||||
<view class="li" v-for="(item,index) in shiftInfo" :key="index" @click="lookShift(item,index)">
|
||||
<view class="title">航次:{{item.vvyName}}</view>
|
||||
<view class="shift" v-for="(item2,index2) in item.shiftList" :key="index2">
|
||||
<p>{{item2.gbTextValue}}</p>
|
||||
<span>作业开始时间:{{item2.startTime}}</span>
|
||||
<view class="title">航次:{{item[0].vvyName}}</view>
|
||||
<view class="shift" v-for="(item2,index2) in item" :key="index2">
|
||||
<p>{{item2.pwcTypeName}}</p>
|
||||
<span>作业开始时间:{{item2.workStartTime}}</span>
|
||||
</view>
|
||||
<view class="state">状态:未上传</view>
|
||||
</view>
|
||||
|
@ -54,26 +55,26 @@
|
|||
// 人员信息列表
|
||||
peopleInfo: [],
|
||||
// 工班信息列表
|
||||
shiftInfo: []
|
||||
shiftInfo: [],
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.tabsType = uni.getStorageSync('tabsType')
|
||||
this.executeSql1('shipInfoTable')
|
||||
if (this.tabsType != 0 && this.tabsType != 1) {
|
||||
this.tabsType = 0
|
||||
this.tabsIndex = 0
|
||||
} else {
|
||||
this.tabsIndex = this.tabsType
|
||||
}
|
||||
// this.peopleInfo = uni.getStorageSync('addPeopleArr')
|
||||
this.shiftInfo = uni.getStorageSync('addShiftArr')
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
if (this.tabsType == 0) {
|
||||
this.executeSql1('messageRespList')
|
||||
} else {
|
||||
this.executeSql1('workMessageRespList')
|
||||
this.executeSql1('workMessageRespInfoList')
|
||||
this.executeSql1('retallyMessageRespList')
|
||||
this.executeSql1('infoRespList')
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
@ -81,10 +82,20 @@
|
|||
executeSql1(tableName) {
|
||||
let sql = `select * from ${tableName}`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
if (tableName == 'shipInfoTable') {
|
||||
this.shipInfo = value
|
||||
}
|
||||
if (this.tabsType == 0) {
|
||||
this.peopleInfo = value
|
||||
} else {
|
||||
console.log(value)
|
||||
// console.log(value)
|
||||
if (tableName == 'workMessageRespList' && value.length > 0) {
|
||||
this.shiftInfo = Object.values(value.reduce((res, item) => {
|
||||
res[item.contactId] ? res[item.contactId].push(item) : res[item
|
||||
.contactId] = [item];
|
||||
return res;
|
||||
}, {}));
|
||||
}
|
||||
}
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
|
@ -106,6 +117,8 @@
|
|||
this.tabsType = 1;
|
||||
this.executeSql1('workMessageRespList')
|
||||
this.executeSql1('workMessageRespInfoList')
|
||||
this.executeSql1('retallyMessageRespList')
|
||||
this.executeSql1('infoRespList')
|
||||
}
|
||||
},
|
||||
// 点击新增
|
||||
|
@ -129,8 +142,8 @@
|
|||
}
|
||||
},
|
||||
lookShift(item, index) {
|
||||
console.log(item)
|
||||
uni.setStorageSync('shiftRow', item);
|
||||
uni.setStorageSync('shiftRowIndex', index);
|
||||
uni.navigateTo({
|
||||
url: `/pages/shipWork/shiftDetails`
|
||||
})
|
||||
|
|
|
@ -47,21 +47,21 @@
|
|||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车型:</p>
|
||||
<uni-data-select v-model="item2.cxValue" :localdata="cxList"
|
||||
<uni-data-select v-model="item2.carType" :localdata="cxList"
|
||||
@change="cxChange(item,index,item2,index2)"></uni-data-select>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required">*</text>数量:</p>
|
||||
<uni-number-box @change="numChange" v-model="item2.numValue" :max="1000000000" />
|
||||
<uni-number-box @change="numChange" v-model="item2.goodsNumber" :max="1000000000" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>装卸方式:</p>
|
||||
<uni-data-select v-model="item2.fsValue" :localdata="fsList"
|
||||
<uni-data-select v-model="item2.loadingType" :localdata="fsList"
|
||||
@change="fsChange(item,index,item2,index2)"></uni-data-select>
|
||||
</view>
|
||||
<view class="li widthLi">
|
||||
<p class="liTitle">备注:</p>
|
||||
<uni-easyinput type="textarea" autoHeight v-model="item2.notes"
|
||||
<uni-easyinput type="textarea" autoHeight v-model="item2.remark"
|
||||
placeholder="请输入任务描述(200字以内)" maxlength="200"></uni-easyinput>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -94,19 +94,19 @@
|
|||
<p class="liTitle"><text class="required">*</text>翻舱终点位置:</p>
|
||||
<uni-easyinput v-model="item2.zdValue" placeholder="请输入翻舱终点位置"></uni-easyinput>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>工班:</p>
|
||||
<uni-data-select v-model="item2.gbValue" :localdata="gbList"
|
||||
@change="fcgbChange(index,item2,index2)"></uni-data-select>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>作业时间 :</p>
|
||||
<uni-datetime-picker v-model="item2.datetime" type="datetimerange" rangeSeparator="-"
|
||||
@change="changeLog(item2)" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车型:</p>
|
||||
<uni-data-select v-model="item2.carType" :localdata="cxList"
|
||||
@change="fccxChange(index,item2,index2)"></uni-data-select>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>数量:</p>
|
||||
<uni-number-box v-model="item2.numValue" :max="1000000000" />
|
||||
<uni-number-box v-model="item2.goodsNumber" :max="1000000000" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>体积:</p>
|
||||
|
@ -128,7 +128,7 @@
|
|||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>技术工人:</p>
|
||||
<uni-number-box v-model="otherObj.jsWorker" :max="1000000000" />
|
||||
<uni-number-box v-model="otherObj.jsworker" :max="1000000000" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>作业时间 :</p>
|
||||
|
@ -178,7 +178,7 @@
|
|||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle">描述:</p>
|
||||
<uni-easyinput type="textarea" autoHeight v-model="otherObj.notes"
|
||||
<uni-easyinput type="textarea" autoHeight v-model="otherObj.remark"
|
||||
placeholder="请输入任务描述(200字以内)" maxlength="200"></uni-easyinput>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -234,21 +234,7 @@
|
|||
zxValue: "",
|
||||
zxTextValue: "",
|
||||
zxList: [],
|
||||
ulList1: [{
|
||||
gbValue: "",
|
||||
gbTextValue: "",
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
ulList2: [{
|
||||
cxValue: "",
|
||||
cxTextValue: "",
|
||||
numValue: 0,
|
||||
fsValue: "",
|
||||
fsTextValue: "",
|
||||
notes: "",
|
||||
}],
|
||||
}],
|
||||
ulList1: [],
|
||||
// 工班下拉框
|
||||
gbList: [],
|
||||
// 车型下拉
|
||||
|
@ -265,38 +251,42 @@
|
|||
fcUlList2: [{
|
||||
qdValue: "",
|
||||
zdValue: "",
|
||||
gbValue: "",
|
||||
gbTextValue: "",
|
||||
carType: "",
|
||||
carTypeName: "",
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
numValue: 0,
|
||||
goodsNumber: 0,
|
||||
tjValue: 0,
|
||||
zlValue: 0
|
||||
zlValue: 0,
|
||||
editStatus: 0,
|
||||
}],
|
||||
}],
|
||||
|
||||
// 其他信息
|
||||
otherObj: {
|
||||
jsWorker: 0,
|
||||
webId: '',
|
||||
contactId: '',
|
||||
jsworker: '',
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
zlValue: 0,
|
||||
tjValue: 0,
|
||||
ptworker: 0,
|
||||
datetime2: ['', ''],
|
||||
startTime2: "",
|
||||
endTime2: "",
|
||||
zlValue2: 0,
|
||||
tjValue2: 0,
|
||||
describe: "",
|
||||
dgWork: "",
|
||||
notes: "",
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
zlValue: '',
|
||||
tjValue: '',
|
||||
ptworker: '',
|
||||
datetime2: '',
|
||||
startTime2: '',
|
||||
endTime2: '',
|
||||
zlValue2: '',
|
||||
tjValue2: '',
|
||||
describe: '',
|
||||
dgWork: '',
|
||||
remark: ''
|
||||
},
|
||||
// 下拉数据
|
||||
optionData: [],
|
||||
|
||||
// 下拉数据
|
||||
optionData: [],
|
||||
}
|
||||
contactId: "",
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
|
@ -306,19 +296,123 @@
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
this.executeSql1('shipOption')
|
||||
this.dataInfo = uni.getStorageSync('shiftRow')
|
||||
this.contactId = this.dataInfo[0].contactId
|
||||
this.executeSql2('shipOption')
|
||||
this.executeSql2('shipInfoTable')
|
||||
if (this.obj.state == 'edit') {
|
||||
this.ulList1 = []
|
||||
this.editData();
|
||||
} else if (this.obj.state == 'add') {
|
||||
this.ulList1 = [{
|
||||
gbValue: "",
|
||||
gbTextValue: "",
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
ulList2: [{
|
||||
carType: "",
|
||||
carTypeName: "",
|
||||
goodsNumber: 0,
|
||||
loadingType: "",
|
||||
loadingTypeName: "",
|
||||
remark: "",
|
||||
}]
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 查
|
||||
executeSql2(tableName) {
|
||||
let sql = `select * from ${tableName};`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
if (tableName == 'shipOption') {
|
||||
this.optionData = value
|
||||
this.getShip()
|
||||
} else {
|
||||
this.shipObj = value
|
||||
}
|
||||
})
|
||||
},
|
||||
executeSql1(tableName) {
|
||||
let sql = `select * from ${tableName}`
|
||||
let sql = `select * from ${tableName} WHERE contactId = '${this.contactId}';`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
this.optionData = value
|
||||
this.getShip()
|
||||
if (tableName == 'workMessageRespList') {
|
||||
this.hcValue = value[0].vvyId
|
||||
this.hcTextValue = value[0].vvyName
|
||||
this.zxValue = value[0].loadType
|
||||
this.zxTextValue = value[0].loadTypeName
|
||||
this.ulList1 = []
|
||||
value.forEach((v, index) => {
|
||||
let obj = {
|
||||
webId: v.webId,
|
||||
contactId: v.contactId,
|
||||
datetime: [v.workStartTime, v.workEndTime],
|
||||
startTime: v.workStartTime,
|
||||
endTime: v.workEndTime,
|
||||
gbValue: v.pwcType,
|
||||
gbTextValue: v.pwcTypeName,
|
||||
ulList2: []
|
||||
}
|
||||
this.getData(obj)
|
||||
})
|
||||
} else if (tableName == 'retallyMessageRespList') {
|
||||
let arr = [];
|
||||
value.forEach(item => {
|
||||
if (!arr[item.retallyType]) {
|
||||
arr[item.retallyType] = {
|
||||
webId: item.webId,
|
||||
contactId: item.contactId,
|
||||
fcValue: item.retallyType,
|
||||
fcTextValue: item.retallyTypeName,
|
||||
fcUlList2: []
|
||||
};
|
||||
}
|
||||
arr[item.retallyType].fcUlList2.push({
|
||||
qdValue: item.retallyOrigin,
|
||||
zdValue: item.retallyTerminus,
|
||||
carType: item.carType,
|
||||
carTypeName: item.carTypeName,
|
||||
datetime: [item.retallyStartTime, item.retallyEndTime],
|
||||
startTime: item.retallyStartTime,
|
||||
endTime: item.retallyEndTime,
|
||||
goodsNumber: item.goodsNumber,
|
||||
tjValue: item.goodsVolume,
|
||||
zlValue: item.goodsWeight,
|
||||
editStatus: item.editStatus,
|
||||
});
|
||||
});
|
||||
this.fcUlList = Object.values(arr);
|
||||
} else if (tableName == 'infoRespList') {
|
||||
this.otherObj.webId = value[0].webId
|
||||
this.otherObj.contactId = value[0].contactId
|
||||
this.otherObj.jsworker = value[0].tecNum
|
||||
this.otherObj.datetime = [value[0].tecStartTm, value[0].tecEndTm]
|
||||
this.otherObj.startTime = value[0].tecStartTm
|
||||
this.otherObj.endTime = value[0].tecEndTm
|
||||
this.otherObj.zlValue = value[0].tecWeight
|
||||
this.otherObj.tjValue = value[0].tecVolume
|
||||
this.otherObj.ptworker = value[0].genNum
|
||||
this.otherObj.datetime2 = [value[0].genStartTm, value[0].tecEndTm]
|
||||
this.otherObj.startTime2 = value[0].genStartTm
|
||||
this.otherObj.endTime2 = value[0].genEndTm
|
||||
this.otherObj.zlValue2 = value[0].genWeight
|
||||
this.otherObj.tjValue2 = value[0].genVolume
|
||||
this.otherObj.describe = value[0].auxRemark
|
||||
this.otherObj.dgWork = value[0].waitRemark
|
||||
this.otherObj.remark = value[0].workRemark
|
||||
}
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
getData(obj) {
|
||||
let sql = `select * from workMessageRespInfoList WHERE contactId = '${obj.webId}';`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
obj.ulList2 = value
|
||||
this.ulList1.push(obj)
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
|
@ -408,15 +502,9 @@
|
|||
},
|
||||
//状态为编辑获取数据
|
||||
editData() {
|
||||
this.dataInfo = uni.getStorageSync('shiftRow')
|
||||
this.shiftRowIndex = uni.getStorageSync('shiftRowIndex')
|
||||
this.hcValue = this.dataInfo.vvyId
|
||||
this.hcTextValue = this.dataInfo.vvyName
|
||||
this.zxValue = this.dataInfo.loadType
|
||||
this.zxTextValue = this.dataInfo.zxTextValue
|
||||
this.ulList1 = this.dataInfo.shiftList
|
||||
this.fcUlList = this.dataInfo.fcList
|
||||
this.otherObj = this.dataInfo.otherList
|
||||
this.executeSql1('workMessageRespList')
|
||||
this.executeSql1('retallyMessageRespList')
|
||||
this.executeSql1('infoRespList')
|
||||
},
|
||||
// 工班信息相关
|
||||
// 航次下拉
|
||||
|
@ -444,23 +532,23 @@
|
|||
gbValue: "",
|
||||
gbTextValue: "",
|
||||
ulList2: [{
|
||||
cxValue: "",
|
||||
cxTextValue: "",
|
||||
numValue: 0,
|
||||
fsValue: "",
|
||||
fsTextValue: "",
|
||||
notes: "",
|
||||
carType: "",
|
||||
carTypeName: "",
|
||||
goodsNumber: 0,
|
||||
loadingType: "",
|
||||
loadingTypeName: "",
|
||||
remark: "",
|
||||
}],
|
||||
})
|
||||
},
|
||||
ulAdd2(index) {
|
||||
this.ulList1[index].ulList2.push({
|
||||
cxValue: "",
|
||||
numValue: 0,
|
||||
cxTextValue: "",
|
||||
fsValue: "",
|
||||
fsTextValue: "",
|
||||
notes: "",
|
||||
carType: "",
|
||||
carTypeName: "",
|
||||
goodsNumber: 0,
|
||||
loadingType: "",
|
||||
loadingTypeName: "",
|
||||
remark: "",
|
||||
})
|
||||
},
|
||||
// 工班下拉
|
||||
|
@ -474,12 +562,16 @@
|
|||
},
|
||||
// 作业时间
|
||||
changeLog(item) {
|
||||
item.startTime = item.datetime[0].slice(0, item.datetime[0].length - 3)
|
||||
item.endTime = item.datetime[1].slice(0, item.datetime[1].length - 3)
|
||||
if (item.startTime2 != undefined) {
|
||||
item.startTime2 = item.datetime2[0].slice(0, item.datetime2[0].length - 3)
|
||||
item.endTime2 = item.datetime2[1].slice(0, item.datetime2[1].length - 3)
|
||||
}
|
||||
// item.startTime = item.datetime[0].slice(0, item.datetime[0].length - 3)
|
||||
// item.endTime = item.datetime[1].slice(0, item.datetime[1].length - 3)
|
||||
// if (item.startTime2 != undefined) {
|
||||
// item.startTime2 = item.datetime2[0].slice(0, item.datetime2[0].length - 3)
|
||||
// item.endTime2 = item.datetime2[1].slice(0, item.datetime2[1].length - 3)
|
||||
// }
|
||||
item.startTime = item.datetime[0]
|
||||
item.endTime = item.datetime[1]
|
||||
item.startTime2 = item.datetime2[0]
|
||||
item.endTime2 = item.datetime2[1]
|
||||
},
|
||||
// 工班信息删除
|
||||
delGb(index) {
|
||||
|
@ -490,10 +582,10 @@
|
|||
},
|
||||
// 车型下拉
|
||||
cxChange(item, index, item2, index2) {
|
||||
this.ulList1[index].ulList2[index2].cxValue = item2.cxValue
|
||||
this.ulList1[index].ulList2[index2].carType = item2.carType
|
||||
this.cxList.forEach(v => {
|
||||
if (v.value == item2.cxValue) {
|
||||
item2.cxTextValue = v.text
|
||||
if (v.value == item2.carType) {
|
||||
item2.carTypeName = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
|
@ -501,10 +593,10 @@
|
|||
numChange(val) {},
|
||||
// 装卸方式下拉
|
||||
fsChange(item, index, item2, index2) {
|
||||
this.ulList1[index].ulList2[index2].fsValue = item2.fsValue
|
||||
this.ulList1[index].ulList2[index2].loadingType = item2.loadingType
|
||||
this.fsList.forEach(v => {
|
||||
if (v.value == item2.fsValue) {
|
||||
item2.fsTextValue = v.text
|
||||
if (v.value == item2.loadingType) {
|
||||
item2.loadingTypeName = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
|
@ -519,12 +611,12 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
// 翻仓工班
|
||||
fcgbChange(index, item2, index2) {
|
||||
this.fcUlList[index].fcUlList2[index2].gbValue = item2.gbValue
|
||||
this.gbList.forEach(v => {
|
||||
if (v.value == item2.gbValue) {
|
||||
item2.gbTextValue = v.text
|
||||
// 翻仓车型
|
||||
fccxChange(index, item2, index2) {
|
||||
this.fcUlList[index].fcUlList2[index2].carType = item2.carType
|
||||
this.cxList.forEach(v => {
|
||||
if (v.value == item2.carType) {
|
||||
item2.carTypeName = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
|
@ -536,14 +628,15 @@
|
|||
fcUlList2: [{
|
||||
qdValue: "",
|
||||
zdValue: "",
|
||||
gbValue: "",
|
||||
gbTextValue: "",
|
||||
carType: "",
|
||||
carTypeName: "",
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
numValue: 0,
|
||||
goodsNumber: 0,
|
||||
tjValue: 0,
|
||||
zlValue: 0
|
||||
zlValue: 0,
|
||||
editStatus: 0,
|
||||
}],
|
||||
})
|
||||
},
|
||||
|
@ -551,14 +644,15 @@
|
|||
this.fcUlList[index].fcUlList2.push({
|
||||
qdValue: "",
|
||||
zdValue: "",
|
||||
gbValue: "",
|
||||
gbTextValue: "",
|
||||
carType: "",
|
||||
carTypeName: "",
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
numValue: 0,
|
||||
goodsNumber: 0,
|
||||
tjValue: 0,
|
||||
zlValue: 0
|
||||
zlValue: 0,
|
||||
editStatus: 0,
|
||||
})
|
||||
},
|
||||
// 翻仓删除
|
||||
|
@ -585,12 +679,130 @@
|
|||
},
|
||||
// 保存
|
||||
save() {
|
||||
if (this.obj.state == "edit") {} else if (this.obj.state == "add") {
|
||||
let date = new Date().getTime()
|
||||
let contactId = this.shipObj[0].webId
|
||||
let webStatus = "0"
|
||||
let editStatus = 1
|
||||
if (this.obj.state == "edit") {
|
||||
// 工班信息
|
||||
for (let i = 0; i < this.ulList1.length; i++) {
|
||||
if (this.ulList1[i].webId != '' && this.ulList1[i].webId != null) {
|
||||
let webDate = api.getDate(date)
|
||||
let sql =
|
||||
`UPDATE workMessageRespList SET vvyId = '${this.hcValue}',vvyName = '${this.hcTextValue}',
|
||||
loadType = '${this.zxValue}',loadTypeName = '${this.zxTextValue}',pwcType = '${this.ulList1[i].gbValue}',
|
||||
pwcTypeName = '${this.ulList1[i].gbTextValue}',workStartTime = '${this.ulList1[i].startTime}',
|
||||
workEndTime = '${this.ulList1[i].endTime}',webStatus = '${webStatus}',webDate = '${webDate}' WHERE webId = '${this.ulList1[i].webId}';`
|
||||
this.executeSql(sql)
|
||||
for (let j = 0; j < this.ulList1[i].ulList2.length; j++) {
|
||||
if (this.ulList1[i].ulList2[j].webId != '' && this.ulList1[i].ulList2[j].webId != null) {
|
||||
let sql2 =
|
||||
`UPDATE workMessageRespInfoList SET carType = '${this.ulList1[i].ulList2[j].carType}',carTypeName = '${this.ulList1[i].ulList2[j].carTypeName}',
|
||||
goodsNumber = '${this.ulList1[i].ulList2[j].goodsNumber}', loadingType = '${this.ulList1[i].ulList2[j].loadingType}',
|
||||
loadingTypeName = '${this.ulList1[i].ulList2[j].loadingTypeName}', remark = '${this.ulList1[i].ulList2[j].remark}',
|
||||
webStatus = '${webStatus}', webDate = '${webDate}' WHERE webId = '${this.ulList1[i].ulList2[j].webId}';`
|
||||
this.executeSql(sql2)
|
||||
} else {
|
||||
let webId2 = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql2 = `insert into workMessageRespInfoList values('${webId2}','${this.ulList1[i].webId}','${this.ulList1[i].ulList2[j].carType}',
|
||||
'${this.ulList1[i].ulList2[j].carTypeName}','${this.ulList1[i].ulList2[j].goodsNumber}','${this.ulList1[i].ulList2[j].loadingType}',
|
||||
'${this.ulList1[i].ulList2[j].loadingTypeName}','${this.ulList1[i].ulList2[j].remark}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}','${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].spmName}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql2)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
let webId = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql = `insert into workMessageRespList values('${webId}','${contactId}','${this.hcValue}',
|
||||
'${this.hcTextValue}','${this.zxValue}','${this.zxTextValue}','${this.ulList1[i].gbValue}',
|
||||
'${this.ulList1[i].gbTextValue}','${this.ulList1[i].startTime}','${this.ulList1[i].endTime}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}','${this.shipInfo.voyageScheduleDataList[0].spmName}',
|
||||
'${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
for (let j = 0; j < this.ulList1[i].ulList2.length; j++) {
|
||||
if (this.ulList1[i].ulList2[j].webId != '' && this.ulList1[i].ulList2[j].webId != null) {
|
||||
let sql2 =
|
||||
`UPDATE workMessageRespInfoList SET carType = '${this.ulList1[i].ulList2[j].carType}',carTypeName = '${this.ulList1[i].ulList2[j].carTypeName}',
|
||||
goodsNumber = '${this.ulList1[i].ulList2[j].goodsNumber}', loadingType = '${this.ulList1[i].ulList2[j].loadingType}',
|
||||
loadingTypeName = '${this.ulList1[i].ulList2[j].loadingTypeName}', remark = '${this.ulList1[i].ulList2[j].remark}',
|
||||
webStatus = '${webStatus}', webDate = '${webDate}' WHERE webId = '${this.ulList1[i].ulList2[j].webId}';`
|
||||
this.executeSql(sql2)
|
||||
} else {
|
||||
let webId2 = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql2 = `insert into workMessageRespInfoList values('${webId2}','${webId}','${this.ulList1[i].ulList2[j].carType}',
|
||||
'${this.ulList1[i].ulList2[j].carTypeName}','${this.ulList1[i].ulList2[j].goodsNumber}','${this.ulList1[i].ulList2[j].loadingType}',
|
||||
'${this.ulList1[i].ulList2[j].loadingTypeName}','${this.ulList1[i].ulList2[j].remark}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}','${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].spmName}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql2)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 翻仓信息
|
||||
for (let i = 0; i < this.fcUlList.length; i++) {
|
||||
if (this.fcUlList[i].webId != null) {
|
||||
for (let j = 0; j < this.fcUlList[i].fcUlList2.length; j++) {
|
||||
let webId = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
if (this.fcUlList[i].fcUlList2[j].editStatus != 0) {
|
||||
let sql =
|
||||
`UPDATE retallyMessageRespList SET vvyId = '${this.hcValue}', vvyName = '${this.hcTextValue}',
|
||||
retallyType = '${this.fcUlList[i].fcValue}',retallyTypeName = '${this.fcUlList[i].fcTextValue}',
|
||||
retallyOrigin = '${this.fcUlList[i].fcUlList2[j].qdValue}', retallyTerminus = '${this.fcUlList[i].fcUlList2[j].zdValue}',
|
||||
retallyStartTime = '${this.fcUlList[i].fcUlList2[j].startTime}', retallyEndTime = '${this.fcUlList[i].fcUlList2[j].endTime}',
|
||||
carType = '${this.fcUlList[i].fcUlList2[j].carType}',carTypeName = '${this.fcUlList[i].fcUlList2[j].carTypeName}',
|
||||
goodsNumber = '${this.fcUlList[i].fcUlList2[j].goodsNumber}', goodsVolume = '${this.fcUlList[i].fcUlList2[j].tjValue}',
|
||||
goodsWeight = '${this.fcUlList[i].fcUlList2[j].zlValue}', webStatus = '${webStatus}',
|
||||
webDate = '${webDate}' WHERE webId = '${this.fcUlList[i].webId}';`
|
||||
this.executeSql(sql)
|
||||
} else {
|
||||
let sql =
|
||||
`insert into retallyMessageRespList values('${webId}','${this.fcUlList[i].contactId}','${this.hcValue}','${this.hcTextValue}','${this.fcUlList[i].fcValue}',
|
||||
'${this.fcUlList[i].fcTextValue}','${this.fcUlList[i].fcUlList2[j].qdValue}','${this.fcUlList[i].fcUlList2[j].zdValue}',
|
||||
'${this.fcUlList[i].fcUlList2[j].startTime}','${this.fcUlList[i].fcUlList2[j].endTime}','${this.fcUlList[i].fcUlList2[j].carType}',
|
||||
'${this.fcUlList[i].fcUlList2[j].carTypeName}','${this.fcUlList[i].fcUlList2[j].goodsNumber}','${this.fcUlList[i].fcUlList2[j].tjValue}',
|
||||
'${this.fcUlList[i].fcUlList2[j].zlValue}','${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}','${this.shipInfo.voyageScheduleDataList[0].spmName}',
|
||||
'${editStatus}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (let j = 0; j < this.fcUlList[i].fcUlList2.length; j++) {
|
||||
let webId = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql =
|
||||
`insert into retallyMessageRespList values('${webId}','${contactId}','${this.hcValue}','${this.hcTextValue}','${this.fcUlList[i].fcValue}',
|
||||
'${this.fcUlList[i].fcTextValue}','${this.fcUlList[i].fcUlList2[j].qdValue}','${this.fcUlList[i].fcUlList2[j].zdValue}',
|
||||
'${this.fcUlList[i].fcUlList2[j].startTime}','${this.fcUlList[i].fcUlList2[j].endTime}','${this.fcUlList[i].fcUlList2[j].carType}',
|
||||
'${this.fcUlList[i].fcUlList2[j].carTypeName}','${this.fcUlList[i].fcUlList2[j].goodsNumber}','${this.fcUlList[i].fcUlList2[j].tjValue}',
|
||||
'${this.fcUlList[i].fcUlList2[j].zlValue}','${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}','${this.shipInfo.voyageScheduleDataList[0].spmName}',
|
||||
'${editStatus}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
}
|
||||
}
|
||||
}
|
||||
// 其他信息
|
||||
let webDate = api.getDate(date)
|
||||
let sql =
|
||||
`UPDATE infoRespList SET vvyId = '${this.hcValue}', vvyName = '${this.hcTextValue}', tecNum = '${this.otherObj.jsworker}',
|
||||
tecStartTm = '${this.otherObj.startTime}', tecEndTm = '${this.otherObj.endTime}', tecWeight = '${this.otherObj.zlValue}',
|
||||
tecVolume = '${this.otherObj.tjValue}', genNum = '${this.otherObj.ptworker}',
|
||||
genStartTm = '${this.otherObj.startTime2}', genEndTm = '${this.otherObj.endTime2}', genWeight = '${this.otherObj.zlValue2}',
|
||||
genVolume = '${this.otherObj.tjValue2}', auxRemark = '${this.otherObj.describe}', waitRemark = '${this.otherObj.dgWork}',
|
||||
workRemark = '${this.otherObj.remark}', webStatus = '${webStatus}', webDate = '${webDate}' WHERE webId = '${this.otherObj.webId}';`
|
||||
this.executeSql(sql)
|
||||
} else if (this.obj.state == "add") {
|
||||
// 工班信息
|
||||
for (let i = 0; i < this.ulList1.length; i++) {
|
||||
let webId = uuidv4()
|
||||
let contactId = ""
|
||||
let webStatus = "0"
|
||||
let date = new Date().getTime()
|
||||
let webDate = api.getDate(date)
|
||||
let sql = `insert into workMessageRespList values('${webId}','${contactId}','${this.hcValue}',
|
||||
'${this.hcTextValue}','${this.zxValue}','${this.zxTextValue}','${this.ulList1[i].gbValue}',
|
||||
|
@ -600,41 +812,44 @@
|
|||
'${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
for (let j = 0; j < this.ulList1[i].ulList2.length; j++) {
|
||||
let webId = uuidv4()
|
||||
let contactId = ""
|
||||
let webId2 = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql2 = `insert into workMessageRespInfoList values('${webId}','${contactId}','${this.ulList1[i].ulList2[j].cxValue}',
|
||||
'${this.ulList1[i].ulList2[j].cxTextValue}','${this.ulList1[i].ulList2[j].numValue}','${this.ulList1[i].ulList2[j].fsValue}',
|
||||
'${this.ulList1[i].ulList2[j].fsTextValue}','${this.ulList1[i].ulList2[j].notes}',
|
||||
let sql2 = `insert into workMessageRespInfoList values('${webId2}','${webId}','${this.ulList1[i].ulList2[j].carType}',
|
||||
'${this.ulList1[i].ulList2[j].carTypeName}','${this.ulList1[i].ulList2[j].goodsNumber}','${this.ulList1[i].ulList2[j].loadingType}',
|
||||
'${this.ulList1[i].ulList2[j].loadingTypeName}','${this.ulList1[i].ulList2[j].remark}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}','${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].spmName}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql2)
|
||||
}
|
||||
}
|
||||
// 翻仓信息
|
||||
for (let i = 0; i < this.fcUlList.length; i++) {
|
||||
for (let j = 0; j < this.fcUlList[i].fcUlList2.length; j++) {
|
||||
let webId = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql =
|
||||
`insert into retallyMessageRespList values('${webId}','${contactId}','${this.hcValue}','${this.hcTextValue}','${this.fcUlList[i].fcValue}',
|
||||
'${this.fcUlList[i].fcTextValue}','${this.fcUlList[i].fcUlList2[j].qdValue}','${this.fcUlList[i].fcUlList2[j].zdValue}',
|
||||
'${this.fcUlList[i].fcUlList2[j].startTime}','${this.fcUlList[i].fcUlList2[j].endTime}','${this.fcUlList[i].fcUlList2[j].carType}',
|
||||
'${this.fcUlList[i].fcUlList2[j].carTypeName}','${this.fcUlList[i].fcUlList2[j].goodsNumber}','${this.fcUlList[i].fcUlList2[j].tjValue}',
|
||||
'${this.fcUlList[i].fcUlList2[j].zlValue}','${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}','${this.shipInfo.voyageScheduleDataList[0].spmName}',
|
||||
'${editStatus}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
}
|
||||
}
|
||||
// 其他信息
|
||||
let webId = uuidv4()
|
||||
let webDate = api.getDate(date)
|
||||
let sql =
|
||||
`insert into infoRespList values('${webId}','${contactId}','${this.hcValue}','${this.hcTextValue}','${this.otherObj.jsworker}',
|
||||
'${this.otherObj.startTime}','${this.otherObj.endTime}','${this.otherObj.zlValue}','${this.otherObj.tjValue}','${this.otherObj.ptworker}',
|
||||
'${this.otherObj.startTime2}','${this.otherObj.endTime2}','${this.otherObj.zlValue2}','${this.otherObj.tjValue2}','${this.otherObj.describe}',
|
||||
'${this.otherObj.dgWork}','${this.otherObj.remark}','${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}','${this.shipInfo.voyageScheduleDataList[0].spmName}',
|
||||
'${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
}
|
||||
// let addShiftArr = uni.getStorageSync('addShiftArr')
|
||||
// let addShiftObj = {
|
||||
// vvyName: this.hcTextValue,
|
||||
// vvyId: this.hcValue,
|
||||
// loadTypeName: this.zxTextValue,
|
||||
// loadType: this.zxValue,
|
||||
// shiftList: this.ulList1,
|
||||
// fcList: this.fcUlList,
|
||||
// otherList: this.otherObj
|
||||
// }
|
||||
// if (this.obj.state == 'add') {
|
||||
// if (addShiftArr != "") {
|
||||
// addShiftArr.push(addShiftObj)
|
||||
// uni.setStorageSync('addShiftArr', addShiftArr);
|
||||
// } else {
|
||||
// addShiftArr = []
|
||||
// addShiftArr.push(addShiftObj)
|
||||
// uni.setStorageSync('addShiftArr', addShiftArr);
|
||||
// }
|
||||
// } else {
|
||||
// addShiftArr[this.shiftRowIndex] = addShiftObj;
|
||||
// uni.setStorageSync('addShiftArr', addShiftArr);
|
||||
// }
|
||||
uni.setStorageSync('tabsType', 1);
|
||||
uni.navigateTo({
|
||||
url: '/pages/shipWork/mixWork'
|
||||
|
@ -643,7 +858,7 @@
|
|||
executeSql(sql) {
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
console.log(value);
|
||||
// console.log(value)
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
|
|
|
@ -1,90 +1,94 @@
|
|||
<template>
|
||||
<view class="shiftDetails">
|
||||
<view class="container">
|
||||
<custom-tabs type="c1" :value="value" @change="changeIndex">
|
||||
<custom-tabs type="c1" :value="tabsValue" @change="changeIndex">
|
||||
<custom-tab-pane label="工班信息" name="c1_1">
|
||||
<view></view>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p>船名:</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].spmName}}</text>
|
||||
<text>{{dataInfo[0].spmName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>航次:</p>
|
||||
<text>{{dataInfo.vvyName}}</text>
|
||||
<text>{{dataInfo[0].vvyName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>进出口:</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].importExportFlagName}}</text>
|
||||
<text>{{dataInfo[0].importExportFlagName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>贸易类型:</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].tradeTypeName}}</text>
|
||||
<text>{{dataInfo[0].tradeTypeName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>装卸类型:</p>
|
||||
<text> {{dataInfo.loadTypeName}}</text>
|
||||
<text> {{dataInfo[0].loadTypeName}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ul bUl borTop" v-for="(item,index) in dataInfo.shiftList" :key="index + 'a'">
|
||||
<view class="ul bUl borTop" v-for="(item,index) in shiftInfo" :key="index + 'a'">
|
||||
<view class="li">
|
||||
<p>工班:</p>
|
||||
<text> {{item.gbTextValue}}</text>
|
||||
<text> {{item.pwcTypeName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>作业时间:</p>
|
||||
<text> {{item.startTime}} - {{item.endTime}}</text>
|
||||
<text> {{item.workStartTime}} - {{item.workEndTime}}</text>
|
||||
</view>
|
||||
<view class="ul bUl" v-for="(item2,index2) in item.ulList2" :key="index2 + 'b'">
|
||||
<view class="ul bUl" v-for="(item2,index2) in item.shiftInfoList" :key="index2 + 'b'">
|
||||
<view class="li">
|
||||
<p>车型:</p>
|
||||
<text>{{item2.cxTextValue}}</text>
|
||||
<text>{{item2.carTypeName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>数量:</p>
|
||||
<text>{{item2.numValue}}</text>
|
||||
<text>{{item2.goodsNumber}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>装卸方式:</p>
|
||||
<text>{{item2.loadingTypeName}}</text>
|
||||
</view>
|
||||
<view class="li wLi">
|
||||
<p>备注:</p>
|
||||
<text>{{item2.notes}}</text>
|
||||
<text>{{item2.remark}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</custom-tab-pane>
|
||||
<custom-tab-pane label="翻仓信息" name="c1_2">
|
||||
<view class="fcInfo" v-for="(item,index) in dataInfo.fcList" :key="index + 'fc'">
|
||||
<view class="fcInfo" v-for="(item,index) in this.fcList" :key="index">
|
||||
<view class="fcBox">
|
||||
<p>翻舱类型:</p>
|
||||
<text>{{item.fcTextValue}}</text>
|
||||
<text>{{item.retallyTypeName}}</text>
|
||||
</view>
|
||||
<view class="ul" v-for="(item2,index2) in item.fcUlList2" :key="index2 + 'info'">
|
||||
<view class="ul" v-for="(item2,index2) in item.fcInfo" :key="index2">
|
||||
<view class="li">
|
||||
<p>航次:</p>
|
||||
<text>{{dataInfo.vvyName}}</text>
|
||||
<text>{{item2.vvyName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>翻舱起点:</p>
|
||||
<text>{{item2.qdValue}}</text>
|
||||
<text>{{item2.retallyOrigin}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>翻舱终点:</p>
|
||||
<text>{{item2.zdValue}}</text>
|
||||
<text>{{item2.retallyTerminus}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>作业时间:</p>
|
||||
<text>{{item2.startTime}} - {{item2.endTime}}</text>
|
||||
<text>{{item2.retallyStartTime}} - {{item2.retallyEndTime}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>数量:</p>
|
||||
<text>{{item2.numValue}}</text>
|
||||
<text>{{item2.goodsNumber}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>体积:</p>
|
||||
<text>{{item2.tjValue}}</text>
|
||||
<text>{{item2.goodsVolume}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>重量:</p>
|
||||
<text>{{item2.zlValue}}</text>
|
||||
<text>{{item2.goodsWeight}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -95,53 +99,53 @@
|
|||
<view class="ul">
|
||||
<view class="li">
|
||||
<p>技术工人:</p>
|
||||
<text>{{dataInfo.otherList.jsWorker}}</text>
|
||||
<text>{{otherList.tecNum}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>作业时间:</p>
|
||||
<text>{{dataInfo.otherList.startTime}} - {{dataInfo.otherList.endTime}}</text>
|
||||
<text>{{otherList.tecStartTm}} - {{otherList.tecEndTm}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>重量:</p>
|
||||
<text>{{dataInfo.otherList.zlValue}}</text>
|
||||
<text>{{otherList.tecWeight}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>体积:</p>
|
||||
<text>{{dataInfo.otherList.tjValue}}</text>
|
||||
<text>{{otherList.tecVolume}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>普通工人:</p>
|
||||
<text>{{dataInfo.otherList.ptworker}}</text>
|
||||
<text>{{otherList.genNum}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>作业时间:</p>
|
||||
<text>{{dataInfo.otherList.startTime2}} - {{dataInfo.otherList.endTime2}}</text>
|
||||
<text>{{otherList.genStartTm}} - {{otherList.genEndTm}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>重量:</p>
|
||||
<text>{{dataInfo.otherList.zlValue2}}</text>
|
||||
<text>{{otherList.genWeight}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>体积:</p>
|
||||
<text>{{dataInfo.otherList.tjValue2}}</text>
|
||||
<text>{{otherList.genVolume}}</text>
|
||||
</view>
|
||||
<view class="li wLi">
|
||||
<p>描述:</p>
|
||||
<text>{{dataInfo.otherList.describe}}</text>
|
||||
<text>{{otherList.auxRemark}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<p class="title">待工作业</p>
|
||||
<view class="ul">
|
||||
<view class="li wLi">
|
||||
<p>描述:</p>
|
||||
<text>{{dataInfo.otherList.dgWork}}</text>
|
||||
<text>{{otherList.waitRemark}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<p class="title">作业备注</p>
|
||||
<view class="ul">
|
||||
<view class="li wLi">
|
||||
<p>描述:</p>
|
||||
<text>{{dataInfo.otherList.notes}}</text>
|
||||
<text>{{otherList.workRemark}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -161,32 +165,105 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import sqlite from "../../common/sqlite.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value: 0,
|
||||
shipInfo: {
|
||||
voyageScheduleDataList: [{
|
||||
spmName: "",
|
||||
importExportFlagName: "",
|
||||
tradeTypeName: ""
|
||||
}]
|
||||
},
|
||||
dataInfo: {
|
||||
otherList: {}
|
||||
},
|
||||
tabsValue: 0,
|
||||
dataInfo: [{
|
||||
spmName: "",
|
||||
importExportFlagName: "",
|
||||
tradeTypeName: ""
|
||||
}],
|
||||
shiftInfo: [],
|
||||
fcList: [],
|
||||
otherList: {},
|
||||
shiftRowIndex: 0,
|
||||
contactId: "",
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
this.dataInfo = uni.getStorageSync('shiftRow')
|
||||
this.shiftRowIndex = uni.getStorageSync('shiftRowIndex')
|
||||
this.contactId = this.dataInfo[0].contactId
|
||||
this.initData()
|
||||
},
|
||||
methods: {
|
||||
changeIndex(e) {
|
||||
// console.log('选中:', e)
|
||||
// 查
|
||||
executeSql1(tableName) {
|
||||
let sql = `select * from ${tableName} WHERE contactId = '${this.contactId}';`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
if (tableName == 'workMessageRespList') {
|
||||
this.shiftInfo = []
|
||||
value.forEach(v => {
|
||||
this.executeSql2('workMessageRespInfoList', v)
|
||||
})
|
||||
} else if (tableName == 'retallyMessageRespList') {
|
||||
// console.log(value)
|
||||
let arr = []
|
||||
value.forEach(item => {
|
||||
if (!arr[item.retallyType]) {
|
||||
arr[item.retallyType] = {
|
||||
retallyType: item.retallyType,
|
||||
retallyTypeName: item.retallyTypeName,
|
||||
fcInfo: []
|
||||
};
|
||||
}
|
||||
arr[item.retallyType].fcInfo.push({
|
||||
vvyId: item.vvyId,
|
||||
vvyName: item.vvyName,
|
||||
retallyOrigin: item.retallyOrigin,
|
||||
retallyTerminus: item.retallyTerminus,
|
||||
carType: item.carType,
|
||||
carTypeName: item.carTypeName,
|
||||
datetime: [item.retallyStartTime, item.retallyEndTime],
|
||||
retallyStartTime: item.retallyStartTime,
|
||||
retallyEndTime: item.retallyEndTime,
|
||||
goodsNumber: item.goodsNumber,
|
||||
goodsVolume: item.goodsVolume,
|
||||
goodsWeight: item.goodsWeight
|
||||
});
|
||||
});
|
||||
this.fcList = Object.values(arr)
|
||||
} else if (tableName == 'infoRespList') {
|
||||
this.otherList = value[0]
|
||||
}
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
executeSql2(tableName, item) {
|
||||
let sql = `select * from ${tableName} WHERE contactId = '${item.webId}';`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
item["shiftInfoList"] = []
|
||||
value.forEach(v => {
|
||||
item["shiftInfoList"].push(v)
|
||||
})
|
||||
this.shiftInfo.push(item)
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
initData() {
|
||||
// 获取工班信息
|
||||
this.executeSql1('workMessageRespList')
|
||||
this.executeSql1('retallyMessageRespList')
|
||||
this.executeSql1('infoRespList')
|
||||
},
|
||||
// 删除
|
||||
executeSql(tableName) {
|
||||
let sql = `DELETE FROM ${tableName} WHERE contactId = '${this.contactId}';`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
console.log(value);
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
// 点击tabs
|
||||
changeIndex(e) {},
|
||||
// 取消
|
||||
cancel() {
|
||||
uni.setStorageSync('tabsType', 1);
|
||||
|
@ -196,9 +273,10 @@
|
|||
},
|
||||
// 弹框删除
|
||||
delConfirm() {
|
||||
let addShiftArr = uni.getStorageSync('addShiftArr')
|
||||
addShiftArr.splice(this.shiftRowIndex, 1)
|
||||
uni.setStorageSync('addShiftArr', addShiftArr);
|
||||
this.executeSql('workMessageRespList')
|
||||
this.executeSql('workMessageRespInfoList')
|
||||
this.executeSql('retallyMessageRespList')
|
||||
this.executeSql('infoRespList')
|
||||
uni.setStorageSync('tabsType', 1);
|
||||
uni.navigateTo({
|
||||
url: '/pages/shipWork/mixWork'
|
||||
|
|
Loading…
Reference in New Issue