客户跟踪界面优化

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

View File

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

View File

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

View File

@ -173,57 +173,61 @@
<el-table <el-table
:data="tableData" :data="tableData"
border border
:row-style="{height: '0px'}" :cell-style="cellStyle"
:cell-style="{padding: '2px'}" :header-cell-style="{ background: '#eef1f6', color: '#606266', 'text-align': 'center' }">
:header-cell-style="{ background: '#eef1f6', color: '#606266' }">
<el-table-column <el-table-column
fixed fixed
width="180" width="180"
prop="kunnr1" prop="kunnr1"
label="客户编号"> label="物料编码">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr2" prop="kunnr2"
label="客户编号"> label="物料描述">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr3" prop="kunnr3"
label="客户编号"> label="销售单位">
<template slot-scope="scope">
<el-input v-model="">
</el-input>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr4" prop="kunnr4"
label="客户编号"> label="厂价">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr5" prop="kunnr5"
label="客户编号" label="基准成本"
style="color: red"> style="color: red">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr6" prop="kunnr6"
label="客户编号"> label="现行采购成本">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr7" prop="kunnr7"
label="客户编号"> label="保留字段1">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr8" prop="kunnr8"
label="客户编号"> label="保留字段2">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed="right" fixed="right"
width="180" width="80"
label="操作"> label="操作">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </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 { .container {
position: absolute; display: flex;
width: 100vw; /* 设置页面宽度为视口宽度的100% */ width: 100%; /* 设置页面宽度为视口宽度的100% */
} }
.center-container { .center-container {
@ -20,7 +20,6 @@
.el-input__inner { .el-input__inner {
height: 30px; height: 30px;
/*font-family: Roboto, serif;*/ /*font-family: Roboto, serif;*/
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
} }
@ -50,6 +49,11 @@
margin-top: 6px; margin-top: 6px;
} }
.el-input-group__append {
width: 0px;
}
.el-form-item__label::after { .el-form-item__label::after {
content: ""; content: "";
display: inline-block; display: inline-block;
@ -62,6 +66,9 @@
} }
.el-table .el-table__cell {
}
.el-row { .el-row {

View File

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

View File

@ -20,112 +20,144 @@
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="加工费" title="蒸汽费/钢丝铠装材料及加工费"> <el-form-item label="加工费" title="蒸汽费/钢丝铠装材料及加工费">
<el-input v-model="formLabelAlign.name" placeholder="蒸汽费/钢丝铠装材料及加工费"> <el-input v-model="formLabelAlign.processingFee" placeholder="蒸汽费/钢丝铠装材料及加工费">
<template slot="append">%</template> <template slot="append">%</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col > </el-col >
<el-col :span="6"> <el-col :span="6">
<el-form-item label="生产财务成本" title="生产财务成本"> <el-form-item label="生产财务成本" title="生产财务成本">
<el-input v-model="formLabelAlign.region" placeholder="生产财务成本"> <el-input v-model="formLabelAlign.prodFinancialCost" placeholder="生产财务成本">
<template slot="append">%</template> <template slot="append">%</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="账期" title="账期"> <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-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="承兑" title="承兑"> <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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="公司管理成本" title="公司管理成本"> <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-form-item>
</el-col > </el-col >
<el-col :span="6"> <el-col :span="6">
<el-form-item label="中标服务费" title="中标服务费"> <el-form-item label="中标服务费" title="中标服务费">
<el-input v-model="formLabelAlign.region" placeholder="中标服务费"> <el-input v-model="formLabelAlign.bidServiceFee" placeholder="中标服务费">
<template slot="append">%</template> <template slot="append">%</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="公司净利润" title="公司净利润"> <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-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="业务费"> <el-form-item label="业务费" title="业务费">
<el-input v-model="formLabelAlign.type" placeholder="业务费"></el-input> <el-input v-model="formLabelAlign.businessFee" placeholder="业务费">
<template slot="append">%</template>
</el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="省"> <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-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="市"> <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-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="区"> <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-form-item>
</el-col> </el-col>
<el-col :span="6" > <el-col :span="6" >
<el-form-item label="运费"> <el-form-item label="运费">
<el-input v-model="formLabelAlign.type" placeholder="运费"></el-input> <el-input v-model="formLabelAlign.freight" placeholder="运费">
</el-form-item> <template slot="append"></template>
</el-col> </el-input>
</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-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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>
<el-button type="text">刷新界面</el-button> <el-button type="text">刷新界面</el-button>
<el-button type="text"></el-button>
</div> </div>
<div class="table-box"> <div class="table-box">
<el-table <el-table
:data="tableData" :data="tableData"
border border
:row-style="{height: '0px'}" :cell-style="cellStyle"
:cell-style="{padding: '2px'}" :header-cell-style="{ background: '#eef1f6', color: '#606266', 'text-align': 'center' }">
:header-cell-style="{ background: '#eef1f6', color: '#606266' }">
<el-table-column <el-table-column
fixed fixed
width="180" width="180"
prop="kunnr1" prop="kunnr1"
label="客户编号"> label="物料编码">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr2" prop="kunnr2"
label="客户编号"> label="物料描述">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr3" prop="kunnr3"
label="客户编号"> label="销售单位">
<template slot-scope="scope">
<el-input v-model="">
</el-input>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr4" prop="kunnr4"
label="客户编号"> label="厂价">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr5" prop="kunnr5"
label="客户编号" label="基准成本"
style="color: red"> style="color: red">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr6" prop="kunnr6"
label="客户编号"> label="现行采购成本">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr7" prop="kunnr7"
label="客户编号"> label="保留字段1">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
prop="kunnr8" prop="kunnr8"
label="客户编号"> label="保留字段2">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed="right" fixed="right"
width="180" width="80"
label="操作"> label="操作">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -216,9 +253,26 @@
return { return {
labelPosition: 'right', labelPosition: 'right',
formLabelAlign: { formLabelAlign: {
name: '', processingFee: '0.60', /*蒸汽费/钢丝铠装材料及加工费*/
region: '', prodFinancialCost: '0.40', /*生产财务成本*/
type: '' 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: [ tableData: [
{ kunnr1: '001', kunnr2: '002', kunnr3: '003', kunnr4: '004', kunnr5: '005', kunnr6: '006', kunnr7: '007', kunnr8: '008' }, { kunnr1: '001', kunnr2: '002', kunnr3: '003', kunnr4: '004', kunnr5: '005', kunnr6: '006', kunnr7: '007', kunnr8: '008' },
@ -240,6 +294,19 @@
async init () { 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> </script>