Skip to content

S
SuperMan
Commit 69af77b4 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent e1042558
Show whitespace changes
Inline Side-by-side
Showing with 86 additions and 309 deletions
src/components/busManagement/busUsePriceDetails.vue
View file @ 69af77b4
......@@ -163,15 +163,8 @@
<thead>
<tr>
<th>
图片
时间
</th>
<th>
地区/车辆类型
</th>
<th>
使用人数
</th>
<th>
接送价格
</th>
......@@ -201,49 +194,36 @@
<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;" />
{{item.MonthStr}}
</td>
<td>
{{getArea(item.AreaType)}}-{{item.BusTypeStr}}
{{item.S_ReceivePrice}}
</td>
<td>
{{item.UseNum}}
{{item.S_AllDayPrice}}
</td>
<td>
{{item.ReceivePrice}}
{{item.S_HalfDayPrice}}
</td>
<td>
{{item.AllDayPrice}}
{{item.S_AllDayHighSpeedFee}}
</td>
<td>
{{item.HalfDayPrice}}
{{item.S_PickUpHighSpeedFee}}
</td>
<td>{{item.S_AllDayChaDaiFee}}</td>
<td>{{item.S_PickUpChaDaiFee}}</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="管理报价">
<a >详情</a>
<a @click="isdelete(item.Id)">删除</a>
</td>
</tr>
<tr>
<td colspan="8">
备注: {{item.Remark}}
</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 background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
</el-pagination>
</td>
</tr>
......@@ -260,107 +240,68 @@
<input type="button" class="normalBtn" @click="submitForm('addMsg')" value="保存" />
</el-col>
</el-row>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form :model="addMsg" ref="addMsg" label-width="100px">
<el-row>
<template v-if="addMsg.Id==0">
<el-col :span="5">
<el-form-item label="地区" prop="AreaType">
<el-select filterable placeholder="请选择" v-model="addMsg.AreaType">
<el-option label='不限' :value="selectDefauleValue"></el-option>
<el-option v-for="item in AreaList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="车辆类型" prop="BusType">
<el-select filterable placeholder="请选择" v-model="addMsg.BusType">
<el-option v-for="item in BusTypeList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
<el-form-item label="开始月份">
<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="座位数" prop="UseNum">
<el-input placeholder="座位数" v-model="addMsg.UseNum" @keyup.native="checkInteger(addMsg,'UseNum')"
class="busUsePeople">
<template slot="append">座</template>
</el-input>
<el-form-item label="结束月份">
<el-date-picker v-model="addMsg.EndDateStr" type="month" value-format="yyyy-MM">
</el-date-picker>
</el-form-item>
</el-col>
</template>
<el-col :span="5">
<el-form-item label="接送报价" prop="ReceivePrice">
<el-input v-model="addMsg.ReceivePrice" @keyup.native="checkPrice(addMsg,'ReceivePrice')"></el-input>
<el-form-item label="接送报价">
<el-input v-model="addMsg.S_ReceivePrice" @keyup.native="checkPrice(addMsg,'S_ReceivePrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="送机报价" prop="SendPrice" style="display:none;">
<el-input v-model="addMsg.SendPrice" @keyup.native="checkPrice(addMsg,'SendPrice')"></el-input>
<el-form-item label="送机报价" style="display:none;">
<el-input v-model="addMsg.S_SendPrice" @keyup.native="checkPrice(addMsg,'S_SendPrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="全天报价" prop="AllDayPrice">
<el-input v-model="addMsg.AllDayPrice" @keyup.native="checkPrice(addMsg,'AllDayPrice')"></el-input>
<el-form-item label="全天报价">
<el-input v-model="addMsg.S_AllDayPrice" @keyup.native="checkPrice(addMsg,'S_AllDayPrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="半天报价" prop="HalfDayPrice">
<el-input v-model="addMsg.HalfDayPrice" @keyup.native="checkPrice(addMsg,'HalfDayPrice')"></el-input>
<el-form-item label="半天报价">
<el-input v-model="addMsg.S_HalfDayPrice" @keyup.native="checkPrice(addMsg,'S_HalfDayPrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5" style="display:none;">
<el-form-item label="小时报价" prop="HourPrice">
<el-input v-model="addMsg.HourPrice" @keyup.native="checkPrice(addMsg,'HourPrice')"></el-input>
<el-form-item label="小时报价">
<el-input v-model="addMsg.S_HourPrice" @keyup.native="checkPrice(addMsg,'S_HourPrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="全天高速" prop="AllDayHighSpeedFee">
<el-input v-model="addMsg.AllDayHighSpeedFee" @keyup.native="checkPrice(addMsg,'HourPrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="接送高速" prop="PickUpHighSpeedFee">
<el-input v-model="addMsg.PickUpHighSpeedFee" @keyup.native="checkPrice(addMsg,'PickUpHighSpeedFee')">
<el-form-item label="全天高速">
<el-input v-model="addMsg.S_AllDayHighSpeedFee" @keyup.native="checkPrice(addMsg,'S_AllDayHighSpeedFee')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="全天茶代" prop="AllDayChaDaiFee">
<el-input v-model="addMsg.AllDayChaDaiFee" @keyup.native="checkPrice(addMsg,'AllDayChaDaiFee')">
<el-form-item label="接送高速">
<el-input v-model="addMsg.S_PickUpHighSpeedFee" @keyup.native="checkPrice(addMsg,'S_PickUpHighSpeedFee')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="接送茶代" prop="PickUpChaDaiFee">
<el-input v-model="addMsg.PickUpChaDaiFee" @keyup.native="checkPrice(addMsg,'PickUpChaDaiFee')">
<el-form-item label="全天茶代">
<el-input v-model="addMsg.S_AllDayChaDaiFee" @keyup.native="checkPrice(addMsg,'S_AllDayChaDaiFee')">
</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)">
<el-option label='不限' :value="selectDefauleValue"></el-option>
<el-option v-for="item in currencyTypeList" :key="item.ID" :value="item.ID" :label="item.Name">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="汇率" prop="CurrentRate">
<el-input v-model="addMsg.CurrentRate" @keyup.native="checkRate(addMsg,'CurrentRate')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="车辆图片">
<el-upload class="avatar-uploader" :http-request="UploadImage" :multiple="false"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="addMsg.ShowBusImage&&addMsg.ShowBusImage!=''" :src="addMsg.ShowBusImage"
style="width:200px;height:100px">
<i class="el-icon-upload2 avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="说明" prop="Remark">
<el-input type="textarea" autosize placeholder="请输入内容" v-model="addMsg.Remark">
<el-form-item label="接送茶代">
<el-input v-model="addMsg.S_PickUpChaDaiFee" @keyup.native="checkPrice(addMsg,'S_PickUpChaDaiFee')">
</el-input>
</el-form-item>
</el-col>
......@@ -372,159 +313,54 @@
<script>
export default {
data() {
var DealAreaValidate = (rule, value, callback) => {
if (value === 0) {
callback(new Error("请选择地区"));
} else {
callback();
}
};
var validateCurrency = (rule, value, callback) => {
if (value === 0) {
callback(new Error("请选择币种"));
} else {
callback();
}
};
return {
total: 0,
currentPage: 1,
dataList: "",
loading: false,
isShow: false,
BusTypeList: "",
selectDefauleValue: 0,
AreaList: [],
currencyTypeList: [],
msg: {
pageIndex: 1,
pageSize: 18
pageSize: 10,
BusPriceId: 0,
total: 0,
currentPage: 1,
},
//表单json
addMsg: {
ID: 0,
UseNum: "",
BusType: "",
ReceivePrice: "",
SendPrice: "",
AllDayPrice: "",
HalfDayPrice: "",
HourPrice: "",
Remark: "",
AreaType: 0,
CurrencyId: 0,
CurrentRate: 0,
AllDayHighSpeedFee: 0, //全天高速费
PickUpHighSpeedFee: 0, //接送高速费
AllDayChaDaiFee: 0, //全天茶代费
PickUpChaDaiFee: 0, //接送茶代费
BusImage: '', //车辆图片
ShowBusImage: "",
DetailsList:[],//报价详情列表
},
//表单验证
rules: {
AreaType: [{
validator: DealAreaValidate,
trigger: "change",
required: true
}],
CurrencyId: [{
validator: validateCurrency,
trigger: "change",
required: true
}],
BusType: [{
required: true,
message: "请选择车辆类型",
trigger: "change"
}],
UseNum: [{
required: true,
message: "请输入人数",
trigger: "change"
}],
ReceivePrice: [{
required: true,
message: "请输入接机价格",
trigger: "change"
}],
SendPrice: [{
required: true,
message: "请输入送机价格",
trigger: "change"
}],
AllDayPrice: [{
required: true,
message: "请输入全天价格",
trigger: "change"
}],
HalfDayPrice: [{
required: true,
message: "请输入全天价格",
trigger: "change"
}],
HourPrice: [{
required: true,
message: "请输入小时价格",
trigger: "change"
}],
AllDayHighSpeedFee: [{
required: true,
message: "请输入全天高速价格",
trigger: "change"
}],
PickUpHighSpeedFee: [{
required: true,
message: "请输入接送高速价格",
trigger: "change"
}],
AllDayChaDaiFee: [{
required: true,
message: "请输入全天茶代价格",
trigger: "change"
}],
PickUpChaDaiFee: [{
required: true,
message: "请输入接送茶代价格",
trigger: "change"
}]
Id: 0, //主键编号
StartDateStr: "", //开始月份
EndDateStr: "", //结束月份
MonthStr: "", //月份
BusPriceId: 0, //车辆报价主表编号
S_ReceivePrice: 0, //接机价格
S_SendPrice: 0, //送机价格
S_AllDayPrice: 0, //全天价格
S_HalfDayPrice: 0, //半天价格
S_HourPrice: 0, //小时价格
S_AllDayHighSpeedFee: 0, //全天高速费
S_PickUpHighSpeedFee: 0, //接送高速费
S_AllDayChaDaiFee: 0, //全天茶代费
S_PickUpChaDaiFee: 0, //接送茶代费
}
};
},
methods: {
//上传图片
UploadImage(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
var path = "/Upload/DMC/";
this.UploadSelfFileT(path, newArr, x => {
var obj = this.$DMCUtils.DMCImageObj();
var str = x.name;
var imgUrl = this.domainManager().ViittoFileUrl + x.data.FilePath;
this.addMsg.BusImage = x.data.FilePath;
this.addMsg.ShowBusImage = imgUrl;
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.initData();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
this.msg.currentPage = 1;
},
initData() {
this.loading = true;
this.apipost(
"busprice_get_GetBusPricePageList",
"buspricedetails_get_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
this.msg.total = res.data.data.count;
}
},
null
......@@ -532,7 +368,7 @@
},
saveInfo() {
this.apipost(
"busprice_post_SetBusPrice",
"buspricedetails_post_SetPriceDetails",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
......@@ -547,47 +383,15 @@
null
);
},
//获取地区下拉
getAreaList() {
this.apipost(
"busprice_get_GetBusAreaType", {},
res => {
if (res.data.resultCode == 1) {
this.AreaList = res.data.data;
}
},
null
);
},
//根据ID获取地区
getArea(AreaType) {
var AreaName = '';
this.AreaList.forEach(item => {
if (item.Id == AreaType) {
AreaName = item.Name
}
})
return AreaName;
},
getCurrencyType() { // 币种类型
this.apipost('financeinfo_post_GetList', {
Name: ''
}, res => {
if (res.data.resultCode == 1) {
this.currencyTypeList = res.data.data;
}
}, err => {})
},
//修改管理报价
managePrice(ID) {
this.addMsg.ID = ID;
this.addMsg.Id = ID;
this.isShow = true;
let msg = {
ID: ID
};
this.apipost(
"busprice_get_GetBusPrice",
"buspricedetails_get_GetPriceDetails",
msg,
res => {
this.addMsg = res.data.data;
......@@ -595,27 +399,6 @@
null
);
},
/*获取车辆类型列表*/
getBusTypeList() {
this.apipost(
"bus_get_GetBusTypeList",
null,
res => {
if (res.data.resultCode == 1) {
this.BusTypeList = res.data.data;
}
},
null
);
},
//币种下拉获取汇率
getRate(ID) {
this.currencyTypeList.forEach(x => {
if (x.ID == ID) {
this.addMsg.CurrentRate = x.Rate;
}
});
},
//取消
cancelPanel() {
this.isShow = false;
......@@ -624,29 +407,24 @@
//添加
addPanel() {
this.isShow = true;
this.addMsg.ID = 0;
this.addMsg.Id = 0;
this.clearInfo();
},
clearInfo() {
this.addMsg = {
ID: 0,
UseNum: "",
BusType: "",
ReceivePrice: "",
SendPrice: "",
AllDayPrice: "",
HalfDayPrice: "",
HourPrice: "",
Remark: "",
AreaType: 0,
CurrencyId: 0,
CurrentRate: 0,
AllDayHighSpeedFee: 0,
PickUpHighSpeedFee: 0,
AllDayChaDaiFee: 0,
PickUpChaDaiFee: 0,
BusImage: ''
};
this.addMsg.Id = 0;
this.addMsg.StartDateStr = "";
this.addMsg.EndDateStr = "";
this.addMsg.MonthStr = "";
this.addMsg.BusPriceId = 0;
this.addMsg.S_ReceivePrice = 0;
this.addMsg.S_SendPrice = 0;
this.addMsg.S_AllDayPrice = 0;
this.addMsg.S_HalfDayPrice = 0;
this.addMsg.S_HourPrice = 0;
this.addMsg.S_AllDayHighSpeedFee = 0;
this.addMsg.S_PickUpHighSpeedFee = 0;
this.addMsg.S_AllDayChaDaiFee = 0;
this.addMsg.S_PickUpChaDaiFee = 0;
},
submitForm(addMsg) {
//提交创建、修改表单
......@@ -670,7 +448,7 @@
ID: ID
};
that.apipost(
"busprice_post_RemoveBusPrice",
"buspricedetails_post_RemovePriceDetails",
msg,
res => {
if (res.data.resultCode == 1) {
......@@ -683,10 +461,9 @@
}
},
mounted() {
this.msg.BusPriceId = this.$route.query.id;
this.addMsg.BusPriceId = this.$route.query.id;
this.initData();
this.getAreaList();
this.getCurrencyType();
this.getBusTypeList();
}
};
......
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