JIAL
/
JNDemo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
JNDemo/src/main/resources/templates/zmquotation/index.html

299 lines
13 KiB
HTML
Raw Normal View History

中煤报价界面
2024-01-17 16:51:06 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>报价</title>
<meta name="author" content="JIAL">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="HandheldFriendly" content="true">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<link rel="icon" href="/static/image/JNlogo.png" type="image/x-icon">
<link rel="stylesheet" href="/plugins/element-ui/index.css">
<!-- import CSS -->
<link rel="stylesheet" href="/static/zmquotation/css/index.css">
</head>
<body>
<div class="container" id="index-app">
<div class="center-container">
<div class="form-box">
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-form label-width="45%" :model="formLabelAlign">
中煤报价界面
2024-01-17 16:51:06 +08:00
<el-row>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
<el-form-item label="加工费" title="蒸汽费/钢丝铠装材料及加工费">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.processingFee" placeholder="蒸汽费/钢丝铠装材料及加工费">
中煤报表页面
2024-01-19 16:40:15 +08:00
<template slot="append">%</template>
</el-input>
中煤报价页面开发
2024-01-18 13:05:55 +08:00
</el-form-item>
</el-col >
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
<el-form-item label="生产财务成本" title="生产财务成本">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.prodFinancialCost" placeholder="生产财务成本">
中煤报表页面
2024-01-19 16:40:15 +08:00
<template slot="append">%</template>
</el-input>
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-form-item>
</el-col>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
<el-form-item label="账期" title="账期">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.accountPeriod" placeholder="账期">
<template slot="append">%</template>
</el-input>
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-form-item>
</el-col>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
<el-form-item label="承兑" title="承兑">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.acceptance" placeholder="承兑">
<template slot="append">%</template>
</el-input>
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-form-item>
</el-col>
</el-row>
<el-row>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
<el-form-item label="公司管理成本" title="公司管理成本">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.companyMgmtCost" placeholder="公司管理成本">
<template slot="append">%</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col >
<el-col :span="6">
<el-form-item label="中标服务费" title="中标服务费">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.bidServiceFee" placeholder="中标服务费">
中煤报表页面
2024-01-19 16:40:15 +08:00
<template slot="append">%</template>
</el-input>
更新
2024-01-19 08:47:04 +08:00
</el-form-item>
</el-col>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
<el-form-item label="公司净利润" title="公司净利润">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input v-model="formLabelAlign.netProfit" placeholder="公司净利润">
<template slot="append">%</template>
</el-input>
更新
2024-01-19 08:47:04 +08:00
</el-form-item>
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-col>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="业务费" title="业务费">
<el-input v-model="formLabelAlign.businessFee" placeholder="业务费">
<template slot="append">%</template>
</el-input>
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-form-item>
</el-col>
</el-row>
中煤报表页面
2024-01-19 16:40:15 +08:00
<el-row>
<el-col :span="6">
<el-form-item label="省">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input :disabled="true" v-model="formLabelAlign.province" placeholder="省"></el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="市">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input :disabled="true" v-model="formLabelAlign.city" placeholder="市"></el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="区">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-input :disabled="true" v-model="formLabelAlign.district" placeholder="区"></el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
<el-col :span="6" >
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="公里数">
<el-input v-model="formLabelAlign.kilometers" placeholder="公里数">
<template slot="append">KM</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="成本累计" title="成本累计">
<el-input v-model="formLabelAlign.cumulativeCost" placeholder="成本累计">
<template slot="append">￥</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col >
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="底价" title="底价">
<el-input v-model="formLabelAlign.floorPrice" placeholder="底价">
<template slot="append">￥</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="可下浮" title="可下浮">
<el-input v-model="formLabelAlign.canFloat" placeholder="可下浮">
<template slot="append">%</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="实际成本比例" title="实际材料成本占厂价比例">
<el-input v-model="formLabelAlign.actualCostRatio" placeholder="实际材料成本占厂价比例">
<template slot="append">%</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="厂家金额" title="厂家金额">
<el-input v-model="formLabelAlign.manufAmount" placeholder="厂家金额">
<template slot="append">￥</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col >
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-form-item label="人工费" title="人工费">
<el-input v-model="formLabelAlign.laborCost" placeholder="人工费">
<template slot="append">%</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
<el-col :span="6">
中煤报价界面
2024-01-25 16:53:44 +08:00
<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.freight" placeholder="运费">
<template slot="append">￥</template>
</el-input>
中煤报表页面
2024-01-19 16:40:15 +08:00
</el-form-item>
</el-col>
</el-row>
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-form>
</div>
中煤报表页面
2024-01-19 16:40:15 +08:00
<div class="button-box">
<el-button type="text">选择地区</el-button>
<el-button type="text">添加物料</el-button>
<el-button type="text">刷新界面</el-button>
中煤报价界面
2024-01-25 16:53:44 +08:00
<el-button type="text"></el-button>
中煤报表页面
2024-01-19 16:40:15 +08:00
</div>
中煤报价界面
2024-01-17 16:51:06 +08:00
<div class="table-box">
<el-table
:data="tableData"
border
中煤报表页面
2024-01-19 16:40:15 +08:00
:row-style="{height: '0px'}"
:cell-style="{padding: '2px'}"
:header-cell-style="{ background: '#eef1f6', color: '#606266' }">
中煤报价界面
2024-01-17 16:51:06 +08:00
<el-table-column
fixed
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr1"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr2"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr3"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr4"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr5"
label="客户编号"
style="color: red">
中煤报价界面
2024-01-17 16:51:06 +08:00
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr6"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr7"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
width="180"
中煤报价页面开发
2024-01-18 13:05:55 +08:00
prop="kunnr8"
中煤报价界面
2024-01-17 16:51:06 +08:00
label="客户编号">
</el-table-column>
<el-table-column
中煤报价页面开发
2024-01-18 13:05:55 +08:00
fixed="right"
中煤报价界面
2024-01-17 16:51:06 +08:00
width="180"
label="操作">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text">查看</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
<script src="/plugins/vue/vue.js"></script>
<script src="/plugins/element-ui/index.js"></script>
<script src="/plugins/calendar/calendar.js"></script>
<script src="/plugins/axios/axios.min.js"></script>
<script src="/plugins/axios/request.js"></script>
<!-- import Script -->
<script src="/static/zmquotation/js/index.js"></script>
<script>
new Vue({
el: '#index-app',
data() {
return {
中煤报价页面开发
2024-01-18 13:05:55 +08:00
labelPosition: 'right',
formLabelAlign: {
中煤报价界面
2024-01-25 16:53:44 +08:00
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: '', /*公里数*/
中煤报价页面开发
2024-01-18 13:05:55 +08:00
},
tableData: [
{ kunnr1: '001', kunnr2: '002', kunnr3: '003', kunnr4: '004', kunnr5: '005', kunnr6: '006', kunnr7: '007', kunnr8: '008' },
{ kunnr1: '101', kunnr2: '102', kunnr3: '103', kunnr4: '104', kunnr5: '105', kunnr6: '106', kunnr7: '107', kunnr8: '108' },
// Add more rows as needed
],
中煤报价界面
2024-01-17 16:51:06 +08:00
}
},
computed: {
},
created() {
},
mounted() {
中煤报表页面
2024-01-19 16:40:15 +08:00
中煤报价界面
2024-01-17 16:51:06 +08:00
},
methods: {
async init () {
},
中煤报价界面
2024-01-25 16:53:44 +08:00
更新
2024-01-19 08:47:04 +08:00
},
中煤报价界面
2024-01-17 16:51:06 +08:00
})
</script>
</body>
</html>