样式修改，逻辑修改
Panzihang
parent
e71d539aa8
commit
49baa9bc22
|
|
@ -32,6 +32,8 @@ module.exports = {
|
|||
this.createMafiListRespList()
|
||||
// 创建安全巡检
|
||||
this.createSafetyInspectionRespList()
|
||||
// 创建安全巡检图片上传地址
|
||||
this.createSafetyInspectionRespUrlList()
|
||||
// 创建作业查询
|
||||
this.createShipmentShipLoadPlansRespList()
|
||||
// 创建船舶资料
|
||||
|
|
@ -123,6 +125,12 @@ module.exports = {
|
|||
'CREATE TABLE if not exists safetyInspectionRespList ("webId" text NOT NULL,"vvyId" text,"vvyName" text,"type" text,"remark" text,"tradeTypeName" text,"importExportFlagName" text,"spmName" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 创建安全巡检图片上传地址 safetyInspectionRespUrlList
|
||||
createSafetyInspectionRespUrlList() {
|
||||
let sql =
|
||||
'CREATE TABLE if not exists safetyInspectionRespUrlList ("webId" text NOT NULL,"contactId" text,"url" text,"webStatus" text,"webDate" text, PRIMARY KEY("webId"));'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
// 创建作业查询 shipmentShipLoadPlansRespList
|
||||
createShipmentShipLoadPlansRespList() {
|
||||
let sql =
|
||||
|
|
|
|||
|
|
@ -23,7 +23,6 @@ module.exports = {
|
|||
},
|
||||
|
||||
compress(base64String, w, quality) {
|
||||
console.log(base64String.length);
|
||||
var getMimeType = (urlData) => {
|
||||
var arr = urlData.split(",");
|
||||
var mime = arr[0].match(/:(.*?);/)[1];
|
||||
|
|
@ -55,7 +54,6 @@ module.exports = {
|
|||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
ctx.drawImage(newImage, 0, 0, canvas.width, canvas.height);
|
||||
var base64 = canvas.toDataURL(getMimeType(base64String), quality);
|
||||
console.log(base64);
|
||||
return base64;
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,24 @@
|
|||
<template>
|
||||
<view class="headInfo">
|
||||
<view class="infoLeft">
|
||||
<view class="infoLogo">
|
||||
<image src="../../static/images/theme/logo.png" mode="" class="logo"></image>
|
||||
</view>
|
||||
<view class="navList">
|
||||
<template v-for="(item,index) in navList">
|
||||
<navigator :key="index" :url="item.url" open-type="redirect" class="item">
|
||||
<view class="itemInfo" :class="item.type?'navActive':''">
|
||||
<image :src="item.imageUrl" v-if="item.type"></image>
|
||||
<image :src="item.imageUrl2" v-if="!item.type"></image>
|
||||
<text>{{item.name}}</text>
|
||||
</view>
|
||||
</navigator>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
<view class="infoRight">
|
||||
<view class="info" @click="showInfo">
|
||||
<image class="toux" src="@/static/images/theme/toux.png" mode="widthFix"></image>
|
||||
<text>wchenp</text>
|
||||
<uni-icons type="gear" size="21" />
|
||||
</view>
|
||||
<view class="infoList" v-if="infoType">
|
||||
<view class="userInfo">
|
||||
|
|
@ -38,6 +53,7 @@
|
|||
@confirm="outConfirm"></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
@ -63,12 +79,53 @@
|
|||
portId: "",
|
||||
portName: "",
|
||||
activeIndex: 0,
|
||||
navList: [{
|
||||
url: "/pages/index/index",
|
||||
name: "装船指令",
|
||||
type: false,
|
||||
imageUrl: "../../static/images/theme/zcIcon1-1.png",
|
||||
imageUrl2: "../../static/images/theme/zcIcon1-2.png"
|
||||
},
|
||||
{
|
||||
url: "/pages/discharge/index",
|
||||
name: "卸船指令",
|
||||
type: false,
|
||||
imageUrl: "../../static/images/theme/xcIcon1-1.png",
|
||||
imageUrl2: "../../static/images/theme/xcIcon1-2.png"
|
||||
}, {
|
||||
url: "/pages/shipWork/index",
|
||||
name: "船舶作业",
|
||||
type: false,
|
||||
imageUrl: "../../static/images/theme/cbIcon1-1.png",
|
||||
imageUrl2: "../../static/images/theme/cbIcon1-2.png"
|
||||
}, {
|
||||
url: "/pages/quality/index",
|
||||
name: "货物质量",
|
||||
type: false,
|
||||
imageUrl: "../../static/images/theme/cbIcon1-1.png",
|
||||
imageUrl2: "../../static/images/theme/cbIcon1-2.png"
|
||||
}, {
|
||||
url: "/pages/monitor/index",
|
||||
name: "场位监控",
|
||||
type: false,
|
||||
imageUrl: "../../static/images/theme/cbIcon1-1.png",
|
||||
imageUrl2: "../../static/images/theme/cbIcon1-2.png"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
props: {
|
||||
navIndex: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
required: true
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.activeIndex = uni.getStorageSync("selectPortIndex")
|
||||
this.portId = this.portList[this.activeIndex].value
|
||||
this.portName = this.portList[this.activeIndex].title
|
||||
this.navList[this.navIndex].type = true
|
||||
},
|
||||
methods: {
|
||||
showInfo() {
|
||||
|
|
@ -127,24 +184,76 @@
|
|||
<style lang="less" scoped>
|
||||
.headInfo {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
height: 66px;
|
||||
line-height: 66px;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #999999;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
.info {
|
||||
width: 120px;
|
||||
.infoLeft {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
.logo {
|
||||
width: 175px;
|
||||
height: 32px;
|
||||
margin: 16px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: flex;
|
||||
margin-top: 12px;
|
||||
|
||||
.item {
|
||||
width: 124px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: 8px;
|
||||
background: #F2F7FC;
|
||||
margin-right: 16px;
|
||||
|
||||
.itemInfo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #445173;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 9px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.navActive {
|
||||
background: #0067CF;
|
||||
color: #fff !important;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.infoRight {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
.info {
|
||||
margin-right: 20px;
|
||||
|
||||
.toux {
|
||||
margin-top: 10rpx;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -154,7 +263,6 @@
|
|||
|
||||
.infoList {
|
||||
width: 200px;
|
||||
height: 190px;
|
||||
padding: 10px 20px;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
|
|
@ -164,7 +272,7 @@
|
|||
justify-content: space-between;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 40px;
|
||||
top: 60px;
|
||||
|
||||
.borTop {
|
||||
border-top: 1px #ccc solid;
|
||||
|
|
@ -174,6 +282,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popupBox {
|
||||
width: 500px;
|
||||
|
|
|
|||
|
|
@ -15,21 +15,16 @@
|
|||
船舶作业
|
||||
</view>
|
||||
</navigator>
|
||||
<view url="/pages/quality/index" open-type="redirect">
|
||||
<navigator url="/pages/quality/index" open-type="redirect">
|
||||
<view class="item" :class="path==4?'active':''">
|
||||
货物质量
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
<navigator url="/pages/monitor/index" open-type="redirect">
|
||||
<view class="item" :class="path==5?'active':''">
|
||||
场位监控
|
||||
</view>
|
||||
</navigator>
|
||||
<navigator url="/pages/test/ceshi" open-type="redirect">
|
||||
<view class="item" :class="path==6?'active':''">
|
||||
测试
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-info></head-info>
|
||||
<head-info :navIndex="1"></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='2'></side-bar>
|
||||
卸船指令
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -10,7 +9,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
export default {
|
||||
data() {
|
||||
|
|
@ -22,7 +20,6 @@
|
|||
|
||||
},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -60,6 +57,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.item {
|
||||
width: 32%;
|
||||
margin-top: 15px;
|
||||
|
|
@ -67,6 +65,7 @@
|
|||
height: 160px;
|
||||
border: 1px solid #c9cacb;
|
||||
padding: 22px 15px;
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -74,20 +73,24 @@
|
|||
margin-bottom: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.status {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 18px;
|
||||
margin: 10px 0;
|
||||
|
||||
.text {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-info></head-info>
|
||||
<head-info :navIndex="0"></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='1'></side-bar>
|
||||
<view class="content">
|
||||
<view class="form">
|
||||
<view class="end">
|
||||
|
|
@ -60,7 +59,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
import sqlite from "../../common/sqlite.js"
|
||||
import rSqlite from "../../common/rSqlite.js"
|
||||
|
|
@ -80,11 +78,8 @@
|
|||
shipList: []
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
// this.loadList()
|
||||
},
|
||||
onLoad() {},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -319,7 +314,6 @@
|
|||
justify-content: flex-end;
|
||||
|
||||
.end {
|
||||
width: 500px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
|
|
@ -328,7 +322,7 @@
|
|||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 10px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
|
|||
|
|
@ -1,48 +1,8 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-view v-show="current!=2" title="船名/航次"></head-view>
|
||||
<head-info v-show="current==2"></head-info>
|
||||
<head-view title="船名/航次"></head-view>
|
||||
<view class="content">
|
||||
<view class="form">
|
||||
<view class="input">
|
||||
<superwei-combox class="input" :candidates="mnfBlList" :isJSON="true" keyName="mnfBl"
|
||||
placeholder="提单号" v-model="mnfBl" @input="mnfBlInput" @select="mnfBlSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<view class="select" v-show="current!=0">
|
||||
<uni-data-select v-model="harbour" :localdata="harbourRange" @change="change('harbour')"
|
||||
placeholder="港区">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
<view class="select" v-show="current!=0">
|
||||
<uni-data-select v-model="type" :localdata="typeRange" @change="change('type')" placeholder="贸易类型">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
<view class="input">
|
||||
<superwei-combox class="input" :candidates="brandList" :isJSON="true" keyName="brdName"
|
||||
placeholder="品牌" v-model="brdName" @input="brandInput" @select="brandSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<view class="select" v-show="current!=0">
|
||||
<superwei-combox class="input" :candidates="bvmList" :isJSON="true" keyName="bvmName"
|
||||
placeholder="车型" v-model="bvmName" @input="bvmInput" @select="bvmSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<view class="select">
|
||||
<superwei-combox class="input" :candidates="potList" :isJSON="true" keyName="potName"
|
||||
placeholder="港口" v-model="potName" @input="potInput" @select="potSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<view class="select" v-show="current!=0">
|
||||
<uni-data-select v-model="status" :localdata="statusRange" @change="change('status')"
|
||||
placeholder="计划状态">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
<button class="btn" @click="screen" v-show='current==0'>筛选</button>
|
||||
<button class="btn" @click="onSearch">搜索</button>
|
||||
</view>
|
||||
<fjj-condition ref='condition' @touchmove.stop color="#4D7BFE" :list="menuList" :defaultValue="defaultValue"
|
||||
@result="resultConditon" />
|
||||
<view class="uni-list">
|
||||
<radio-group class="group" @change="radioChange">
|
||||
<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
|
||||
|
|
@ -52,11 +12,87 @@
|
|||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
<view class="inputBox">
|
||||
<view class="input">
|
||||
<superwei-combox class="input" :candidates="mnfBlList" :isJSON="true" keyName="mnfBl"
|
||||
placeholder="提单号" v-model="mnfBl" @input="mnfBlInput"
|
||||
@select="mnfBlSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<!-- <view class="select" v-show="current!=0">
|
||||
<uni-data-select v-model="harbour" :localdata="harbourRange" @change="change('harbour')"
|
||||
placeholder="港区">
|
||||
</uni-data-select>
|
||||
</view> -->
|
||||
<!-- <view class="select" v-show="current!=0">
|
||||
<uni-data-select v-model="type" :localdata="typeRange" @change="change('type')"
|
||||
placeholder="贸易类型">
|
||||
</uni-data-select>
|
||||
</view> -->
|
||||
<view class="input">
|
||||
<superwei-combox class="input" :candidates="brandList" :isJSON="true" keyName="brdName"
|
||||
placeholder="品牌" v-model="brdName" @input="brandInput"
|
||||
@select="brandSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<!-- <view class="select" v-show="current!=0">
|
||||
<superwei-combox class="input" :candidates="bvmList" :isJSON="true" keyName="bvmName"
|
||||
placeholder="车型" v-model="bvmName" @input="bvmInput" @select="bvmSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view> -->
|
||||
<view class="select">
|
||||
<superwei-combox class="input" :candidates="potList" :isJSON="true" keyName="potName"
|
||||
placeholder="港口" v-model="potName" @input="potInput" @select="potSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
<!-- <view class="select" v-show="current!=0">
|
||||
<uni-data-select v-model="status" :localdata="statusRange" @change="change('status')"
|
||||
placeholder="计划状态">
|
||||
</uni-data-select>
|
||||
</view> -->
|
||||
<button class="btn" @click="screen" v-show='current==0'>筛选</button>
|
||||
<button class="btn" @click="onSearch">搜索</button>
|
||||
</view>
|
||||
</view>
|
||||
<fjj-condition ref='condition' @touchmove.stop color="#4D7BFE" :list="menuList" :defaultValue="defaultValue"
|
||||
@result="resultConditon" />
|
||||
<view class="buttonlist">
|
||||
<button v-show="current==0" class="button" type="default">指令发送</button>
|
||||
<button v-show="current!=2" class="button" type="default">装船要求</button>
|
||||
<button class="button" type="default">刷新</button>
|
||||
<button v-show="current==0" class="button" type="default" @click="distribute('center')">指令下发</button>
|
||||
<button v-show="current==1" class="button" type="default">指令发送</button>
|
||||
<button v-show="current==0 || current == 1" class="button" type="default" @click="ask">装船要求</button>
|
||||
<button class="button" type="default" v-show="current != 3">刷新</button>
|
||||
<button v-show="current==2" class="button" type="default">显示</button>
|
||||
<uni-popup ref="popup" type="dialog">
|
||||
<view class="popupBox">
|
||||
<view class="popupTitle">
|
||||
指令下发
|
||||
</view>
|
||||
<view class="popupInfo">
|
||||
<text>负责人：</text>
|
||||
<uni-data-select v-model="director" :localdata="directorList"></uni-data-select>
|
||||
</view>
|
||||
<view class="popupBtn">
|
||||
<view class="btnList">
|
||||
<button class="button" type="default" @click="cancel">取 消</button>
|
||||
<button class="button" type="primary" @click="confirm">确 认</button>
|
||||
</view>
|
||||
</view>
|
||||
</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="cancel">取 消</button>
|
||||
<button class="button" type="primary" @click="confirm">提 交</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<view class="itemList" v-show="current==0">
|
||||
<view class="exp" v-for="(item,index) in itemList" :key="item.index">
|
||||
|
|
@ -102,7 +138,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="details">
|
||||
<uni-icons v-show="itemActive != index" class="jt" type="top" size="24" color="#108ee9"
|
||||
<uni-icons v-show="itemActive != index" class="jt" type="bottom" size="24" color="#108ee9"
|
||||
@click="isActive(index)"></uni-icons>
|
||||
<view class="itemDetails" v-show="itemActive == index">
|
||||
<view class="row" v-for="cell in item.xq">
|
||||
|
|
@ -128,7 +164,7 @@
|
|||
详情
|
||||
</view>
|
||||
</view>
|
||||
<uni-icons class="jt" type="bottom" size="24" color="#108ee9"
|
||||
<uni-icons class="jt" type="top" size="24" color="#108ee9"
|
||||
@click="itemActive = '-1'"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -182,7 +218,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="details">
|
||||
<uni-icons v-show="itemActive != index" class="jt" type="top" size="24" color="#108ee9"
|
||||
<uni-icons v-show="itemActive != index" class="jt" type="bottom" size="24" color="#108ee9"
|
||||
@click="isActive(index)"></uni-icons>
|
||||
<view class="itemDetails" v-show="itemActive == index">
|
||||
<view class="row" v-for="cell in item.xq">
|
||||
|
|
@ -208,7 +244,7 @@
|
|||
详情
|
||||
</view>
|
||||
</view>
|
||||
<uni-icons class="jt" type="bottom" size="24" color="#108ee9"
|
||||
<uni-icons class="jt" type="top" size="24" color="#108ee9"
|
||||
@click="itemActive = '-1'"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -265,6 +301,131 @@
|
|||
|
||||
</uni-table>
|
||||
</view>
|
||||
|
||||
<view v-show="current == 3">
|
||||
<view class="field">
|
||||
<view class="boxTop">
|
||||
<view class="title">
|
||||
堆场
|
||||
</view>
|
||||
<view class="option">
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
</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="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>
|
||||
</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="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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -294,24 +455,28 @@
|
|||
harbourRange: [{
|
||||
value: 1,
|
||||
text: '全部'
|
||||
}, {
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
text: '内贸'
|
||||
}, {
|
||||
value: 3,
|
||||
text: '外贸'
|
||||
}],
|
||||
}
|
||||
],
|
||||
type: '', // 贸易类型
|
||||
typeRange: [{
|
||||
value: 1,
|
||||
text: '全部'
|
||||
}, {
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
text: '内贸'
|
||||
}, {
|
||||
value: 3,
|
||||
text: '外贸'
|
||||
}],
|
||||
}
|
||||
],
|
||||
bvmName: '', // 车型
|
||||
bvmItem: {},
|
||||
bvmList: [],
|
||||
|
|
@ -322,7 +487,8 @@
|
|||
statusRange: [{
|
||||
value: 1,
|
||||
text: '待发送'
|
||||
}, {
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
text: '已发送'
|
||||
}, {
|
||||
|
|
@ -337,8 +503,21 @@
|
|||
}, {
|
||||
value: 6,
|
||||
text: '已完成'
|
||||
}],
|
||||
|
||||
}
|
||||
],
|
||||
// 指令下发弹窗负责人
|
||||
director: "",
|
||||
directorList: [{
|
||||
text: "产品馆",
|
||||
value: "1"
|
||||
},
|
||||
{
|
||||
text: "产品馆服务",
|
||||
value: "2"
|
||||
}
|
||||
],
|
||||
// 装船要求
|
||||
askValue: "",
|
||||
value: '',
|
||||
itemList: [],
|
||||
range: [1],
|
||||
|
|
@ -363,6 +542,29 @@
|
|||
current: 0,
|
||||
active: 1,
|
||||
itemActive: -1,
|
||||
|
||||
optionValue: "",
|
||||
optionList: [{
|
||||
value: "0",
|
||||
text: "全部堆场"
|
||||
},
|
||||
{
|
||||
alue: "1",
|
||||
text: "外六"
|
||||
},
|
||||
{
|
||||
alue: "2",
|
||||
text: "港建库"
|
||||
},
|
||||
{
|
||||
alue: "3",
|
||||
text: "高东库"
|
||||
},
|
||||
{
|
||||
alue: "4",
|
||||
text: "江海库"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -371,6 +573,12 @@
|
|||
let sum = (60 / item) * 100
|
||||
return sum
|
||||
};
|
||||
},
|
||||
itemSum2() {
|
||||
return function(item) {
|
||||
let sum = 1000 / item * 100
|
||||
return sum
|
||||
};
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -447,7 +655,6 @@
|
|||
resultConditon(obj) {
|
||||
this.$refs.condition.visibleDrawer = false;
|
||||
this.hasChoose = obj.hasChoose;
|
||||
console.log(obj);
|
||||
},
|
||||
loadSumOrder() {
|
||||
let data = {}
|
||||
|
|
@ -520,8 +727,6 @@
|
|||
status: '暂停'
|
||||
}
|
||||
]
|
||||
console.log(2);
|
||||
console.log(this.itemList);
|
||||
},
|
||||
tabChange(tag) {
|
||||
this.active = tag
|
||||
|
|
@ -599,7 +804,22 @@
|
|||
}
|
||||
|
||||
},
|
||||
|
||||
// 点击指令下发
|
||||
distribute(type) {
|
||||
this.$refs.popup.open(type)
|
||||
},
|
||||
cancel() {
|
||||
this.$refs.popup.close()
|
||||
this.$refs.popup2.close()
|
||||
},
|
||||
confirm() {
|
||||
this.$refs.popup.close()
|
||||
this.$refs.popup2.close()
|
||||
},
|
||||
// 点击装船要求
|
||||
ask(type) {
|
||||
this.$refs.popup2.open(type)
|
||||
},
|
||||
// 提单号
|
||||
mnfBlInput(e) {
|
||||
clearTimeout(timers)
|
||||
|
|
@ -732,36 +952,43 @@
|
|||
|
||||
.form {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.select {
|
||||
width: 150px;
|
||||
margin-right: 20px;
|
||||
.inputBox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.input {
|
||||
width: 150px;
|
||||
width: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 60px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin: 0 20px 0 0;
|
||||
margin-right: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.uni-list {
|
||||
margin-top: 20px;
|
||||
|
||||
.group {
|
||||
width: 360px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 5px;
|
||||
|
||||
.uni-label-pointer {
|
||||
margin-right: 10px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/deep/.uni-radio-input {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -775,6 +1002,52 @@
|
|||
line-height: 40px;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.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;
|
||||
width: 250px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
/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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tablist {
|
||||
|
|
@ -900,5 +1173,203 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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-top: 2px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -63,7 +63,6 @@
|
|||
loginGo(type) {
|
||||
if (this.account == "rtoswuhan1" && this.password == "123456") {
|
||||
if (this.portList.length > 0) {
|
||||
this.type = type
|
||||
this.$refs.popup.open(type)
|
||||
this.portId = this.portList[0].value
|
||||
this.portName = this.portList[0].title
|
||||
|
|
|
|||
|
|
@ -1,9 +1,8 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-info></head-info>
|
||||
<head-info :navIndex="4"></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='5'></side-bar>
|
||||
<custom-tabs type="c1" :value="tabsValue" @change="changeIndex">
|
||||
<custom-tabs type="c1" :value="tabsValue">
|
||||
<custom-tab-pane label="场位图" name="c1_1">
|
||||
<view></view>
|
||||
<template v-if="placeTabs == 0">
|
||||
|
|
@ -13,8 +12,7 @@
|
|||
堆场
|
||||
</view>
|
||||
<view class="option">
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cwBox">
|
||||
|
|
@ -186,33 +184,27 @@
|
|||
<view class="topOption">
|
||||
<view class="option">
|
||||
<text>堆场</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>进出口</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>贸易类型</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>船名/航次</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>品牌</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
<view class="option">
|
||||
<text>港口</text>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
<uni-data-select v-model="optionValue" :localdata="optionList"></uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="goodsList">
|
||||
|
|
@ -241,7 +233,6 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</custom-tab-pane>
|
||||
</custom-tabs>
|
||||
|
|
@ -251,7 +242,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
import place from './place.vue';
|
||||
export default {
|
||||
|
|
@ -351,13 +341,10 @@
|
|||
},
|
||||
onLoad() {},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo,
|
||||
place
|
||||
},
|
||||
methods: {
|
||||
// 点击tabs
|
||||
changeIndex(e) {},
|
||||
// 点击车道
|
||||
toGoPlace() {
|
||||
this.placeTabs = 1;
|
||||
|
|
@ -455,10 +442,10 @@
|
|||
}
|
||||
|
||||
.partsList {
|
||||
width: calc(100% + 40px);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding-left: 40px;
|
||||
padding: 20px;
|
||||
|
||||
.partsInfo {
|
||||
width: 19%;
|
||||
|
|
@ -527,6 +514,12 @@
|
|||
text-align: center;
|
||||
border-radius: 50%;
|
||||
margin-top: 5px;
|
||||
|
||||
/deep/.van-icon {
|
||||
transform: scale(0.8);
|
||||
margin-top: 2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
text {
|
||||
|
|
@ -623,7 +616,7 @@
|
|||
}
|
||||
|
||||
.goodsList {
|
||||
padding-left: 30px;
|
||||
padding: 0 30px;
|
||||
margin-top: 10px;
|
||||
|
||||
.li {
|
||||
|
|
|
|||
|
|
@ -118,7 +118,7 @@
|
|||
// 取消
|
||||
cancel() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/index'
|
||||
url: '/pages/quality/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
<template>
|
||||
<view class="edit">
|
||||
<view class="container">
|
||||
<view class="formTitle">
|
||||
基本信息
|
||||
</view>
|
||||
|
||||
<uni-steps :options="stepList" :active="active" />
|
||||
<view class="ul">
|
||||
<template v-if="active == 0">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>资损发生环节</p>
|
||||
<radio-group class="radioList" @change="radioChange">
|
||||
|
|
@ -36,26 +34,25 @@
|
|||
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="li zisun">
|
||||
<p class="liTitle"><text class="required">*</text>责损负责人:</p>
|
||||
<uni-easyinput class="inputBox" v-model="lossHead" placeholder="请输入"></uni-easyinput>
|
||||
</view>
|
||||
<view class="li zisun">
|
||||
</template>
|
||||
|
||||
<template v-if="active == 3">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>签名:</p>
|
||||
<p class="sign" @click="sign">点击签名</p>
|
||||
</view>
|
||||
</view>
|
||||
<view class="formTitle">
|
||||
质损信息
|
||||
</template>
|
||||
</view>
|
||||
<view class="ul zsInfo">
|
||||
<template v-if="active == 1">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车架号/条形码:</p>
|
||||
<uni-easyinput class="inputBox" v-model="carValue" placeholder="请输入"></uni-easyinput>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>船名航次:</p>
|
||||
<uni-data-select v-model="shipValue" :localdata="shipList" @change="shipChange"></uni-data-select>
|
||||
<uni-data-select v-model="shipValue" :localdata="shipList"
|
||||
@change="shipChange"></uni-data-select>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车型:</p>
|
||||
|
|
@ -83,7 +80,7 @@
|
|||
<radio :value="item.value" :checked="index === current2" />
|
||||
</view>
|
||||
<view class="boxInfo">{{item.name}}<uni-easyinput class="inputBox" v-model="other"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput></view>
|
||||
placeholder="请输入" v-if="showInput2 && item.name == '其他'"></uni-easyinput></view>
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
|
|
@ -102,7 +99,7 @@
|
|||
<checkbox :value="item.value" :checked="item.checked" />
|
||||
</view>
|
||||
<view class="boxInfo">{{item.name}}<uni-easyinput class="inputBox" v-model="other1"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput>
|
||||
placeholder="请输入" v-if="item.name == '其他' && showInput3"></uni-easyinput>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
|
|
@ -115,7 +112,7 @@
|
|||
<checkbox :value="item.value" :checked="item.checked" />
|
||||
</view>
|
||||
<view class="boxInfo">{{item.name}}<uni-easyinput class="inputBox" v-model="other2"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput>
|
||||
placeholder="请输入" v-if="item.name == '其他' && showInput4"></uni-easyinput>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
|
|
@ -128,11 +125,14 @@
|
|||
<checkbox :value="item.value" :checked="item.checked" />
|
||||
</view>
|
||||
<view class="boxInfo">{{item.name}}<uni-easyinput class="inputBox" v-model="other3"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput>
|
||||
placeholder="请输入" v-if="item.name == '其他' && showInput5"></uni-easyinput>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template v-if="active == 2">
|
||||
<view class="li tpLi">
|
||||
<p class="liTitle">资损照片</p>
|
||||
<van-uploader>
|
||||
|
|
@ -151,10 +151,14 @@
|
|||
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view class="btnList">
|
||||
<van-button type="default" @click="cancel">取消</van-button>
|
||||
<van-button type="info">提交</van-button>
|
||||
<van-button type="default" @click="back" v-if="active > 0">上一步</van-button>
|
||||
<van-button type="default" @click="next" v-if="active < 3">下一步</van-button>
|
||||
<van-button type="info" @click="save" v-if="active == 3">提交</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -166,8 +170,21 @@
|
|||
name: "monEdit",
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
stepList: [{
|
||||
title: '基本信息'
|
||||
},
|
||||
{
|
||||
title: '质损信息'
|
||||
},
|
||||
{
|
||||
title: '质损图片'
|
||||
},
|
||||
{
|
||||
title: '签字'
|
||||
}
|
||||
],
|
||||
// 基本信息
|
||||
lossHead: "", // 资损负责人
|
||||
radioList: [{
|
||||
value: "1",
|
||||
name: "收车交接"
|
||||
|
|
@ -300,46 +317,49 @@
|
|||
name: "其他"
|
||||
}
|
||||
],
|
||||
showInput2: false,
|
||||
current2: "",
|
||||
other: "", // 质损货物品类其他
|
||||
checkValue: [], // 资损概况多选框选中
|
||||
checklist: [{ // 资损概况多选框
|
||||
value: "碰撞",
|
||||
value: "1",
|
||||
name: "碰撞",
|
||||
},
|
||||
{
|
||||
value: "追尾",
|
||||
value: "2",
|
||||
name: "追尾",
|
||||
},
|
||||
{
|
||||
value: "短装/卸",
|
||||
value: "3",
|
||||
name: "短装/卸",
|
||||
},
|
||||
{
|
||||
value: "其他",
|
||||
value: "4",
|
||||
name: "其他",
|
||||
}
|
||||
],
|
||||
showInput3: false,
|
||||
other1: "", // 资损概况其他
|
||||
checkValue2: [], // 资损概况多选框选中
|
||||
checklist2: [{
|
||||
value: "磕伤（点状）",
|
||||
value: "1",
|
||||
name: "磕伤（点状）",
|
||||
},
|
||||
{
|
||||
value: "擦伤（面状）",
|
||||
value: "2",
|
||||
name: "擦伤（面状）",
|
||||
}, {
|
||||
value: "划伤（线状）",
|
||||
value: "3",
|
||||
name: "划伤（线状）",
|
||||
}, {
|
||||
value: "凹陷（凹状）",
|
||||
value: "4",
|
||||
name: "凹陷（凹状）",
|
||||
}, {
|
||||
value: "其他",
|
||||
value: "5",
|
||||
name: "其他",
|
||||
}
|
||||
],
|
||||
showInput4: false,
|
||||
other2: "", // 损伤情况其他
|
||||
checkValue3: [], // 处置情况多选框选中
|
||||
checklist3: [{ // 处置情况多选框
|
||||
|
|
@ -362,11 +382,12 @@
|
|||
name: "其他",
|
||||
}
|
||||
],
|
||||
showInput5: false,
|
||||
other3: "", // 处置情况其他
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
radioChange: function(evt) {
|
||||
radioChange(evt) {
|
||||
for (let i = 0; i < this.radioList.length; i++) {
|
||||
if (this.radioList[i].value === evt.detail.value) {
|
||||
this.current = i;
|
||||
|
|
@ -374,13 +395,18 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
radioChange2: function(evt) {
|
||||
radioChange2(evt) {
|
||||
for (let i = 0; i < this.radioList2.length; i++) {
|
||||
if (this.radioList2[i].value === evt.detail.value) {
|
||||
this.current2 = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (evt.detail.value == 4) {
|
||||
this.showInput2 = true
|
||||
} else {
|
||||
this.showInput2 = false
|
||||
}
|
||||
},
|
||||
checkboxChange(e) {
|
||||
var items = this.checklist,
|
||||
|
|
@ -402,8 +428,20 @@
|
|||
this.checkValue = newArr.filter((v, index) => {
|
||||
return newArr.indexOf(v) === index
|
||||
})
|
||||
newArr.forEach(v => {
|
||||
if (v == '其他') {
|
||||
this.showInput3 = true
|
||||
} else {
|
||||
this.showInput3 = false
|
||||
}
|
||||
})
|
||||
},
|
||||
checkboxChange2(e) {
|
||||
if (e.detail.value == 5) {
|
||||
this.showInput4 = true
|
||||
} else {
|
||||
this.showInput4 = false
|
||||
}
|
||||
var items = this.checklist2,
|
||||
values = e.detail.value;
|
||||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||||
|
|
@ -423,6 +461,13 @@
|
|||
this.checkValue2 = newArr.filter((v, index) => {
|
||||
return newArr.indexOf(v) === index
|
||||
})
|
||||
newArr.forEach(v => {
|
||||
if (v == '其他') {
|
||||
this.showInput4 = true
|
||||
} else {
|
||||
this.showInput4 = false
|
||||
}
|
||||
})
|
||||
},
|
||||
checkboxChange3(e) {
|
||||
var items = this.checklist3,
|
||||
|
|
@ -444,11 +489,18 @@
|
|||
this.checkValue3 = newArr.filter((v, index) => {
|
||||
return newArr.indexOf(v) === index
|
||||
})
|
||||
newArr.forEach(v => {
|
||||
if (v == '其他') {
|
||||
this.showInput5 = true
|
||||
} else {
|
||||
this.showInput5 = false
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击签名
|
||||
sign() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/sign'
|
||||
url: '/pages/quality/sign'
|
||||
})
|
||||
},
|
||||
// 船名
|
||||
|
|
@ -471,12 +523,22 @@
|
|||
dateChange(e) {
|
||||
this.zsDate = e
|
||||
},
|
||||
// 上一步
|
||||
back() {
|
||||
this.active--
|
||||
},
|
||||
// 下一步
|
||||
next() {
|
||||
this.active++
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/index'
|
||||
url: '/pages/quality/index'
|
||||
})
|
||||
}
|
||||
},
|
||||
// 提交
|
||||
save() {},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -487,15 +549,25 @@
|
|||
.container {
|
||||
padding: 20px 30px;
|
||||
|
||||
input::placeholder {
|
||||
color: #6a6a6a !important;
|
||||
/deep/.uni-steps {
|
||||
height: 80px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.formTitle {
|
||||
padding-left: 10px;
|
||||
border-left: 5px solid #2979ff;
|
||||
/deep/.uni-steps__row-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/deep/.uni-icons {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
/deep/.uni-steps__row-container {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
color: #6a6a6a !important;
|
||||
}
|
||||
|
||||
.ul {
|
||||
|
|
@ -527,14 +599,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.zisun {
|
||||
display: flex;
|
||||
|
||||
.liTitle {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.picture {
|
||||
margin-top: 20px;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-info></head-info>
|
||||
<head-info :navIndex="3"></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='4'></side-bar>
|
||||
<view class="content">
|
||||
<view class="form">
|
||||
<button type="primary" class="button" @click="add">
|
||||
|
|
@ -89,7 +88,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
export default {
|
||||
data() {
|
||||
|
|
@ -117,7 +115,6 @@
|
|||
|
||||
},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -133,19 +130,19 @@
|
|||
// 点击新增
|
||||
add() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/edit'
|
||||
url: '/pages/quality/edit'
|
||||
})
|
||||
},
|
||||
// 点击编辑
|
||||
edit() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/edit'
|
||||
url: '/pages/quality/edit'
|
||||
})
|
||||
},
|
||||
// 点击详情
|
||||
details() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/monitor/details'
|
||||
url: '/pages/quality/details'
|
||||
|
||||
})
|
||||
},
|
||||
|
|
@ -178,17 +175,16 @@
|
|||
|
||||
.right {
|
||||
width: 600px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.select {
|
||||
width: 130px;
|
||||
margin-left: 20px;
|
||||
|
||||
.uni-select {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
/deep/.is-input-border {
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -197,8 +193,7 @@
|
|||
margin-top: 30px;
|
||||
|
||||
.item {
|
||||
height: 110px;
|
||||
padding: 20px;
|
||||
padding: 20px 0;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -214,6 +209,10 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.col {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.rowFoot {
|
||||
width: 12%;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -1,22 +1,35 @@
|
|||
<template>
|
||||
<view class="documentList">
|
||||
<view class="container">
|
||||
<p class="title">作业单证</p>
|
||||
<view class="workBox">
|
||||
<view class="title">
|
||||
<image src="../../static/images/shipWork/zydz.png" mode=""></image>
|
||||
<text>作业单证</text>
|
||||
</view>
|
||||
<view class="ul">
|
||||
<view class="li" v-for="(item,index) in infoList" :key="index" @click="toGo(item.url)">
|
||||
<view class="round"></view>
|
||||
<p>{{item.name}}</p]>
|
||||
<image :src="item.imgUrl" mode=""></image>
|
||||
<p>{{item.name}}</p>
|
||||
<view class="uploadStatus" v-if="!item.status">
|
||||
<text>未上传</text>
|
||||
</view>
|
||||
</view>
|
||||
<p class="title">其他作业</p>
|
||||
</view>
|
||||
</view>
|
||||
<view class="workBox">
|
||||
<view class="title">
|
||||
<image src="../../static/images/shipWork/qtzy.png" mode=""></image>
|
||||
<text>其他作业</text>
|
||||
</view>
|
||||
<view class="ul">
|
||||
<view class="li" v-for="(item,index) in otherListh" :key="index" @click="toGo(item.url)">
|
||||
<view class="round"></view>
|
||||
<image :src="item.imgUrl" mode=""></image>
|
||||
<p>{{item.name}}</p>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
@ -26,52 +39,72 @@
|
|||
return {
|
||||
infoList: [{
|
||||
name: "杂项作业单",
|
||||
url: "mixWork"
|
||||
url: "mixWork",
|
||||
imgUrl: "../../static/images/shipWork/zxzyd.png",
|
||||
status: false,
|
||||
},
|
||||
{
|
||||
name: "系解缆",
|
||||
url: "untieCord"
|
||||
url: "untieCord",
|
||||
imgUrl: "../../static/images/shipWork/zxzyd.png",
|
||||
status: false,
|
||||
},
|
||||
{
|
||||
name: "供给",
|
||||
url: "supply"
|
||||
url: "supply",
|
||||
imgUrl: "../../static/images/shipWork/gj.png",
|
||||
status: true,
|
||||
},
|
||||
{
|
||||
name: "指导员作业布置",
|
||||
url: "workAssign"
|
||||
url: "workAssign",
|
||||
imgUrl: "../../static/images/shipWork/zybz.png",
|
||||
status: true,
|
||||
},
|
||||
{
|
||||
name: "船舶装卸通知单",
|
||||
url: "notice"
|
||||
url: "notice",
|
||||
imgUrl: "../../static/images/shipWork/tzd.png",
|
||||
status: true,
|
||||
},
|
||||
{
|
||||
name: "质量意见征询",
|
||||
url: "opinion"
|
||||
url: "opinion",
|
||||
imgUrl: "../../static/images/shipWork/zlyj.png",
|
||||
status: true,
|
||||
},
|
||||
{
|
||||
name: "异常情况",
|
||||
url: "abnormal"
|
||||
url: "abnormal",
|
||||
imgUrl: "../../static/images/shipWork/yczk.png",
|
||||
status: true,
|
||||
},
|
||||
{
|
||||
name: "MAFI清单",
|
||||
url: "mafi"
|
||||
url: "mafi",
|
||||
imgUrl: "../../static/images/shipWork/mafiqd.png",
|
||||
status: true,
|
||||
}
|
||||
],
|
||||
otherListh: [{
|
||||
name: "安全巡检",
|
||||
url: "patrol"
|
||||
url: "patrol",
|
||||
imgUrl: "../../static/images/shipWork/aqxj.png"
|
||||
},
|
||||
{
|
||||
name: "船舶资料",
|
||||
url: "shipInfo"
|
||||
url: "shipInfo",
|
||||
imgUrl: "../../static/images/shipWork/cbzl.png"
|
||||
},
|
||||
{
|
||||
name: "船舶计划",
|
||||
url: "shipPlan"
|
||||
url: "shipPlan",
|
||||
imgUrl: "../../static/images/shipWork/cbjh.png"
|
||||
},
|
||||
{
|
||||
name: "作业查询",
|
||||
url: "brandDetails"
|
||||
url: "brandDetails",
|
||||
imgUrl: "../../static/images/shipWork/zycx.png"
|
||||
}
|
||||
],
|
||||
}
|
||||
|
|
@ -111,32 +144,65 @@
|
|||
.container {
|
||||
padding: 30px 20px;
|
||||
|
||||
.workBox {
|
||||
background-color: #fff;
|
||||
margin-bottom: 20px;
|
||||
padding: 25px 16px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 20px;
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
text {
|
||||
margin-left: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.li {
|
||||
margin: 10px 20px;
|
||||
width: 195px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
box-shadow: 1px 1px 6px 0 rgba(52, 52, 52, 0.20);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.round {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ccc;
|
||||
border-radius: 50%;
|
||||
margin: 10px auto;
|
||||
image {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #23262E;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.uploadStatus {
|
||||
padding: 0 8px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
background: #FFF7EE;
|
||||
border-radius: 4px;
|
||||
color: #FC8300;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<template>
|
||||
<view class="app">
|
||||
<head-info></head-info>
|
||||
<head-info :navIndex="2"></head-info>
|
||||
<view class="container">
|
||||
<side-bar path='3'></side-bar>
|
||||
<view class="content">
|
||||
<view class="form">
|
||||
<view class="select">
|
||||
|
|
@ -10,22 +9,22 @@
|
|||
v-model="shipName" @input="input_json" @select="select_json"></superwei-combox>
|
||||
</view>
|
||||
<button class="searchBtn" type="default" @click="search">搜索</button>
|
||||
<button class="searchBtn" type="default" @click="isOpen">判断</button>
|
||||
<button class="searchBtn" type="default" @click="open">打开</button>
|
||||
<!-- <button class="searchBtn" type="default" @click="isOpen">判断</button>
|
||||
<button class="searchBtn" type="default" @click="createTable">创建</button>
|
||||
<button class="searchBtn" type="default" @click="dropTable">删除表</button>
|
||||
<button class="searchBtn" type="default" @click="dropData">删除数据</button>
|
||||
<button class="searchBtn" type="default" @click="executeSql1('shipInfoTable')">查询</button>
|
||||
<button class="searchBtn" type="default" @click="executeSql1('shipInfoTable')">查询</button> -->
|
||||
</view>
|
||||
<view class="itemList">
|
||||
<template v-if="itemList.length > 0">
|
||||
<view v-for="(item, index) in itemList" :key="index" class="item" @click="toGo(item)">
|
||||
<view class="title">
|
||||
<image src="../../static/images/ship.png" mode=""></image>
|
||||
<view class="name">
|
||||
{{item.spmName}}
|
||||
{{item.shipName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="table">
|
||||
<view class="row">
|
||||
<view class="nitem">
|
||||
进口航次: <text>{{item.inVvyName}}</text>
|
||||
|
|
@ -50,31 +49,28 @@
|
|||
实际泊位: <text>{{item.actualBerthageName}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="nitem">
|
||||
<text>{{item.uploadStatusDesc}}</text>
|
||||
<view class="footer">
|
||||
<view class="fitem">
|
||||
<button class="fitem1" type="default" @click.stop="download(item)">下载</button>
|
||||
<button class="fitem2" type="default" @click.stop="upload(item)">上传</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="statusBox statusBox1">
|
||||
<view class="statusInfo" v-if="item.uploadTime != ''">
|
||||
<text>已上传</text>
|
||||
<text>{{item.uploadTime}}</text>
|
||||
</view>
|
||||
<!-- <view class="nitem" v-if="item==1">
|
||||
<text class="green">●</text> 已下载
|
||||
<text>2023/09/21 12:00</text>
|
||||
<view class="statusInfo notStatus" v-else>
|
||||
<text>未上传</text>
|
||||
</view>
|
||||
<view class="nitem" v-if="item==2">
|
||||
<text>●</text> 未下载
|
||||
</view>
|
||||
<view class="nitem" v-if="item==1">
|
||||
<text class="green">●</text> 已上传
|
||||
<text>2023/09/21 12:00</text>
|
||||
</view>
|
||||
<view class="nitem" v-if="item==2">
|
||||
<text>●</text> 未上传
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="footer">
|
||||
<view class="footer">
|
||||
<button class="fitem" type="default" @click.stop="download(item)">下载</button>
|
||||
<button class="fitem" type="default" @click.stop="upload(item)">上传</button>
|
||||
<view class="statusBox statusBox2">
|
||||
<view class="statusInfo" v-if="item.downloadTime != ''">
|
||||
<text>已下载</text>
|
||||
<text>{{item.downloadTime}}</text>
|
||||
</view>
|
||||
<view class="statusInfo notStatus" v-else>
|
||||
<text>未下载</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -92,11 +88,13 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
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 {
|
||||
|
|
@ -306,7 +304,6 @@
|
|||
}
|
||||
},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo,
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -350,7 +347,7 @@
|
|||
},
|
||||
dropTable() {
|
||||
console.log('删除表');
|
||||
let sql = 'DROP TABLE retallyMessageRespList;'
|
||||
let sql = 'DROP TABLE safetyInspectionRespUrlList;'
|
||||
this.executeSql(sql)
|
||||
},
|
||||
dropData() {
|
||||
|
|
@ -436,14 +433,47 @@
|
|||
// 点击搜索
|
||||
search() {
|
||||
this.itemList = [{
|
||||
shipName: "海王星领袖",
|
||||
uploadTime: "2022-12-11 12:00:08",
|
||||
uploadStatusDesc: "已上传",
|
||||
actualBerthageName: "3",
|
||||
planBerthageName: "4",
|
||||
outTradeTypeName: "5",
|
||||
outVvyName: "6",
|
||||
inTradeTypeName: "7",
|
||||
inVvyName: "8"
|
||||
downloadTime: "2022-12-12 12:00:08",
|
||||
downloadStatusDesc: "已下载",
|
||||
actualBerthageName: "一泊位",
|
||||
planBerthageName: "一泊位",
|
||||
outTradeTypeName: "外贸",
|
||||
outVvyName: "381527688",
|
||||
inTradeTypeName: "内贸",
|
||||
inVvyName: "381527688"
|
||||
}, {
|
||||
shipName: "海王星领袖",
|
||||
uploadTime: "",
|
||||
downloadTime: "",
|
||||
actualBerthageName: "一泊位",
|
||||
planBerthageName: "一泊位",
|
||||
outTradeTypeName: "外贸",
|
||||
outVvyName: "381527688",
|
||||
inTradeTypeName: "内贸",
|
||||
inVvyName: "381527688"
|
||||
}, {
|
||||
shipName: "海王星领袖",
|
||||
uploadTime: "2022-12-11 12:00:08",
|
||||
downloadTime: "",
|
||||
actualBerthageName: "一泊位",
|
||||
planBerthageName: "一泊位",
|
||||
outTradeTypeName: "外贸",
|
||||
outVvyName: "381527688",
|
||||
inTradeTypeName: "内贸",
|
||||
inVvyName: "381527688"
|
||||
}, {
|
||||
shipName: "海王星领袖",
|
||||
uploadTime: "",
|
||||
downloadTime: "2022-12-12 12:00:08",
|
||||
actualBerthageName: "一泊位",
|
||||
planBerthageName: "一泊位",
|
||||
outTradeTypeName: "外贸",
|
||||
outVvyName: "381527688",
|
||||
inTradeTypeName: "内贸",
|
||||
inVvyName: "381527688"
|
||||
}]
|
||||
// this.initData()
|
||||
},
|
||||
|
|
@ -782,6 +812,10 @@
|
|||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-left: 0;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
background-color: #0067CF;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -798,16 +832,30 @@
|
|||
|
||||
.item {
|
||||
width: 49%;
|
||||
min-height: 204px;
|
||||
margin-top: 15px;
|
||||
margin-right: 2%;
|
||||
border: 1px solid #c9cacb;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 10px 0;
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 21px;
|
||||
padding: 10px 20px;
|
||||
font-weight: 700;
|
||||
|
||||
image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin-top: 5px;
|
||||
font-size: 16px;
|
||||
color: #23262E;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
|
|
@ -828,13 +876,70 @@
|
|||
.footer {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
justify-content: flex-end;
|
||||
border-top: 1px solid #EEEEEE;
|
||||
padding-top: 10px;
|
||||
|
||||
.fitem {
|
||||
flex: 1;
|
||||
margin: 10px 20px;
|
||||
background-color: #fff;
|
||||
|
||||
|
||||
display: flex;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border-radius: 4px;
|
||||
margin-right: 16px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.fitem1 {
|
||||
background: #EEEEEE;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.fitem2 {
|
||||
background: #0067CF;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.statusBox {
|
||||
.statusInfo {
|
||||
margin-bottom: 3px;
|
||||
padding: 5px;
|
||||
background: #F1F8FF;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #0067CF;
|
||||
|
||||
text:first-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.notStatus {
|
||||
background: #FFF7EE;
|
||||
color: #FC8300;
|
||||
|
||||
text:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.statusBox1 {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.statusBox2 {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -63,6 +63,7 @@
|
|||
<script>
|
||||
import sqlite from "../../common/sqlite.js"
|
||||
import api from "../../common/api.js";
|
||||
import utils from '@/common/util.js';
|
||||
import {
|
||||
v4 as uuidv4
|
||||
} from 'uuid';
|
||||
|
|
@ -87,6 +88,7 @@
|
|||
type: "",
|
||||
// 图片
|
||||
url: [], // 待增加
|
||||
ysUrl: [],
|
||||
// 描述
|
||||
remark: "",
|
||||
|
||||
|
|
@ -104,7 +106,9 @@
|
|||
if (this.obj.state == 'edit' || this.obj.state == 'look') {
|
||||
this.getRow();
|
||||
}
|
||||
|
||||
this.executeSql1('shipOption')
|
||||
this.executeSql2('safetyInspectionRespUrlList')
|
||||
},
|
||||
methods: {
|
||||
// 查
|
||||
|
|
@ -119,6 +123,16 @@
|
|||
console.error(error);
|
||||
});
|
||||
},
|
||||
executeSql2(tableName) {
|
||||
let sql = `select * from ${tableName} WHERE contactId = '${this.patrolRow.webId}'`
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
// console.log(value)
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
// 获取船只信息
|
||||
getShip() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
|
|
@ -158,6 +172,26 @@
|
|||
// 图片上传
|
||||
select(e) {
|
||||
console.log(e)
|
||||
let file = e.tempFiles[0].file
|
||||
this.fileToBase64(file).then(res => {
|
||||
console.log(res)
|
||||
utils.compress(res, 500, 0.3).then(res2 => {
|
||||
console.log(res2)
|
||||
this.ysUrl.push(res2)
|
||||
});
|
||||
console.log(this.ysUrl)
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
});
|
||||
},
|
||||
fileToBase64(file) {
|
||||
return new Promise((resolve, reject) => { ///专门用来读文件的工具类
|
||||
const reader = new FileReader();
|
||||
reader.readAsDataURL(file);
|
||||
reader.onload = () => resolve(reader.result);
|
||||
reader.onerror = (error) => reject(error);
|
||||
});
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
|
|
@ -194,6 +228,14 @@
|
|||
'${this.type}','${this.remark}','${this.shipInfo.voyageScheduleDataList[0].tradeTypeName}','${this.shipInfo.voyageScheduleDataList[0].importExportFlagName}',
|
||||
'${this.shipInfo.voyageScheduleDataList[0].spmName}','${webStatus}','${webDate}')`
|
||||
this.executeSql(sql)
|
||||
console.log(this.ysUrl)
|
||||
for (var i = 0; i < this.ysUrl.length; i++) {
|
||||
let webId2 = uuidv4()
|
||||
let sql2 = `insert into safetyInspectionRespUrlList values('${webId2}','${webId}','${this.ysUrl[i]}',
|
||||
'${webStatus}','${webDate}')`
|
||||
console.log(sql2)
|
||||
this.executeSql(sql2)
|
||||
}
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/shipWork/patrol'
|
||||
|
|
@ -210,7 +252,7 @@
|
|||
executeSql(sql) {
|
||||
sqlite.executeSqlCeshi(sql).then((value) => {
|
||||
// 在resolve时执行的回调函数
|
||||
console.log(value);
|
||||
// console.log(value);
|
||||
}).catch((error) => {
|
||||
// 在reject时执行的回调函数
|
||||
console.error(error);
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
</view>
|
||||
<view class="widthLi" v-for="(item,index) in ulList1" :key="index+'ul'">
|
||||
<view class="ulTop"><text @click="ulAdd1">添加工班</text><text v-if="index > 0"
|
||||
@click="delGb(index)">删除</text><van-icon name="arrow-down" /></view>
|
||||
@click="delGb(item,index)">删除</text><van-icon name="arrow-down" /></view>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>工班：</p>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
</view>
|
||||
<view class="widthLi" v-for="(item2,index2) in item.ulList2" :key="index2+'ul2'">
|
||||
<view class="ulTop"><text @click="ulAdd2(index)">添加工班信息</text></text><text v-if="index2 > 0"
|
||||
@click="delGb2(index,index2)">删除</text><van-icon name="arrow-down" /></view>
|
||||
@click="delGb2(item2,index,index2)">删除</text><van-icon name="arrow-down" /></view>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车型：</p>
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
<template v-if="active == 1">
|
||||
<view v-for="(item,index) in fcUlList" :key="index + 'fc'">
|
||||
<view class="ulTop"><text @click="fcAdd">添加翻仓类型</text><text v-if="index > 0"
|
||||
@click="delFc(index)">删除</text><van-icon name="arrow-down" /></view>
|
||||
@click="delFc(item,index)">删除</text><van-icon name="arrow-down" /></view>
|
||||
<view class="ul fcUl">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>翻仓类型：</p>
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
</view>
|
||||
<view v-for="(item2,index2) in item.fcUlList2" :key="index2 + 'fc2'">
|
||||
<view class="ulTop"><text @click="fcAdd2(index)">添加翻仓信息</text></text><text v-if="index2 > 0"
|
||||
@click="delFc2(index,index2)">删除</text><van-icon name="arrow-down" /></view>
|
||||
@click="delFc2(item2,index,index2)">删除</text><van-icon name="arrow-down" /></view>
|
||||
<view class="ul ul2 fcUl2">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>翻舱起点位置：</p>
|
||||
|
|
@ -287,6 +287,12 @@
|
|||
optionData: [],
|
||||
|
||||
contactId: "",
|
||||
// 工班删除ids
|
||||
shiftDelList: [],
|
||||
// 工班信息删除ids
|
||||
shiftInfoDelList: [],
|
||||
// 翻仓信息删除ids
|
||||
fcInfoDelList: [],
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
|
|
@ -358,6 +364,7 @@
|
|||
this.getData(obj)
|
||||
})
|
||||
} else if (tableName == 'retallyMessageRespList') {
|
||||
// console.log(value);
|
||||
let arr = [];
|
||||
value.forEach(item => {
|
||||
if (!arr[item.retallyType]) {
|
||||
|
|
@ -370,6 +377,7 @@
|
|||
};
|
||||
}
|
||||
arr[item.retallyType].fcUlList2.push({
|
||||
webId: item.webId,
|
||||
qdValue: item.retallyOrigin,
|
||||
zdValue: item.retallyTerminus,
|
||||
carType: item.carType,
|
||||
|
|
@ -384,6 +392,7 @@
|
|||
});
|
||||
});
|
||||
this.fcUlList = Object.values(arr);
|
||||
// console.log(this.fcUlList);
|
||||
} else if (tableName == 'infoRespList') {
|
||||
this.otherObj.webId = value[0].webId
|
||||
this.otherObj.contactId = value[0].contactId
|
||||
|
|
@ -562,23 +571,30 @@
|
|||
},
|
||||
// 作业时间
|
||||
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.datetime[0].slice(0, item.datetime[0].length - 3)
|
||||
item.startTime = item.datetime[0]
|
||||
item.endTime = item.datetime[1]
|
||||
item.startTime2 = item.datetime2[0]
|
||||
item.endTime2 = item.datetime2[1]
|
||||
},
|
||||
// 工班信息删除
|
||||
delGb(index) {
|
||||
delGb(item, index) {
|
||||
this.ulList1.splice(index, 1)
|
||||
if (item.webId != null) {
|
||||
this.shiftDelList.push(item.webId)
|
||||
this.shiftDelList = Array.from(new Set(this.shiftDelList))
|
||||
item.ulList2.forEach(v => {
|
||||
this.shiftInfoDelList.push(v.webId)
|
||||
})
|
||||
this.shiftInfoDelList = Array.from(new Set(this.shiftInfoDelList))
|
||||
}
|
||||
},
|
||||
delGb2(index, index2) {
|
||||
delGb2(item2, index, index2) {
|
||||
this.ulList1[index].ulList2.splice(index2, 1)
|
||||
if (item2.webId != null) {
|
||||
this.shiftInfoDelList.push(item.webId)
|
||||
this.shiftInfoDelList = Array.from(new Set(this.shiftInfoDelList))
|
||||
}
|
||||
},
|
||||
// 车型下拉
|
||||
cxChange(item, index, item2, index2) {
|
||||
|
|
@ -656,11 +672,21 @@
|
|||
})
|
||||
},
|
||||
// 翻仓删除
|
||||
delFc(index) {
|
||||
delFc(item, index) {
|
||||
this.fcUlList.splice(index, 1)
|
||||
if (item.webId != null) {
|
||||
item.fcUlList2.forEach(v => {
|
||||
this.fcInfoDelList.push(v.webId)
|
||||
})
|
||||
this.fcInfoDelList = Array.from(new Set(this.fcInfoDelList))
|
||||
}
|
||||
},
|
||||
delFc2(index, index2) {
|
||||
delFc2(item2, index, index2) {
|
||||
this.fcUlList[index].fcUlList2.splice(index2, 1)
|
||||
if (item2.webId != null) {
|
||||
this.fcInfoDelList.push(item2.webId)
|
||||
this.fcInfoDelList = Array.from(new Set(this.fcInfoDelList))
|
||||
}
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
|
|
@ -681,6 +707,7 @@
|
|||
save() {
|
||||
let date = new Date().getTime()
|
||||
let contactId = this.shipObj[0].webId
|
||||
console.log(contactId)
|
||||
let webStatus = "0"
|
||||
let editStatus = 1
|
||||
if (this.obj.state == "edit") {
|
||||
|
|
@ -759,7 +786,7 @@
|
|||
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}';`
|
||||
webDate = '${webDate}' WHERE webId = '${this.fcUlList[i].fcUlList2[j].webId}';`
|
||||
this.executeSql(sql)
|
||||
} else {
|
||||
let sql =
|
||||
|
|
@ -799,6 +826,21 @@
|
|||
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)
|
||||
// 删除工班信息
|
||||
this.shiftDelList.forEach(v => {
|
||||
let sql = `DELETE FROM workMessageRespList WHERE webId = '${v}';`
|
||||
this.executeSql(sql)
|
||||
})
|
||||
// 删除工班详细信息
|
||||
this.shiftInfoDelList.forEach(v => {
|
||||
let sql = `DELETE FROM workMessageRespInfoList WHERE webId = '${v}';`
|
||||
this.executeSql(sql)
|
||||
})
|
||||
// 删除翻仓信息
|
||||
this.fcInfoDelList.forEach(v => {
|
||||
let sql = `DELETE FROM retallyMessageRespList WHERE webId = '${v}';`
|
||||
this.executeSql(sql)
|
||||
})
|
||||
} else if (this.obj.state == "add") {
|
||||
// 工班信息
|
||||
for (let i = 0; i < this.ulList1.length; i++) {
|
||||
|
|
|
|||
|
|
@ -142,22 +142,21 @@
|
|||
let tempPath = res.tempFilePath;
|
||||
console.log(tempPath, '压缩前')
|
||||
// 示例用法
|
||||
let compressBase64Img = utils.compress(tempPath, 500, 0.3); //conpress封装的压缩方法
|
||||
console.log(compressBase64Img,'压缩后');
|
||||
utils.compress(tempPath, 500, 0.3).then(res => {
|
||||
console.log(res);
|
||||
}); //conpress封装的压缩方法; //conpress封装的压缩方法
|
||||
const ctx = uni.createCanvasContext('camCacnvs', that);
|
||||
ctx.translate(0, that.width);
|
||||
ctx.rotate((-90 * Math.PI) / 180);
|
||||
ctx.drawImage(tempPath, 0, 0, that.width, that.height);
|
||||
ctx.draw();
|
||||
setTimeout(() => {
|
||||
|
||||
//保存签名图片到本地
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId: 'camCacnvs',
|
||||
success: function(res) {
|
||||
//这是签名图片文件的本地临时地址
|
||||
let path = res.tempFilePath;
|
||||
|
||||
},
|
||||
fail: err => {
|
||||
console.log('fail', err);
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 833 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 908 B |
Binary file not shown.
|
After Width: | Height: | Size: 659 B |
Binary file not shown.
|
After Width: | Height: | Size: 845 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 911 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 783 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in New Issue