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

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

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