调用部分接口

ybf_admin/src/api/in/counter.js

+import request from '@/utils/request'
+
+export function getList() {
+    return request({
+      url: 'admin/auth/shop/shopPage',
+      method: 'get',
+    })
+  }
+  export function getDetail(inData) {
+    return request({
+      url: '/admin/auth/shop/get',
+      method: 'get',
+      params: inData
+    })
+  }
\ No newline at end of file

ybf_admin/src/api/in/mail.js

+import request from '@/utils/request'
+
+// 进件管理
+
+//通讯录管理---表格
+export function getMailList(data) {
+  return request({
+    url: '',
+    method: 'post',
+    data: data
+  })
+}
+//通讯录管理---组织架构
+export function getOrgTree(data) {
+    return request({
+      url: '',
+      method: 'post',
+      data: data
+    })
+  }
+export function getHistoryList() {
+    return request({
+      url: '/admin/auth/addressbook/synchronization',
+      method: 'get',
+    })
+  }

ybf_admin/src/pages/active/mode/index.vue

 <template>
   <d2-container>
-    <template slot="header">header</template>
-    active/mode/index.vue
-    <template slot="footer">footer</template>
+    <div class="container">
+      <div class="left">
+        <div class="img"><img src="../img/active1.png" alt=""></div>
+        <div class="btn">
+          <div class="btn-l">配置</div>
+          <div class="btn-r">预览</div>
+        </div>
+      </div>
+      <div class="right">
+        <div class="img"><img src="../img/active2.png" alt=""></div>
+        <div class="btn">
+          <div class="btn-l">配置</div>
+          <div class="btn-r">预览</div>
+        </div>
+      </div>
+    </div>
   </d2-container>
 </template>
