zuozhengqing
2023-10-16 9e81895b192f38d1bedfb9054a90b4c0c46042ea
src/views/client/client/DetailClientManage.vue
@@ -118,6 +118,10 @@
                  </div>
                </li>
              </ul>
              <div class="business_scope">
                <div class="content-title">{{ "经营范围:" }}</div>
                <div class="content-data">{{ detailConfig.infomation.business_scope }}</div>
              </div>
            </div>
          </div>
          <!-- 地址信息 -->
@@ -140,6 +144,10 @@
                  </div>
                </li>
              </ul>
              <div class="business_scope">
                <div class="content-title">{{ "地址信息" }}</div>
                <div class="content-data">{{ detailConfig.infomation.detail_address }}</div>
              </div>
            </div>
          </div>
          <!-- 备注信息 -->
@@ -180,25 +188,28 @@
          </div> -->
        </div>
        <div v-if="activeName === 'contact'" class="second">
          <Contacts :isDetail="true" :add-config="addContactsConfig" />
          <Contacts :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'second'" class="second">
          <FollowupRecords :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'salesOpportunity'" class="second">
          <SalesOpportunity :isDetail="true" :add-config="addContactsConfig" />
          <SalesOpportunity :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'quotation'" class="second">
          <Quotation :isDetail="true" :add-config="addContactsConfig" />
          <Quotation :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'master'" class="second">
          <MasterOrder :isDetail="true" :add-config="addContactsConfig" />
          <MasterOrder :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'sub'" class="second">
          <SubOrder :isDetail="true" :add-config="addContactsConfig" />
          <SubOrder :isDetail="true" :add-config="addConfig" />
        </div>
        <div v-if="activeName === 'detail'" class="second">
          <SalesDetails :isDetail="true" :add-config="addContactsConfig" />
          <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 {
@@ -245,16 +258,22 @@
      isRemarkExpand: true, // 备注信息
      isAnnexExpand: true, // 附件信息
      addConfig: {},
      addContactsConfig: {
        client_name: this.clientManageDetail.infomation.name
      }
      contact_name: "",
      contact_phone: "",
      contact_position: "",
      contact_wechat: "",
      contact_email: ""
    }
  },
  created() {
    this.getContactList()
    this.setData(this.detailConfig.infomation)
    this.addConfig = {
      id_name: "client_id",
      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,
@@ -293,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: "创建人",
@@ -318,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: ""
        }
@@ -358,7 +371,7 @@
        },
        {
          leftStr: "注册时间",
          leftValue: this.processTime(item.registration_time),
          leftValue: item.registration_time,
          rightStr: "注册资金",
          rightValue: item.RegisteredCapital.name
        },
@@ -367,12 +380,6 @@
          leftValue: item.EnterpriseNature.name,
          rightStr: "客户规模",
          rightValue: item.EnterpriseScale.name
        },
        {
          leftStr: "经营范围",
          leftValue: item.business_scope,
          rightStr: "",
          rightValue: ""
        }
      ]
      this.addressInfoList = [
@@ -387,13 +394,13 @@
          leftValue: item.City.name,
          rightStr: "",
          rightValue: ""
        },
        {
          leftStr: "详细地址",
          leftValue: item.detail_address,
          rightStr: "",
          rightValue: ""
        }
        // {
        //   leftStr: "详细地址",
        //   leftValue: item.detail_address,
        //   rightStr: "",
        //   rightValue: ""
        // }
      ]
    },
    handleClose() {
@@ -422,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 = ""
@@ -448,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)
      })
    }
  }
}
@@ -546,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 {