pad人员信息相关交互
Panzihang
parent
4d4a5d1bac
commit
4a1903071b
|
|
@ -2,19 +2,19 @@
|
|||
<view class="documentList">
|
||||
<view class="container">
|
||||
<p class="title">作业单证</p>
|
||||
<ul>
|
||||
<li v-for="(item,index) in infoList" :key="index" @click="toGo(item.url)">
|
||||
<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]>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<p class="title">其他作业</p>
|
||||
<ul>
|
||||
<li v-for="(item,index) in otherListh" :key="index" @click="toGo(item.url)">
|
||||
<view class="ul">
|
||||
<view class="li" v-for="(item,index) in otherListh" :key="index" @click="toGo(item.url)">
|
||||
<view class="round"></view>
|
||||
<p>{{item.name}}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -23,8 +23,6 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 当前船的信息
|
||||
shipInfo: {},
|
||||
infoList: [{
|
||||
name: "杂项作业单",
|
||||
url: "mixWork"
|
||||
|
|
@ -79,22 +77,18 @@
|
|||
url: "brandDetails"
|
||||
}
|
||||
],
|
||||
shipInfo: []
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
if ('params' in options) {
|
||||
// 获取传递的对象参数，使用decodeURIComponent解码，并转为对象
|
||||
this.shipInfo = JSON.parse(decodeURIComponent(options.params))
|
||||
}
|
||||
console.log(this.shipInfo)
|
||||
mounted() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
},
|
||||
methods: {
|
||||
toGo(url) {
|
||||
const params = encodeURIComponent(JSON.stringify(this.shipInfo));
|
||||
uni.navigateTo({
|
||||
url: `/pages/shipWork/${url}?params=${params}`
|
||||
url: `/pages/shipWork/${url}`
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -109,13 +103,13 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
li {
|
||||
.li {
|
||||
margin: 10px 20px;
|
||||
|
||||
.round {
|
||||
|
|
|
|||
|
|
@ -137,7 +137,7 @@
|
|||
console.log('接口返回------', res);
|
||||
if (res.statusCode === 200) {
|
||||
this.total = res.data.data.records.length
|
||||
const newArr = this.getMapping(res.data.data.records, this.pageSize)
|
||||
let newArr = this.getMapping(res.data.data.records, this.pageSize)
|
||||
this.itemList = newArr[this.current - 1];
|
||||
}
|
||||
}
|
||||
|
|
@ -234,6 +234,10 @@
|
|||
method: 'GET', //请求方式，必须为大写
|
||||
success: (res) => {
|
||||
console.log('接口返回------', res);
|
||||
if (res.statusCode == 200) {
|
||||
// 存储数据
|
||||
uni.setStorageSync('shipInfo', res.data.data);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
|
@ -431,10 +435,8 @@
|
|||
})
|
||||
},
|
||||
toGo(item) {
|
||||
const shipInfo = item;
|
||||
const params = encodeURIComponent(JSON.stringify(shipInfo));
|
||||
uni.navigateTo({
|
||||
url: `/pages/shipWork/documentList?params=${params}`
|
||||
url: `/pages/shipWork/documentList`
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,35 +6,27 @@
|
|||
@click="tabsClick(item,index)">{{item}}</view>
|
||||
</view>
|
||||
<!-- 人员信息列表 -->
|
||||
<ul v-if="tabsType == 1">
|
||||
<li v-for="(item,index) in peopleInfo" :key="index" @click="add('look')">
|
||||
<view class="title">航次：{{item.val1}}</view>
|
||||
<p>贸易类型：{{item.val2}}</p>
|
||||
<p>进出口：{{item.val3}}</p>
|
||||
<p>作业组数：{{item.val4}}</p>
|
||||
<p>单船人数：{{item.val5}}</p>
|
||||
<p>状态：{{item.val6}}</p>
|
||||
</li>
|
||||
</ul>
|
||||
<view class="ul" v-if="tabsType == 1">
|
||||
<view class="li" v-for="(item,index) in peopleInfo" :key="index" @click="add('look',item,index)">
|
||||
<view class="title">航次：{{item.vvyName}}</view>
|
||||
<p>贸易类型：{{item.tradeTypeName}}</p>
|
||||
<p>进出口：{{item.importExportFlagName}}</p>
|
||||
<p>作业组数：{{item.workSuite}}</p>
|
||||
<p>单船人数：{{item.shipPerson}}</p>
|
||||
<p>状态：未上传</p>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 工班信息列表 -->
|
||||
<ul v-if="tabsType == 2">
|
||||
<li v-for="(item,index) in shiftInfo" :key="index" @click="lookShift">
|
||||
<view class="title">航次：{{item.val1}}</view>
|
||||
<view class="shift">
|
||||
<p>一工班</p>
|
||||
<span>作业时间：2023/09/09 13:00:00</span>
|
||||
<view class="ul" v-if="tabsType == 2">
|
||||
<view class="li" v-for="(item,index) in shiftInfo" :key="index" @click="lookShift">
|
||||
<view class="title">航次：{{item.vvyName}}</view>
|
||||
<view class="shift" v-for="(item2,index2) in item.workMessageDetailReqDTOS" :key="index2">
|
||||
<p>{{item2.wkdId}}</p>
|
||||
<span>作业时间：{{item2.workTime}}</span>
|
||||
</view>
|
||||
<view class="shift">
|
||||
<p>二工班</p>
|
||||
<span>作业时间：2023/09/09 13:00:00</span>
|
||||
<view class="state">状态：未上传</view>
|
||||
</view>
|
||||
<view class="shift">
|
||||
<p>三工班</p>
|
||||
<span>作业时间：2023/09/09 13:00:00</span>
|
||||
</view>
|
||||
<view class="state">状态：{{item.val6}}</view>
|
||||
</li>
|
||||
</ul>
|
||||
<view class="addBtn" @click="add('add')">+ 新增</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -45,51 +37,32 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 当前船只信息
|
||||
shipInfo: {},
|
||||
shipInfo: [],
|
||||
tabsList: ["人员信息", "工班信息"],
|
||||
tabsType: 1, // 1是人员信息 2是工班信息
|
||||
tabsIndex: 0,
|
||||
// 人员信息列表
|
||||
peopleInfo: [{
|
||||
val1: "JK9795799",
|
||||
val2: "内贸",
|
||||
val3: "进口",
|
||||
val4: "100",
|
||||
val5: "100",
|
||||
val6: "未上传",
|
||||
},
|
||||
{
|
||||
val1: "JK9795799",
|
||||
val2: "内贸",
|
||||
val3: "进口",
|
||||
val4: "100",
|
||||
val5: "100",
|
||||
val6: "未上传",
|
||||
},
|
||||
{
|
||||
val1: "JK9795799",
|
||||
val2: "内贸",
|
||||
val3: "进口",
|
||||
val4: "100",
|
||||
val5: "100",
|
||||
val6: "未上传",
|
||||
}
|
||||
],
|
||||
peopleInfo: [],
|
||||
// 工班信息列表
|
||||
shiftInfo: [{
|
||||
val1: "JK9795799",
|
||||
val6: "未上传",
|
||||
vvyName: "511I",
|
||||
workMessageDetailReqDTOS: [{
|
||||
wkdId: "一工班",
|
||||
workTime: "2023/09/09 13:00:00"
|
||||
}, {
|
||||
wkdId: "二工班",
|
||||
workTime: "2023/09/09 13:00:00"
|
||||
}, {
|
||||
wkdId: "三工班",
|
||||
workTime: "2023/09/09 13:00:00"
|
||||
}]
|
||||
}, ]
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
if ('params' in options) {
|
||||
// 获取传递的对象参数，使用decodeURIComponent解码，并转为对象
|
||||
this.shipInfo = JSON.parse(decodeURIComponent(options.params))
|
||||
}
|
||||
console.log(this.shipInfo)
|
||||
mounted() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
this.peopleInfo = uni.getStorageSync('addPeopleArr');
|
||||
},
|
||||
methods: {
|
||||
tabsClick(item, index) {
|
||||
|
|
@ -100,9 +73,13 @@
|
|||
this.tabsType = 2;
|
||||
}
|
||||
},
|
||||
add(state) {
|
||||
this.shipInfo["state"] = state;
|
||||
const params = encodeURIComponent(JSON.stringify(this.shipInfo));
|
||||
add(state, item, index) {
|
||||
uni.setStorageSync('peopleRow', item);
|
||||
uni.setStorageSync('peopleRowIndex', index);
|
||||
let obj = {
|
||||
state: state
|
||||
}
|
||||
const params = encodeURIComponent(JSON.stringify(obj));
|
||||
if (this.tabsType == 1) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/shipWork/peopleAdd?params=${params}`
|
||||
|
|
@ -117,7 +94,7 @@
|
|||
uni.navigateTo({
|
||||
url: `/pages/shipWork/shiftDetails`
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -147,10 +124,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
padding: 20px 0;
|
||||
|
||||
li {
|
||||
.li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
|
|
|||
|
|
@ -1,54 +1,57 @@
|
|||
<template>
|
||||
<view class="peopleAdd">
|
||||
<view class="container">
|
||||
<ul>
|
||||
<li>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p>船名：</p>
|
||||
<span>快乐号</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required" v-if="obj.state != 'look'">*</span>航次：</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].spmName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required" v-if="obj.state != 'look'">*</text>航次：</p>
|
||||
<uni-data-select v-model="hcValue" :localdata="hcList" @change="hcChange"
|
||||
v-if="obj.state != 'look'"></uni-data-select>
|
||||
<span v-else>CK98796</span>
|
||||
</li>
|
||||
<li>
|
||||
<text v-else>{{peopleRow.vvyName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>进出口：</p>
|
||||
<span>进口</span>
|
||||
</li>
|
||||
<li>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].importExportFlagName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>贸易类型：</p>
|
||||
<span>内贸</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required" v-if="obj.state != 'look'">*</span>天气：</p>
|
||||
<span>未知</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required" v-if="obj.state != 'look'">*</span>泊位：</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].tradeTypeName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required" v-if="obj.state != 'look'">*</text>天气：</p>
|
||||
<uni-data-select v-model="tqValue" :localdata="tqList" @change="tqChange"
|
||||
v-if="obj.state != 'look'"></uni-data-select>
|
||||
<text v-else>{{peopleRow.weatherType}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required" v-if="obj.state != 'look'">*</text>泊位：</p>
|
||||
<uni-data-select v-model="bwValue" :localdata="bwList" @change="bwChange"
|
||||
v-if="obj.state != 'look'"></uni-data-select>
|
||||
<span v-else>1泊位</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required" v-if="obj.state != 'look'">*</span>作业组数：</p>
|
||||
<text v-else>{{peopleRow.bthIdName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required" v-if="obj.state != 'look'">*</text>作业组数：</p>
|
||||
<uni-number-box @change="workChange" v-model="workValue" v-if="obj.state != 'look'" />
|
||||
<span v-else>5</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required" v-if="obj.state != 'look'">*</span>单船人数：</p>
|
||||
<text v-else>{{peopleRow.workSuite}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required" v-if="obj.state != 'look'">*</text>单船人数：</p>
|
||||
<uni-number-box @change="shipChange" v-model="shipValue" v-if="obj.state != 'look'" />
|
||||
<span v-else>12</span>
|
||||
</li>
|
||||
<li>
|
||||
<text v-else>{{peopleRow.shipPerson}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>作业时间：</p>
|
||||
<uni-datetime-picker v-model="datetime" type="datetimerange" rangeSeparator="-" @change="changeLog"
|
||||
v-if="obj.state != 'look'" />
|
||||
<span v-else>2020-04-21 00:00 - 2020-04-21 00:00</span>
|
||||
</li>
|
||||
</ul>
|
||||
<text v-else>{{peopleRow.jobStartTime}} - {{peopleRow.jobEndTime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btnList">
|
||||
<van-button type="default" @click="cancel">取消</van-button>
|
||||
<van-button type="danger" v-if="obj.state == 'look'" @click="del">删除</van-button>
|
||||
<van-button type="info" v-if="obj.state == 'add' || obj.state == 'edit'" @click="save">保存</van-button>
|
||||
<van-button type="info" v-if="obj.state == 'look'" @click="toGo('edit')">编辑</van-button>
|
||||
</view>
|
||||
|
|
@ -60,59 +63,122 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
shipInfo: {
|
||||
voyageScheduleDataList: [{
|
||||
spmName: "",
|
||||
importExportFlagName: "",
|
||||
tradeTypeName: ""
|
||||
}]
|
||||
},
|
||||
peopleRow: {},
|
||||
peopleRowIndex: 0,
|
||||
obj: {},
|
||||
// 航次下拉框
|
||||
hcValue: "",
|
||||
hcList: [{
|
||||
value: 0,
|
||||
text: "航次0"
|
||||
},
|
||||
{
|
||||
value: 1,
|
||||
text: "航次1"
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
text: "航次2"
|
||||
},
|
||||
],
|
||||
hcTextValue: "",
|
||||
hcList: [],
|
||||
// 泊位下拉框
|
||||
bwValue: "",
|
||||
bwList: [{
|
||||
bwTextValue: "",
|
||||
bwList: [],
|
||||
// 天气下拉框
|
||||
tqValue: "",
|
||||
tqTextValue: "",
|
||||
tqList: [{
|
||||
value: 0,
|
||||
text: "泊位0"
|
||||
},
|
||||
{
|
||||
text: "晴"
|
||||
}, {
|
||||
value: 1,
|
||||
text: "泊位1"
|
||||
},
|
||||
{
|
||||
text: "阴"
|
||||
}, {
|
||||
value: 2,
|
||||
text: "泊位2"
|
||||
},
|
||||
],
|
||||
text: "雨"
|
||||
}],
|
||||
// 作业组数
|
||||
workValue: 0,
|
||||
// 单船人数
|
||||
shipValue: 0,
|
||||
// 作业时间
|
||||
datetime: "",
|
||||
datetime: ['', ''],
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
if ('params' in options) {
|
||||
// 获取传递的对象参数，使用decodeURIComponent解码，并转为对象
|
||||
this.obj = JSON.parse(decodeURIComponent(options.params))
|
||||
console.log(this.obj)
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
if (this.obj.state == "edit" || this.obj.state == "look") {
|
||||
this.getRow()
|
||||
}
|
||||
this.getShip()
|
||||
},
|
||||
methods: {
|
||||
// 获取船只信息
|
||||
getShip() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
this.shipInfo.pubBerthesManageRespList.forEach((v, index) => {
|
||||
this.bwList.push({
|
||||
text: v.bthBthnm,
|
||||
value: v.bthId
|
||||
})
|
||||
})
|
||||
this.shipInfo.voyageScheduleDataList.forEach((v, index) => {
|
||||
this.hcList.push({
|
||||
text: v.vvyName,
|
||||
value: v.vvyId
|
||||
})
|
||||
})
|
||||
},
|
||||
// 获取当前行信息
|
||||
getRow() {
|
||||
this.peopleRow = uni.getStorageSync('peopleRow');
|
||||
this.peopleRowIndex = uni.getStorageSync('peopleRowIndex');
|
||||
if (this.obj.state == "edit") {
|
||||
this.hcValue = this.peopleRow.vvyId
|
||||
this.hcTextValue = this.peopleRow.vvyName
|
||||
this.tqValue = this.peopleRow.weatherId
|
||||
this.tqTextValue = this.peopleRow.weatherType
|
||||
this.bwValue = this.peopleRow.bthId
|
||||
this.bwTextValue = this.peopleRow.bthIdName
|
||||
this.workValue = this.peopleRow.workSuite
|
||||
this.shipValue = this.peopleRow.shipPerson
|
||||
this.datetime = [this.peopleRow.jobStartTime, this.peopleRow.jobEndTime]
|
||||
this.startTime = this.peopleRow.jobStartTime
|
||||
this.endTime = this.peopleRow.jobEndTime
|
||||
}
|
||||
},
|
||||
// 航次下拉
|
||||
hcChange(e) {
|
||||
this.hcValue = e;
|
||||
this.hcList.forEach(v => {
|
||||
if (v.value == e) {
|
||||
this.hcTextValue = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
// 泊位下拉
|
||||
bwChange(e) {
|
||||
this.bwValue = e;
|
||||
this.bwList.forEach(v => {
|
||||
if (v.value == e) {
|
||||
this.bwTextValue = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
// 天气下拉
|
||||
tqChange(e) {
|
||||
this.tqValue = e;
|
||||
this.tqList.forEach(v => {
|
||||
if (v.value == e) {
|
||||
this.tqTextValue = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
// 作业组数
|
||||
workChange(val) {
|
||||
|
|
@ -125,7 +191,8 @@
|
|||
// 作业时间
|
||||
changeLog(e) {
|
||||
this.datetime = e;
|
||||
console.log(e)
|
||||
this.startTime = this.datetime[0].slice(0, this.datetime[0].length - 3)
|
||||
this.endTime = this.datetime[1].slice(0, this.datetime[1].length - 3)
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
|
|
@ -133,8 +200,48 @@
|
|||
url: '/pages/shipWork/mixWork'
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
del() {
|
||||
let addPeopleArr = uni.getStorageSync('addPeopleArr')
|
||||
addPeopleArr.splice(this.peopleRowIndex, 1)
|
||||
uni.setStorageSync('addPeopleArr', addPeopleArr);
|
||||
uni.navigateTo({
|
||||
url: '/pages/shipWork/mixWork'
|
||||
})
|
||||
},
|
||||
// 保存
|
||||
save() {
|
||||
let addPeopleArr = uni.getStorageSync('addPeopleArr')
|
||||
let addPeopleObj = {
|
||||
bthId: this.bwValue, // 泊位id
|
||||
bthIdName: this.bwTextValue, // 泊位名转义
|
||||
jobStartTime: this.startTime, // 作业开始时间
|
||||
jobEndTime: this.endTime, // 作业结束时间
|
||||
shipPerson: this.shipValue, // 单船人数
|
||||
vvyId: this.hcValue, // 航次id
|
||||
vvyName: this.hcTextValue, // 航次id名
|
||||
weatherId: this.tqValue, // 天气ID
|
||||
weatherType: this.tqTextValue, // 天气类型
|
||||
workSuite: this.workValue, // 作业组数
|
||||
tradeTypeName: this.shipInfo.voyageScheduleDataList[0].tradeTypeName, // 贸易类型
|
||||
importExportFlagName: this.shipInfo.voyageScheduleDataList[0].importExportFlagName, // 进出口
|
||||
spmName: this.shipInfo.voyageScheduleDataList[0].spmName, // 船只名
|
||||
}
|
||||
if (this.obj.state == "edit") {
|
||||
addPeopleArr[this.peopleRowIndex] = addPeopleObj;
|
||||
uni.setStorageSync('addPeopleArr', addPeopleArr);
|
||||
} else if (this.obj.state == "add") {
|
||||
if (addPeopleArr != "") {
|
||||
addPeopleArr.push(addPeopleObj)
|
||||
uni.setStorageSync('addPeopleArr', addPeopleArr);
|
||||
} else {
|
||||
addPeopleArr = []
|
||||
addPeopleArr.push(addPeopleObj)
|
||||
uni.setStorageSync('addPeopleArr', addPeopleArr);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/pages/shipWork/mixWork'
|
||||
})
|
||||
|
|
@ -157,12 +264,12 @@
|
|||
padding: 30px 20px;
|
||||
background-color: #fff;
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
li {
|
||||
.li {
|
||||
width: 44%;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
|
|
|||
|
|
@ -5,111 +5,111 @@
|
|||
<view class="line"></view>
|
||||
<!-- 工班信息 -->
|
||||
<template v-if="active == 0">
|
||||
<ul class="ul1">
|
||||
<li>
|
||||
<view class="ul ul1">
|
||||
<view class="li">
|
||||
<p>船名：</p>
|
||||
<span>快乐号</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required">*</span>航次：</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].spmName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required">*</text>航次：</p>
|
||||
<uni-data-select v-model="hcValue" :localdata="hcList" @change="hcChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>进出口：</p>
|
||||
<span>进口</span>
|
||||
</li>
|
||||
<li>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].importExportFlagName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>贸易类型：</p>
|
||||
<span>内贸</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required">*</span>装卸类型：</p>
|
||||
<text>{{shipInfo.voyageScheduleDataList[0].tradeTypeName}}</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required">*</text>装卸类型：</p>
|
||||
<uni-data-select v-model="zxValue" :localdata="zxList" @change="zxChange"></uni-data-select>
|
||||
</li>
|
||||
</ul>
|
||||
<view class="ulTop"><span @click="ulAdd1">添加</span><van-icon name="arrow-down" /></view>
|
||||
<ul class="ul2" v-for="(item,index) in ulList1" :key="index+'ul'">
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>工班：</p>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ulTop"><text @click="ulAdd1">添加</text><van-icon name="arrow-down" /></view>
|
||||
<view class="ul ul2" v-for="(item,index) in ulList1" :key="index+'ul'">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>工班：</p>
|
||||
<uni-data-select v-model="item.gbValue" :localdata="gbList"
|
||||
@change="gbChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>作业时间 ：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>作业时间 ：</p>
|
||||
<uni-datetime-picker v-model="item.datetime" type="datetimerange" rangeSeparator="-"
|
||||
@change="changeLog" />
|
||||
</li>
|
||||
</ul>
|
||||
<view class="ulTop"><span @click="ulAdd2">添加</span><span @click="del">删除</span><van-icon
|
||||
</view>
|
||||
</view>
|
||||
<view class="ulTop"><text @click="ulAdd2">添加</text><text @click="del">删除</text><van-icon
|
||||
name="arrow-down" /></view>
|
||||
<ul class="ul2" v-for="(item,index) in ulList2" :key="index+'ul2'">
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>车型：</p>
|
||||
<view class="ul ul2" v-for="(item,index) in ulList2" :key="index+'ul2'">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车型：</p>
|
||||
<uni-data-select v-model="item.cxValue" :localdata="cxList"
|
||||
@change="cxChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="required">*</span>数量：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p><text class="required">*</text>数量：</p>
|
||||
<uni-number-box @change="numChange" v-model="item.numValue" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>装卸方式：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>装卸方式：</p>
|
||||
<uni-data-select v-model="item.fsValue" :localdata="fsList"
|
||||
@change="fsChange"></uni-data-select>
|
||||
</li>
|
||||
<li class="widthLi">
|
||||
</view>
|
||||
<view class="li widthLi">
|
||||
<p class="liTitle">备注：</p>
|
||||
<uni-easyinput type="textarea" autoHeight v-model="item.notes" placeholder="请输入任务描述(200字以内)"
|
||||
maxlength="200"></uni-easyinput>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- 翻仓信息 -->
|
||||
<template v-if="active == 1">
|
||||
<view v-for="(item,index) in fcUlList" :key="index + 'fc'">
|
||||
<view class="ulTop"><span @click="fcAdd">添加</span><van-icon name="arrow-down" /></view>
|
||||
<ul class="fcUl">
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>翻仓类型：</p>
|
||||
<view class="ulTop"><text @click="fcAdd">添加</text><van-icon name="arrow-down" /></view>
|
||||
<view class="ul fcUl">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>翻仓类型：</p>
|
||||
<uni-data-select v-model="item.fcValue" :localdata="fcList"
|
||||
@change="fcChange"></uni-data-select>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<view v-for="(item2,index2) in item.fcUlList2" :key="index2 + 'fc2'">
|
||||
<view class="ulTop"><span @click="fcAdd2(index)">添加</span></span><span v-if="index2 > 0"
|
||||
@click="delFc(index,index2)">删除</span><van-icon name="arrow-down" /></view>
|
||||
<ul class="ul2 fcUl2">
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>翻舱起点位置：</p>
|
||||
<view class="ulTop"><text @click="fcAdd2(index)">添加</text></text><text v-if="index2 > 0"
|
||||
@click="delFc(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>
|
||||
<uni-easyinput v-model="item2.qdValue" focus placeholder="请输入翻舱起点位置"></uni-easyinput>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>翻舱终点位置：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>翻舱终点位置：</p>
|
||||
<uni-easyinput v-model="item2.zdValue" focus placeholder="请输入翻舱终点位置"></uni-easyinput>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>工班：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>工班：</p>
|
||||
<uni-data-select v-model="item2.gbValue" :localdata="gbList"
|
||||
@change="gbChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>作业时间 ：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>作业时间 ：</p>
|
||||
<uni-datetime-picker v-model="item2.datetime" type="datetimerange" rangeSeparator="-" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>数量：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>数量：</p>
|
||||
<uni-number-box v-model="item2.numValue" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>体积：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>体积：</p>
|
||||
<uni-number-box v-model="item2.tjValue" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>重量：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>重量：</p>
|
||||
<uni-number-box v-model="item2.zlValue" />
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -118,49 +118,49 @@
|
|||
<template v-if="active == 2">
|
||||
<view class="otherWork">
|
||||
<p class="title">辅助作业</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>技术工人：</p>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>技术工人：</p>
|
||||
<uni-number-box v-model="otherObj.jsWorker" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>普通工人：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>普通工人：</p>
|
||||
<uni-number-box v-model="otherObj.ptWorker" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>作业时间 ：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>作业时间 ：</p>
|
||||
<uni-datetime-picker v-model="otherObj.workTime" type="datetimerange" rangeSeparator="-" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>重量：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>重量：</p>
|
||||
<uni-number-box v-model="otherObj.zlValue" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>体积：</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>体积：</p>
|
||||
<uni-number-box v-model="otherObj.tjValue" />
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle">描述：</p>
|
||||
<uni-easyinput type="textarea" autoHeight v-model="otherObj.describe"
|
||||
placeholder="请输入任务描述(200字以内)" maxlength="200"></uni-easyinput>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<p class="title">待工作业</p>
|
||||
<ul>
|
||||
<li>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle">描述：</p>
|
||||
<uni-easyinput type="textarea" autoHeight v-model="otherObj.dgWork"
|
||||
placeholder="请输入任务描述(200字以内)" maxlength="200"></uni-easyinput>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<p class="title">作业备注</p>
|
||||
<ul>
|
||||
<li>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle">描述：</p>
|
||||
<uni-easyinput type="textarea" autoHeight v-model="otherObj.notes"
|
||||
placeholder="请输入任务描述(200字以内)" maxlength="200"></uni-easyinput>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<view class="btnList">
|
||||
|
|
@ -176,47 +176,35 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
shipInfo: {
|
||||
voyageScheduleDataList: [{
|
||||
spmName: "",
|
||||
importExportFlagName: "",
|
||||
tradeTypeName: ""
|
||||
}]
|
||||
},
|
||||
obj: {},
|
||||
active: 0,
|
||||
stepList: [{
|
||||
title: '工班信息'
|
||||
}, {
|
||||
},
|
||||
{
|
||||
title: '翻舱信息'
|
||||
}, {
|
||||
},
|
||||
{
|
||||
title: '其他信息'
|
||||
}],
|
||||
}
|
||||
],
|
||||
|
||||
// 工班信息
|
||||
// 航次下拉框
|
||||
hcValue: "",
|
||||
hcList: [{
|
||||
value: "航次0",
|
||||
text: "航次0"
|
||||
},
|
||||
{
|
||||
value: "航次1",
|
||||
text: "航次1"
|
||||
},
|
||||
{
|
||||
value: "航次2",
|
||||
text: "航次2"
|
||||
},
|
||||
],
|
||||
hcTextValue: "",
|
||||
hcList: [],
|
||||
// 装卸类型下拉框
|
||||
zxValue: "",
|
||||
zxList: [{
|
||||
value: "装卸类型0",
|
||||
text: "装卸类型0"
|
||||
},
|
||||
{
|
||||
value: "装卸类型1",
|
||||
text: "装卸类型1"
|
||||
},
|
||||
{
|
||||
value: "装卸类型2",
|
||||
text: "装卸类型2"
|
||||
},
|
||||
],
|
||||
zxTextValue: "",
|
||||
zxList: [],
|
||||
ulList1: [{
|
||||
gbValue: "",
|
||||
dataTime: ""
|
||||
|
|
@ -317,15 +305,44 @@
|
|||
this.obj = JSON.parse(decodeURIComponent(options.params))
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getShip()
|
||||
},
|
||||
methods: {
|
||||
// 获取船只信息
|
||||
getShip() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
this.shipInfo.voyageScheduleDataList.forEach((v, index) => {
|
||||
this.hcList.push({
|
||||
text: v.vvyName,
|
||||
value: v.vvyId
|
||||
})
|
||||
})
|
||||
this.shipInfo.handTypeList.forEach((v, index) => {
|
||||
this.zxList.push({
|
||||
text: v.ptrDesc,
|
||||
value: v.ptrCode
|
||||
})
|
||||
})
|
||||
},
|
||||
// 工班信息相关
|
||||
// 航次下拉
|
||||
hcChange(e) {
|
||||
this.hcValue = e;
|
||||
this.hcList.forEach(v => {
|
||||
if (v.value == e) {
|
||||
this.hcTextValue = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
// 装卸类型下拉
|
||||
zxChange(e) {
|
||||
this.zxValue = e;
|
||||
this.zxList.forEach(v => {
|
||||
if (v.value == e) {
|
||||
this.zxTextValue = v.text
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击第一个添加
|
||||
ulAdd1() {
|
||||
|
|
@ -439,18 +456,18 @@
|
|||
border-top: 1px solid #ccc;
|
||||
|
||||
|
||||
span {
|
||||
text {
|
||||
color: #2979ff;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
span:nth-of-type(2) {
|
||||
text:nth-of-type(2) {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.fcUl {
|
||||
li {
|
||||
.li {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
|
||||
|
|
@ -466,13 +483,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
|
||||
li {
|
||||
.li {
|
||||
width: 44%;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
|
@ -521,7 +538,7 @@
|
|||
padding: 0;
|
||||
margin-top: 0;
|
||||
|
||||
li {
|
||||
.li {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -538,12 +555,12 @@
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
.ul {
|
||||
.li {
|
||||
border: none;
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
.li:last-child {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue