业务员 业务区域加下钻 同比内容里红点绿点和数字中间换行

This commit is contained in:
mll
2026-04-21 20:07:24 +08:00
parent 51befc8bba
commit a784b0b4c0

View File

@@ -70,11 +70,22 @@
</el-select> </el-select>
</div> </div>
</template> </template>
<template v-for="prop in Object.keys(textAlignFiels)" :key="prop" #[`${prop}`]="scope">
<div v-if="textAlignFiels[prop]" >
<span v-html="scope.row[prop]"></span>
</div>
</template>
<template #stdGoodsName=scope> <template #stdGoodsName=scope>
<span v-if="reportCode=='ZHXSQK'" @click="openSaleDetail(scope.row)" style="color: rgb(64, 158, 255);cursor: pointer;">{{scope.row.stdGoodsName}}</span> <span v-if="reportCode=='ZHXSQK'" @click="openSaleDetail(scope.row)" style="color: rgb(64, 158, 255);cursor: pointer;">{{scope.row.stdGoodsName}}</span>
<span v-else> {{scope.row.stdGoodsName}}</span> <span v-else> {{scope.row.stdGoodsName}}</span>
</template> </template>
<template v-if="reportCode=='ZHXSQK'" #zoneName=scope>
<span @click="openSaleDetail(scope.row)" style="color: rgb(64, 158, 255);cursor: pointer;">{{scope.row.zoneName}}</span>
</template>
<template #salerName=scope>
<span @click="openSaleDetail(scope.row)" style="color: rgb(64, 158, 255);cursor: pointer;">{{scope.row.salerNamess}}</span>
</template>
<template v-for="prop in numberRange" :key="prop" #[`${prop}-search`]="scope"> <template v-for="prop in numberRange" :key="prop" #[`${prop}-search`]="scope">
<InputNumberRange <InputNumberRange
v-model="tableSearch[prop]" v-model="tableSearch[prop]"
@@ -409,9 +420,9 @@ const summaryMethod1=({columns,data})=>{
} }
const cellClassNameMethod=({row,column,rowIndex,columnIndex})=>{ const cellClassNameMethod=({row,column,rowIndex,columnIndex})=>{
if(textAlignFiels.value[column.property]){ // if(textAlignFiels.value[column.property]){
return 'textAlignCell' // return 'textAlignCell'
} // }
} }
function getCurrentDate() { function getCurrentDate() {
const now = new Date(); const now = new Date();
@@ -899,6 +910,7 @@ const getTableData = async (isLoading = true) => {
processedData = data.records.map((record, recordIndex) => { processedData = data.records.map((record, recordIndex) => {
const flatRecord = { ...record } const flatRecord = { ...record }
// 处理固定列 // 处理固定列
fieldList.value.forEach(field => { fieldList.value.forEach(field => {
computedIncluedes(record,field.fieldCode)&&!textAlignFiels.value[field.fieldCode]?textAlignFiels.value[field.fieldCode]=true:'' computedIncluedes(record,field.fieldCode)&&!textAlignFiels.value[field.fieldCode]?textAlignFiels.value[field.fieldCode]=true:''
@@ -907,6 +919,11 @@ const getTableData = async (isLoading = true) => {
flatRecord[field.fieldCode] = fixedValues[recordIndex] || '' flatRecord[field.fieldCode] = fixedValues[recordIndex] || ''
} }
}) })
Object.keys(textAlignFiels.value).forEach(item=>{
if(textAlignFiels.value[item]){
flatRecord[item]=record[item]&&record[item].split(' ').length>1?record[item].split(' ').map(val=>'<div>'+val+'</div>').join(''):flatRecord[item]
}
})
return flatRecord return flatRecord
}) })