dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

前端

Browse Source
This commit is contained in:
xvv 2024-08-12 08:45:58 +08:00
parent 0cf9a992a4
commit ba98275dab
1 changed files with 127 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

191
fuintAdmin/src/views/handover/HandoverDetails.vue
View File

@ -1,11 +1,13 @@
<template> <template>
<div class="app-containers"> <div class="app-containers">
<div class="tab-box"> <div class="tab-box">
<div class="box_" v-for="(item,index) in tablist" :key="index"> <div class="tab_" :class="{active:index== tabindex }" @click="getindex(index)" v-for="(item,index) in tabs" :key="index">
{{item}} {{item}}
</div> </div>
</div> </div>
<el-card >
<el-card class="card-box" >
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
<el-form-item label="" prop="status"> <el-form-item label="" prop="status">
<el-select v-model="queryParams.status" style="width: 150px" placeholder="交班方式" clearable> <el-select v-model="queryParams.status" style="width: 150px" placeholder="交班方式" clearable>
@ -23,27 +25,8 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="">
<el-select v-model="queryParams.type" style="width: 150px" placeholder="交班状态" clearable>
<el-option label="交班" value="0">交班</el-option>
<el-option label="未交班" value="1">未交班</el-option>
</el-select>
</el-form-item>
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 160px"
type="date"
placeholder="交班开始日期">
</el-date-picker>
至
<el-date-picker
v-model="endTime"
style="width: 160px"
type="date"
placeholder="交班结束日期">
</el-date-picker>
</el-form-item>
<el-form-item class="flex-container" style="float: right"> <el-form-item class="flex-container" style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@ -54,48 +37,69 @@
<el-card style="margin-top: 20px; height: 100vh <el-card style="margin-top: 20px; height: 100vh
" class="box-card"> " class="box-card">
<!-- <el-table--> <div class="title_">门店交接单</div>
<!-- ref="tables"--> <div class="d-s-b">
<!-- v-loading="loading"--> <div>油站名称</div>
<!-- :data="dataList"--> <div>中建锦绣二期站</div>
<!-- :default-sort="defaultSort">--> </div>
<!-- <el-table-column label="班次员工" align="center" prop="staffName"/>--> <div class="d-s-b">
<!-- <el-table-column label="开始时间" align="center" prop="startTime"/>--> <div>油站站长</div>
<!-- <el-table-column label="结束时间" align="center" prop="endTime" />--> <div>中建锦绣二期站</div>
<!-- <el-table-column label="交班状态" align="center" prop="status" width="">--> </div>
<!-- <template slot-scope="scope">--> <div class="d-s-b">
<!-- <el-tag effect="plain" v-if="scope.row.type =='0'"> 已交班</el-tag>--> <div>交班方式</div>
<!-- <el-tag type="success" effect="plain" v-else-if="scope.row.type =='1'">未交班</el-tag>--> <div>中建锦绣二期站</div>
<!-- </template>--> </div>
<!-- </el-table-column>--> <div class="d-s-b">
<div>开始时间</div>
<!--&lt;!&ndash; <el-table-column label="创建时间" align="center" prop="createTime" width=""/>&ndash;&gt;--> <div>中建锦绣二期站</div>
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">--> </div>
<!-- <template slot-scope="scope">--> <div class="d-s-b">
<!-- <el-button--> <div>结束时间</div>
<!-- size="mini"--> <div>中建锦绣二期站</div>
<!-- type="text"--> </div>
<!-- @click="handleDetail(scope.row)"--> <div class="d-s-b">
<!-- >交班数据</el-button>--> <div>订单金额</div>
<!--&lt;!&ndash; <el-button&ndash;&gt;--> <div>中建锦绣二期站</div>
<!--&lt;!&ndash; size="mini"&ndash;&gt;--> </div>
<!--&lt;!&ndash; type="text"&ndash;&gt;--> <div class="d-s-b">
<!--&lt;!&ndash; @click="printLocally(scope.row.recordData)"&ndash;&gt;--> <div>优惠金额</div>
<!--&lt;!&ndash; >补打交班单</el-button>&ndash;&gt;--> <div>中建锦绣二期站</div>
<!-- </template>--> </div>
<!-- </el-table-column>--> <div class="d-s-b">
<!-- </el-table>--> <div>退款金额</div>
<div>中建锦绣二期站</div>
</div>
<div class="d-s-b">
<div>挂账金额</div>
<pagination <div>中建锦绣二期站</div>
v-show="total>0" </div>
:total="total" <div class="d-s-b">
:page.sync="queryParams.page" <div>会员消费</div>
:limit.sync="queryParams.pageSize" <div>中建锦绣二期站</div>
@pagination="getList" </div>
/> <div class="d-s-b">
<div>实收金额</div>
<div>中建锦绣二期站</div>
</div>
<div class="d-s-b">
<div>充值金额</div>
<div>中建锦绣二期站</div>
</div>
<div class="d-s-b">
<div>充值赠送</div>
<div>中建锦绣二期站</div>
</div>
<div class="d-s-b">
<div>会员总余额</div>
<div>中建锦绣二期站</div>
</div>
<div class="d-s-b">
<div>会员总积分</div>
<div>中建锦绣二期站</div>
</div>
<div class="xxing"></div>
<div class=""></div>
</el-card> </el-card>
<el-dialog title="订单详情" :visible.sync="openDetail" width="600px" append-to-body :close-on-click-modal="false"> <el-dialog title="订单详情" :visible.sync="openDetail" width="600px" append-to-body :close-on-click-modal="false">
<!-- <detail :dataForm = "recordData"></detail>--> <!-- <detail :dataForm = "recordData"></detail>-->
@ -121,10 +125,11 @@ export default {
data() { data() {
return { return {
tablist:[ tabs:[
"交接班", "交接班",
"交班记录" "交班记录"
], ],
tabindex:0,
openDetail:false, openDetail:false,
dataForm:{}, dataForm:{},
dataList:[], dataList:[],
@ -162,6 +167,9 @@ export default {
this.getStaffList(); this.getStaffList();
}, },
methods: { methods: {
getindex(index){
this.tabindex = index
},
getList(){ getList(){
this.dateRange = [] this.dateRange = []
if (this.beginTime && this.endTime) { if (this.beginTime && this.endTime) {
@ -248,6 +256,7 @@ export default {
.app-containers { .app-containers {
width: 100%; width: 100%;
background: #f6f8f9; background: #f6f8f9;
} }
.tab-box{ .tab-box{
width: 100%; width: 100%;
@ -276,8 +285,10 @@ export default {
text-align: left; text-align: left;
} }
.box-card{ .box-card{
width: 100%; width: 640px;
margin: 0 auto;
margin-bottom: 15px; margin-bottom: 15px;
} }
.font-chinese { .font-chinese {
font-size: 15px; font-size: 15px;
@ -305,4 +316,50 @@ export default {
.el-form--inline .el-form-item { .el-form--inline .el-form-item {
margin-right: 44px; margin-right: 44px;
} }
.tab-box{
width: 100%;
height: 40px;
background: #fff;
display: flex;
box-sizing: border-box;
margin-bottom: 25px;
}
.tab_{
width: 75px;
height: 100%;
//border-bottom: 2px solid #FF770F;
display: flex;
font-weight: 500;
font-size: 14px;
color: #999999;
align-items: center;
justify-content: center;
margin-left: 50px;
cursor: pointer;
}
.active{
border-bottom: 2px solid #FF770F !important;
color: #FF770F !important;
}
.title_{
text-align: center;
font-weight: 600;
font-size: 16px;
color: #333333;
}
.d-s-b{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 400;
font-size: 14px;
color: #333333;
margin: 20px auto;
}
.xxing{
width: 100%;
border-bottom: 1px solid #EEEEEE;
}
</style> </style>