ydac/src/components/getsaclientcontactinfo.vue

<template>
  <div>
    <van-nav-bar
      @click-left="onClickLeft"
      @click-right="onClickRight"
      style="background-color: #1989fa"
    >
      <template #title>
        <van-col style="color: #ffffff">联系记录信息</van-col>
      </template>
      <template #left>
        <i
          class="fa fa-arrow-circle-left"
          aria-hidden="true"
          style="color: #ffffff; font-size: 18px"
        ></i>
      </template>
      <template #right>
        <van-icon name="replay" size="18" color="#ffffff" />
      </template>
    </van-nav-bar>
     <van-row style="border-bottom: #efefef solid 3px;">
        <van-col span="24" class="title">
                <i class="fa fa-user-circle-o" aria-hidden="true"></i> {{data.ClientName}}
        </van-col>
      </van-row>
     <van-row style="border-bottom: #efefef solid 3px;">
        <van-col span="24" class="remark">
                {{data.Remark}}
        </van-col>
      </van-row>
      <van-cell
        title="接待业务员"
        :value="data.UserName"
        title-class="title1"
        value-class="value1"
        size="large"
      />
     <van-cell
        title="接待时间"
        :value="data.VisitDate+' '+data.VisitTime"
        title-class="title1"
        value-class="value1"
        size="large"
      />
      <van-cell
        title="访问类型"
        :value="data.VisitType"
        title-class="title1"
        value-class="value1"
        size="large"
      />
      <van-cell
        title="意向强度"
        
        title-class="title1"
        value-class="value1"
        size="large"
      >
      <template #default>
        <template v-if="data.Intention>0">
          <span v-for="n in data.Intention" :key="n+'x'">★</span>
        </template>
        <template v-if="data.Intention<5">
          <span v-for="n in 5-data.Intention" :key="n">☆</span>
        </template>
      </template>
      </van-cell>
      <van-cell
        title="来访计划日期"
        :value="data.PlanVisitDate"
        title-class="title1"
        value-class="value1"
        size="large"
      />
      <van-cell
        title="下次接待日期"
        :value="data.NextReceiveDate"
        title-class="title1"
        value-class="value1"
        size="large"
      />
       <van-cell
        title="录入人"
        :value="data.CreateMan"
        title-class="title1"
        value-class="value1"
        size="large"
      />
       <van-cell
        title="录入时间"
        :value="data.CreateDate"
        title-class="title1"
        value-class="value1"
        size="large"
      />
      
  </div>
</template>

<script>
import { GetSaClientContactInfo } from "@/common/api/loginApi.js";
export default {
  name: "login",
  data() {
    return {
      data: {}, 
    };
  },
  created: function () {
    console.info("created");
    //console.info(this.$util);
    this.$util.persistLogin(this);
    this.GetSaClientContactInfo();
  },
  methods: {
    GetSaClientContactInfo: function () {
      var that = this;
      var data = {
          userCode:that.$store.state.data.userCode,
          projectId: that.$store.state.projectId,
          ccId:that.$route.query.id
      };
      console.info("data", data);
      GetSaClientContactInfo(data).then((res) => {
        console.info("GetSaClientContactInfo", res);
        if (!res.result) {
          that.$toast(res.msg);
          return;
        }
       that.data=res.data;
      });
    },    
    onClickLeft() {
      // this.$toast('返回')
      console.info("left");
      this.$router.go(-1);
    },
    onClickRight() {
      this.$router.go(0);
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.title{
    color:#0f0fa7;
    font-size:18px;
    font-weight:900;
    text-align: left;
    margin-left:15px;
    height:40px;
    margin-top:15px;
}
.title1 {
  color: #999;
  text-align: left;
}
.value1{
    color:#0f0fa7;
    font-size:15px;
}
.size{
    font-size:16px;
    color:orange;
}
.remark{
  text-align:left;
  padding-left:15px;
  padding-right:15px;
  line-height:25px;
  justify-content: space-between;
}
</style>