会员自定义标签

zxl

4 天以前 fdf4dde8209f7cf1dd81e66180bc5a05a40f1ed4

会员自定义标签

 manager/src/api/memberCustomerTag.js

New file
@@ -0,0 +1,8 @@
import service from "../libs/axios";

export const detailById = (param) =>{
  return service({
    url:"/memberCustomerTag/detail/"+ param,
    method:"GET",
  })
}

 manager/src/views/member/list/memberDetail.scss

@@ -31,7 +31,7 @@
.ant-col-md-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
  width: 28%;
  float: left;
}
.info-2{

 manager/src/views/member/list/memberDetail.vue

@@ -60,6 +60,10 @@
            <span class="label">注册时间：</span>
            <span class="info">{{memberInfo.createTime}}</span>
          </p>
          <p class="item">
            <span class="label">用户自定义标签：</span>
            <span class="inf0o" v-for="(item,index) in memberTags" :key="index">{{item.tagName}}<span v-if="index < memberTags.length - 1">, </span></span>
          </p>
        </div>
      </div>
    </Card>
@@ -359,6 +363,8 @@
<script>

  import * as API_Member from "@/api/member.js";
  import { detailById } from "@/api/memberCustomerTag.js"

  import ossManage from "@/views/sys/oss-manage/ossManage";
  import multipleMap from "@/components/map/multiple-map";
  import * as RegExp from '@/libs/RegExp.js';
@@ -372,6 +378,7 @@
    },
    data() {
      return {
        memberTags:null,
        id: "",//会员id
        loading: true, // 表单加载状态
        memberInfo: {},//会员信息
@@ -838,11 +845,20 @@
      };
    },
    methods: {

      init() {
        //查询会员信息
        this.getMemberInfo();
        //查询会员的历史积分数据
        this.getPointData();
        this.getMemberTags();
      },
      getMemberTags(){
        detailById(this.id).then(res =>{
          if (res.code === 200){
              this.memberTags = res.data;
          }
        });
      },
      //会员信息tab改变事件
      memberInfoChange(v) {