|
@@ -62,23 +62,27 @@
|
|
|
</span>
|
|
|
<el-row :gutter="20" v-show="hasTask">
|
|
|
<el-col :span="20">
|
|
|
- <div class="tag-group">
|
|
|
- <el-badge value="完成" class="bItem">
|
|
|
- <el-tag
|
|
|
+ <div class="tag-group">
|
|
|
+ <el-badge :value="assignTask.startTime?'完成':''" class="bItem">
|
|
|
+ <el-tag
|
|
|
size="medium"
|
|
|
class="input-new-tag"
|
|
|
effect="dark">
|
|
|
- 上班
|
|
|
- </el-tag>
|
|
|
+ 上班{{assignTask.planStartTime? assignTask.planStartTime.substring(0,5):''}}
|
|
|
+ <span class="tagTip">{{assignTask.startTime? assignTask.startTime.substring(10)+'已打卡':''}}</span>
|
|
|
+ </el-tag>
|
|
|
+
|
|
|
</el-badge>
|
|
|
- <el-badge value="完成" class="bItem">
|
|
|
- <el-tag
|
|
|
+
|
|
|
+ <el-badge :value="assignTask.endTime?'完成':''" class="bItem">
|
|
|
+ <el-tag
|
|
|
size="medium"
|
|
|
class="input-new-tag"
|
|
|
- type = "info"
|
|
|
+ :type = "assignTask.startTime?'':'info'"
|
|
|
effect="dark">
|
|
|
- 下班
|
|
|
- </el-tag>
|
|
|
+ 下班{{assignTask.planEndTime? assignTask.planEndTime.substring(0,5):''}}
|
|
|
+ <span class="tagTip">{{assignTask.endTime? assignTask.endTime.substring(10)+'已打卡':''}}</span>
|
|
|
+ </el-tag>
|
|
|
</el-badge>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -86,7 +90,9 @@
|
|
|
<el-row :gutter="24" v-show="hasTask">
|
|
|
<el-col :span="8" :offset="8">
|
|
|
<div class="grid-content">
|
|
|
- <el-button type="success" class="large-round-button" circle @click="assign" >任务打卡 {{currentTime}}</el-button>
|
|
|
+ <el-button type="success" class="large-round-button" circle @click="assign">
|
|
|
+ {{assignTask.startTime?(assignTask.endTime?'':'下班打卡'):'上班打卡'}} {{currentTime}}
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -174,6 +180,7 @@ export default {
|
|
|
currentTime: '',
|
|
|
currentDate: '',
|
|
|
hasTask: true,
|
|
|
+ assignTask:{},
|
|
|
options: [
|
|
|
],
|
|
|
currentStationId: "",
|
|
@@ -274,6 +281,26 @@ export default {
|
|
|
console.log(value);
|
|
|
},
|
|
|
assign(){
|
|
|
+ let ret = this.assignTask.startTime && this.assignTask.endTime
|
|
|
+ if(ret) {
|
|
|
+ this.$message({
|
|
|
+ message: "打卡已完成,请勿重复点击",
|
|
|
+ type: 'warning'
|
|
|
+ });
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ let onWork = this.assignTask.startTime? false:true
|
|
|
+ stationMgrApi.updateSchedule({ id: this.assignTask.id, onWork: onWork })
|
|
|
+ .then((res) => {
|
|
|
+ res = res.data;
|
|
|
+ if (res.isSuccess) {
|
|
|
+ this.$message({
|
|
|
+ message: "打卡成功",
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ this.getCurrentSchedule();
|
|
|
+ }
|
|
|
+ }).catch(()=>{ });
|
|
|
|
|
|
},
|
|
|
getCurrentSchedule() {
|
|
@@ -281,22 +308,13 @@ export default {
|
|
|
.then((res) => {
|
|
|
res = res.data;
|
|
|
if (res.isSuccess) {
|
|
|
- if (res.data.length > 0) {
|
|
|
- /*
|
|
|
- this.options = res.data;
|
|
|
- this.currentStationId = this.options[0].id
|
|
|
- this.currentStationName = this.options[0].name
|
|
|
- taskMgrApi.getStationTasks({ resourceId : this.currentStationId,type : "0" }).then((res) => {
|
|
|
- res = res.data;
|
|
|
- if (res.isSuccess) {
|
|
|
- // if (res.data.length > 0) {
|
|
|
- this.taskData = res.data;
|
|
|
- // }
|
|
|
- }
|
|
|
- }); */
|
|
|
- console.log(res.data)
|
|
|
- }
|
|
|
+ console.log(res.data)
|
|
|
+ this.assignTask = res.data
|
|
|
}else{
|
|
|
+ this.$message({
|
|
|
+ message: "今天没有加工任务",
|
|
|
+ type: 'warning'
|
|
|
+ });
|
|
|
this.hasTask = false
|
|
|
this.clearTimer()
|
|
|
}
|
|
@@ -443,7 +461,7 @@ export default {
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
.input-new-tag {
|
|
|
- width: 150px;
|
|
|
+ width: 200px;
|
|
|
margin-left: 10px;
|
|
|
vertical-align: bottom;
|
|
|
height: 50px;
|
|
@@ -459,8 +477,8 @@ export default {
|
|
|
margin-top:100px;
|
|
|
}
|
|
|
.large-round-button {
|
|
|
- width: 300px; /* 设置按钮的宽度 */
|
|
|
- height: 300px; /* 设置按钮的高度 */
|
|
|
+ width: 250px; /* 设置按钮的宽度 */
|
|
|
+ height: 250px; /* 设置按钮的高度 */
|
|
|
border-radius: 50%; /* 使按钮变成圆形 */
|
|
|
background-color: #007BFF; /* 设置背景颜色 */
|
|
|
color: white; /* 设置文字颜色 */
|
|
@@ -469,6 +487,12 @@ export default {
|
|
|
cursor: pointer; /* 鼠标悬停时显示手指图标 */
|
|
|
outline: none; /* 移除点击后的轮廓线 */
|
|
|
}
|
|
|
+.tagTip{
|
|
|
+ color:#444;
|
|
|
+ font-size:8px;
|
|
|
+ margin-left:15px;
|
|
|
+ float:right;
|
|
|
+}
|
|
|
|
|
|
.tabTitle {
|
|
|
font-size: 24px;
|