客户跟踪界面优化

This commit is contained in:
JIAL 2024-01-30 16:03:30 +08:00
parent 981583df82
commit 8d2bb9f088
10 changed files with 17960 additions and 10395 deletions

File diff suppressed because it is too large Load Diff

16812
logs/JIAL-ss.log.2024-01-25.0 Normal file

File diff suppressed because it is too large Load Diff

View File

@ -39,9 +39,12 @@ public class BizController {
log.info(String.valueOf(bizService == null));
List<BizDto> resultList = bizService.queryBizListByName(name);
if(resultList.size() == 0) {
return R.error("您查询的客户并未与本公司发生业务关系,查询结果为空!");
} else {
return R.success(resultList);
}
log.info(resultList.toString());
return R.success(resultList);
}
@PostMapping("detail")

View File

@ -49,6 +49,11 @@
margin-top: 6px;
}
.el-input-group__append {
width: 0px;
}
.el-form-item__label::after {
content: "";
display: inline-block;
@ -61,6 +66,9 @@
}
.el-table .el-table__cell {
}
.el-row {

View File

@ -182,6 +182,12 @@
if (String(res.code) === '1') {
console.log(res.data)
this.tableData = res.data || []
} else if (String(res.code) === '0') {
this.$message({
showClose: true,
message: res.msg,
type: 'error'
});
}
}).catch(err => {
this.$message.error('请求出错了:' + err)

View File

@ -173,57 +173,61 @@
<el-table
:data="tableData"
border
:row-style="{height: '0px'}"
:cell-style="{padding: '2px'}"
:header-cell-style="{ background: '#eef1f6', color: '#606266' }">
:cell-style="cellStyle"
:header-cell-style="{ background: '#eef1f6', color: '#606266', 'text-align': 'center' }">
<el-table-column
fixed
width="180"
prop="kunnr1"
label="客户编号">
label="物料编码">
</el-table-column>
<el-table-column
width="180"
prop="kunnr2"
label="客户编号">
label="物料描述">
</el-table-column>
<el-table-column
width="180"
prop="kunnr3"
label="客户编号">
label="销售单位">
<template slot-scope="scope">
<el-input v-model="">
</el-input>
</template>
</el-table-column>
<el-table-column
width="180"
prop="kunnr4"
label="客户编号">
label="厂价">
</el-table-column>
<el-table-column
width="180"
prop="kunnr5"
label="客户编号"
label="基准成本"
style="color: red">
</el-table-column>
<el-table-column
width="180"
prop="kunnr6"
label="客户编号">
label="现行采购成本">
</el-table-column>
<el-table-column
width="180"
prop="kunnr7"
label="客户编号">
label="保留字段1">
</el-table-column>
<el-table-column
width="180"
prop="kunnr8"
label="客户编号">
label="保留字段2">
</el-table-column>
<el-table-column
fixed="right"
width="180"
width="80"
label="操作">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text">查看</el-button>
<el-button @click="handleClick(scope.row)" style="color: red;" type="text">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -291,6 +295,17 @@
},
cellStyle({row, column, rowIndex, columnIndex}) {
if(columnIndex === 0) {
return 'color : black; text-align : center; background : #E0E0E0; padding: 2px 0px 1px 0px';
} else if (columnIndex === 8) {
return 'text-align : center; background : #F5F5F5; padding: 2px 0px 1px 0px';
} else {
return ' text-align : center; height : 10px; padding: 2px 0px 1px 0px';
}
},
},
})

View File

