|
|
|
@ -3,12 +3,17 @@ |
|
|
|
<view style="background-color: #F3F3F3;min-height: 100vh;"> |
|
|
|
<u-sticky> |
|
|
|
<view style="background-color: #3A71FF;height: 90px;"> |
|
|
|
<image :src="applet+'/close.png'" style="width: 35px;height: 35px;margin-top: 40px;margin-left: 10px;" @tap="close"></image> |
|
|
|
<view style="text-align: center;color: #fff;position: absolute;top: 49px;left: 40%;font-size: 17px;" >值班打卡</view> |
|
|
|
<image :src="applet+'/close.png'" style="width: 35px;height: 35px;margin-top: 40px;margin-left: 10px;" |
|
|
|
@tap="close"></image> |
|
|
|
<view style="text-align: center;color: #fff;position: absolute;top: 49px;left: 40%;font-size: 17px;"> |
|
|
|
值班打卡</view> |
|
|
|
</view> |
|
|
|
</u-sticky> |
|
|
|
<view style="margin: 10px auto;border: 1px #b7b7b7 dashed;width: 80%;border-radius: 6px;padding: 10px;background-color: #eaeaea;"> |
|
|
|
<view style="margin-bottom: 10px;text-align: center;">打卡时间范围</view><view v-for="item in ruleList" style="font-size: 12px;text-align: center;margin-top: 10px;">{{item.startTime}} ~ {{item.endTime}}</view> |
|
|
|
<view |
|
|
|
style="margin: 10px auto;border: 1px #b7b7b7 dashed;width: 80%;border-radius: 6px;padding: 10px;background-color: #eaeaea;"> |
|
|
|
<view style="margin-bottom: 10px;text-align: center;">打卡时间范围</view> |
|
|
|
<view v-for="item in ruleList" style="font-size: 12px;text-align: center;margin-top: 10px;"> |
|
|
|
{{item.startTime}} ~ {{item.endTime}}</view> |
|
|
|
</view> |
|
|
|
<view style="margin-top: 30px;" @click="clickSign"> |
|
|
|
<view class="module CBlue"> |
|
|
|
@ -18,7 +23,10 @@ |
|
|
|
<view style="margin: 10px 0;text-align: center;font-size: 12px;">提示：打卡需要您上传中控室的自拍照片</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;font-size: 12px;margin-top: 20px;"> |
|
|
|
<view v-for="item in ingDate" style="margin-top: 5px;"><image :src="applet+'/success.png'" style="width: 14px;height: 14px;margin-right: 5px;"></image>{{item.time}}已打卡</view> |
|
|
|
<view v-for="item in ingDate" style="margin-top: 5px;"> |
|
|
|
<image :src="applet+'/success.png'" style="width: 14px;height: 14px;margin-right: 5px;"></image> |
|
|
|
{{item.time}}已打卡 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 10px 10px;"> |
|
|
|
<view> |
|
|
|
@ -28,40 +36,47 @@ |
|
|
|
<u-card class="custom-card" v-for="(val,index) in list" @click="previewOpen(val.picUrl)" |
|
|
|
:show-foot="false" :show-head="false"> |
|
|
|
<view slot="body" class="u-body-item" style="display: flex;flex-wrap:nowrap;"> |
|
|
|
<view><image :src="val.picUrl" mode="aspectFill" style="width: 60px;height: 80px;"></image></view> |
|
|
|
<view style="margin-left: 20px;line-height: 28px;margin-top: 11px;"><view>打卡时间:</view><view>{{val.time}}</view></view> |
|
|
|
<view> |
|
|
|
<image :src="val.picUrl" mode="aspectFill" style="width: 60px;height: 80px;"></image> |
|
|
|
</view> |
|
|
|
<view style="margin-left: 20px;line-height: 28px;margin-top: 11px;"> |
|
|
|
<view>打卡时间:</view> |
|
|
|
<view>{{val.time}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</u-card> |
|
|
|
</uni-list> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { formatterDateTime } from "@/common/utils.js" |
|
|
|
import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
var interval = null |
|
|
|
import { |
|
|
|
formatterDateTime |
|
|
|
} from "@/common/utils.js" |
|
|
|
import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
var interval = null |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
pageInfo:{ |
|
|
|
page:1, |
|
|
|
limit:20, |
|
|
|
userId:uni.getStorageSync("user_id"), |
|
|
|
unitId:uni.getStorageSync("dept_id") |
|
|
|
pageInfo: { |
|
|
|
page: 1, |
|
|
|
limit: 20, |
|
|
|
userId: uni.getStorageSync("user_id"), |
|
|
|
unitId: uni.getStorageSync("dept_id") |
|
|
|
}, |
|
|
|
applet:this.$url.data.applet, |
|
|
|
applet: this.$url.data.applet, |
|
|
|
time: formatterDateTime(new Date(), 'h:min:s'), |
|
|
|
date:formatterDateTime(new Date(), 'Y-M-D'), |
|
|
|
lnt:'', |
|
|
|
ingDate:[], |
|
|
|
list:[], |
|
|
|
date: formatterDateTime(new Date(), 'Y-M-D'), |
|
|
|
lnt: '', |
|
|
|
ingDate: [], |
|
|
|
list: [], |
|
|
|
//ruleList:[{startTime:'2023-07-20 08:00:00',endTime:'2023-07-20 16:00:00'},{startTime:'2023-07-20 08:00:00',endTime:'2023-07-20 16:00:00'},{startTime:'2023-07-20 08:00:00',endTime:'2023-07-20 16:00:00'}] |
|
|
|
ruleList:[], |
|
|
|
serverTime:'', |
|
|
|
form:{}, |
|
|
|
taskId:'' |
|
|
|
ruleList: [], |
|
|
|
serverTime: '', |
|
|
|
form: {}, |
|
|
|
taskId: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
@ -77,18 +92,25 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
this.getTime() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
initRuleList(){ |
|
|
|
this.$http.get("/fire-customer/sign/getRuleByUnitIdAndDate",{unitId:uni.getStorageSync("dept_id"),date:this.date},{}).then(res =>{ |
|
|
|
initRuleList() { |
|
|
|
this.$http.get("/fire-customer/sign/getRuleByUnitIdAndDate", { |
|
|
|
unitId: uni.getStorageSync("dept_id"), |
|
|
|
date: this.date |
|
|
|
}, {}).then(res => { |
|
|
|
this.ruleList = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
getRecordByToday(){ |
|
|
|
getRecordByToday() { |
|
|
|
//获取今天打卡记录 |
|
|
|
this.$http.get("/fire-customer/sign/getRecordByUserIdAndDate",{userId:uni.getStorageSync("user_id"),unitId:uni.getStorageSync("dept_id"),date:this.date},{}).then(res =>{ |
|
|
|
this.$http.get("/fire-customer/sign/getRecordByUserIdAndDate", { |
|
|
|
userId: uni.getStorageSync("user_id"), |
|
|
|
unitId: uni.getStorageSync("dept_id"), |
|
|
|
date: this.date |
|
|
|
}, {}).then(res => { |
|
|
|
this.ingDate = res.data |
|
|
|
this.ingDate.forEach(ingDate =>{ |
|
|
|
this.ruleList.forEach((rule,index)=>{ |
|
|
|
if(ingDate.taskId == rule.id){ |
|
|
|
this.ingDate.forEach(ingDate => { |
|
|
|
this.ruleList.forEach((rule, index) => { |
|
|
|
if (ingDate.taskId == rule.id) { |
|
|
|
// this.ruleList[index].bb = true |
|
|
|
rule.bb = true |
|
|
|
} |
|
|
|
@ -96,66 +118,66 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
loadData(){ |
|
|
|
this.$http.get("/fire-customer/sign/record/user/page",this.pageInfo,{}).then(res =>{ |
|
|
|
loadData() { |
|
|
|
this.$http.get("/fire-customer/sign/record/user/page", this.pageInfo, {}).then(res => { |
|
|
|
this.list = this.list.concat(res.data.records) |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickSign(){ |
|
|
|
this.$http.get("/fire-customer/sign/getServerTime",{},{}).then(res =>{ |
|
|
|
clickSign() { |
|
|
|
this.$http.get("/fire-customer/sign/getServerTime", {}, {}).then(res => { |
|
|
|
this.serverTime = res.data |
|
|
|
let n = new Date(res.data).getTime() |
|
|
|
let bl = false |
|
|
|
try { |
|
|
|
this.ruleList.forEach((rule) =>{ |
|
|
|
this.ruleList.forEach((rule) => { |
|
|
|
let s = new Date(rule.startTime).getTime() |
|
|
|
let e = new Date(rule.endTime).getTime() |
|
|
|
if(s <= n && n<= e){ |
|
|
|
if(rule.bb){ |
|
|
|
if (s <= n && n <= e) { |
|
|
|
if (rule.bb) { |
|
|
|
uni.showToast({ |
|
|
|
icon:'none', |
|
|
|
title:'该时间段已打卡，请勿重复打卡' |
|
|
|
icon: 'none', |
|
|
|
title: '该时间段已打卡，请勿重复打卡' |
|
|
|
}) |
|
|
|
bl = true |
|
|
|
return false |
|
|
|
} |
|
|
|
rule.bb = true |
|
|
|
//rule.bb = true |
|
|
|
this.taskId = rule.id |
|
|
|
bl = true |
|
|
|
this.getDw() |
|
|
|
throw new Error("停止循环"); |
|
|
|
} |
|
|
|
}) |
|
|
|
} catch(e){ |
|
|
|
} catch (e) { |
|
|
|
throw e; |
|
|
|
} |
|
|
|
if(!bl){ |
|
|
|
} |
|
|
|
if (!bl) { |
|
|
|
uni.showToast({ |
|
|
|
icon:"none", |
|
|
|
title:"不在打卡时间范围！请到点打卡！" |
|
|
|
icon: "none", |
|
|
|
title: "不在打卡时间范围！请到点打卡！" |
|
|
|
}) |
|
|
|
return false |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getDw(){ |
|
|
|
getDw() { |
|
|
|
this.getLocation() |
|
|
|
this.getCam() |
|
|
|
}, |
|
|
|
getCam(){ |
|
|
|
getCam() { |
|
|
|
uni.chooseMedia({ |
|
|
|
count:1, |
|
|
|
mediaType:['image'], |
|
|
|
sourceType:['camera'], |
|
|
|
camera:'front', |
|
|
|
success:(e)=>{ |
|
|
|
count: 1, |
|
|
|
mediaType: ['image'], |
|
|
|
sourceType: ['camera'], |
|
|
|
camera: 'front', |
|
|
|
success: (e) => { |
|
|
|
uni.showLoading({ |
|
|
|
title: "上传图片...", |
|
|
|
mask: true |
|
|
|
}) |
|
|
|
let te = e.tempFiles[0].tempFilePath |
|
|
|
//"{"code":200,"success":true,"data":"https://keningfile.oss-cn-shenzhen.aliyuncs.com/knFire/image/20230724/20230724180751_446.jpg","msg":"操作成功"}" |
|
|
|
this.$http.upload('/fire-customer/knAliOss/uploadVadioFile',te,{}).then(res=>{ |
|
|
|
this.$http.upload('/fire-customer/knAliOss/uploadVadioFile', te, {}).then(res => { |
|
|
|
let ddd = JSON.parse(res.data) |
|
|
|
this.form.picUrl = ddd.data |
|
|
|
this.form.locate = this.lnt |
|
|
|
@ -164,21 +186,22 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
this.form.unitId = uni.getStorageSync("dept_id") |
|
|
|
this.form.date = this.date |
|
|
|
this.form.taskId = this.taskId |
|
|
|
this.$http.post('/fire-customer/sign/addRecord',this.form,{}).then(res =>{ |
|
|
|
this.$http.post('/fire-customer/sign/addRecord', this.form, {}).then( |
|
|
|
res => { |
|
|
|
uni.hideLoading() |
|
|
|
this.getRecordByToday() |
|
|
|
this.pageInfo.page = 1; |
|
|
|
this.list = []; |
|
|
|
this.loadData(); |
|
|
|
}) |
|
|
|
}).catch(e=>{ |
|
|
|
}).catch(e => { |
|
|
|
uni.hideLoading() |
|
|
|
uni.showToast({ |
|
|
|
icon:'error', |
|
|
|
title:'请重试..' |
|
|
|
icon: 'error', |
|
|
|
title: '请重试..' |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -186,28 +209,28 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
uni.getLocation({ |
|
|
|
type: 'gcj02', //返回可以用于uni.openLocation的经纬度 |
|
|
|
geocode: true, |
|
|
|
success:(res)=> { |
|
|
|
success: (res) => { |
|
|
|
this.lnt = res.longitude + ',' + res.latitude; |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getTime() { |
|
|
|
interval = setInterval(()=> { |
|
|
|
interval = setInterval(() => { |
|
|
|
this.time = formatterDateTime(new Date(), 'h:min:s') |
|
|
|
}, 1000) |
|
|
|
}, |
|
|
|
previewOpen(e) { |
|
|
|
uni.previewImage({ |
|
|
|
urls:[e] |
|
|
|
uni.previewImage({ |
|
|
|
urls: [e] |
|
|
|
}) |
|
|
|
}, |
|
|
|
close(){ |
|
|
|
close() { |
|
|
|
clearInterval(interval) |
|
|
|
uni.removeStorageSync("token") |
|
|
|
uni.redirectTo({ |
|
|
|
url:'/pages/login/index' |
|
|
|
url: '/pages/login/index' |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
onPullDownRefresh() { |
|
|
|
@ -231,7 +254,7 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.CBlue { |
|
|
|
background-image: linear-gradient(#7cc9ff,#1771d7); |
|
|
|
background-image: linear-gradient(#7cc9ff, #1771d7); |
|
|
|
box-shadow: 0 8px 8px #b0d2f3; |
|
|
|
} |
|
|
|
|
|
|
|
@ -249,14 +272,14 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
font-size: 20px; |
|
|
|
margin: 80upx auto 10upx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.custom-list { |
|
|
|
background: #f1f1f4; |
|
|
|
|
|
|
|
|
|
|
|
.custom-card { |
|
|
|
//margin: 12rpx 24rpx !important; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
.card-nav { |
|
|
|
position: absolute; |
|
|
|
float: right; |
|
|
|
@ -265,21 +288,22 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.u-body-title { |
|
|
|
font-size: 32rpx; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.u-body-item { |
|
|
|
padding: 0rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.u-body-item-desc { |
|
|
|
font-size: 28rpx; |
|
|
|
color: #555; |
|
|
|
padding: 0rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.u-body-item image { |
|
|
|
width: 160rpx; |
|
|
|
flex: 0 0 160rpx; |
|
|
|
@ -288,9 +312,9 @@ import config from "../../uni_modules/uview-ui/libs/config/config" |
|
|
|
margin-left: 0rpx; |
|
|
|
margin-right: 12rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.u-margin-right-12 { |
|
|
|
margin-right: 12rpx; |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
