pad-app/pages/shipWork/patrol.vue

91 lines
1.9 KiB
Vue

<template>
<view class="patrol">
<view class="container">
<template v-if="infoList.length > 0">
<view class="ul">
<view class="li" v-for="(item,index) in infoList" :key="index" @click="add('look',item,index)">
<view class="title">类型:{{item.type}}</view>
<p>上传状态:未上传</p>
<p>航次:{{item.vvyName}}</p>
<p>贸易类型:{{item.tradeTypeName}}</p>
<p>进出口:{{item.importExportFlagName}}</p>
</view>
</view>
</template>
<o-empty v-else height="70vh" bg="#f5f6fa" />
<view class="addBtn" @click="add('add')">+ </view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
shipInfo: {},
infoList: []
}
},
mounted() {
this.shipInfo = uni.getStorageSync('shipInfo')
this.infoList = uni.getStorageSync('addPatrolArr')
},
methods: {
add(state, item, index) {
if (state != 'add') {
uni.setStorageSync('patrolRow', item);
uni.setStorageSync('patrolRowIndex', index);
}
const obj = {
state: state,
}
const params = encodeURIComponent(JSON.stringify(obj));
uni.navigateTo({
url: `/pages/shipWork/patrolAdd?params=${params}`
})
},
}
}
</script>
<style lang="less" scoped>
.patrol {
.container {
padding: 30px 20px;
.ul {
padding: 20px 0;
.li {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ccc;
padding: 20px;
.title {
font-size: 16px;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
}
}
}
.addBtn {
position: fixed;
right: 50px;
bottom: 50px;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #2979ff;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 100px;
font-weight: bold;
}
}
}
</style>