You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
158 lines
3.2 KiB
158 lines
3.2 KiB
<template>
|
|
<view class="pages">
|
|
<uni-card itle="36524快消品动产质押项目" :isFull="true" extra="点击下载Excel文件" :thumbnail="avatar"
|
|
style="padding-top: 10px;">
|
|
<template v-slot:title>
|
|
<uni-section :title="page.projectName" title-font-size="25" type="circle">
|
|
<template v-slot:decoration>
|
|
<uni-icons type="location-filled" size="18" color="green"></uni-icons>
|
|
</template>
|
|
<!-- <template v-slot:right> <uni-tag :inverted="true" text="下载Excel文件" type="primary"
|
|
@click="onClick" /> </template> -->
|
|
</uni-section>
|
|
</template>
|
|
|
|
<view style="display: flex;flex-direction: row; justify-content: space-between;margin: 10px;">
|
|
<text style="color: #494949;font-size: 14px;">货值合计</text>
|
|
<text
|
|
style="color: #000000;font-size: 14px;font-weight: 600;font-family: sans-serif;">{{page.stockPrice}}</text>
|
|
</view>
|
|
|
|
</uni-card>
|
|
|
|
<view class="list" style="padding-bottom: 10px;">
|
|
|
|
<view class="top">
|
|
|
|
<text class="item-text" >商品名称</text>
|
|
<text class="item-text" >数量</text>
|
|
<text class="item-text" >单价</text>
|
|
<text class="item-text" >货值</text>
|
|
|
|
</view>
|
|
|
|
<view v-for="(item, index) in list" style="margin-top: 10px;">
|
|
<view class="top1" :class="{'top2':index==list.length-1}">
|
|
|
|
<text class="item-text" >{{item.productName}}</text>
|
|
<text class="item-text" >{{item.prodNumber}}</text>
|
|
<text class="item-text" >{{item.prodPrice}}</text>
|
|
<text class="item-text">{{item.prodAmount}}</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
components: {},
|
|
data() {
|
|
return {
|
|
page: {
|
|
sid: "",
|
|
projectName: "",
|
|
stockPrice: "",
|
|
},
|
|
list: [
|
|
// {
|
|
// sid: "1",
|
|
// name: "可口可乐",
|
|
// price: "3.5",
|
|
// value: "100",
|
|
// number: "350"
|
|
// },
|
|
// {
|
|
// sid: "2",
|
|
// name: "百事可乐",
|
|
// price: "3.5",
|
|
// value: "100",
|
|
// number: "350"
|
|
// },
|
|
],
|
|
|
|
}
|
|
},
|
|
onLoad(option) {
|
|
console.log('option>>>>>>', option)
|
|
this.page = option
|
|
|
|
this.getData(this.page.sid)
|
|
|
|
},
|
|
methods: {
|
|
|
|
getData(sid) {
|
|
console.log('itemClick>>', sid)
|
|
|
|
this.$api.getDayProduct(sid).then((resp) => {
|
|
console.log('1111>>>>>>', resp)
|
|
this.list = resp
|
|
|
|
}).catch(e => {
|
|
console.log('eeeee', e)
|
|
})
|
|
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.pages {
|
|
width: 100%;
|
|
|
|
.list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 10px;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
padding-top: 20px;
|
|
|
|
.top {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border-bottom: 3px solid #F1F3F5;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.top1 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border-bottom: 1px solid #F1F3F5;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.top2 {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.item-text {
|
|
flex-shrink: 0;
|
|
flex: 1;
|
|
text-align: center;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
font-size: 14px;
|
|
color: #BCBCBC;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
</style>
|