|
@@ -100,10 +100,24 @@ const queryOverall = async (payload?: RequestProps) => {
|
|
|
{ type: 'bar', barWidth: 20 },
|
|
|
{ type: 'bar', barWidth: 20, color: '#b91c1c' }
|
|
|
];
|
|
|
+
|
|
|
+ if(userInfo && userInfo.value.userNameNeedTranslate == 1) {
|
|
|
+ dealWithTranslation(sourceDataTypes, sourceData).then((res: any) => {
|
|
|
+ // @ts-ignore
|
|
|
+ chartOptions.dataset.dimensions = ['name', '成交客户数', '新增客户数'];
|
|
|
+ // @ts-ignore
|
|
|
+ chartOptions.dataset.source = res
|
|
|
+ chartOptions.legend = {};
|
|
|
+ })
|
|
|
+
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
// @ts-ignore
|
|
|
chartOptions.dataset.dimensions = ['name', '成交客户数', '新增客户数'];
|
|
|
// @ts-ignore
|
|
|
- chartOptions.dataset.source = userInfo.userNameNeedTranslate == 1 ? dealWithTranslation(sourceDataTypes, sourceData) : sourceData
|
|
|
+ // chartOptions.dataset.source = userInfo.userNameNeedTranslate == 1 ? dealWithTranslation(sourceDataTypes, sourceData) : sourceData
|
|
|
+ chartOptions.dataset.source = sourceData
|
|
|
// chartOptions.dataset.source = data.map((d) => ({
|
|
|
// name: form.type === 1 ? d.name : d.departmentName,
|
|
|
// ['成交客户数']: d.customerDeal,
|
|
@@ -168,12 +182,7 @@ watchEffect(async () => {
|
|
|
<el-form :model="form" class="flex gap-4">
|
|
|
<el-form-item>
|
|
|
<el-select clearable v-model="form.date" style="width: 112px">
|
|
|
- <el-option
|
|
|
- v-for="date in dateOptions"
|
|
|
- :key="date.value"
|
|
|
- :label="date.label"
|
|
|
- :value="date.value"
|
|
|
- />
|
|
|
+ <el-option v-for="date in dateOptions" :key="date.value" :label="date.label" :value="date.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
@@ -213,18 +222,13 @@ watchEffect(async () => {
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
- <el-tabs
|
|
|
- type="card"
|
|
|
- v-model="dataType"
|
|
|
- @tab-change="
|
|
|
- () => {
|
|
|
- form.date = undefined;
|
|
|
- form.member = '';
|
|
|
- form.type = 1;
|
|
|
- dataSource = [];
|
|
|
- }
|
|
|
- "
|
|
|
- >
|
|
|
+ <el-tabs type="card" v-model="dataType" @tab-change="() => {
|
|
|
+ form.date = undefined;
|
|
|
+ form.member = '';
|
|
|
+ form.type = 1;
|
|
|
+ dataSource = [];
|
|
|
+ }
|
|
|
+ ">
|
|
|
<el-tab-pane label="客户总量分析" :name="0" />
|
|
|
<el-tab-pane label="客户转化率分析" :name="1" />
|
|
|
</el-tabs>
|