integrated_traffic_uniapp/pages/basics/work-plan/work-plan.vue

356 lines
9.0 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view>
<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">工作安排</block>
</cu-custom>
<view>
<!-- 插入模式 -->
<uni-calendar class="uni-calendar--hook" :selected="info.selected" :showMonth="false" @change="change" @monthSwitch="monthSwitch" />
</view>
<scroll-view scroll-y>
<view class="cu-bar bg-white solid-bottom margin-top-sm">
<view class="action">
本日工作提醒
</view>
</view>
<view class="padding-sm bg-white">
<view class="cale-item">
<view class="">
<text class="cuIcon-title text-blue mr10"></text>
<text class="text-grey">需进行{{yjcNum}}项隐患排查</text>
</view>
<view class="text-green">
已完成
</view>
</view>
<view class="cale-item">
<view class="">
<text class="cuIcon-title text-blue mr10"></text>
<text class="text-grey">需进行{{wjcNum}}项隐患排查</text>
</view>
<view class="text-red">
未完成
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top-sm">
<view class="action">
本日日程安排
</view>
</view>
<view class="padding-sm bg-white">
<view class="cale-item">
<view class="">
<text class="cuIcon-title text-blue mr10"></text>
<text class="text-grey" v-if="todayschedule!=null">{{todayschedule.desc}}</text>
<text class="text-grey" v-if="todayschedule==null"></text>
</view>
</view>
</view>
<view class="margin-top-sm"></view>
</scroll-view>
<uni-popup :show="showDailog" type="center" :custom="true" :mask-click="false">
<view class="uni-tip">
<view class="uni-tip-title">标题</view>
<view class="uni-tip-content">
<input v-model="schedule.title" placeholder="请输入"></input>
</view>
<view class="uni-tip-title">内容:</view>
<view class="uni-tip-content">
<textarea class="uni-tip-content-textarea" focus="true" placeholder="请输入" maxlength="-1" v-model="schedule.desc" />
</view>
<!-- 按钮部分 -->
<view class="uni-tip-group-button">
<button :loading="buttonloading" type="primary" @click="confirm">确定</button>
<button type="warn" @click="cancel"></button>
</view>
</view>
</uni-popup>
</view>
</template>
<script>
import {
basePath,corpinfoId,loginSession,loginUser
} from '@/common/tool.js';
import uniPopup from '@/components/dialog/uni-dialog.vue'
export default {
components: {
uniPopup
},
data() {
return {
info: {
lunar: true,
range: true,
insert: false,
selected: [],
},
buttonloading: false,
rcap:'',
CDATA:'',
username:'',
schedule:[],
todayschedule: [],
wjcNum:0,
yjcNum:0,
showDailog: false, // 是否显示弹窗
msg : 'add',
}
},
onLoad(e){
this.getData();
this.getTodayData();
this.getbrgzData();
this.username=loginUser.USERNAME;
},
methods: {
async change(e) {
console.log('change 返回:', e)
// 模拟动态打卡
// if (this.info.selected.length > 5) return
// this.info.selected.push({
// date: e.fulldate,
// info: '打卡'
// })
this.CDATA= e.fulldate;
await this.getData();
this.showDailog = true
},
getData() {
return new Promise((resolve, reject) => {
var _this = this;
this.schedule= {}
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/schedule/getData',
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: {
CDATA: this.CDATA,
USERNAME:loginUser.USERNAME,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
success: (res) => {
if(res.data.result=="success"){
if(res.data.varList.length>0){
_this.schedule=res.data.varList[0] || {};
this.msg = 'edit'
}else{
_this.schedule= {"date":"","id":Math.random(),"title":"","desc":""}
_this.msg = 'add'
}
uni.hideLoading();
resolve()
}else {
reject()
uni.showToast({
title: "获取数据失败",
duration: 2000
});
}
}
});
});
},
getTodayData(){
var _this = this;
this.todayschedule= {}
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/schedule/getData',
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: {
CDATA: this.CDATA,
USERNAME:loginUser.USERNAME,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
success: (res) => {
if(res.data.result=="success"){
if(res.data.varList.length>0){
_this.todayschedule=res.data.varList[0] || {};
this.msg = 'edit'
}else{
_this.todayschedule= {}
_this.msg = 'add'
_this.todayschedule.id = Math.random()
}
uni.hideLoading();
resolve()
}else {
reject()
uni.showToast({
title: "获取数据失败",
duration: 2000
});
}
}
});
},
cancel() {
this.showDailog = false
},
getbrgzData() {
var _this = this;
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/listmanager/checkListIndex',
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: {
tm:new Date().getTime(),
DEPARTMENT_ID:loginUser.DEPARTMENT_ID,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
success: (res) => {
console.log('confirm 返回:', res)
if(res.data.result=="success"){
_this.wjcNum=res.data.wjcNum;
_this.yjcNum=res.data.yjcNum;
uni.hideLoading();
}else {
uni.showToast({
title: "获取数据失败",
duration: 2000
});
}
}
});
},
confirm(e) {
var _this = this
this.buttonloading =true
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/schedule/'+this.msg,
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: {
CDATA: this.CDATA,
USERNAME:loginUser.USERNAME,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
SCHEDULE_ID: this.schedule.id,
TITLE: this.schedule.title || '',
FHDESC: this.schedule.desc || '',
},
success: (res) => {
if(res.data.result=="success"){
uni.showToast({
icon:'none',
title: '保存成功',
duration: 2000
});
this.buttonloading = false
_this.showDailog = false
_this.getData()
}else {
_this.showDailog = false
uni.showToast({
title: "获取数据失败",
duration: 2000
});
}
}
});
},
monthSwitch(e) {
console.log('monthSwitchs 返回:', e)
},
//跳转事件
goToEdit(e) {
uni.navigateTo({
url: '/pages/application/basic-info-manage/basic-information/basic-information-edit'
});
},
}
}
</script>
<style>
.cu-bar{
min-height: 86upx;
}
.cale-item{
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
line-height: 2;
}
.cale-item .zt{
}
.uni-tip {
padding: 15px;
width: 300px;
background: #fff;
box-sizing: border-box;
border-radius: 10px;
}
.uni-tip-title {
text-align: center;
font-weight: bold;
font-size: 16px;
color: #333;
text-align: left;
}
.uni-tip-content {
padding: 15px;
font-size: 14px;
color: #666;
/* background: #C8C7CC; */
border:2upx solid #ccc;
border-radius: 10upx;
}
.uni-tip-content-textarea{
height: 300upx;
width: 100%;
text-align: left;
}
.uni-tip-group-button {
margin-top: 10px;
display: flex;
}
.uni-tip-group-button>button{
font-size:24upx;
height: 40upx;
line-height: 40upx;
}
</style>