src/views/client/contacts/DetailContacts.vue
@@ -10,7 +10,7 @@
      <template slot="title">
        <div class="header">
          <span class="header-label">联系人姓名</span>
          <span class="header-title">{{ detailConfig.infomation.contact_name }}</span>
          <span class="header-title">{{ detailConfig.infomation.name }}</span>
        </div>
      </template>
      <div class="content">
@@ -22,7 +22,7 @@
                <div>跟进记录<el-badge type="primary" :value="2"> </el-badge></div>
              </template> -->
            </el-tab-pane>
            <el-tab-pane label="销售明细单" name="detail"></el-tab-pane>
            <!-- <el-tab-pane label="销售明细单" name="detail"></el-tab-pane> -->
            <el-tab-pane label="服务合同" name="serviceContract"></el-tab-pane>
          </el-tabs>
        </div>
@@ -39,11 +39,11 @@
                <li v-for="(item, i) in basicInfoList" :key="i">
                  <div class="left">
                    <div class="content-title">{{ item.leftStr + ":" }}</div>
                    <div class="content-data">{{ item.leftValue }}</div>
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-data">{{ item.rightValue }}</div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
              </ul>
@@ -61,11 +61,11 @@
                <li v-for="(item, i) in addressInfoList" :key="i">
                  <div class="left">
                    <div class="content-title">{{ item.leftStr + ":" }}</div>
                    <div class="content-data">{{ item.leftValue }}</div>
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-data">{{ item.rightValue }}</div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
              </ul>
@@ -83,14 +83,14 @@
                <li>
                  <div class="left remark">
                    <div class="content-title">{{ "备注:" }}</div>
                    <div class="content-data">{{ "备注内容" }}</div>
                    <div class="content-data">{{ detailConfig.infomation.desc }}</div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <!-- 附件信息 -->
          <div class="basic-info">
          <!-- <div class="basic-info">
            <div class="basic-info-label" @click="expandClick('annex')">
              <i v-if="isAnnexExpand" class="el-icon-arrow-down"></i>
              <i v-else class="el-icon-arrow-up"></i>
@@ -106,16 +106,16 @@
                </li>
              </ul>
            </div>
          </div>
          </div> -->
        </div>
        <div v-if="activeName === 'second'" class="second">
          <FollowupRecords :isDetail="true" />
          <FollowupRecords :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'detail'" class="second">
          <SalesDetails :isDetail="true" />
          <SalesDetails :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'serviceContract'" class="second">
          <ServiceContract :isDetail="true" />
          <ServiceContract :isDetail="true" :add-config="addConfig" />
        </div>
      </div>
    </el-drawer>
@@ -150,75 +150,82 @@
      isAddressExpand: true, // 地址信息
      addressInfoList: [],
      isRemarkExpand: true, // 备注信息
      isAnnexExpand: true // 附件信息
      isAnnexExpand: true, // 附件信息
      addConfig: {}
    }
  },
  created() {
    this.setData()
    this.setData(this.detailConfig.infomation)
    this.addConfig = {
      id_name: "contact_name",
      id: this.detailConfig.infomation.id,
      common_name: this.detailConfig.infomation.name,
      client_name: this.detailConfig.infomation.client_name,
      contact_name: this.detailConfig.infomation.name,
      client_status_id: this.detailConfig.infomation.Client.client_status_id,
      contact_id: this.detailConfig.infomation.id,
      client_id: this.detailConfig.infomation.client_id,
      keyword: this.detailConfig.infomation.name,
      keywordType: "联系人姓名"
    }
  },
  mounted() {},
  methods: {
    setData() {
    setData(item) {
      this.basicInfoList = [
        {
          leftStr: "联系人姓名",
          leftValue: "",
          leftValue: item.name,
          rightStr: "联系人编号",
          rightValue: ""
          rightValue: item.number
        },
        {
          leftStr: "客户名称",
          leftValue: "",
          leftValue: item.Client.name,
          rightStr: "手机",
          rightValue: ""
          rightValue: item.phone
        },
        {
          leftStr: "职务",
          leftValue: "",
          leftValue: item.position,
          rightStr: "销售负责人",
          rightValue: ""
          rightValue: item.member.username
        },
        {
          leftStr: "首要联系人",
          leftValue: "",
          leftValue: item.is_first ? "是" : "否",
          rightStr: "微信号",
          rightValue: ""
          rightValue: item.wechat
        },
        {
          leftStr: "生日",
          leftValue: "",
          leftValue: item.birthday,
          rightStr: "联系人Email",
          rightValue: item.email
        },
        {
          leftStr: "下次回访日期",
          leftValue: item.Client.next_visit_time,
          rightStr: "最新联系日期",
          rightValue: ""
        },
        {
          leftStr: "签到",
          leftStr: "未联系天数",
          leftValue: "",
          rightStr: "下次回访日期",
          rightValue: ""
        },
        {
          leftStr: "最新联系日期",
          leftValue: "",
          rightStr: "未联系天数",
          rightStr: "",
          rightValue: ""
        }
      ]
      this.addressInfoList = [
        {
          leftStr: "国家",
          leftValue: "",
          leftValue: "中国",
          rightStr: "省份",
          rightValue: ""
          rightValue: item.Province.name
        },
        {
          leftStr: "城市",
          leftValue: "",
          rightStr: "区域",
          rightValue: ""
        },
        {
          leftStr: "邮编",
          leftValue: "",
          leftValue: item.City.name,
          rightStr: "",
          rightValue: ""
        }