src/views/client/client/DetailClientManage.vue
@@ -28,7 +28,7 @@
            <el-tab-pane label="销售总单" name="master"></el-tab-pane>
            <el-tab-pane label="销售子单" name="sub"></el-tab-pane>
            <el-tab-pane label="销售明细单" name="detail"></el-tab-pane>
            <el-tab-pane label="收款单" name="plan"></el-tab-pane>
            <el-tab-pane label="收款单" name="receipt"></el-tab-pane>
          </el-tabs>
        </div>
        <div v-if="activeName === 'first'" class="detail">
@@ -47,7 +47,7 @@
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
@@ -69,7 +69,7 @@
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
@@ -91,7 +91,7 @@
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
@@ -113,11 +113,15 @@
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
              </ul>
              <div class="business_scope">
                <div class="content-title">{{ "经营范围:" }}</div>
                <div class="content-data">{{ detailConfig.infomation.business_scope }}</div>
              </div>
            </div>
          </div>
          <!-- 地址信息 -->
@@ -135,11 +139,15 @@
                    <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
                  </div>
                  <div v-if="item.rightStr" class="right">
                    <div class="content-title">{{ item.rightStr }}</div>
                    <div class="content-title">{{ item.rightStr + ":" }}</div>
                    <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
                  </div>
                </li>
              </ul>
              <div class="business_scope">
                <div class="content-title">{{ "地址信息" }}</div>
                <div class="content-data">{{ detailConfig.infomation.detail_address }}</div>
              </div>
            </div>
          </div>
          <!-- 备注信息 -->
@@ -161,7 +169,7 @@
            </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>
@@ -177,28 +185,31 @@
                </li>
              </ul>
            </div>
          </div>
          </div> -->
        </div>
        <div v-if="activeName === 'contact'" class="second">
          <Contacts :isDetail="true" />
          <Contacts :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'second'" class="second">
          <FollowupRecords :isDetail="true" />
          <FollowupRecords :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'salesOpportunity'" class="second">
          <SalesOpportunity :isDetail="true" />
          <SalesOpportunity :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'quotation'" class="second">
          <Quotation :isDetail="true" />
          <Quotation :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'master'" class="second">
          <MasterOrder :isDetail="true" />
          <MasterOrder :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'sub'" class="second">
          <SubOrder :isDetail="true" />
          <SubOrder :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 === 'receipt'" class="second">
          <Receipt :isDetail="true" :add-config="addConfig" :source-type="1" />
        </div>
      </div>
    </el-drawer>
@@ -213,6 +224,8 @@
import MasterOrder from "@/views/sales/masterOrder"
import SubOrder from "@/views/sales/subOrder"
import SalesDetails from "@/views/sales/salesDetails"
import Receipt from "@/views/other/payment/receipt"
import { getContactList } from "@/api/client/contacts"
export default {
  name: "DetailClientManage",
  props: {
@@ -226,7 +239,7 @@
      }
    }
  },
  components: { FollowupRecords, Contacts, SalesOpportunity, Quotation, MasterOrder, SubOrder, SalesDetails },
  components: { FollowupRecords, Contacts, SalesOpportunity, Quotation, MasterOrder, SubOrder, SalesDetails, Receipt },
  computed: {},
  data() {
    return {
@@ -243,11 +256,30 @@
      isAddressExpand: true, // 地址信息
      addressInfoList: [],
      isRemarkExpand: true, // 备注信息
      isAnnexExpand: true // 附件信息
      isAnnexExpand: true, // 附件信息
      addConfig: {},
      contact_name: "",
      contact_phone: "",
      contact_position: "",
      contact_wechat: "",
      contact_email: ""
    }
  },
  created() {
    this.getContactList()
    this.setData(this.detailConfig.infomation)
    this.addConfig = {
      id_name: "client_name",
      keywordType: "客户名称",
      keyword: this.detailConfig.infomation.name,
      id: this.detailConfig.infomation.id,
      common_name: this.detailConfig.infomation.name,
      client_name: this.detailConfig.infomation.name,
      contact_name: this.detailConfig.infomation.contact_name,
      client_status_id: this.detailConfig.infomation.client_status_id,
      client_id: this.detailConfig.infomation.id,
      contact_id: this.detailConfig.infomation.contact_id
    }
  },
  mounted() {},
  methods: {
@@ -263,7 +295,7 @@
          leftStr: "客户状态",
          leftValue: item.client_status,
          rightStr: "销售负责人",
          rightValue: item.member_id
          rightValue: item.member.username
        },
        {
          leftStr: "客户类型",
@@ -280,20 +312,14 @@
        {
          leftStr: "所属公海",
          leftValue: "",
          rightStr: "服务代表",
          rightValue: ""
        },
        {
          leftStr: "签到",
          leftValue: "",
          rightStr: "下次回访日期",
          rightValue: this.processTime(item.next_visit_time)
          rightValue: item.next_visit_time
        },
        {
          leftStr: "创建时间",
          leftValue: "",
          rightStr: "最晚服务到期日",
          rightValue: this.processTime(item.latest_service_time)
          leftStr: "最晚服务到期日",
          leftValue: item.latest_service_time,
          rightStr: "创建时间",
          rightValue: ""
        },
        {
          leftStr: "创建人",
@@ -305,19 +331,19 @@
      this.contactList = [
        {
          leftStr: "联系人姓名",
          leftValue: item.contact_name,
          leftValue: this.contact_name,
          rightStr: "联系人手机",
          rightValue: item.contact_phone
          rightValue: this.contact_phone
        },
        {
          leftStr: "联系人职务",
          leftValue: "",
          leftValue: this.contact_position,
          rightStr: "联系人微信",
          rightValue: ""
          rightValue: this.contact_wechat
        },
        {
          leftStr: "联系人Email",
          leftValue: "",
          leftValue: this.contact_email,
          rightStr: "",
          rightValue: ""
        }
@@ -345,7 +371,7 @@
        },
        {
          leftStr: "注册时间",
          leftValue: this.processTime(item.registration_time),
          leftValue: item.registration_time,
          rightStr: "注册资金",
          rightValue: item.RegisteredCapital.name
        },
@@ -354,33 +380,27 @@
          leftValue: item.EnterpriseNature.name,
          rightStr: "客户规模",
          rightValue: item.EnterpriseScale.name
        },
        {
          leftStr: "经营范围",
          leftValue: item.business_scope,
          rightStr: "",
          rightValue: ""
        }
      ]
      this.addressInfoList = [
        {
          leftStr: "国家",
          leftValue: item.Country.name,
          leftValue: "中国",
          rightStr: "省份",
          rightValue: item.Province.name
        },
        {
          leftStr: "城市",
          leftValue: item.City.name,
          rightStr: "区域",
          rightValue: item.Region.name
        },
        {
          leftStr: "详细地址",
          leftValue: item.detail_address,
          rightStr: "",
          rightValue: ""
        }
        // {
        //   leftStr: "详细地址",
        //   leftValue: item.detail_address,
        //   rightStr: "",
        //   rightValue: ""
        // }
      ]
    },
    handleClose() {
@@ -409,12 +429,6 @@
        this.isAnnexExpand = !this.isAnnexExpand
      }
    },
    // 处理时间
    processTime(dateTime) {
      return this.dateFormat("YYYY-mm-dd HH:MM:SS", dateTime) === "1900-01-01 08:00:00"
        ? "--"
        : this.dateFormat("YYYY-mm-dd HH:MM:SS", dateTime)
    },
    // 时间显示
    dateFormat(fmt, date) {
      let ret = ""
@@ -435,6 +449,29 @@
        }
      }
      return fmt
    },
    getContactList() {
      getContactList({
        search_map: {
          client_id: this.clientManageDetail.infomation.id
        },
        page: 0,
        pageSize: 0
      }).then((res) => {
        if (res.code === 200) {
          console.log(res.data.list)
          if (res.data.list && res.data.list.length > 0) {
            let data = res.data.list[0]
            console.log(data)
            this.contact_name = data.name
            this.contact_phone = data.phone
            this.contact_position = data.position
            this.contact_wechat = data.wechat
            this.contact_email = data.email
          }
        }
        this.setData(this.detailConfig.infomation)
      })
    }
  }
}
@@ -533,14 +570,34 @@
                  color: #333;
                }
              }
              .remark {
              .remark,
              .all {
                width: 100%;
              }
            }
            .business_scope {
              display: flex;
              align-items: center;
              font-size: 14px;
              min-height: 40px;
              .content-title {
                width: 320px;
                text-align: right;
                color: #555;
              }
              .content-data {
                flex: 1;
                padding: 5px;
                text-align: left;
                margin-left: 25px;
                color: #333;
              }
            }
          }
        }
      }
      .second {
        height: calc(100vh - 111px);
        background: #fff;
        .followup-records {
          .table-view {