|
@@ -129,32 +129,32 @@
|
|
|
<div class="modal-title">
|
|
<div class="modal-title">
|
|
|
<span class="detail-flag">{{ selectedCustomer.flag }}</span>
|
|
<span class="detail-flag">{{ selectedCustomer.flag }}</span>
|
|
|
<div>
|
|
<div>
|
|
|
- <h3>{{ selectedCustomer.name }}</h3>
|
|
|
|
|
- <p>{{ selectedCustomer.industry }} · {{ selectedCustomer.location }}</p>
|
|
|
|
|
|
|
+ <h3>{{ selectedCustomer.customerName }}</h3>
|
|
|
|
|
+ <p>{{ selectedCustomer.industry }} · {{ selectedCustomer.continent }}·{{ selectedCustomer.country }}</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<button class="modal-close" @click="showDetailModal = false"><i class="fas fa-times"></i></button>
|
|
<button class="modal-close" @click="showDetailModal = false"><i class="fas fa-times"></i></button>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="modal-body">
|
|
<div class="modal-body">
|
|
|
<!-- Quick Stats -->
|
|
<!-- Quick Stats -->
|
|
|
- <!-- <div class="detail-stats">
|
|
|
|
|
|
|
+ <div class="detail-stats">
|
|
|
<div class="detail-stat-card">
|
|
<div class="detail-stat-card">
|
|
|
- <div class="detail-stat-value" :class="getScoreClass(selectedCustomer.score)">{{ selectedCustomer.score }}</div>
|
|
|
|
|
|
|
+ <div class="detail-stat-value" :class="getScoreClass('88')">88</div>
|
|
|
<div class="detail-stat-label">意向分</div>
|
|
<div class="detail-stat-label">意向分</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="detail-stat-card">
|
|
<div class="detail-stat-card">
|
|
|
- <div class="detail-stat-value">{{ selectedCustomer.totalDeals }}</div>
|
|
|
|
|
|
|
+ <div class="detail-stat-value">0</div>
|
|
|
<div class="detail-stat-label">累计订单</div>
|
|
<div class="detail-stat-label">累计订单</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="detail-stat-card">
|
|
<div class="detail-stat-card">
|
|
|
- <div class="detail-stat-value success">¥{{ formatNumber(selectedCustomer.totalAmount) }}</div>
|
|
|
|
|
|
|
+ <div class="detail-stat-value success">¥{{ formatNumber(0) }}</div>
|
|
|
<div class="detail-stat-label">累计金额</div>
|
|
<div class="detail-stat-label">累计金额</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="detail-stat-card">
|
|
<div class="detail-stat-card">
|
|
|
- <div class="detail-stat-value">{{ selectedCustomer.lastContact }}</div>
|
|
|
|
|
|
|
+ <div class="detail-stat-value">三天前</div>
|
|
|
<div class="detail-stat-label">最后联系</div>
|
|
<div class="detail-stat-label">最后联系</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div> -->
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
<!-- Contact Info -->
|
|
<!-- Contact Info -->
|
|
|
<div class="detail-section">
|
|
<div class="detail-section">
|
|
@@ -242,7 +242,7 @@
|
|
|
<div class="modal-footer">
|
|
<div class="modal-footer">
|
|
|
<button class="btn btn-secondary" @click="showDetailModal = false">关闭</button>
|
|
<button class="btn btn-secondary" @click="showDetailModal = false">关闭</button>
|
|
|
<!-- <button class="btn btn-secondary"><i class="fas fa-edit"></i> 编辑</button> -->
|
|
<!-- <button class="btn btn-secondary"><i class="fas fa-edit"></i> 编辑</button> -->
|
|
|
- <button class="btn btn-primary" @click="">
|
|
|
|
|
|
|
+ <button class="btn btn-primary" @click="goOtherProject(selectedCustomer)">
|
|
|
<i class="fas fa-rocket"></i> 客户详情
|
|
<i class="fas fa-rocket"></i> 客户详情
|
|
|
</button>
|
|
</button>
|
|
|
</div>
|
|
</div>
|
|
@@ -327,6 +327,24 @@ const getRegion = (value) => {
|
|
|
getCustomer()
|
|
getCustomer()
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+const goOtherProject = () => {
|
|
|
|
|
+ const baseUrl = 'https://sales.test.storlead.com/customer/followPanel' // 销售管理系统
|
|
|
|
|
+ const params = {
|
|
|
|
|
+ id: 4525,
|
|
|
|
|
+ resourceType: 10,
|
|
|
|
|
+ customerForm: 10,
|
|
|
|
|
+ queryRangeType: 0,
|
|
|
|
|
+ hasPublicCustomer: true,
|
|
|
|
|
+ hasFollowMode: false,
|
|
|
|
|
+ }
|
|
|
|
|
+ // 拼接参数
|
|
|
|
|
+ const queryStr = new URLSearchParams(params).toString()
|
|
|
|
|
+ const jumpUrl = `${baseUrl}?${queryStr}`
|
|
|
|
|
+ // 新窗口打开
|
|
|
|
|
+ window.open(jumpUrl, '_blank')
|
|
|
|
|
+ // 当前窗口打开:window.location.href = jumpUrl
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
// const customers = ref([
|
|
// const customers = ref([
|
|
|
// {
|
|
// {
|
|
|
// id: 1, flag: '🇸🇦', name: 'Riyadh Tech Distribution', status: 'prospect', contact: 'Ahmed Al-Rashid',
|
|
// id: 1, flag: '🇸🇦', name: 'Riyadh Tech Distribution', status: 'prospect', contact: 'Ahmed Al-Rashid',
|
|
@@ -446,6 +464,7 @@ const createOpportunity = (customer) => {
|
|
|
showToastMessage(`正在为 ${customer.name} 创建商机...`, 'success')
|
|
showToastMessage(`正在为 ${customer.name} 创建商机...`, 'success')
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+
|
|
|
// 辅助函数:根据国家代码获取国旗
|
|
// 辅助函数:根据国家代码获取国旗
|
|
|
const getFlagByCountry = (countryCode) => {
|
|
const getFlagByCountry = (countryCode) => {
|
|
|
const flagMap = {
|
|
const flagMap = {
|