增加a分析若干功能页面。
This commit is contained in:
zhonghua.li
40
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/deal_attribution/deal_attribution.js
vendored
Normal file
40
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/deal_attribution/deal_attribution.js
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
conversionRate: "15.8",
|
||||
totalDeals: "201",
|
||||
dataList: [
|
||||
{ factor: "产品优势", description: "突出产品核心优势", percentage: "35.2" },
|
||||
{ factor: "价格优惠", description: "提供合适的价格优惠", percentage: "28.4" },
|
||||
{ factor: "服务质量", description: "优质的售后服务", percentage: "18.7" },
|
||||
{ factor: "客户关系", description: "良好的客户关系维护", percentage: "12.3" },
|
||||
{ factor: "竞争优势", description: "相对于竞品的优势", percentage: "5.4" }
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o((...args) => $options.goBack && $options.goBack(...args)),
|
||||
b: common_vendor.t($data.conversionRate),
|
||||
c: common_vendor.t($data.totalDeals),
|
||||
d: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.factor),
|
||||
b: common_vendor.t(item.description),
|
||||
c: common_vendor.t(item.percentage),
|
||||
d: index
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-92834624"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/ai_features/deal_attribution/deal_attribution.js.map
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="feature-page data-v-92834624"><view class="page-header data-v-92834624"><view class="nav-bar data-v-92834624"><view class="nav-left data-v-92834624" bindtap="{{a}}"><text class="back-icon data-v-92834624">←</text></view><text class="nav-title data-v-92834624">成交归因分析</text></view></view><scroll-view class="content-scroll data-v-92834624" scroll-y="true"><view class="stats-card data-v-92834624"><view class="stat-item data-v-92834624"><text class="stat-value data-v-92834624">{{b}}%</text><text class="stat-label data-v-92834624">总体转化率</text></view><view class="stat-item data-v-92834624"><text class="stat-value data-v-92834624">{{c}}</text><text class="stat-label data-v-92834624">成交总数</text></view></view><view class="chart-section data-v-92834624"><text class="section-title data-v-92834624">成交因素分析图</text><view class="chart-placeholder data-v-92834624"><text class="placeholder-text data-v-92834624">📊 图表区域</text><text class="placeholder-desc data-v-92834624">此处将显示成交归因分析图表</text></view></view><view class="data-list data-v-92834624"><text class="section-title data-v-92834624">关键成交因素</text><view wx:for="{{d}}" wx:for-item="item" wx:key="d" class="list-item data-v-92834624"><view class="item-left data-v-92834624"><text class="item-date data-v-92834624">{{item.a}}</text><text class="item-desc data-v-92834624">{{item.b}}</text></view><view class="item-right data-v-92834624"><text class="item-percentage data-v-92834624">{{item.c}}%</text></view></view></view></scroll-view></view>
|
||||
127
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/deal_attribution/deal_attribution.wxss
vendored
Normal file
127
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/deal_attribution/deal_attribution.wxss
vendored
Normal file
@@ -0,0 +1,127 @@
|
||||
|
||||
.feature-page.data-v-92834624 {
|
||||
min-height: 100vh;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header.data-v-92834624 {
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.nav-bar.data-v-92834624 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 88rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.nav-left.data-v-92834624 {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.back-icon.data-v-92834624 {
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.nav-title.data-v-92834624 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.content-scroll.data-v-92834624 {
|
||||
height: calc(100vh - 88rpx);
|
||||
}
|
||||
.stats-card.data-v-92834624 {
|
||||
display: flex;
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.stat-item.data-v-92834624 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.stat-item.data-v-92834624:not(:last-child) {
|
||||
border-right: 1rpx solid #e9ecef;
|
||||
}
|
||||
.stat-value.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.stat-label.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.chart-section.data-v-92834624, .data-list.data-v-92834624 {
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.section-title.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.chart-placeholder.data-v-92834624 {
|
||||
padding: 80rpx 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.placeholder-text.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.placeholder-desc.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.list-item.data-v-92834624 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
}
|
||||
.list-item.data-v-92834624:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.item-left.data-v-92834624 {
|
||||
flex: 1;
|
||||
}
|
||||
.item-date.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.item-desc.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.item-right.data-v-92834624 {
|
||||
text-align: right;
|
||||
}
|
||||
.item-percentage.data-v-92834624 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
}
|
||||
Reference in New Issue
Block a user