Skip to content

C
confucius
Commit 609a96fb authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 77fbae15
Hide whitespace changes
Inline Side-by-side
Showing with 109 additions and 89 deletions
src/components/schedul/schedul-head.vue
View file @ 609a96fb
<style>
.Sctop_Last{
position: absolute;
right:25px;
top:16px;
}
.Sctop_Last>div{
display:inline-block;
width:112px;
height:34px;
background-color: #D4DFFF;
color:#2966FE;
text-align:center;
font-size:14px;
line-height: 34px;
border-radius: 10px;
font-weight:bold;
cursor: pointer;
}
.Sctop_Last {
position: absolute;
right: 25px;
top: 16px;
}
.Sctop_Last>div {
display: inline-block;
width: 112px;
height: 34px;
background-color: #D4DFFF;
color: #2966FE;
text-align: center;
font-size: 14px;
line-height: 34px;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
}
</style>
<template>
<div class="sche_rightTop">
<div v-if="dataList.DutyStatus==1" class="sche_Topflex">
<div v-if="dataList.Status==1" class="sche_Topflex">
<div class="Sctop_Color Scdu_benci" style="position:relative;">本次值班信息</div>
<div class="Sctop_Color">
<span class="Scotop_little">校区</span>{{dataList.SchoolName}}
......@@ -36,9 +38,9 @@
</div>
</div>
<div class="Sctop_Last">
<div @click="isShowJiedai=true"><i style="margin-right:5px;" class="iconfont icon-liuchengguanliqi"></i>接待流程</div>
</div>
<table v-if="dataList.DutyStatus==2" style="width:100%;margin:0 20px;font-size:18px;color:#000000;">
<div @click="isShowJiedai=true"><i style="margin-right:5px;" class="iconfont icon-liuchengguanliqi"></i>接待流程</div>
</div>
<table v-if="dataList.Status==2" style="width:100%;margin:0 20px;font-size:18px;color:#000000;">
<tr>
<td style="width:11%">
<span class="Sch_MainColor">本次值班信息</span>
......@@ -56,7 +58,7 @@
<span class="Scotop_little">班次</span>{{dataList.ShiftName}}
</td>
<td>
<span class="Scotop_little">值班状态</span>{{dataList.DutyStatusStr}}
<span class="Scotop_little">值班状态</span>{{dataList.StatusStr}}
</td>
</tr>
<tr>
......@@ -66,10 +68,23 @@
</td>
<td>
<span class="Scotop_little">打卡时间</span>
<span v-if="dataList.CheckTime">{{dataList.CheckTime}}</span>
<span v-if="dataList.CheckTime">{{dataList.CheckTime}}
<template v-if="dataList.CheckLateTime&&dataList.CheckLateTime>0">
<span style="color:red">[迟到 {{dataList.CheckLateTime}} 分钟] </span>
</template>
<template v-else>
<span style="color:green">[正常]</span>
</template>
</span>
</td>
<td>
<span class="Scotop_little">交接时间</span>{{dataList.FinishTime}}
<template v-if="dataList.FinishLateTime&&dataList.FinishLateTime>0">
<span style="color:red">[早退 {{dataList.FinishLateTime}} 分钟]</span>
</template>
<template v-else>
<span style="color:green">[正常]</span>
</template>
</td>
</tr>
</table>
......@@ -87,18 +102,18 @@
},
},
components: {
schedulJiedai
schedulJiedai
},
data() {
return {
isShowJiedai:false //是否显示接待
isShowJiedai: false //是否显示接待
}
},
created() {},
methods: {
closeJiedai(){
this.isShowJiedai=false;
}
closeJiedai() {
this.isShowJiedai = false;
}
},
}
......
src/pages/scheduling/mySchedule.vue
View file @ 609a96fb
......@@ -47,14 +47,40 @@
</div>
</q-td>
</template>
<template v-slot:body-cell-DutyStatusStr="props">
<template v-slot:body-cell-StatusStr="props">
<q-td>
<div v-if="props.row.DutyStatus==0" style="color:blue">
{{props.row.DutyStatusStr}}</div>
<div v-if="props.row.DutyStatus==1" style="color:green">
{{props.row.DutyStatusStr}}</div>
<div v-if="props.row.DutyStatus==2" style="color:red">
{{props.row.DutyStatusStr}}</div>
<div v-if="props.row.Status==0" style="color:blue">
{{props.row.StatusStr}}</div>
<div v-if="props.row.Status==1" style="color:green">
{{props.row.StatusStr}}</div>
<div v-if="props.row.Status==2" style="color:red">
{{props.row.StatusStr}}</div>
</q-td>
</template>
<template v-slot:body-cell-CheckTimeStr="props">
<q-td>
<div v-if="props.row.Status==1">
{{props.row.CheckTimeStr}}
<template v-if="props.row.CheckLateTime&&props.row.CheckLateTime>0">
<span style="color:red">[迟到 {{props.row.CheckLateTime}} 分钟] </span>
</template>
<template v-else>
<span style="color:green">[正常]</span>
</template>
</div>
</q-td>
</template>
<template v-slot:body-cell-FinishTimeStr="props">
<q-td>
<div v-if="props.row.Status==2">
{{props.row.FinishTimeStr}}
<template v-if="props.row.FinishLateTime&&props.row.FinishLateTime>0">
<span style="color:red">[早退 {{props.row.FinishLateTime}} 分钟]</span>
</template>
<template v-else>
<span style="color:green">[正常]</span>
</template>
</div>
</q-td>
</template>
<template v-slot:bottom>
......@@ -64,11 +90,11 @@
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<div>
<template v-if="props.row.DutyStatus==1">
<template v-if="props.row.Status==1">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="开始值班"
@click="StartSchedule(props.row)" />
</template>
<template v-if="props.row.DutyStatus==2">
<template v-if="props.row.Status==2">
<q-btn flat size="xs" icon="iconfont icon-View" style="font-weight:400;" class="q-mr-xs"  label="查看"
 @click="GoToDutyInfo(props.row)"   />
