提交 3d57a542 authored 作者: lidongxu's avatar lidongxu

style(mobile/tasklist.vue): 修改:促销移动端打卡记录列表样式修改

上级 6c0cd156
<template>
<p class="title">
<span>促销员打卡记录:</span>
<span>{{ planList.length || 0 }}</span>
</p>
<!-- 任务列表 -->
<van-list v-model:loading="loading"
:finished="finished"
......@@ -7,17 +11,17 @@
@load="onLoad">
<van-cell-group inset
v-if="planList?.length > 0">
<van-cell v-for="item, index in planList"
<van-cell v-for="item, index in planList.concat(planList)"
:key="item.id">
<template #title>
<p class="cell-info">
<span>{{ item.temporaryName }}</span>
<span>促销员名字:{{ item.temporaryName }}</span>
<van-button class="delete-btn"
type="danger"
v-if="showDelete(planDetail)"
@click="deleteView(item, index)">删除</van-button>
@click="deleteView(item, index)">删除此打卡记录</van-button>
</p>
<p>参考地址:{{ item.province + item.city + item.addr }}</p>
<p>打卡参考地址:{{ item.province + item.city + item.addr }}</p>
</template>
<template #label>
<div class="item"
......@@ -120,19 +124,31 @@ const deleteView = (item, index) => {
<style scoped
lang="scss">
/* 标题 */
.title {
font-size: 14px;
margin: 20px 0 0 0;
background-color: white;
padding: 10px;
span:last-child {
float: right;
}
}
/* 任务列表 */
.van-list {
margin-top: 20px;
overflow: hidden;
.van-cell-group {
margin: 0 20px;
margin: 0;
background-color: transparent;
/* 每个上报人组 */
::v-deep(.van-cell) {
width: 100%;
margin-top: 20px;
padding: 0 10px;
border-top: 5px solid #f5f5f5;
.van-cell__title {
width: 100%;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论