Skip to content

S
SuperMan
Commit 005eab05 authored by zhengke's avatar zhengke
Browse files
Options

修改车辆报价

parent 23c58297
Show whitespace changes
Inline Side-by-side
Showing with 256 additions and 215 deletions
src/components/busManagement/busUsePrice.vue
View file @ 005eab05
<style>
.busUsePrice .busList {
.busUsePrice2 .busList {
width: 230px;
height: 270px;
float: left;
......@@ -10,25 +10,27 @@
overflow: hidden;
}
.busUsePrice .busListTable{
.busUsePrice2 .busListTable {
width: 98%;
margin: 0px 2px 0px 2px;
}
.busUsePrice .busListTable tr td{
.busUsePrice2 .busListTable tr td {
height: 20px;
line-height: 20px;
}
.busUsePrice .busListTop {
.busUsePrice2 .busListTop {
width: 100%;
position: relative;
text-align: center;
}
.busUsePrice .usePricediv {
.busUsePrice2 .usePricediv {
margin: 7px 0 0 20px;
}
.busUsePrice .btmAddStore {
.busUsePrice2 .btmAddStore {
border-top: 1px solid #d1d1d1;
width: 100%;
display: none;
......@@ -39,19 +41,19 @@
bottom: 0;
}
.busUsePrice .changeMsg {
.busUsePrice2 .changeMsg {
width: 80%;
}
.busUsePrice .changeMsg li {
.busUsePrice2 .changeMsg li {
float: left;
}
.busUsePrice .changeMsg li:first-child {
.busUsePrice2 .changeMsg li:first-child {
margin-left: 20px;
}
.busUsePrice .btmTitle {
.busUsePrice2 .btmTitle {
padding: 0 10px;
margin: 20px 0 20px 25px;
border-left: 3px solid #e95252;
......@@ -59,32 +61,32 @@
color: #000000;
}
.busUsePrice .busUsePeople .el-input__inner {
.busUsePrice2 .busUsePeople .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.busUsePrice .busType {
.busUsePrice2 .busType {
margin: 10px 0 0 31px;
font-size: 14px;
display: inline-block;
}
.busUsePrice .cityBtnList {
.busUsePrice2 .cityBtnList {
margin: 10px 0 20px 20px;
}
.busUsePrice .busUserBtnList {
.busUsePrice2 .busUserBtnList {
width: 100%;
text-align: center;
margin-top: 10px;
}
.busUsePrice .busListTop img {
.busUsePrice2 .busListTop img {
width: 100%;
}
.busUsePrice .BusTypeStr {
.busUsePrice2 .BusTypeStr {
position: absolute;
top: 15px;
color: #fff;
......@@ -92,12 +94,12 @@
left: 63px;
}
.busUsePrice .UPBtn {
.busUsePrice2 .UPBtn {
width: 70px;
height: 23px;
}
.busUsePrice .topNotice {
.busUsePrice2 .topNotice {
width: 100%;
height: 20px;
font-size: 12px;
......@@ -105,27 +107,27 @@
margin: 20px 0;
}
.busUsePrice .delScien {
.busUsePrice2 .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.busUsePrice .delScien:hover {
.busUsePrice2 .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
.busUsePrice .busList:hover .delScien {
.busUsePrice2 .busList:hover .delScien {
display: block;
}
.busUsePrice .busDiv {
.busUsePrice2 .busDiv {
margin-top: 20px;
}
.busUsePrice .busList:hover {
.busUsePrice2 .busList:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
......@@ -139,13 +141,43 @@
margin-left: 24px;
}
.busUsePrice .combottomDiv .el-select {
.busUsePrice2 .combottomDiv .el-select {
width: 100%;
}
.busUsePrice2 .linkStrle {
cursor: pointer;
text-decoration: underline;
color:blue;
}
.busUsePriceTable {
width: 100%;
font-size: 14px;
color: #333;
background-color: #fff;
border-collapse: collapse;
}
.busUsePriceTable tr th {
background: #e6e6e6;
height: 30px;
font-size: 14px;
text-align: left;
text-indent: 15px;
border: 1px solid #cccccc;
}
.busUsePriceTable tr td {
min-height: 60px;
height: auto;
padding: 10px;
font-size: 14px !important;
border: 1px solid #cccccc;
}
.busUsePrice2 .busUsePriceTable .el-pagination{
border-top:0!important;
}
</style>
<template>
<div class="flexOne busUsePrice">
<div class="flexOne busUsePrice2">
<div class="query-box">
<ul>
<li>
......@@ -157,50 +189,108 @@
</ul>
</div>
<div class="busDiv clearfix" v-loading="loading">
<div class="busList" v-for="item in dataList" :key="item.subCode">
<div class="busListTop">
<img v-if="item.ShowBusImage" :src="item.ShowBusImage" style="width:230px;height:60px;" />
<img v-else src="../../assets/img/suplier.jpg" style="width:230px;height:60px;" />
<span class="BusTypeStr">{{item.BusTypeStr}}</span>
<div class="delScien" @click="isdelete(item.Id)">
<i class="iconfont icon-xingzhuang"></i>
</div>
</div>
<table class="busListTable">
<table class="busUsePriceTable">
<thead>
<tr>
<td style="width:49%;">使用人数：{{item.UseNum}}人</td>
<td style="width:49%;">地<span class="Bus_Spacing">区</span>：{{getArea(item.AreaType)}}</td>
</tr>
<tr>
<td>接送报价：{{item.ReceivePrice}}</td>
<td>全天报价：{{item.AllDayPrice}}</td>
<th>
图片
</th>
<th>
地区/车辆类型
</th>
<th>
使用人数
</th>
<th>
接送价格
</th>
<th>
全天价格
</th>
<th>
半天价格
</th>
<th>
全天高速
</th>
<th>
接送高速
</th>
<th>
全天茶代
</th>
<th>
接送茶代
</th>
<th>
操作
</th>
</tr>
</thead>
<tbody v-for="item in dataList" :key="item.subCode">
<tr>
<td colspan="2">
半天报价：{{item.HalfDayPrice}}
<td style="width:300px">
<img v-if="item.ShowBusImage" :src="item.ShowBusImage" style="width:200px;height:150px;" />
<img v-else src="../../assets/img/suplier.jpg" style="width:200px;height:150px;" />
</td>
<td>
{{getArea(item.AreaType)}}-{{item.BusTypeStr}}
</td>
<td>
{{item.UseNum}}
</td>
<td>
{{item.ReceivePrice}}
</td>
<td>
{{item.AllDayPrice}}
</td>
<td>
{{item.HalfDayPrice}}
</td>
<td>
{{item.AllDayHighSpeedFee}}
</td>
<td>
{{item.PickUpHighSpeedFee}}
</td>
<td>{{item.AllDayChaDaiFee}}</td>
<td>{{item.PickUpChaDaiFee}}</td>
<td rowspan="2" style="text-align:center;">
<!-- <input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价" />&nbsp;
<a class="linkStrle" @click="goUrl('busUsePriceDetails',item.Id,'报价详情')">详情</a>&nbsp;
<a class="linkStrle" @click="isdelete(item.Id)">删除</a> -->
<el-button-group size='mini'>
<el-tooltip class="item" effect="dark" content="管理报价" placement="top-start">
<el-button type="primary" class="iconfont icon-bianji-smal" @click="managePrice(item.Id)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="报价详情" placement="top-start">
<el-button type="primary" class="iconfont icon-danju1" @click="goUrl('busUsePriceDetails',item.Id,'报价详情')"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" class="iconfont icon-img_delete_small" @click="isdelete(item.Id)"></el-button>
</el-tooltip>
</el-button-group>
</td>
</tr>
<tr>
<td>全天高速：{{item.AllDayHighSpeedFee}}</td>
<td>接送高速：{{item.PickUpHighSpeedFee}}</td>
</tr>
<tr>
<td>全天茶代：{{item.AllDayChaDaiFee}}</td>
<td>接送茶代：{{item.PickUpChaDaiFee}}</td>
<td colspan="10">
备注: {{item.Remark}}
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"><div style="height:40px; overflow-y:scroll">{{item.Remark}}</div></td>
</tr>
</table>
<div class="busUserBtnList">
<input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价">
</div>
</div>
</div>
<td colspan="11">
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
</el-pagination>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="combottomDiv" v-if="isShow">
<el-row>
<el-col :span="18">
......@@ -284,7 +374,6 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="币种" prop="CurrencyId">
<el-select filterable v-model='addMsg.CurrencyId' @change="getRate(addMsg.CurrencyId)">
......@@ -320,7 +409,6 @@
</div>
</div>
</template>
<script>
export default {
data() {
......@@ -444,6 +532,16 @@
};
},
methods: {
goUrl(path, id, name) {
this.$router.push({
name: path,
query: {
id: id,
blank: 'y',
tab: name
}
})
},
//上传图片
UploadImage(file) {
let newArr = [];
......@@ -529,7 +627,6 @@
}
}, err => {})
},
//修改管理报价
managePrice(ID) {
this.addMsg.ID = ID;
......
src/components/busManagement/busUsePrice2.vue
View file @ 005eab05
<style>
.busUsePrice2 .busList {
.busUsePrice .busList {
width: 230px;
height: 270px;
float: left;
......@@ -10,27 +10,25 @@
overflow: hidden;
}
.busUsePrice2 .busListTable {
.busUsePrice .busListTable{
width: 98%;
margin: 0px 2px 0px 2px;
}
.busUsePrice2 .busListTable tr td {
.busUsePrice .busListTable tr td{
height: 20px;
line-height: 20px;
}
.busUsePrice2 .busListTop {
.busUsePrice .busListTop {
width: 100%;
position: relative;
text-align: center;
}
.busUsePrice2 .usePricediv {
.busUsePrice .usePricediv {
margin: 7px 0 0 20px;
}
.busUsePrice2 .btmAddStore {
.busUsePrice .btmAddStore {
border-top: 1px solid #d1d1d1;
width: 100%;
display: none;
......@@ -41,19 +39,19 @@
bottom: 0;
}
.busUsePrice2 .changeMsg {
.busUsePrice .changeMsg {
width: 80%;
}
.busUsePrice2 .changeMsg li {
.busUsePrice .changeMsg li {
float: left;
}
.busUsePrice2 .changeMsg li:first-child {
.busUsePrice .changeMsg li:first-child {
margin-left: 20px;
}
.busUsePrice2 .btmTitle {
.busUsePrice .btmTitle {
padding: 0 10px;
margin: 20px 0 20px 25px;
border-left: 3px solid #e95252;
......@@ -61,32 +59,32 @@
color: #000000;
}
.busUsePrice2 .busUsePeople .el-input__inner {
.busUsePrice .busUsePeople .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.busUsePrice2 .busType {
.busUsePrice .busType {
margin: 10px 0 0 31px;
font-size: 14px;
display: inline-block;
}
.busUsePrice2 .cityBtnList {
.busUsePrice .cityBtnList {
margin: 10px 0 20px 20px;
}
.busUsePrice2 .busUserBtnList {
.busUsePrice .busUserBtnList {
width: 100%;
text-align: center;
margin-top: 10px;
}
.busUsePrice2 .busListTop img {
.busUsePrice .busListTop img {
width: 100%;
}
.busUsePrice2 .BusTypeStr {
.busUsePrice .BusTypeStr {
position: absolute;
top: 15px;
color: #fff;
......@@ -94,12 +92,12 @@
left: 63px;
}
.busUsePrice2 .UPBtn {
.busUsePrice .UPBtn {
width: 70px;
height: 23px;
}
.busUsePrice2 .topNotice {
.busUsePrice .topNotice {
width: 100%;
height: 20px;
font-size: 12px;
......@@ -107,27 +105,27 @@
margin: 20px 0;
}
.busUsePrice2 .delScien {
.busUsePrice .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.busUsePrice2 .delScien:hover {
.busUsePrice .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
.busUsePrice2 .busList:hover .delScien {
.busUsePrice .busList:hover .delScien {
display: block;
}
.busUsePrice2 .busDiv {
.busUsePrice .busDiv {
margin-top: 20px;
}
.busUsePrice2 .busList:hover {
.busUsePrice .busList:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
......@@ -141,17 +139,13 @@
margin-left: 24px;
}
.busUsePrice2 .combottomDiv .el-select {
.busUsePrice .combottomDiv .el-select {
width: 100%;
}
.busUsePrice2 .linkStrle {
cursor: pointer;
text-decoration: underline;
color:blue;
}
</style>
<template>
<div class="flexOne busUsePrice2">
<div class="flexOne busUsePrice">
<div class="query-box">
<ul>
<li>
......@@ -163,97 +157,50 @@
</ul>
</div>
<div class="busDiv clearfix" v-loading="loading">
<table>
<thead>
<div class="busList" v-for="item in dataList" :key="item.subCode">
<div class="busListTop">
<img v-if="item.ShowBusImage" :src="item.ShowBusImage" style="width:230px;height:60px;" />
<img v-else src="../../assets/img/suplier.jpg" style="width:230px;height:60px;" />
<span class="BusTypeStr">{{item.BusTypeStr}}</span>
<div class="delScien" @click="isdelete(item.Id)">
<i class="iconfont icon-xingzhuang"></i>
</div>
</div>
<table class="busListTable">
<tr>
<th>
图片
</th>
<th>
地区/车辆类型
</th>
<th>
使用人数
</th>
<th>
接送价格
</th>
<th>
全天价格
</th>
<th>
半天价格
</th>
<th>
全天高速
</th>
<th>
接送高速
</th>
<th>
全天茶代
</th>
<th>
接送茶代
</th>
<th>
操作
</th>
<td style="width:49%;">使用人数：{{item.UseNum}}人</td>
<td style="width:49%;">地<span class="Bus_Spacing">区</span>：{{getArea(item.AreaType)}}</td>
</tr>
</thead>
<tbody v-for="item in dataList" :key="item.subCode">
<tr>
<td>
<img v-if="item.ShowBusImage" :src="item.ShowBusImage" style="width:230px;height:60px;" />
<img v-else src="../../assets/img/suplier.jpg" style="width:230px;height:60px;" />
</td>
<td>
{{getArea(item.AreaType)}}-{{item.BusTypeStr}}
</td>
<td>
{{item.UseNum}}
</td>
<td>
{{item.ReceivePrice}}
</td>
<td>
{{item.AllDayPrice}}
</td>
<td>
{{item.HalfDayPrice}}
</td>
<td>
{{item.AllDayHighSpeedFee}}
</td>
<td>
{{item.PickUpHighSpeedFee}}
</td>
<td>{{item.AllDayChaDaiFee}}</td>
<td>{{item.PickUpChaDaiFee}}</td>
<td rowspan="2">
<input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价" />&nbsp;
<a class="linkStrle" @click="goUrl('busUsePriceDetails',item.Id,'报价详情')">详情</a>&nbsp;
<a class="linkStrle" @click="isdelete(item.Id)">删除</a>
</td>
<td>接送报价：{{item.ReceivePrice}}</td>
<td>全天报价：{{item.AllDayPrice}}</td>
</tr>
<tr>
<td colspan="8">
备注: {{item.Remark}}
<td colspan="2">
半天报价：{{item.HalfDayPrice}}
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="9">
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
</el-pagination>
</td>
<td>全天高速：{{item.AllDayHighSpeedFee}}</td>
<td>接送高速：{{item.PickUpHighSpeedFee}}</td>
</tr>
<tr>
<td>全天茶代：{{item.AllDayChaDaiFee}}</td>
<td>接送茶代：{{item.PickUpChaDaiFee}}</td>
</tr>
<tr>
<td colspan="2"><div style="height:40px; overflow-y:scroll">{{item.Remark}}</div></td>
</tr>
</tfoot>
</table>
<div class="busUserBtnList">
<input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价">
</div>
</div>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
</el-pagination>
<div class="combottomDiv" v-if="isShow">
<el-row>
<el-col :span="18">
......@@ -337,6 +284,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="币种" prop="CurrencyId">
<el-select filterable v-model='addMsg.CurrencyId' @change="getRate(addMsg.CurrencyId)">
......@@ -372,6 +320,7 @@
</div>
</div>
</template>
<script>
export default {
data() {
......@@ -495,16 +444,6 @@
};
},
methods: {
goUrl(path, id, name) {
this.$router.push({
name: path,
query: {
id: id,
blank: 'y',
tab: name
}
})
},
//上传图片
UploadImage(file) {
let newArr = [];
......@@ -590,6 +529,7 @@
}
}, err => {})
},
//修改管理报价
managePrice(ID) {
this.addMsg.ID = ID;
......
src/components/busManagement/busUsePriceDetails.vue
View file @ 005eab05
......@@ -148,20 +148,20 @@
</style>
<template>
<div class="flexOne busUsePrice">
<div class="query-box">
<div class="query-box" style="border-bottom:0;">
<ul>
<li>
注：以下报价是提供给开团人员产生成本报价的参考依据，不作为最终的用车价格
</li>
<li>
<input type="button" class="normalBtn" @click="addPanel" value="新增" />
</li>
</ul>
</div>
<div class="busDiv clearfix" v-loading="loading">
<table>
<table class="singeRowTable">
<thead>
<tr>
<th>
地区/车辆类型
</th>
<th>
时间
</th>
......@@ -193,6 +193,9 @@
</thead>
<tbody v-for="item in dataList" :key="item.subCode">
<tr>
<td>
{{item.AreaTypeStr}}-{{item.BusTypeStr}}
</td>
<td>
{{item.MonthStr}}
</td>
......@@ -214,14 +217,20 @@
<td>{{item.S_AllDayChaDaiFee}}</td>
<td>{{item.S_PickUpChaDaiFee}}</td>
<td>
<input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价">
<a @click="isdelete(item.Id)">删除</a>
<el-row>
<el-tooltip class="item" effect="dark" content="管理报价" placement="top-start">
<el-button type="primary" class="iconfont icon-bianji-smal" circle @click="managePrice(item.Id)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" class="iconfont icon-img_delete_small" circle @click="isdelete(item.Id)"></el-button>
</el-tooltip>
</el-row>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="9">
<td colspan="10">
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
</el-pagination>
......@@ -240,17 +249,17 @@
<input type="button" class="normalBtn" @click="submitForm('addMsg')" value="保存" />
</el-col>
</el-row>
<el-form :model="addMsg" ref="addMsg" label-width="100px">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-row>
<template v-if="addMsg.Id==0">
<el-col :span="5">
<el-form-item label="开始月份">
<el-form-item label="开始月份" prop="StartDateStr">
<el-date-picker v-model="addMsg.StartDateStr" type="month" value-format="yyyy-MM">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="结束月份">
<el-form-item label="结束月份" prop="EndDateStr">
<el-date-picker v-model="addMsg.EndDateStr" type="month" value-format="yyyy-MM">
</el-date-picker>
</el-form-item>
......@@ -339,6 +348,10 @@
S_PickUpHighSpeedFee: 0, //接送高速费
S_AllDayChaDaiFee: 0, //全天茶代费
S_PickUpChaDaiFee: 0, //接送茶代费
},
rules: {
StartDateStr: [{ required: true, message: "请选择开始月份", trigger: "change" }],
EndDateStr: [{ required: true, message: "请选择结束月份", trigger: "change" }],
}
};
},
......@@ -367,7 +380,6 @@
);
},
saveInfo() {
console.log("addMsg",this.addMsg);
this.apipost(
"buspricedetails_post_SetPriceDetails",
this.addMsg,
......
src/router/config.js
View file @ 005eab05
......@@ -1733,14 +1733,6 @@ export default {
title: '车辆报价'
},
},
{
path: '/busUsePrice2', //车辆报价2
name: 'busUsePrice2',
component: resolve => require(['@/components/busManagement/busUsePrice2'], resolve),
meta: {
title: '车辆报价'
},
},
{
path: '/busUsePriceDetails', //车辆报价详情
name: 'busUsePriceDetails',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment