67 lines
2.0 KiB
Vue
67 lines
2.0 KiB
Vue
|
<template>
|
||
|
|
<uni-card
|
||
|
|
v-for="(item,index) in items"
|
||
|
|
:key="item.saleid"
|
||
|
|
:class="index % 2 === 0 ? 'card-even' : 'card-odd'"
|
||
|
|
:extra="item.contractcode"
|
||
|
|
:title="item.usernames"
|
||
|
|
style="margin: 0;margin-bottom: 20px"
|
||
|
|
@click="handleDetail(item)"
|
||
|
|
>
|
||
|
|
<view class="context">
|
||
|
|
<view class="label">
|
||
|
|
<text>状态:</text>
|
||
|
|
<text>{{ item.stateText }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="label">
|
||
|
|
<text>下单日期:</text>
|
||
|
|
<text>{{ formatDate(item.adddate) }}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="label">
|
||
|
|
<text>支付方式:</text>
|
||
|
|
<text>{{ item.creditperiods > 0 ? '非现款' : '现款' }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="label">
|
||
|
|
<text>区域:</text>
|
||
|
|
<text>{{ item.areaName }}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="label">
|
||
|
|
<text>订单金额:</text>
|
||
|
|
<text>{{ formatPrice(item.contractmoney) }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="label">
|
||
|
|
<text>补差金额:</text>
|
||
|
|
<text>{{ formatPrice(item.disCount) }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="label">
|
||
|
|
<text>商业公司剩余未核销金额:</text>
|
||
|
|
<text>{{ formatPrice(item.balance) }}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</uni-card>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import {defineOptions, defineProps, getCurrentInstance} from 'vue'
|
||
|
|
import {formatDate} from "../../../uni_modules/uni-dateformat/components/uni-dateformat/date-format";
|
||
|
|
import UniCard from "../../../uni_modules/uni-card/components/uni-card/uni-card.vue";
|
||
|
|
import {formatPrice} from "../../../utils/utils";
|
||
|
|
|
||
|
|
defineOptions({
|
||
|
|
name: "ListItem"
|
||
|
|
})
|
||
|
|
|
||
|
|
const {proxy} = getCurrentInstance()
|
||
|
|
const props = defineProps(['items'])
|
||
|
|
const handleDetail = (raw) => {
|
||
|
|
proxy.$tab.navigateTo(`/pages/work/FinancialApproval/OrderDetail?id=${raw}`)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
|
||
|
|
</style>
|