客户跟踪界面优化
This commit is contained in:
parent
981583df82
commit
8d2bb9f088
11257
logs/JIAL-ss.log
11257
logs/JIAL-ss.log
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -39,11 +39,14 @@ public class BizController {
|
|||
|
||||
log.info(String.valueOf(bizService == null));
|
||||
List<BizDto> resultList = bizService.queryBizListByName(name);
|
||||
|
||||
log.info(resultList.toString());
|
||||
if(resultList.size() == 0) {
|
||||
return R.error("您查询的客户并未与本公司发生业务关系,查询结果为空!");
|
||||
} else {
|
||||
return R.success(resultList);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@PostMapping("detail")
|
||||
public R<Map<String, String>> queryBizDetail(@RequestParam("kunnr") String kunnr, @RequestParam("name") String name,
|
||||
@RequestParam("time") String time, @RequestParam("employeeId") String employeeId) {
|
||||
|
|
|
@ -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 {
|
||||
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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';
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
},
|
||||
})
|
||||
|
|
Binary file not shown.
|
@ -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 {
|
||||
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue