中煤报价界面

This commit is contained in:
JIAL 2024-01-25 16:53:44 +08:00
parent 768a7959b6
commit 981583df82
3 changed files with 1242 additions and 59 deletions

File diff suppressed because it is too large Load Diff

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;
} }

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,6 +167,7 @@
<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
@ -216,9 +249,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 +290,8 @@
async init () { async init () {
}, },
}, },
}) })
</script> </script>