187 lines
2.8 KiB
Vue
187 lines
2.8 KiB
Vue
<template>
|
||
<ul class="callRecord">
|
||
<li>
|
||
<view>
|
||
<view>
|
||
A6
|
||
</view>
|
||
<view>
|
||
（1-2人）
|
||
</view>
|
||
</view>
|
||
<view class="rightTop">
|
||
已完成
|
||
</view>
|
||
<view>
|
||
<view>
|
||
<view>
|
||
时间
|
||
</view>
|
||
<view>
|
||
2024-05-11 10:22:15
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view>
|
||
手机号
|
||
</view>
|
||
<view>
|
||
153092768942
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</li>
|
||
<li>
|
||
<view>
|
||
<view>
|
||
A6
|
||
</view>
|
||
<view>
|
||
（1-2人）
|
||
</view>
|
||
</view>
|
||
<view class="rightTop">
|
||
已完成
|
||
</view>
|
||
<view>
|
||
<view>
|
||
<view>
|
||
时间
|
||
</view>
|
||
<view>
|
||
2024-05-11 10:22:15
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view>
|
||
手机号
|
||
</view>
|
||
<view>
|
||
153092768942
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</li>
|
||
</ul>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
onMounted
|
||
} from 'vue';
|
||
import {
|
||
callTablecallRecord,
|
||
} from '@/http/yskApi/requestAll.js';
|
||
onMounted(() => {
|
||
getList()
|
||
})
|
||
|
||
function getList() {
|
||
callTablecallRecord({
|
||
shopId: uni.getStorageSync('shopId'),
|
||
page: 1,
|
||
size: 9999
|
||
}).then((res) => {
|
||
console.log(res, '调试1')
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
* {
|
||
padding: 0;
|
||
margin: 0;
|
||
text-decoration: none;
|
||
outline: none;
|
||
}
|
||
|
||
ul,
|
||
li {
|
||
list-style: none;
|
||
}
|
||
|
||
page {
|
||
background: #f9f9f9;
|
||
}
|
||
|
||
.callRecord {
|
||
|
||
>li {
|
||
width: 694rpx;
|
||
height: 166rpx;
|
||
margin: 32rpx auto;
|
||
background: #FFFFFF;
|
||
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
|
||
>view:first-child {
|
||
padding: 0 58rpx;
|
||
|
||
>view:first-child {
|
||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||
font-weight: 500;
|
||
font-size: 56rpx;
|
||
color: #333333;
|
||
text-align: center;
|
||
}
|
||
|
||
>view:last-child {
|
||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||
font-weight: 500;
|
||
font-size: 24rpx;
|
||
color: #999999;
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
>view:last-child {
|
||
height: 120rpx;
|
||
border-left: 2rpx solid #E5E5E5;
|
||
padding-left: 32rpx;
|
||
|
||
>view {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-top: 24rpx;
|
||
|
||
>view:first-child {
|
||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
width: 90rpx;
|
||
}
|
||
|
||
>view:last-child {
|
||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
}
|
||
}
|
||
}
|
||
|
||
.rightTop {
|
||
position: absolute;
|
||
right: 0rpx;
|
||
top: 0;
|
||
|
||
width: 94rpx;
|
||
height: 36rpx;
|
||
line-height: 36rpx;
|
||
text-align: center;
|
||
background: #4394FD;
|
||
border-radius: 0rpx 8rpx 0rpx 8rpx;
|
||
|
||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||
font-weight: 400;
|
||
font-size: 22rpx;
|
||
color: #FFFFFF;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
</style> |