|
|
@@ -15,8 +15,8 @@
|
|
|
<view class="space-view ex-table">
|
|
|
<block>
|
|
|
<t-table :headerBackgroundColor="'#F0F2F6'">
|
|
|
+ <!-- 客户名改为行标题独占一行,表头只保留 5 列指标,避免 6 列均分把长名称挤成单字换行 -->
|
|
|
<t-tr header>
|
|
|
- <t-th>客户</t-th>
|
|
|
<t-th>笔数</t-th>
|
|
|
<t-th>扎数</t-th>
|
|
|
<t-th>金额</t-th>
|
|
|
@@ -24,18 +24,18 @@
|
|
|
<t-th>利润</t-th>
|
|
|
</t-tr>
|
|
|
<block v-if="profile.list && !$util.isEmpty(profile.list)">
|
|
|
- <view v-for="(item, index) in profile.list" :key="index">
|
|
|
+ <view v-for="(item, index) in profile.list" :key="index" class="sale-item">
|
|
|
+ <view class="sale-item-name">{{item.customName?item.customName:'-'}}</view>
|
|
|
<t-tr>
|
|
|
- <t-td><view style="color:#333333;font-size:28upx;">{{item.customName?item.customName:'-'}}</view></t-td>
|
|
|
- <t-td><view style="color:#333333;font-size:28upx;">{{parseFloat(item.num)}}</view></t-td>
|
|
|
- <t-td><view style="color:#333333;font-size:28upx;">{{item.count?parseFloat(item.count):0}}</view></t-td>
|
|
|
- <t-td><view style="color:#333333;font-size:28upx;">¥{{parseFloat(item.amount)}}</view></t-td>
|
|
|
- <t-td><view style="color:#333333;font-size:28upx;">¥{{parseFloat(item.cost)}}</view></t-td>
|
|
|
- <t-td><view style="color:#333333;font-size:28upx;">¥{{parseFloat(item.profit)}}</view></t-td>
|
|
|
+ <t-td><view class="sale-cell">{{parseFloat(item.num)}}</view></t-td>
|
|
|
+ <t-td><view class="sale-cell">{{item.count?parseFloat(item.count):0}}</view></t-td>
|
|
|
+ <t-td><view class="sale-cell">¥{{parseFloat(item.amount)}}</view></t-td>
|
|
|
+ <t-td><view class="sale-cell">¥{{parseFloat(item.cost)}}</view></t-td>
|
|
|
+ <t-td><view class="sale-cell">¥{{parseFloat(item.profit)}}</view></t-td>
|
|
|
</t-tr>
|
|
|
</view>
|
|
|
</block>
|
|
|
- <t-tr><t-td><view style="color:black;font-weight:bold;font-size:28upx;">{{profile.totalNum||0}}笔¥{{profile.totalAmount||0}} 成本¥{{ profile.totalCost||0 }} 利润¥{{ profile.totalProfit||0 }}</view></t-td></t-tr>
|
|
|
+ <t-tr><t-td><view class="sale-total">{{profile.totalNum||0}}笔¥{{profile.totalAmount||0}} 成本¥{{ profile.totalCost||0 }} 利润¥{{ profile.totalProfit||0 }}</view></t-td></t-tr>
|
|
|
</t-table>
|
|
|
</block>
|
|
|
</view>
|
|
|
@@ -45,6 +45,10 @@
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
+/**
|
|
|
+ * ghsApp 客户业绩:按客户汇总笔数/扎数/金额/成本/利润。
|
|
|
+ * 工作台「客户业绩」进入;长客户名单独占满一行,避免与指标挤在同一行导致排版走样。
|
|
|
+ */
|
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
import { getStatKhCgProfile } from "@/api/stat/index";
|
|
|
import { list } from "@/mixins";
|
|
|
@@ -159,6 +163,35 @@ export default {
|
|
|
::v-deep.icon-info {
|
|
|
color: #333333;
|
|
|
}
|
|
|
+ /* 名称与指标拆成两行:名称用满屏宽完整展示,指标 5 列对齐表头且不再被撑高 */
|
|
|
+ .sale-item {
|
|
|
+ border-bottom: 1upx solid #eeeeee;
|
|
|
+ ::v-deep .t-tr {
|
|
|
+ border-bottom: none;
|
|
|
+ padding-top: 8upx;
|
|
|
+ padding-bottom: 16upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /* 客户名用主题蓝加粗,和下面黑色指标数字区分开,当作每组数据的行标题 */
|
|
|
+ .sale-item-name {
|
|
|
+ padding: 20upx 40upx 4upx;
|
|
|
+ color: #3385FF;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 1.4;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ .sale-cell {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 28upx;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .sale-total {
|
|
|
+ color: black;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 28upx;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.bar-view {
|