721
parent
b67436cb0b
commit
5306759741
|
|
@ -6,26 +6,24 @@
|
|||
<view class="content">
|
||||
<view class="form">
|
||||
<view class="end">
|
||||
<superwei-combox :candidates="candidates_json" :isJSON="true" keyName="name"
|
||||
placeholder="请选择或输入" v-model="inputValue_json" @input="input_json"
|
||||
@select="select_json"></superwei-combox>
|
||||
|
||||
<uni-easyinput class="input" suffixIcon="search" v-model="value1" placeholder="港区"
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<uni-easyinput class="input" suffixIcon="search" v-model="value2" placeholder="船名/航次"
|
||||
@iconClick="iconClick">
|
||||
<superwei-combox class="input" :candidates="portList" :isJSON="true" keyName="pamName"
|
||||
placeholder="港区" v-model="portName" @input="portInput"
|
||||
@select="portSelect"></superwei-combox>
|
||||
<superwei-combox class="input" :candidates="shipList" :isJSON="true" keyName="vvyName"
|
||||
placeholder="船名/航次" v-model="shipName" @input="shipInput"
|
||||
@select="shipSelect"></superwei-combox>
|
||||
</uni-easyinput>
|
||||
<button class="btn" @click="onSearch">搜索</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="itemList">
|
||||
<view v-for="(item, index) in ltemList" :key="index" class="item" @click="toDetails">
|
||||
<view v-for="(item, index) in ltemList" :key="index" class="item" @click="toDetails(item.spmId)">
|
||||
<view class="title">
|
||||
<view class="name">
|
||||
海王星领袖
|
||||
</view>
|
||||
<view class="status">
|
||||
<text v-if="item==1" class="green">● 作业中</text>
|
||||
<text v-if="item.vvyStatus==2" class="green">● 作业中</text>
|
||||
<text v-else>● 已完成</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -35,15 +33,15 @@
|
|||
航次: <text>735546</text>
|
||||
</view>
|
||||
<view class="nitem">
|
||||
贸易类型: <text>内贸</text>
|
||||
贸易类型: <text>{{item.tradeType}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="nitem">
|
||||
进出口: <text>进口</text>
|
||||
进出口: <text>{{item.importExportFlag}}</text>
|
||||
</view>
|
||||
<view class="nitem">
|
||||
泊位: <text>一泊位</text>
|
||||
泊位: <text>{{item.actualBerthage}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -58,52 +56,123 @@
|
|||
<script>
|
||||
import SideBar from '@/components/sider-bar/slider-bar';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
import {
|
||||
mapActions
|
||||
} from 'vuex'
|
||||
let timers = null;
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value1: '',
|
||||
value2: '',
|
||||
ltemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
|
||||
inputValue_json: '',
|
||||
candidates_json: [{
|
||||
id: '1',
|
||||
name: '选项一'
|
||||
}, {
|
||||
id: '2',
|
||||
name: '选项二',
|
||||
disabled: true // 单独设置disabled后即可禁用该选项
|
||||
}, {
|
||||
id: '3',
|
||||
name: '选项三'
|
||||
}, {
|
||||
id: '4',
|
||||
name: '选项四'
|
||||
}, {
|
||||
id: '5',
|
||||
name: '选项五',
|
||||
disabled: true // 单独设置disabled后即可禁用该选项
|
||||
}, {
|
||||
id: '6',
|
||||
name: '...'
|
||||
}]
|
||||
|
||||
ltemList: [],
|
||||
portName: '',
|
||||
portItem: {},
|
||||
portList: [],
|
||||
shipName: '',
|
||||
shipItem: {},
|
||||
shipList: []
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
// this.loadList()
|
||||
},
|
||||
components: {
|
||||
SideBar,
|
||||
HeadInfo
|
||||
},
|
||||
methods: {
|
||||
toDetails() {
|
||||
...mapActions([
|
||||
'majax',
|
||||
'najax'
|
||||
]),
|
||||
portInput(e) {
|
||||
clearTimeout(timers)
|
||||
timers = setTimeout(() => {
|
||||
this.getPort(e)
|
||||
}, 500)
|
||||
},
|
||||
portSelect(e) {
|
||||
this.portItem = e
|
||||
this.shipName = ''
|
||||
this.shipItem = {}
|
||||
},
|
||||
// 获取港口
|
||||
getPort(keyWords) {
|
||||
let data = {}
|
||||
data.pamName = keyWords
|
||||
this.majax({
|
||||
url: this.$local + "/api/miniapp/portAreaManage/getPortArea",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
this.portList = res.data
|
||||
})
|
||||
// 模拟
|
||||
this.portList = [{
|
||||
potId: 1123,
|
||||
pamName: '测试港口'
|
||||
}]
|
||||
},
|
||||
shipInput(e) {
|
||||
clearTimeout(timers)
|
||||
timers = setTimeout(() => {
|
||||
this.getShip(e)
|
||||
}, 500)
|
||||
},
|
||||
shipSelect(e) {
|
||||
this.shipItem = e
|
||||
},
|
||||
// 获取船舶
|
||||
getShip(keyWords) {
|
||||
console.log(this.portName);
|
||||
let data = {}
|
||||
data.ieType = 'I' // I进口 E出口 暂无法区分
|
||||
data.key = keyWords
|
||||
data.pamId = this.portItem.pamId
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/queryByKey",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
this.shipList = res.data
|
||||
})
|
||||
// 模拟
|
||||
this.shipList = [{
|
||||
vvyId: 1123,
|
||||
vvyName: '测试航次'
|
||||
}]
|
||||
},
|
||||
onSearch() {
|
||||
let data = {}
|
||||
data.tradeType = '外贸' // I进口 E出口 暂无法区分
|
||||
data.vvyId = this.shipItem.vvyId
|
||||
data.pamId = this.portItem.pamId
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/queryStowageVoyages",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
this.ltemList = res.data.records
|
||||
})
|
||||
// 模拟
|
||||
this.ltemList = [{
|
||||
actualBerthage: "一号位置",
|
||||
actualBerthageDesc: "",
|
||||
importExportFlag: "出口",
|
||||
spmId: "spm1112",
|
||||
spmIdDesc: "331122",
|
||||
tradeType: "内贸",
|
||||
vvyId: "11231",
|
||||
vvyName: "海王星领袖",
|
||||
vvyStatus: "2",
|
||||
vvyStatusName: "作业中",
|
||||
}]
|
||||
},
|
||||
|
||||
toDetails(id) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/index/instruct'
|
||||
url: '/pages/index/instruct?id=' + id
|
||||
})
|
||||
},
|
||||
input_json() {},
|
||||
select_json() {},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -133,6 +202,12 @@
|
|||
padding-left: 10px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="fs blue">
|
||||
<text v-show="active==1">发送</text>
|
||||
<text v-show="active==1" @click="onSend">发送</text>
|
||||
<text v-show="active==2">{{item.status}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -168,8 +168,8 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="fs blue">
|
||||
<text v-show="active==1">发送</text>
|
||||
<text v-show="active==2">{{item.status}}</text>
|
||||
<text v-show="active==1" @click="onSend">发送</text>
|
||||
<text v-show="active==2" @click="onPause">{{item.status}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="details">
|
||||
|
|
@ -262,61 +262,18 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapActions
|
||||
} from 'vuex'
|
||||
import HeadView from '@/components/head-view/head-view.vue';
|
||||
import HeadInfo from '@/components/head-info/head-info';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: "",// 进入页面的初始id
|
||||
value1: "",
|
||||
value: '',
|
||||
itemList: [],
|
||||
goList: [{ //已发送
|
||||
sum: 300,
|
||||
xq: 2
|
||||
},
|
||||
{
|
||||
sum: 600,
|
||||
xq: 3
|
||||
},
|
||||
{
|
||||
sum: 900,
|
||||
xq: 1
|
||||
},
|
||||
{
|
||||
sum: 100,
|
||||
xq: 2
|
||||
},
|
||||
{
|
||||
sum: 200,
|
||||
xq: 2
|
||||
}
|
||||
],
|
||||
noList: [{ //已发送
|
||||
sum: 100,
|
||||
xq: 2,
|
||||
status: '暂停'
|
||||
},
|
||||
{
|
||||
sum: 300,
|
||||
xq: 3,
|
||||
status: '重新发送'
|
||||
},
|
||||
{
|
||||
sum: 200,
|
||||
xq: 1,
|
||||
status: '重新发送'
|
||||
},
|
||||
{
|
||||
sum: 500,
|
||||
xq: 2,
|
||||
status: '暂停'
|
||||
},
|
||||
{
|
||||
sum: 800,
|
||||
xq: 2,
|
||||
status: '暂停'
|
||||
}
|
||||
],
|
||||
range: [1],
|
||||
items: [{
|
||||
value: '1',
|
||||
|
|
@ -350,19 +307,96 @@
|
|||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.tabChange(1)
|
||||
this.id = this.$route.query.id;
|
||||
this.loadSumOrder() // 总指令：分页查询
|
||||
},
|
||||
components: {
|
||||
HeadView,
|
||||
HeadInfo
|
||||
},
|
||||
methods: {
|
||||
...mapActions([
|
||||
'majax',
|
||||
'najax'
|
||||
]),
|
||||
loadSumOrder() {
|
||||
let data = {}
|
||||
data.bvmId = this.id
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/page",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
this.itemList = res.data.records
|
||||
})
|
||||
// 模拟
|
||||
this.itemList = [{ //已发送
|
||||
sum: 300,
|
||||
xq: 2
|
||||
},
|
||||
{
|
||||
sum: 600,
|
||||
xq: 3
|
||||
},
|
||||
{
|
||||
sum: 900,
|
||||
xq: 1
|
||||
},
|
||||
{
|
||||
sum: 100,
|
||||
xq: 2
|
||||
},
|
||||
{
|
||||
sum: 200,
|
||||
xq: 2
|
||||
}
|
||||
]
|
||||
},
|
||||
loadOtherOrder() {
|
||||
let data = {}
|
||||
data.bvmId = this.id
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/pageCommandForBranch",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
this.itemList = res.data.records
|
||||
})
|
||||
// 模拟分指令
|
||||
this.itemList = [{ //已发送
|
||||
sum: 100,
|
||||
xq: 2,
|
||||
status: '暂停'
|
||||
},
|
||||
{
|
||||
sum: 300,
|
||||
xq: 3,
|
||||
status: '重新发送'
|
||||
},
|
||||
{
|
||||
sum: 200,
|
||||
xq: 1,
|
||||
status: '重新发送'
|
||||
},
|
||||
{
|
||||
sum: 500,
|
||||
xq: 2,
|
||||
status: '暂停'
|
||||
},
|
||||
{
|
||||
sum: 800,
|
||||
xq: 2,
|
||||
status: '暂停'
|
||||
}
|
||||
]
|
||||
},
|
||||
tabChange(tag) {
|
||||
this.active = tag
|
||||
if (this.active == 1) {
|
||||
this.itemList = this.goList
|
||||
console.log(1);
|
||||
} else {
|
||||
this.itemList = this.noList
|
||||
console.log(2);
|
||||
|
||||
}
|
||||
},
|
||||
change() {},
|
||||
|
|
@ -370,13 +404,57 @@
|
|||
for (let i = 0; i < this.items.length; i++) {
|
||||
if (this.items[i].value === evt.detail.value) {
|
||||
this.current = i;
|
||||
switch(this.current) {
|
||||
case 1:
|
||||
this.loadSumOrder()
|
||||
break;
|
||||
case 2:
|
||||
this.loadOtherOrder()
|
||||
break;
|
||||
default:
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
isActive(e) {
|
||||
this.itemActive = e
|
||||
},
|
||||
// 发送指令
|
||||
onSend() {
|
||||
let data = {}
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/commandSendForBranch",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
})
|
||||
},
|
||||
// 重新发送指令
|
||||
onReissued() {
|
||||
let data = {}
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/commandReissuedForBranch",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
})
|
||||
},
|
||||
// 暂停指令
|
||||
onPause() {
|
||||
let data = {}
|
||||
data.lwpId = '111'
|
||||
this.majax({
|
||||
url: this.$local + "/api/shipInstructions/commandPause",
|
||||
params: data,
|
||||
method: 'GET'
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
})
|
||||
},
|
||||
toDetails() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/index/instructDetails'
|
||||
|
|
|
|||
Loading…
Reference in New Issue