+<script>
+export default {};
+</script>
+<style scoped>
+.container {
+  padding: 16px;
+  display: flex;
+}
+.left,.right{
+  display: flex;
+  flex-direction: column;
+  width: 440px;
+  height: 500px;
+  background: #f8f8f8;
+  margin-right: 24px;
+  box-sizing:border-box;
+  padding: 16px; 
+}
+.img {
+  width: 408px;
+  height: 408px;
+}
+.img img {
+  width: 100%;
+}
+.btn {
+  height: 72px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.btn-l,.btn-r {
+  width:198px;
+  height:40px;
+  background:rgba(232,233,254,1);
+  box-shadow:0px 1px 3px 0px rgba(221,221,221,1);
+  border-radius:4px;
+  border:1px solid rgba(78,89,199,1);
+  font-size: 14px;
+  font-weight:800;
+  color:rgba(78,89,199,1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.btn-r {
+  background:rgba(78,89,199,1);
+  color:#fff;
+}
+</style>

ybf_admin/src/pages/in/contact/components/counterDetail.vue

@@ -66,12 +66,12 @@
                   width="60"
                 ></el-table-column>
                 <el-table-column
-                  prop="taskName"
+                  prop="name"
                   label="柜组名称"
                   align="center"
                 ></el-table-column>
                 <el-table-column
-                  prop="number"
+                  prop="signNum"
                   label="门牌号"
                   align="center"
                 ></el-table-column>
@@ -85,11 +85,12 @@
 </template>
 
 <script>
+import { getDetail } from "@/api/in/counter"
 export default {
   props: {
-    moveDialog: {
-      type: Boolean,
-      default: false
+    msgId: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -123,14 +124,42 @@ export default {
       ]
     };
   },
+  created() {
+    this.getDetail()
+  },
   methods: {
-    handleClose() {
-      this.detailDialog = false
-    }
+    getDetail() {
+      this.detailDialog = true
+      let params = {
+        isDetail: true,
+        shopId: this.msgId
+      }      
+      getDetail(params).then(res => {        
+        console.log(res,"详情");
+        let data = res.data
+        this.formData.name = data.shop.name
+        this.formData.code = data.shop.num
+        this.formData.people = data.shop.principal
+        this.formData.area = data.shop.area
+        this.tableData = data.stall_unselected
+      })
+    },
+    handleClose(done) {
+      this.$confirm("确认关闭？")
+        .then(_ => {
+          this.detailDialog = false;
+          his.$emit('handleDetailClose',"false")
+        })
+        .catch(_ => {});
+    },
   },
   watch:{
-
-    }
+    detailDialog(newValue) {
+      // this.getDetail()
+      
+    },
+    
+  }
 };
 </script>
 <style>

ybf_admin/src/pages/in/contact/components/editCounter.vue

+<template>
+  <div class="ct">
+    <el-dialog
+      :visible.sync="counterDialog"
+      width="65%"
+      class="dialog"
+      :show-close="false"
+      :before-close="handleClose"
+    >
+      <div class="choose">
+        <div class="title">
+          <div class="cg">修改柜组</div>
+          <div class="circle" @click="handleClose">
+            <d2-icon-svg name="close" class="icon" />
+          </div>
+        </div>
+        <div class="br">
+          <el-form
+            class="searchzone"
+            :model="formData"
+            label-width="auto"
+            ref="addCounter"
+            :rules="rules"
+          >
+            <el-form-item label="柜组名称:" prop="name">
+              <el-input
+                size="small"
+                v-model="formData.name"
+                style="width:240px"
+                placeholder="请输入柜组名称"
+              />
+            </el-form-item>
+            <el-form-item label="柜组负责人:" prop="people">
+              <el-select
+                size="small"
+                v-model="formData.people"
+                placeholder="请选择柜组负责人"
+                style="width:240px"
+              >
+                <el-option
+                  v-for="item in personList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="柜组编号:" prop="code">
+              <el-input
+                size="small"
+                v-model="formData.code"
+                style="width:240px"
+                placeholder="请输入柜组编号"
+              />
+            </el-form-item>          
+            <el-form-item label="所在区域:" prop="area">
+              <el-input
+                size="small"
+                v-model="formData.area"
+                style="width:240px"
+                placeholder="请输入所在区域"
+              />
+            </el-form-item>
+            <div class="cs">
+              <el-form-item label="门店:"> </el-form-item>
+              <div>
+                <el-transfer
+                  style="text-align: left; display: inline-block"
+                  v-model="value4"
+                  :left-default-checked="[]"
+                  :right-default-checked="[]"
+                  :titles="['选择', '已选']"
+                  :button-texts="['删除', '添加']"
+                  @change="handleChange"
+                  :data="data"
+                >
+                  <span slot-scope="{ option }"
+                    >{{ option.key }} - {{ option.label }}</span
+                  >
+                </el-transfer>
+              </div>
+            </div>
+          </el-form>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleCancel('addCounter')" size="small"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          @click="handleFinish('addCounter')"
+          size="small"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getDetail } from "@/api/in/counter"
+
+export default {
+  props: {
+    msgId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    const generateData = _ => {
+      const data = [];
+      for (let i = 1; i <= 15; i++) {
+        data.push({
+          key: i,
+          label: `备选项 ${i}`
+        });
+      }
+      return data;
+    }
+    // 中英文验证规则
+    const nameValidate = (rule, value, callback) => {    
+      let reg = /^[a-zA-Z\u4e00-\u9fa5]+$/  
+      if (!reg.test(value)) {
+          callback(new Error('含有非法字符(只能输入字母、汉字)!'))
+        } else {
+          callback()
+        }  
+  }
+    return {
+      counterDialog: false,
+      data: generateData(),
+      value: [1],
+      value4: [1],
+      renderFunc(h, option) {
+        return (
+          <span>
+            {option.key} - {option.label}
+          </span>
+        );
+      },
+      formData: {
+        name: "",
+        code: "",
+        people: ""
+      },
+      personList: [
+        {
+          id: "1",
+          name: "张三"
+        },
+        {
+          id: "2",
+          name: "李四"
+        }
+      ],
+      rules: {
+        name: [{ required: true, message: "请输入柜组名称", trigger: "blur" },
+              {  max: 50, message: '长度在50个字符以内', trigger: 'blur' },
+              { validator: nameValidate, trigger: "blur" }],
+
+        people: [
+          { required: true, message: "请选择活动负责人", trigger: "change" }
+        ],
+        code: [{ required: true, message: "请输入柜组编号", trigger: "blur" },
+              {  max: 50, message: '长度在50个字符以内', trigger: 'blur' },
+              { validator: nameValidate, trigger: "blur" }],
+        area: [{ required: true, message: "请输入所在区域", trigger: "blur" },
+               {  max: 50, message: '长度在50个字符以内', trigger: 'blur' },
+               { validator: nameValidate, trigger: "blur" }]
+
+      }
+    };
+  },
+  created() {
+    this.getDetail()
+  },
+  methods: {
+    getDetail() {
+      this.counterDialog = true
+      let params = {
+        isDetail: true,
+        shopId: this.msgId
+      }      
+      getDetail(params).then(res => {        
+        console.log(res,"详情");
+        let data = res.data
+        this.formData.name = data.shop.name
+        this.formData.code = data.shop.num
+        this.formData.people = data.shop.principal
+        this.formData.area = data.shop.area
+      })
+    },
+    handleChange() {},
+    handleClose(done) {
+      this.$confirm("确认关闭？")
+        .then(_ => {
+          this.counterDialog = false;
+          this.$emit('handleEditClose',"false")
+        })
+        .catch(_ => {});
+    },
+    handleCancel(formName) {
+      this.$refs[formName].resetFields();
+      this.counterDialog = false;
+      this.$emit('handleEditClose',"false")
+    },
+    handleFinish(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.counterDialog = false;
+          this.$emit('handleEditClose',"false")
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    
+  },
+   watch:{
+      counterDialog(){
+        if(this.counterDialog){
+          if(this.$refs.addCounter){
+            this.$refs.addCounter.resetFields();
+          }
+        }
+      }
+    }
+};
+</script>
+
+<style scoped>
+.dialog >>> .el-dialog {
+  height: calc(100vh - 208px);
+  overflow: auto;
+}
+.cs {
+  display: flex;
+}
+.ct >>> .el-transfer-panel {
+  width: 180px;
+}
+.choose {
+  padding: 16px;
+  font-size: 16px;
+  font-weight: bold;
+  color: rgba(56, 56, 56, 1);
+  box-sizing: border-box;
+}
+.title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+}
+.transfer-footer {
+  margin-left: 20px;
+  padding: 6px 5px;
+}
+.ct >>> .el-dialog__header {
+  padding: 0 !important;
+}
+.ct >>> .el-dialog__body {
+  padding: 0;
+}
+.circle {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 50%;
+  border: 1px solid rgba(208, 2, 27, 1);
+  position: relative;
+}
+.circle >>> .icon {
+  width: 28px;
+  height: 28px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.br {
+  border-top: 1px solid #f8f8f8;
+  border-bottom: 1px solid #f8f8f8;
+  padding: 24px 60px;
+}
+</style>

ybf_admin/src/pages/in/contact/components/history.vue

@@ -23,14 +23,19 @@
           type="index"
           align="center"
         ></el-table-column>
+        <el-table-column label="头像" align="center"  >
+          <template slot-scope="scope">
+              <span><img :src="scope.row.thumbAvatar" alt=""></span>
+          </template>
+        </el-table-column>
         <el-table-column
           prop="userName"
           label="姓名"
           align="center"
         ></el-table-column>
         <el-table-column
-          prop="bar"
-          label="微信号"
+          prop="userId"
+          label="企业微信号"
           align="center"
         ></el-table-column>
         <el-table-column
@@ -39,12 +44,6 @@
           align="center"
           width="120"
         ></el-table-column>
-        <el-table-column
-          prop="bar"
-          label="备注"
-          align="center"
-          width="120"
-        ></el-table-column>
       </el-table>
     </div>
     <div class="pages">
@@ -60,7 +59,7 @@
   </div>
 </template>
 <script>
-import { getHistoryList } from "@/api/jinjian"
+import { getHistoryList } from "@/api/in/mail"
 export default {
   
   data() {
@@ -189,8 +188,7 @@ export default {
   border: 1px solid #4e59c7;
   box-sizing: border-box;
 }
-.buttondark:hover {
-}
+
 .searchzone {
   height: 40px;
   width: auto;

ybf_admin/src/pages/in/contact/counter.vue

@@ -29,7 +29,7 @@
       <el-table
         stripe  
         ref="multipleTable"
-        :data="list.main"
+        :data="tableData"
         tooltip-effect="dark"
         style="width: 100%;"
         height="calc(100vh - 360px)"
@@ -37,49 +37,43 @@
       >
         <el-table-column type="selection" width="60"></el-table-column>
         <el-table-column
-          prop="taskName"
+          prop="name"
           label="柜组"
           align="center"
         ></el-table-column>
         <el-table-column
-          prop="taskType"
+          prop="principal"
           label="柜组负责人"
           align="center"
-          width="120"
         ></el-table-column>
         <el-table-column
-          prop="bar"
+          prop="num"
           label="柜组编号"
           align="center"
-          width="120"
         ></el-table-column>
         <el-table-column
-          prop="bar"
+          prop="area"
           label="所在区域"
           align="center"
-          width="120"
         ></el-table-column>
          <el-table-column
-          prop="bar"
+          prop="adminStallList.length"
           label="门店数量"
           align="center"
           width="120"
         ></el-table-column>
-        <el-table-column label="创建时间" width="120" align="center">
-          <template slot-scope="scope">{{ scope.row.sendDate }}</template>
-        </el-table-column>
-
+        <el-table-column label="创建时间" width="120" align="center" prop="createDate"/>
         <el-table-column label="操作" align="center" fixed="right" width="200">
           <template slot-scope="scope">
-            <el-button type="text" class="btn" @click="handleDetail(scope.row)"
+            <el-button type="text" class="btn" @click="handleDetail(scope.row.id)"
               >详情</el-button
             >
-            <el-button type="text" class="btn" @click="testButtonClick(scope.row)"
+            <el-button type="text" class="btn" @click="handleEdit(scope.row.id)"
               >编辑</el-button
             >
             <el-button
               type="text"
-              @click="testButtonClick(scope.row)"
+              @click="handleDelete(scope.row.id)"
               class="listButtonRed"
               >删除</el-button
             >
@@ -97,70 +91,25 @@
     </el-pagination>
     </div>
     <add-counter ref="addCounter"></add-counter>
-    <counter-detail ref="counterDetail" ></counter-detail>
+    <counter-detail ref="counterDetail" :msgId="msgId" v-if="detailDialog" @handleDetailClose="handleDetailClose"></counter-detail>
+    <edit-counter ref="editCounter" :msgId="editId" v-if="editDialog" @handleEditClose="handleEditClose"></edit-counter>
   </div>
 </template>
 <script>
 import CounterDetail from "./components/counterDetail"
 import AddCounter from "./components/addCounter"
+import EditCounter from "./components/editCounter"
+import { getList } from "@/api/in/counter"
 export default {
   components: {
     CounterDetail,
-    AddCounter
+    AddCounter,
+    EditCounter
   },
   data() {
     return {
+      tableData: [],
       list: {
-        main: [
-          {
-            id: "1001",
-            taskName: "2019年男装销售任务",
-            taskType: "拉新",
-            bar: "男装",
-            taskContent: "任务内容任务内容任务内容...",
-            sendDate: "2019/02/08"
-          },
-          {
-            id: "1002",
-            taskName: "2019年男装销售任务",
-            taskType: "拉新",
-            bar: "男装",
-            taskContent: "任务内容任务内容任务内容...",
-            sendDate: "2019/02/08"
-          },
-          {
-            id: "1003",
-            taskName: "2019年男装销售任务",
-            taskType: "拉新",
-            bar: "男装",
-            taskContent: "任务内容任务内容任务内容...",
-            sendDate: "2019/02/08"
-          },
-          {
-            id: "1001",
-            taskName: "2019年男装销售任务",
-            taskType: "拉新",
-            bar: "男装",
-            taskContent: "任务内容任务内容任务内容...",
-            sendDate: "2019/02/08"
-          },
-          {
-            id: "1002",
-            taskName: "2019年男装销售任务",
-            taskType: "拉新",
-            bar: "男装",
-            taskContent: "任务内容任务内容任务内容...",
-            sendDate: "2019/02/08"
-          },
-          {
-            id: "1003",
-            taskName: "2019年男装销售任务",
-            taskType: "拉新",
-            bar: "男装",
-            taskContent: "任务内容任务内容任务内容...",
-            sendDate: "2019/02/08"
-          }
-        ],
         search: {
           bar: [
             {
@@ -197,22 +146,47 @@ export default {
       },
       detailDialog: false,
       counterDialog: false,
+      editDialog: false,
       tableHeight: window.innerHeight * 0.5 ,
       page:{
           currentPage:1,
           size:20,
           total:100
-        }
+      },
+      msgId: "",
+      editId: ""
     };
   },
-  created() {},
+  mounted() {
+    this.getList()
+  },
   methods: {
+    getList() {
+      getList().then(res => {        
+        this.tableData = res.data.adminShops
+      })
+    },
     listPick() {},
-    testButtonClick() {},
+    handleEdit(id) {
+      this.editId = id 
+      this.editDialog = true
+      this.$refs.editCounter.counterDialog = true 
+    },
+    handleDelete(id) {
+
+    },
+    handleEditClose() {
+      this.editDialog = false
+    },
     pagesSizeChange() {},
     pagesNowPageChange() {},
-    handleDetail() {
-      this.$refs.counterDetail.detailDialog = true
+    handleDetail(id) {     
+      this.msgId = id   
+      this.detailDialog = true
+      this.$refs.counterDetail.detailDialog = true      
+    },
+    handleDetailClose() {
+      this.detailDialog = false
     },
     addCounter() {
       this.$refs.addCounter.counterDialog= true
@@ -278,8 +252,7 @@ export default {
   border: 1px solid #4e59c7;
   box-sizing: border-box;
 }
-.buttondark:hover {
-}
+
 .searchzone {
   height: 40px;
   width: auto;

ybf_admin/src/pages/in/contact/mail.vue

@@ -124,13 +124,7 @@
           align="center"
           width="120"
         ></el-table-column>
-        <el-table-column label="操作" align="center" fixed="right" width="120">
-          <template slot-scope="scope">
-            <el-button  class="btn" @click="handleShopowner(scope.row)" size="small"
-              >设为店长</el-button
-            >
-          </template>
-        </el-table-column>
+        <el-table-column label="角色" align="center" fixed="right" width="120" />
       </el-table>
       <div class="fy">
         <el-pagination

ybf_admin/src/pages/in/contact/store.vue

@@ -200,7 +200,7 @@ export default {
       }
     };
   },
-  created() {
+  created() {    
     this.ApiStoreGetMainList();
   },
   methods: {

ybf_wx/src/views/case/index.vue

@@ -2,19 +2,19 @@
   <div class="container">
     <div class="kj">
       <div class="title">热门案例</div>
-      <div class="ct" @click="handleDetail">
+      <div class="ct al" @click="handleDetail">
         <div class="ck">查看详情</div>
       </div>
     </div>
     <div class="kj" @click="handleDetail">
       <div class="title">技巧</div>
-      <div class="ct">
+      <div class="ct jq">
         <div class="ck">查看详情</div>
       </div>
     </div>
     <div class="kj last" @click="handleDetail">
       <div class="title">服务</div>
-      <div class="ct">
+      <div class="ct fw">
         <div class="ck">查看详情</div>
       </div>
     </div>
@@ -206,4 +206,8 @@ export default {
 .last {
   margin-bottom: 80px;
 }
+.al,.fw,.jq {
+  background:url(../../../public/img/cswiper.png)no-repeat;
+  background-size: cover;
+}
 </style>

ybf_wx/src/views/mainSale/active/main/index.vue

@@ -122,8 +122,8 @@
                     },
                     manInfo: {
                         bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
-                        logoUrl: "/hi.jpg",
-                        barFrom: "Faker",
+                        logoUrl: "/photo.png",
+                        barFrom: "alice",
                         barName: "only",
                         icon: {
                             "1": "/mainSale/icon-arrow-right-light.png",

ybf_wx/src/views/profit/index.vue

@@ -32,7 +32,7 @@
           v-model="oldTime"
           type="date"
           @cancel="timeShow = false"
-          @confirm="timeShow = false"
+          @confirm="handleOldTime"
           @change="timeChange"
         />
       </van-popup>
@@ -125,7 +125,7 @@ export default {
       time: new Date(),
       inputValue: "",
       timeShow: false,
-      oldTime: "",
+      oldTime: new Date(),
       writeOff: false,
       finished: false,
       writeOffList: [
@@ -217,14 +217,15 @@ export default {
     },
     onSearch() {},
     timeFormat(time) {
-      let year = time.getFullYear();
-      let month = time.getMonth() + 1;
-      let day = time.getDate();
-      return year + " " + "-" + " " + month + " " + "-" + " " + day;
+      let year = 1900 + time.getYear();
+      let month = "0" + (time.getMonth() + 1);
+      let date = "0" + time.getDate();
+      return year + "-" + month.substring(month.length-2, month.length)  + "-" + date.substring(date.length-2, date.length)
+       + " "
     },
     timeChange(e) {
       let newTime = e.getValues();
-      this.time = `${newTime[0]}-${newTime[1]}-${newTime[2]}`;
+      this.inputValue = `${newTime[0]}-${newTime[1]}-${newTime[2]}`;
     },
     onClick(name, title) {
       this.$toast(title);
@@ -254,12 +255,14 @@ export default {
     },
     menuTask() {
       this.$router.push({ path: "/taskList" });
+    },
+    handleOldTime(value) {
+      this.inputValue = this.timeFormat(value)
+      this.timeShow = false
     }
   },
   mounted() {
-    this.time = this.timeFormat(this.time);
-    console.log(this.time,"时间");
-    
+    this.time = this.timeFormat(this.time);   
   }
 };
 </script>

ybf_wx/src/views/task/taskList.vue

@@ -24,12 +24,102 @@
           </van-cell>
         </van-list>
       </van-tab>
-      <van-tab title="顾客流失"> </van-tab>
-      <van-tab title="拉接受问询"> </van-tab>
-      <van-tab title="回复问询"> </van-tab>
-      <van-tab title="推券"> </van-tab>
-      <van-tab title="推活动"> </van-tab>
-      <van-tab title="推商品"> </van-tab>
+      <van-tab title="顾客流失">
+         <van-list v-model="writeOff" :finished="finished" @load="onLoad">
+          <van-cell
+            :value="item.number"
+            class="content"
+            v-for="(item, index) in newMemberList"
+            :key="index"
+            is-link
+          >
+            <template slot="title">
+              <img src="../../../public/img/photo.png" alt="" />
+              <span class="custom-title">{{ item.name }}</span>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="拉接受问询">
+         <van-list v-model="writeOff" :finished="finished" @load="onLoad">
+          <van-cell
+            :value="item.number"
+            class="content"
+            v-for="(item, index) in newMemberList"
+            :key="index"
+            is-link
+          >
+            <template slot="title">
+              <img src="../../../public/img/photo.png" alt="" />
+              <span class="custom-title">{{ item.name }}</span>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="回复问询">
+         <van-list v-model="writeOff" :finished="finished" @load="onLoad">
+          <van-cell
+            :value="item.number"
+            class="content"
+            v-for="(item, index) in newMemberList"
+            :key="index"
+            is-link
+          >
+            <template slot="title">
+              <img src="../../../public/img/photo.png" alt="" />
+              <span class="custom-title">{{ item.name }}</span>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="推券">
+         <van-list v-model="writeOff" :finished="finished" @load="onLoad">
+          <van-cell
+            :value="item.number"
+            class="content"
+            v-for="(item, index) in newMemberList"
+            :key="index"
+            is-link
+          >
+            <template slot="title">
+              <img src="../../../public/img/photo.png" alt="" />
+              <span class="custom-title">{{ item.name }}</span>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="推活动">
+         <van-list v-model="writeOff" :finished="finished" @load="onLoad">
+          <van-cell
+            :value="item.number"
+            class="content"
+            v-for="(item, index) in newMemberList"
+            :key="index"
+            is-link
+          >
+            <template slot="title">
+              <img src="../../../public/img/photo.png" alt="" />
+              <span class="custom-title">{{ item.name }}</span>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="推商品">
+         <van-list v-model="writeOff" :finished="finished" @load="onLoad">
+          <van-cell
+            :value="item.number"
+            class="content"
+            v-for="(item, index) in newMemberList"
+            :key="index"
+            is-link
+          >
+            <template slot="title">
+              <img src="../../../public/img/photo.png" alt="" />
+              <span class="custom-title">{{ item.name }}</span>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
     </van-tabs>
     <div class="main-menuBar">
       <div class="menuBar-menu" @click="menuBarClick('MainSale')">