</template>
......@@ -121,6 +147,18 @@
align: 'left',
field: 'GiveMan'
},
{
name: 'CheckTimeStr',
label: '上班',
align: 'left',
field: 'CheckTimeStr'
},
{
name: 'FinishTimeStr',
label: '下班',
align: 'left',
field: 'FinishTimeStr'
},
{
name: 'ReciveMan',
label: '接班对象',
......@@ -134,10 +172,10 @@
field: 'CreateByName'
},
{
name: 'DutyStatusStr',
name: 'StatusStr',
label: '状态',
align: 'left',
field: 'DutyStatusStr'
field: 'StatusStr'
},
{
name: 'optioned',
......
src/pages/scheduling/scheduleBoard.vue
View file @ 609a96fb
......@@ -247,12 +247,12 @@
{{dataList.DutyManName}}
</div>
<div class="schedu_Status">
<span class="schedu_st zbz"></span>{{dataList.DutyStatusStr}}
<span class="schedu_st zbz"></span>{{dataList.StatusStr}}
</div>
<div class="clockon_Duty" @click="SetDutyCheck(1)" v-if="dataList.DutyStatus==1 && dataList.Status==0 ">
<div class="clockon_Duty" @click="SetDutyCheck(1)" v-if="dataList.Status==0">
值班打卡<i class="iconfont icon-jiejue1 sche_daka"></i>
</div>
<div class="clockon_Duty" @click="SetDutyCheck(2)" v-if="dataList.DutyStatus==1 && dataList.Status==1 ">
<div class="clockon_Duty" @click="SetDutyCheck(2)" v-if="dataList.Status==1">
值班交接<i class="iconfont icon-jiejue1 sche_daka"></i>
</div>
</div>
......@@ -260,10 +260,10 @@
<div class="scheduMain">
<div class="flex row mySched">
<div class="col scroll schScroll">
<template v-if="dataList.Status==1">
<template v-if="dataList.Status==1||dataList.Status==2">
<schedulHead :dataList="dataList"></schedulHead>
<div class="Sche_Bottom">
<template v-if="dataList.DutyStatus!=2">
<template v-if="dataList.Status!=2">
<schedulOrder :save-obj="msg"></schedulOrder>
<schedulVisit :save-obj="msg"></schedulVisit>
</template>
......
src/pages/scheduling/scheduleInfo.vue
View file @ 609a96fb
......@@ -115,7 +115,7 @@
.scheInfo_rightTop {
width: 100%;
/* height: 80px; */
padding:20px 0;
padding: 20px 0;
background-color: #fff;
}
......@@ -143,7 +143,7 @@
margin-right: 15px;
display: inline-block;
text-align: right;
width:60px;
width: 60px;
}
.Scdu_benci::after {
......@@ -234,55 +234,20 @@
.schScroll::-webkit-scrollbar {
display: none;
}
.Sch_MainColor{
font-size:18px;
color:#000000;
.Sch_MainColor {
font-size: 18px;
color: #000000;
}
</style>
<template>
<div class="scheduInfo">
<div class="flex row mySched">
<div class="col scroll schScroll">
<div class="scheInfo_rightTop">
<table class="" style="width:100%;margin:0 20px;font-size:18px;color:#000000;">
<tr>
<td style="width:12%">
<span class="Sch_MainColor">本次值班信息</span>
</td>
<td style="width:16%">
<span class="Scotop_little">校区</span>{{dataList.SchoolName}}
</td>
<td style="width:29%;">
<span class="Scotop_little">时间</span>
<span v-if="dataList.PlanDate">{{dataList.PlanDate.replaceAll('-','.')}}</span>
<span v-if="dataList.WeekDay"> {{dataList.WeekDay.replace('星期','周')}}</span>
{{dataList.StartTime}}-{{dataList.EndTime}}
</td>
<td style="width:25%;">
<span class="Scotop_little">班次</span>{{dataList.ShiftName}}
</td>
<td>
<span class="Scotop_little">值班状态</span>{{dataList.DutyStatusStr}}
</td>
</tr>
<tr>
<td></td>
<td>
<span class="Scotop_little">值班人员</span>{{dataList.DutyManName}}
</td>
<td>
<span class="Scotop_little">打卡时间</span>
<span v-if="dataList.CheckTime">{{dataList.CheckTime}}</span>
</td>
<td>
<span class="Scotop_little">交接时间</span>{{dataList.FinishTime}}
</td>
</tr>
</table>
</div>
<schedulHead :dataList="dataList"></schedulHead>
<div class="Sche_Bottom">
<schedulOrder :save-obj="msg" :authObj="workAuthObj" @refreshPage="refreshPage"></schedulOrder>
<schedulVisit :save-obj="msg" :authObj="vitiorAuthObj"></schedulVisit>
......@@ -299,12 +264,14 @@
import schedulOrder from '../../components/schedul/schedul-orderlist'
import schedulVisit from '../../components/schedul/schedul-visit'
import schedulHead from '../../components/schedul/schedul-head'
export default {
props: {},
components: {
schedulOrder,
schedulVisit
schedulVisit,
schedulHead,
},
data() {
return {
......
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