@ -1,7 +1,7 @@
.container {
position: absolute;
display: flex;
width: 100vw; /* 设置页面宽度为视口宽度的100% */
width: 100%; /* 设置页面宽度为视口宽度的100% */
}
.center-container {
@ -20,7 +20,6 @@
.el-input__inner {
height: 30px;
/*font-family: Roboto, serif;*/
font-size: 12px;
line-height: 14px;
}
@ -50,6 +49,11 @@
margin-top: 6px;
}
.el-input-group__append {
width: 0px;
}
.el-form-item__label::after {
content: "";
display: inline-block;
@ -62,6 +66,9 @@
}
.el-table .el-table__cell {
}
.el-row {

View File

@ -182,6 +182,12 @@
if (String(res.code) === '1') {
console.log(res.data)
this.tableData = res.data || []
} else if (String(res.code) === '0') {
this.$message({
showClose: true,
message: res.msg,
type: 'error'
});
}
}).catch(err => {
this.$message.error('请求出错了:' + err)

View File

@ -20,112 +20,144 @@
<el-row>
<el-col :span="6">
<el-form-item label="加工费" title="蒸汽费/钢丝铠装材料及加工费">
<el-input v-model="formLabelAlign.name" placeholder="蒸汽费/钢丝铠装材料及加工费">
<el-input v-model="formLabelAlign.processingFee" placeholder="蒸汽费/钢丝铠装材料及加工费">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="生产财务成本" title="生产财务成本">
<el-input v-model="formLabelAlign.region" placeholder="生产财务成本">
<el-input v-model="formLabelAlign.prodFinancialCost" placeholder="生产财务成本">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="账期" title="账期">
<el-input v-model="formLabelAlign.type" placeholder="账期"></el-input>
<el-input v-model="formLabelAlign.accountPeriod" placeholder="账期">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="承兑" title="承兑">
<el-input v-model="formLabelAlign.type" placeholder="承兑"></el-input>
<el-input v-model="formLabelAlign.acceptance" placeholder="承兑">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="公司管理成本" title="公司管理成本">
<el-input v-model="formLabelAlign.name" placeholder="公司管理成本"></el-input>
<el-input v-model="formLabelAlign.companyMgmtCost" placeholder="公司管理成本">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="中标服务费" title="中标服务费">
<el-input v-model="formLabelAlign.region" placeholder="中标服务费">
<el-input v-model="formLabelAlign.bidServiceFee" placeholder="中标服务费">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="公司净利润" title="公司净利润">
<el-input v-model="formLabelAlign.type" placeholder="公司净利润"></el-input>
<el-input v-model="formLabelAlign.netProfit" placeholder="公司净利润">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="业务费">
<el-input v-model="formLabelAlign.type" placeholder="业务费"></el-input>
<el-form-item label="业务费" title="业务费">
<el-input v-model="formLabelAlign.businessFee" placeholder="业务费">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="省">
<el-input :disabled="true" v-model="formLabelAlign.type" placeholder="省"></el-input>
<el-input :disabled="true" v-model="formLabelAlign.province" placeholder="省"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="市">
<el-input :disabled="true" v-model="formLabelAlign.type" placeholder="市"></el-input>
<el-input :disabled="true" v-model="formLabelAlign.city" placeholder="市"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="区">
<el-input :disabled="true" v-model="formLabelAlign.type" placeholder="区"></el-input>
<el-input :disabled="true" v-model="formLabelAlign.district" placeholder="区"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="公里数">
<el-input v-model="formLabelAlign.kilometers" placeholder="公里数">
<template slot="append">KM</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="成本累计" title="成本累计">
<el-input v-model="formLabelAlign.cumulativeCost" placeholder="成本累计">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="底价" title="底价">
<el-input v-model="formLabelAlign.floorPrice" placeholder="底价">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="可下浮" title="可下浮">
<el-input v-model="formLabelAlign.canFloat" placeholder="可下浮">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="实际成本比例" title="实际材料成本占厂价比例">
<el-input v-model="formLabelAlign.actualCostRatio" placeholder="实际材料成本占厂价比例">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="厂家金额" title="厂家金额">
<el-input v-model="formLabelAlign.manufAmount" placeholder="厂家金额">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="人工费" title="人工费">
<el-input v-model="formLabelAlign.laborCost" placeholder="人工费">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="盘具" title="盘具">
<el-input v-model="formLabelAlign.inventoryCost" placeholder="盘具">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="运费">
<el-input v-model="formLabelAlign.type" placeholder="运费"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="成本累计">
<el-input v-model="formLabelAlign.name" placeholder="成本累计"></el-input>
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="底价">
<el-input v-model="formLabelAlign.region" placeholder="底价"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="可下浮">
<el-input v-model="formLabelAlign.type" placeholder="可下浮"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="实际材料成本厂价比例">
<el-input v-model="formLabelAlign.type" placeholder="实际材料成本占厂价比例"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="厂家金额">
<el-input v-model="formLabelAlign.name" placeholder="厂家金额"></el-input>
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="人工费">
<el-input v-model="formLabelAlign.region" placeholder="人工费"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="盘具">
<el-input v-model="formLabelAlign.type" placeholder="盘具"></el-input>
<el-input v-model="formLabelAlign.freight" placeholder="运费">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col>
</el-row>
@ -135,62 +167,67 @@
<el-button type="text">选择地区</el-button>
<el-button type="text">添加物料</el-button>
<el-button type="text">刷新界面</el-button>
<el-button type="text"></el-button>
</div>
<div class="table-box">
<el-table
:data="tableData"
border
:row-style="{height: '0px'}"
:cell-style="{padding: '2px'}"
:header-cell-style="{ background: '#eef1f6', color: '#606266' }">
:cell-style="cellStyle"
:header-cell-style="{ background: '#eef1f6', color: '#606266', 'text-align': 'center' }">
<el-table-column
fixed
width="180"
prop="kunnr1"
label="客户编号">
label="物料编码">
</el-table-column>
<el-table-column
width="180"
prop="kunnr2"
label="客户编号">
label="物料描述">
</el-table-column>
<el-table-column
width="180"
prop="kunnr3"
label="客户编号">
label="销售单位">
<template slot-scope="scope">
<el-input v-model="">
</el-input>
</template>
</el-table-column>
<el-table-column
width="180"
prop="kunnr4"
label="客户编号">
label="厂价">
</el-table-column>
<el-table-column
width="180"
prop="kunnr5"
label="客户编号"
label="基准成本"
style="color: red">
</el-table-column>
<el-table-column
width="180"
prop="kunnr6"
label="客户编号">
label="现行采购成本">
</el-table-column>
<el-table-column
width="180"
prop="kunnr7"
label="客户编号">
label="保留字段1">
</el-table-column>
<el-table-column
width="180"
prop="kunnr8"
label="客户编号">
label="保留字段2">
</el-table-column>
<el-table-column
fixed="right"
width="180"
width="80"
label="操作">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text">查看</el-button>
<el-button @click="handleClick(scope.row)" style="color: red;" type="text">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -216,9 +253,26 @@
return {
labelPosition: 'right',
formLabelAlign: {
name: '',
region: '',
type: ''
processingFee: '0.60', /*蒸汽费/钢丝铠装材料及加工费*/
prodFinancialCost: '0.40', /*生产财务成本*/
accountPeriod: '1.20', /*账期*/
acceptance: '0.90', /*承兑*/
companyMgmtCost: '1.50', /*公司管理成本*/
bidServiceFee: '0.44', /*中标服务费*/
netProfit: '3.00', /*公司净利润*/
businessFee: '2.00', /*业务费*/
province: '', /*省*/
city: '', /*市*/
district: '', /*区*/
freight: '', /*运费*/
cumulativeCost: '', /*成本累计*/
floorPrice: '', /*底价*/
canFloat: '', /*可下浮*/
actualCostRatio: '', /*实际材料成本占厂价比例*/
manufAmount: '', /*厂家金额*/
laborCost: '', /*人工费*/
inventoryCost: '', /*盘具*/
kilometers: '', /*公里数*/
},
tableData: [
{ kunnr1: '001', kunnr2: '002', kunnr3: '003', kunnr4: '004', kunnr5: '005', kunnr6: '006', kunnr7: '007', kunnr8: '008' },
@ -240,6 +294,19 @@
async init () {
},
cellStyle({row, column, rowIndex, columnIndex}) {
if(columnIndex === 0) {
return 'color : black; text-align : center; background : #E0E0E0; padding: 2px 0px 1px 0px';
} else if (columnIndex === 8) {
return 'text-align : center; background : #F5F5F5; padding: 2px 0px 1px 0px';
} else {
return ' text-align : center; height : 10px; padding: 2px 0px 1px 0px';
}
},
},
})
</script>