yos_web/src/SDrpManagement/salerPrivatecustomer/detail/modules/detailedData.vue

<template>
  <div class="normal-panel">
    <div class="normal-panel normal-margin">
      <el-descriptions
        :title="$t('基本信息')"
        border
        :column="2"
        labelClassName="my-label"
        contentClassName="my-content"
      >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('客户名称')"
          >{{
            data.enterprisename ? data.enterprisename : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('客户编号')"
          >{{
            data.sa_customersid ? data.sa_customersid : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`erp编号`)"
          >{{
            data.erpagentnum ? data.erpagentnum : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`企业简称`)"
          >{{
            data.abbreviation ? data.abbreviation : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('客户类型')"
          >{{ data.type ? $t(data.type) : "--" }}</el-descriptions-item
        >

        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`客户等级`)"
          >{{ data.grade ? data.grade : "--" }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`客户分类`)"
          >{{
            data.customergrade ? $t(data.customergrade) : "--"
          }}</el-descriptions-item
        >

        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`客户行业`)"
        >
          <div v-if="data.industry">
            <span v-for="(item, index) in data.industry">
              {{
                data.industry.length === 0
                  ? $t(item)
                  : index === data.industry.length - 1
                  ? $t(item)
                  : $t(item) + ","
              }}
            </span>
          </div>
          <div v-else>--</div>
        </el-descriptions-item>
        <el-descriptions-item label-class-name="my-label" :label="$t('税号')">{{
          data.taxno ? data.taxno : "--"
        }}</el-descriptions-item>

        <el-descriptions-item label-class-name="my-label" :label="$t(`法人`)">{{
          data.contact ? data.contact : "--"
        }}</el-descriptions-item>
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('联系电话')"
          >{{ data.telephone ? data.telephone : "--" }}</el-descriptions-item
        >

        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('省市县')"
          >{{
            data.province
              ? data.province + "-" + data.city + "-" + data.county
              : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`详细地址`)"
          >{{ data.address ? data.address : "--" }}</el-descriptions-item
        >

        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`上级合作伙伴`)"
          >{{
            data.superiorenterprisename ? $t(data.superiorenterprisename) : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`客户来源`)"
          >{{ data.source ? $t(data.source) : "--" }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`来源公海`)"
          >{{
            data.sourcepoolname ? $t(data.sourcepoolname) : "--"
          }}</el-descriptions-item
        >

        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('成交状态')"
        >
          <span :style="tradingstatusStyle">{{
            data.tradingstatus ? $t(data.tradingstatus) : "--"
          }}</span>
        </el-descriptions-item>
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`成交次数`)"
        >
          {{ data.contact_signnum === 0 ? 0 : data.contact_signnum }}
        </el-descriptions-item>
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('合作状态')"
        >
          <span :style="statusStyle">{{
            data.status ? $t(data.status) : "--"
          }}</span>
        </el-descriptions-item>
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('负责人')"
          >{{
            data.leader
              ? data.leader.length !== 0
                ? data.leader[0].name
                : "--"
              : "--"
          }}</el-descriptions-item
        >

        <!--        <el-descriptions-item label-class-name="my-label" :label="$t(`修正比例`)" v-if="siteid === 'HY'">
          <span >{{ data.reward_rate?Math.round((data.reward_rate * 100)*100)/100 + '%':"0%" }}</span>
        </el-descriptions-item>
        <el-descriptions-item label-class-name="my-label" :label="$t(`提成计算节点`)" v-if="siteid === 'HY'">
          <span >{{ data.reward_point?data.reward_point:"&#45;&#45;" }}</span>
        </el-descriptions-item>-->
      </el-descriptions>
    </div>

    <div class="normal-panel">
      <el-descriptions
        :title="$t('系统信息')"
        border
        :column="2"
        labelClassName="my-label"
        contentClassName="my-content"
      >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('创建人')"
          >{{ system.createby ? system.createby : "--" }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t('创建时间')"
          >{{
            system.createdate ? system.createdate : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`最近编辑人`)"
          >{{ system.changeby ? system.changeby : "--" }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`最近编辑时间`)"
          >{{
            system.changedate ? system.changedate : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`作废原因`)"
          >{{
            system.returnreson ? system.returnreson : "--"
          }}</el-descriptions-item
        >
        <el-descriptions-item
          label-class-name="my-label"
          :label="$t(`转手次数`)"
          >{{
            data.leader
              ? data.leader.length !== 0
                ? data.leader[0].leadernum === 0
                  ? "0"
                  : data.leader[0].leadernum
                : "--"
              : "--"
          }}</el-descriptions-item
        >
      </el-descriptions>
    </div>
  </div>
</template>

<script>
export default {
  name: "detailedData",
  props: ["data"],
  data() {
    return {
      system: [],
      sa_customersid: "",
      tradingstatusStyle: {
        color: "",
      },
      statusStyle: {
        color: "",
      },
      siteid: JSON.parse(sessionStorage.getItem("active_account")).siteid,
    };
  },
  mounted() {
    // this.dataData(this.$route.query.id)
    this.systemData();
    this.style(this.data.tradingstatus);
    this.styleStatus(this.data.status);
  },
  methods: {
    /*基本信息*/
    async basicData(id) {
      const res = await this.$api.requested({
        id: 20221012164302,
        content: {
          sa_customersid: this.$route.query.id,
        },
      });
      this.basic = res.data;
      console.log(this.basic, "基本信息");
      this.style(this.basic.tradingstatus);
      this.styleStatus(this.basic.status);
    },
    style(val) {
      let style = {};
      switch (val) {
        case "已成交":
          style = { color: "#67c23a" };
          break;
        case "未成交":
          style = { color: "#3874f6" };
          break;
        case "多次成交":
          style = { color: "#67c23a" };
          break;
        default:
          break;
      }
      this.tradingstatusStyle.color = style.color;
      return style;
    },
    styleStatus(val) {
      let style = {};
      switch (val) {
        case "潜在":
          style = { color: "#3874f6" };
          break;
        case "合作中":
          style = { color: "#67c23a" };
          break;
        case "暂缓":
          style = { color: "#e6a23c" };
          break;
        case "已终止":
          style = { color: "#ccc" };
          break;
        default:
          break;
      }
      this.statusStyle.color = style.color;
      return style;
    },
    /*系统信息*/
    async systemData() {
      const res = await this.$api.requested({
        id: 20221019091602,
        content: {
          sa_customersid: this.$route.query.id,
        },
      });
      this.system = res.data;
    },
  },
};
</script>

<style>
</style>
<style scoped>
.my-label {
}
</style>