czg_team/cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

耗材样式

Browse Source
This commit is contained in:
duan
2024-11-01 11:36:33 +08:00
parent 7605773087
commit 88d2816946
7 changed files with 111 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
pageConsumables/supplier.vue
View File

@@ -1,62 +1,66 @@
<template>
<view class="supplier">
<view v-for="item in datas.list" :key="item.id">
<view class="">
<view style="display: flex;align-items: center;">
<image src="./profile.png" style="width: 64rpx;height: 64rpx;" mode=""></image>
<view style="margin-left: 16rpx;">
<view style="font-weight: 400;font-size: 28rpx;color: #333333;">
{{item.purveyorName}}
<template v-if="datas.list.length>0">
<view v-for="item in datas.list" :key="item.id">
<view class="">
<view style="display: flex;align-items: center;">
<image src="./profile.png" style="width: 64rpx;height: 64rpx;" mode=""></image>
<view style="margin-left: 16rpx;">
<view style="font-weight: 400;font-size: 28rpx;color: #333333;">
{{item.purveyorName}}
</view>
<text style="color: #999;">{{item.purveyorTelephone}}</text>
</view>
<text style="color: #999;">{{item.purveyorTelephone}}</text>
</view>
</view>
<text style="font-size: 28rpx;font-weight: 400;" :style="{color:item.type==0?'#FD7B49':''}">
{{ item.type == 0 ? '待支付' : '已完结' }}
</text>
</view>
<view class="">
<view class="">
<view :style="{color:item.waitAmount>0?' #F02C45;':''}">
{{item.waitAmount}}
</view>
<view class="">
剩余支付金额
</view>
<text style="font-size: 28rpx;font-weight: 400;" :style="{color:item.type==0?'#FD7B49':''}">
{{ item.type == 0 ? '待支付' : '已完结' }}
</text>
</view>
<view class="">
<view style="color: #318AFE;">
{{item.waitCount}}未付
<view class="">
<view :style="{color:item.waitAmount>0?' #F02C45;':''}">
{{item.waitAmount}}
</view>
<view class="">
剩余支付金额
</view>
</view>
<view class="">
待付款笔数
<view style="color: #318AFE;">
{{item.waitCount}}未付
</view>
<view class="">
待付款笔数
</view>
</view>
</view>
<view class="df">
<span>上次进货日期</span>
<span v-if="item.lastTransactAt">{{dayjs(item.lastTransactAt).format('YYYY-MM-DD HH:mm:ss')}}</span>
</view>
<view class="df">
<span>地址</span>
<span>{{item.address}}</span>
</view>
<view class="df">
<span>备注</span>
<span>{{item.remark}}</span>
</view>
<view class="">
<up-button type="primary" shape="circle" size="mini"
@tap="toUrl('PAGES_EDIT_SUPPLIER',{item:JSON.stringify(item)})" :plain="true" text="编辑">
</up-button>&nbsp;&nbsp;&nbsp;&nbsp;<up-button size="mini" shape="circle" type="primary"
@tap="deleteEvent(item.id)" :plain="true" text="删除">
</up-button>&nbsp;&nbsp;&nbsp;&nbsp;<up-button size="mini" shape="circle" type="primary"
style="background-color: #318AFE;color: #fff;"
@tap="toUrl('PAGES_PAYMENT_SETTLEMENT',{id:item.id})" :plain="true" text="结款记录"></up-button>
</view>
</view>
<view class="df">
<span>上次进货日期</span>
<span>{{dayjs(item.lastTransactAt).format('YYYY-MM-DD HH:mm:ss')}}</span>
</view>
<view class="df">
<span>地址</span>
<span>{{item.address}}</span>
</view>
<view class="df">
<span>备注</span>
<span>{{item.remark}}</span>
</view>
<view class="">
<up-button type="primary" shape="circle" size="mini"
@tap="toUrl('PAGES_EDIT_SUPPLIER',{item:JSON.stringify(item)})" :plain="true" text="编辑">
</up-button>&nbsp;&nbsp;&nbsp;&nbsp;<up-button size="mini" shape="circle" type="primary" @tap="deleteEvent(item.id)"
:plain="true" text="删除">
</up-button>&nbsp;&nbsp;&nbsp;&nbsp;<up-button size="mini" shape="circle" type="primary"
style="background-color: #318AFE;color: #fff;"
@tap="toUrl('PAGES_PAYMENT_SETTLEMENT',{id:item.id})" :plain="true" text="结款记录"></up-button>
</view>
</view>
<view style="height: 200rpx;"> </view>
</template>
<view v-else style="text-align: center;background-color: #f9f9f9;">暂无数据</view>
</view>
<view class="bottombutton">
<up-button type="primary" style="background-color: #318AFE;color: #fff;" @tap="toUrl('PAGES_ADD_SUPPLIER')"
@@ -69,6 +73,9 @@
onMounted,
reactive
} from 'vue';
import {
onShow,
} from '@dcloudio/uni-app';
import dayjs from 'dayjs' //时间格式库
import go from '@/commons/utils/go.js';
import {
@@ -78,7 +85,7 @@
let datas = reactive({
list: []
})
onMounted(() => {
onShow(() => {
getList()
})
let deleteEvent = (id) => {