Commit bcfe2de2 authored by 黄奎's avatar 黄奎

行程预定

parent f7edfd87
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
</el-select> </el-select>
</li> </li>
<li> <li>
<input type="button" class="normalBtn" value="查询" @click="getList();resetPageIndex()" /> <input type="button" class="normalBtn" value="查询" @click="getList(); resetPageIndex()" />
</li> </li>
</ul> </ul>
</div> </div>
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; margin-top: 10px; " class="ownScrollbarStyle" <div style="width: 100%; overflow-x: auto;padding-bottom: 10px; margin-top: 10px; " class="ownScrollbarStyle"
:style="{height: boxHeight + 'px'}"> :style="{ height: boxHeight + 'px' }">
<table border="0" cellspacing="1" cellpadding="0" class="busStatisticsTalbe" v-loading='loading'> <table border="0" cellspacing="1" cellpadding="0" class="busStatisticsTalbe" v-loading='loading'>
<tr> <tr>
<th class="w100">序号</th> <th class="w100">序号</th>
...@@ -56,322 +56,271 @@ ...@@ -56,322 +56,271 @@
<th width="110">确认状态</th> <th width="110">确认状态</th>
<th width="110">操作</th> <th width="110">操作</th>
</tr> </tr>
<tbody v-for="(item,index) in DataList" :key="index"> <tbody v-for="(item, index) in DataList" :key="index">
<tr> <tr>
<td> <td>
{{item.Id}} {{ item.Id }}
</td> </td>
<td> <td>
{{item.UseCompName}} {{ item.UseCompName }}
</td> </td>
<td> <td>
{{item.UseName}} {{ item.UseName }}
</td> </td>
<td> <td>
{{item.TeamName}} {{ item.TeamName }}
</td> </td>
<td> <td>
{{item.StartDate}} {{ item.StartDate }}
</td> </td>
<td> <td>
{{item.UseDayNum}} {{ item.UseDayNum }}
</td> </td>
<td> <td>
{{item.PeopleNum}} {{ item.PeopleNum }}
</td> </td>
<td> <td>
{{item.BusTypeName}} {{ item.BusTypeName }}
</td> </td>
<td> <td>
{{item.TotalPrice}} {{ item.TotalPrice }}
</td> </td>
<td> <td>
{{item.CustomerName}} {{ item.CustomerName }}
</td> </td>
<td> <td>
{{item.CreateDate}} {{ item.CreateDate }}
</td> </td>
<td> <td>
{{item.OfferStateName}} {{ item.OfferStateName }}
</td> </td>
<td> <td>
<template v-if="item.SureId==0"> <template v-if="item.SureId == 0">
<span style="color:red">待确认</span> <span style="color:red">待确认</span>
</template> </template>
<template v-else> <template v-else>
<span style="color:red">已确认</span><br /> <span style="color:red">已确认</span><br />
<span style="color:red">确认人:{{item.SureByName}}</span><br /> <span style="color:red">确认人:{{ item.SureByName }}</span><br />
<span style="color:red">确认时间:{{item.SureTime}}</span> <span style="color:red">确认时间:{{ item.SureTime }}</span>
</template> </template>
</td> </td>
<td> <td>
<div class="w100 link"> <div class="link" style="display: flex;
<span v-if="item.OfferState==2" @click="SetTripBusPrice(item,1)" style="color:blue">报价</span> flex-flow: wrap; width: 135px;justify-content: space-around;">
<span @click="SetTripBusPrice(item,2)" style="color:blue">详情</span> <el-button size="mini" v-if="item.OfferState == 2" @click="SetTripBusPrice(item, 1)"
type="primary">报价</el-button>
<el-button size="mini" @click="SetTripBusPrice(item, 2)" type="primary">详情</el-button>
<el-button style="margin-top: 10px;" size="mini" @click="driver(item.Id)"
type="primary">添加司机车牌号</el-button>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<!-- 详情 -->
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination>
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="isShowPrice" center> <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="isShowPrice" center>
<el-row> <el-form :inline="true" :label-position="labelPosition" label-width="90px">
<el-col :span="12"> <el-form-item label="下单人:" style="width: 48%;">
<el-col :span="4" style="text-align:right">下单人:</el-col> <div style="max-width: 205px;">{{ postMsg.CustomerName }}</div>
<el-col :span="8" style="text-align:left">{{postMsg.CustomerName}}</el-col> </el-form-item>
</el-col> <el-form-item label="下单时间:" style="width: 48%;">
<el-col :span="12"> <div style="max-width: 205px;">{{ postMsg.CreateDate }}</div>
<el-col :span="4" style="text-align:right">下单时间:</el-col> </el-form-item>
<el-col :span="8" style="text-align:left">{{postMsg.CreateDate}}</el-col> <el-form-item label="订车公司:" style="width: 48%;">
</el-col> <div style="max-width: 205px;">{{ postMsg.UseCompName }}</div>
</el-row> </el-form-item>
<el-row> <el-form-item label="订车人:" style="width: 48%;">
<el-col :span="12"> <div style="max-width: 205px;">{{ postMsg.UseName }}</div>
<el-col :span="4" style="text-align:right">订车公司:</el-col> </el-form-item>
<el-col :span="8" style="text-align:left">{{postMsg.UseCompName}}</el-col> <el-form-item label="团体名称:" style="width: 48%;">
</el-col> <div style="max-width: 205px;">{{ postMsg.TeamName }}</div>
<el-col :span="12"> </el-form-item>
<el-col :span="4" style="text-align:right">订车人:</el-col> <el-form-item label="人数:" style="width: 48%;">
<el-col :span="8" style="text-align:left">{{postMsg.UseName}}</el-col> <div style="max-width: 205px;">{{ postMsg.PeopleNum }}</div>
</el-col> </el-form-item>
</el-row> <el-form-item label="日期:" style="width: 48%;">
<el-row> <div style="max-width: 205px;">{{ postMsg.StartDate }}</div>
<el-col :span="12"> </el-form-item>
<el-col :span="4" style="text-align:right">团体名称:</el-col> <el-form-item label="天数:" style="width: 48%;">
<el-col :span="8" style="text-align:left">{{postMsg.TeamName}}</el-col> <div style="max-width: 205px;">{{ postMsg.UseDayNum }}</div>
</el-col> </el-form-item>
<el-col :span="12"> <el-form-item label="去程航班:" style="width: 48%;">
<el-col :span="4" style="text-align:right">人数:</el-col> <div style="max-width: 205px;">{{ postMsg.GoFlightInfo }}</div>
<el-col :span="8" style="text-align:left">{{postMsg.PeopleNum}}</el-col> </el-form-item>
</el-col> <el-form-item label="回程航班:" style="width: 48%;">
</el-row> <div style="max-width: 205px;">{{ postMsg.BackFlightInfo }}</div>
<el-row> </el-form-item>
<el-col :span="12"> <el-form-item label="用车类型:" style="width: 48%;">
<el-col :span="4" style="text-align:right">日期:</el-col> <div style="max-width: 205px;">{{ postMsg.BusTypeName }}</div>
<el-col :span="8" style="text-align:left">{{postMsg.StartDate}}</el-col> </el-form-item>
</el-col> <el-form-item label="导游信息:" style="width: 48%;">
<el-col :span="12"> <div style="max-width: 205px;">{{ postMsg.GuideInfo }}</div>
<el-col :span="4" style="text-align:right">天数:</el-col> </el-form-item>
<el-col :span="8" style="text-align:left">{{postMsg.UseDayNum}}</el-col>
</el-col> <el-form-item label="确认状态:" style="width: 48%;">
</el-row> <div v-if="postMsg.SureId == 0" style="max-width: 205px;">确认</div>
<el-row> <span v-if="postMsg.SureId != 0">已确认 确认人:{{ postMsg.SureByName }} 确实时间:{{ postMsg.SureTime }}</span>
<el-col :span="12"> </el-form-item>
<el-col :span="4" style="text-align:right">去程航班:</el-col> <el-form-item label="接机信息:" style="width: 48%;">
<el-col :span="8" style="text-align:left">{{postMsg.GoFlightInfo}}</el-col> <div style="max-width: 205px;">{{ postMsg.PickUpInfo }}</div>
</el-col> </el-form-item>
<el-col :span="12"> </el-form>
<el-col :span="4" style="text-align:right">回程航班:</el-col> <span style="font-weight: bold;
<el-col :span="8" style="text-align:left">{{postMsg.BackFlightInfo}}</el-col> margin-top: 20px;
</el-col> display: inline-block;
</el-row> margin-bottom: 20px;">
<el-row>
<el-col :span="12">
<el-col :span="4" style="text-align:right">用车类型:</el-col>
<el-col :span="8" style="text-align:left">{{postMsg.BusTypeName}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="4" style="text-align:right">导游信息:</el-col>
<el-col :span="8" style="text-align:left">{{postMsg.GuideInfo}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="4" style="text-align:right">确认状态:</el-col>
<el-col :span="8" style="text-align:left">
<template v-if="postMsg.SureId==0">
<span>未确认</span>
</template>
<template v-else>
<span>已确认 确认人:{{postMsg.SureByName}} 确实时间:{{postMsg.SureTime}}</span>
</template>
</el-col>
</el-col>
<el-col :span="12">
<el-col :span="4" style="text-align:right">接机信息:</el-col>
<el-col :span="8" style="text-align:left">{{postMsg.PickUpInfo}}</el-col>
</el-col>
</el-row>
<span>
行程信息 行程信息
</span> </span>
<table v-if="postMsg.details&& postMsg.details.length>0"> <!-- 表格 -->
<tr>
<th style="width:110px;text-align:center;"> <div v-if="postMsg.details && postMsg.details.length > 0">
日期 <el-table :data="postMsg.details" max-height="300px" show-summary sum-text="小计"
</th> :header-cell-style="{ background: '#eef1f6', color: '#606266' }" style="width: 100%">
<th style="width:110px;text-align:center;"> <el-table-column prop="UseDate" label="日期" width="100" align='center'>
Day </el-table-column>
</th> <el-table-column prop="" label="Day" width="80" align='center'>
<th style="width:115px;text-align:center;"> <template slot-scope="scope">
用车类型 <span>
</th> Day {{ String(scope.row.DayNum) }}
<th style="width:170px;text-align:center;"> </span>
行程
</th>
<th style="width:110px;text-align:center;">
价格
</th>
<th style="width:110px;text-align:center;">
停车费
</th>
<th style="width:110px;text-align:center;">
司机住宿费
</th>
</tr>
<tbody>
<tr v-for="(item,index) in postMsg.details" :key="index">
<td style="text-align:left">
{{item.UseDate}}
</td>
<td style="text-align:left">
DAY {{item.DayNum}}
</td>
<td style="text-align:left">
{{item.UseTypeName}}
</td>
<td style="text-align:left">
{{item.TripInfo}}
</td>
<td>
<template v-if="priceType==1">
<el-input v-model="item.UnitPrice" @input="calcPrice()" @keyup.native="checkInteger(item,'UnitPrice')"
style="width:90px;"></el-input>
</template>
<template v-else>
{{item.UnitPrice}}
</template>
</td>
<td>
<template v-if="priceType==1">
<el-input v-model="item.StopBusPrice" @input="calcPrice()"
@keyup.native="checkInteger(item,'StopBusPrice')" style="width:90px;"></el-input>
</template> </template>
<template v-else> </el-table-column>
{{item.StopBusPrice}} <el-table-column prop="UseTypeName" label="用车类型" width="100" align='center'>
</el-table-column>
<el-table-column prop="TripInfo" label="行程" min-width="200">
</el-table-column>
<el-table-column prop="UnitPrice" label="价格" width="90" align='center'>
<template slot-scope="scope">
<el-input v-if="priceType == 1" v-model="scope.row.UnitPrice" @input="calcPrice()"
@keyup.native="checkInteger(scope.row, 'UnitPrice')" style="width:90px;"></el-input>
<span v-if="priceType != 1">
{{ scope.row.UnitPrice }}
</span>
</template> </template>
</td> </el-table-column>
<td> <el-table-column prop="StopBusPrice" label="停车费" width="90" align='center'>
<template v-if="priceType==1"> <template slot-scope="scope">
<el-input v-model="item.RoomPrice" @input="calcPrice()" @keyup.native="checkInteger(item,'RoomPrice')" <el-input v-if="priceType == 1" v-model="scope.row.StopBusPrice" @input="calcPrice()"
style="width:90px;"></el-input> @keyup.native="checkInteger(scope.row, 'StopBusPrice')" style="width:90px;"></el-input>
<span v-if="priceType != 1">
{{ scope.row.StopBusPrice }}
</span>
</template> </template>
<template v-else> </el-table-column>
{{item.RoomPrice}} <el-table-column prop="RoomPrice" label="司机住宿费" width="100" align='center'>
<template slot-scope="scope">
<el-input v-if="priceType == 1" v-model="scope.row.RoomPrice" @input="calcPrice()"
@keyup.native="checkInteger(scope.row, 'RoomPrice')" style="width:90px;"></el-input>
<span v-if="priceType != 1">
{{ scope.row.RoomPrice }}
</span>
</template> </template>
</td> </el-table-column>
</tr> </el-table>
</tbody> </div>
<tfoot> <div class="total">
<tr> <span>
<td colspan="4" style="text-align:right"> 手配费:
小计: <span>
</td> <template v-if="priceType == 1">
<td> <el-input v-model="postMsg.ShouPeiFee" @keyup.native="checkInteger(postMsg, 'ShouPeiFee')"
{{subUnitPrice}}
</td>
<td>
{{subStopBusPrice}}
</td>
<td>
{{subRoomPrice}}
</td>
</tr>
<tr>
<td colspan="4" style="text-align:right">
手配费
</td>
<td>
<template v-if="priceType==1">
<el-input v-model="postMsg.ShouPeiFee" @keyup.native="checkInteger(postMsg,'ShouPeiFee')"
@input="calcPrice()" style="width:90px;"> @input="calcPrice()" style="width:90px;">
</el-input> </el-input>
</template> </template>
<template v-else> <template v-else>
{{postMsg.ShouPeiFee}} {{ postMsg.ShouPeiFee }}
</template> </template>
</td> </span>
<td>
</td> <span style="margin-left: 10px;">
<td> 合计:{{ postMsg.TotalPrice }}
</td> </span>
</tr> </span>
<tr> </div>
<td colspan="4" style="text-align:right"> <!-- 表格 -->
</td> <el-row style="width: 100%;">
<td> <el-col :span="24">
</td> <el-col :span="2" style="text-align:right">状态:</el-col>
<td> <el-col :span="6" style="text-align:left">
合计: <template v-if="priceType == 1">
</td>
<td>
{{postMsg.TotalPrice}}
</td>
</tr>
</tfoot>
</table>
<el-row>
<el-col :span="12">
<el-col :span="4" style="text-align:right">状态:</el-col>
<el-col :span="8" style="text-align:left">
<template v-if="priceType==1">
<el-select filterable placeholder="请选择" v-model="postMsg.OfferState"> <el-select filterable placeholder="请选择" v-model="postMsg.OfferState">
<el-option label='等待报价' :value="2"></el-option> <el-option label='等待报价' :value="2"></el-option>
<el-option label='已报价' :value="3"></el-option> <el-option label='已报价' :value="3"></el-option>
</el-select> </el-select>
</template> </template>
<template v-else> <template v-else>
{{postMsg.OfferStateName}} {{ postMsg.OfferStateName }}
</template> </template>
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="12">
<el-col :span="4" style="text-align:right"></el-col>
<el-col :span="8" style="text-align:left">
</el-col>
</el-col>
</el-row> </el-row>
<el-row> <div class="flex" style="margin-top: 10px;">
<el-col :span="12"> <div style="max-width: 48%;">
<el-col :span="4" style="text-align:right">备注:</el-col> <span>备注:</span>
<el-col :span="8" style="text-align:left"> <span>
<template v-if="priceType==1"> <template v-if="priceType == 1">
<el-input type="textarea" :rows="2" v-model="postMsg.Remark"> <el-input type="textarea" :rows="2" v-model="postMsg.Remark">
</el-input> </el-input>
</template> </template>
<template v-else> <template v-else>
{{postMsg.Remark}} {{ postMsg.Remark }}
</template> </template>
</el-col> </span>
</el-col> </div>
<el-col :span="12"> <div style="max-width: 50%;">
<el-col :span="4" style="text-align:right">注意事项:</el-col> <span>注意事项:</span>
<el-col :span="8" style="text-align:left"> <span>
<template v-if="priceType==1"> <template v-if="priceType == 1">
<el-input type="textarea" :rows="2" v-model="postMsg.AttentionInfo"> <el-input type="textarea" :rows="2" v-model="postMsg.AttentionInfo">
</el-input> </el-input>
</template> </template>
<template v-else> <template v-else>
{{postMsg.AttentionInfo}} {{ postMsg.AttentionInfo }}
</template> </template>
</el-col> </span>
</el-col> </div>
</el-row> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="isShowPrice=false">关闭</button> &nbsp; <button class="hollowFixedBtn" @click="isShowPrice = false">关闭</button> &nbsp;
<button v-if="priceType==1" class="normalBtn" type="primary" <button v-if="priceType == 1" class="normalBtn" type="primary" @click="submitTripBusOffer('addMsg')">{{
@click="submitTripBusOffer('addMsg')">{{$t('pub.sureBtn')}}</button> $t('pub.sureBtn')
}}</button>
</div>
</el-dialog>
<!-- 详情 -->
<!-- 添加司机车辆弹窗 -->
<el-dialog title="车辆信息" :visible.sync="dialogVisible" width="20%" :before-close="handleClose">
<div style="display: flex;margin-bottom: 20px;">
<span style="width: 70px;">司机:</span>
<el-input style="width: 150px;" v-model="drivermsg.DriverInfo" placeholder=""></el-input>
</div> </div>
<div style="display: flex;">
<span style="width: 70px;">车牌号:</span>
<el-input style="width: 150px;" v-model="drivermsg.BusNo" placeholder=""></el-input>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="driverdetermine()">确 定</el-button>
</span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
drivermsg: {
Id: '',
DriverInfo: "",
BusNo: ""
},
dialogVisible: false,
labelPosition: 'right',
userInfo: {}, //用户信息 userInfo: {}, //用户信息
loading: false, loading: false,
currentPage: 1, currentPage: 1,
...@@ -456,7 +405,30 @@ ...@@ -456,7 +405,30 @@
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}, err => {}) }, err => { })
},
handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
done();
})
.catch(_ => { });
},
// 司机确定
driverdetermine() {
this.apipost('tripbus_SetBusPriceInfo', this.drivermsg, res => {
if (res.data.resultCode == 1) {
this.dialogVisible = false
this.$forceUpdate();
} else {
this.Error(res.data.message);
}
}, err => { })
},
// 添加司机车号
driver(id) {
this.drivermsg.Id = id
this.dialogVisible = true
}, },
//设置行程报价 //设置行程报价
SetTripBusPrice(item, type) { SetTripBusPrice(item, type) {
...@@ -509,7 +481,7 @@ ...@@ -509,7 +481,7 @@
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}, err => {}) }, err => { })
}, },
//计算价格 //计算价格
calcPrice() { calcPrice() {
...@@ -550,7 +522,7 @@ ...@@ -550,7 +522,7 @@
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}, err => {}) }, err => { })
} }
}, },
mounted() { mounted() {
...@@ -569,109 +541,128 @@ ...@@ -569,109 +541,128 @@
this.offsetwidth = width; this.offsetwidth = width;
this.getList(); this.getList();
}, },
} }
</script> </script>
<style> <style>
.splitTrCss td { .splitTrCss td {
background: #eee !important; background: #eee !important;
} }
.busIconStyle>span { .busIconStyle>span {
margin-right: 20px; margin-right: 20px;
font-weight: bold; font-weight: bold;
} }
.busStatisticsTalbe { .busStatisticsTalbe {
background: #ccc; background: #ccc;
} }
.busStatisticsTalbe tr th { .busStatisticsTalbe tr th {
background: #E6E6E6; background: #E6E6E6;
height: 40px; height: 40px;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
} }
.busStatisticsTalbe tr { .busStatisticsTalbe tr {
background: #fff; background: #fff;
text-align: center; text-align: center;
height: 40px; height: 40px;
} }
.busStatisticsTalbe tr td { .busStatisticsTalbe tr td {
font-size: 12px; font-size: 12px;
} }
.busStatisticsTalbe tr td .pDateStyle { .busStatisticsTalbe tr td .pDateStyle {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
min-height: 24px; min-height: 24px;
line-height: 24px; line-height: 24px;
margin-top: 0; margin-top: 0;
box-sizing: content-box; box-sizing: content-box;
padding: 0 10px; padding: 0 10px;
} }
.busStatisticsTalbe tr td .pDateStyle:last-child { .busStatisticsTalbe tr td .pDateStyle:last-child {
border-bottom: none; border-bottom: none;
} }
.busStatisticsTalbe tr td .link p:hover { .busStatisticsTalbe tr td .link p:hover {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.busStatisticsTalbe tr td .link span:hover { .busStatisticsTalbe tr td .link span:hover {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.busStatistics_tripDetails { .busStatistics_tripDetails {
padding: 0; padding: 0;
box-shadow: 0px 1px 3px 0px #dedede; box-shadow: 0px 1px 3px 0px #dedede;
max-height: 400px; max-height: 400px;
overflow-y: auto; overflow-y: auto;
} }
.busStatistics_tripDetails .popper__arrow::after { .busStatistics_tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important; border-bottom-color: #ededed !important;
} }
.busStatistics_tripDetails table { .busStatistics_tripDetails table {
padding: 10px 0 0 20px; padding: 10px 0 0 20px;
background-color: #ededed; background-color: #ededed;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
font-size: 12px; font-size: 12px;
} }
.busStatistics_tripDetails table th { .busStatistics_tripDetails table th {
background-color: #ededed; background-color: #ededed;
padding: 5px; padding: 5px;
} }
.busStatistics_tripDetails table td { .busStatistics_tripDetails table td {
background-color: #ffffff; background-color: #ffffff;
padding: 9px 15px; padding: 9px 15px;
color: #333333; color: #333333;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
} }
.busStatistics_tripDetails table td._d_name { .busStatistics_tripDetails table td._d_name {
background-color: #ededed; background-color: #ededed;
} }
.busStatistics_tripDetails table ._color_666 { .busStatistics_tripDetails table ._color_666 {
color: #666666; color: #666666;
} }
.busStatistics_tripDetails table tr._color_666 th { .busStatistics_tripDetails table tr._color_666 th {
padding: 9px 15px; padding: 9px 15px;
} }
.Bus_HotelPop { .Bus_HotelPop {
overflow: auto; overflow: auto;
max-height: 350px; max-height: 350px;
} }
</style>
<style scoped>
/deep/.el-form-item {
margin-bottom: 0px;
}
.total {
display: flex;
width: 100%;
justify-content: center;
font-weight: bold;
margin-bottom: 20px;
margin-top: 10px;
}
.flex {
display: flex;
width: 100%;
justify-content: space-between;
}
</style> </style>
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