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

订单退单

Browse Source
This commit is contained in:
魏啾
2024-03-15 10:29:33 +08:00
parent 861e62ce15
commit ba7efac5d1
4 changed files with 54 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/order/components/add.vue
View File

@@ -2,9 +2,12 @@
<div class="demo_tabs_box">
<div class="demo_tabs_boxitem" v-for="(item, index) in ordereData.list" :key="index"
@click="clickitemboxshow(item)">
<div class="demo_tabs_boxitem_oneyt" v-if="item.status == 'refund'">已退款</div>
<div class="demo_tabs_boxitem_one">
<div class="" style="width: 100px; height: 70px;border-radius: 10px; background:var( --primary-color); color: #fff; display: flex; justify-content: center; align-items: center;">
<div>{{ item.zdNo || "pos" }}</div>
<div class=""
style="width: 100px; height: 70px;border-radius: 10px; background:rgb(186 200 239); display: flex; justify-content: center; align-items: center;">
<div>{{ item.zdNo || "pos" }}</div>
</div>
<!-- <el-image style="width: 100px; height: 70px;border-radius: 10px;" :src="item.imgUrl" fit="scale-down" /> -->
<div class="demo_tabs_boxitem_oneone">
@@ -18,8 +21,8 @@
<div class="demo_tabs_boxitem_onetow">
<div style="font-size: 16px; color: #757575;">{{ item.orderNo }}</div>
<div>
<span>{{item.names && item.names[0] }} </span>
<span style="margin-left: 6px;">等{{ item.names && item.names.length }}项</span>
<span>{{ item.names && item.names[0] }} </span>
<span style="margin-left: 6px;">{{ item.names && item.names.length }}项</span>
</div>
</div>
</div>
@@ -45,8 +48,8 @@ const props = defineProps({
ordereData: {
type: Object,
default: {
list:[{
names:[]
list: [{
names: []
}]
}
}
@@ -70,14 +73,30 @@ const clickitemboxshow = (e) => {
border-radius: 6px;
display: flex;
justify-content: space-between;
// background: #eeeeee;
border-bottom: 1px solid #ccc;
position: relative;
.demo_tabs_boxitem_oneyt {
position: absolute;
top: 20%;
transform: translate(-50%, 0);
transform: rotate(45deg);
right: 200px;
display: inline-block;
border: 3px solid red;
color: red;
font-weight: bold;
border-radius: 6px;
text-align: center;
padding: 10px 6px;
}
.demo_tabs_boxitem_one {
display: flex;
justify-content: flex-start;
flex-shrink: 0;
.demo_tabs_boxitem_oneone {
display: flex;
margin-left: 20px;