299 lines
6.7 KiB
Vue
299 lines
6.7 KiB
Vue
<template>
|
||
<view class="fullHeight">
|
||
<headers :showBack="true">
|
||
<view class="headerName">
|
||
{{pageTitle}}
|
||
</view>
|
||
</headers>
|
||
<view class="formBox2" :class="isAdd?'':'editForm'">
|
||
<form @submit="formSubmit">
|
||
<view class="uni-form-item">
|
||
<view class="uni-form-label">
|
||
重复执行（不选默认只执行一次）
|
||
</view>
|
||
<view class="uni-form-input">
|
||
<checkbox-group @change="checkboxChange" class="checkbox-group">
|
||
<label class="uni-list-cell" v-for="(item,index) in colorList" :key="index">
|
||
<view>
|
||
<checkbox :value="item.value" :checked="item.checked" />
|
||
</view>
|
||
<view>{{item.name}}</view>
|
||
</label>
|
||
</checkbox-group>
|
||
</view>
|
||
</view>
|
||
<view class="uni-form-item">
|
||
<view class="uni-form-label">
|
||
<text class="star">*</text>执行时间
|
||
</view>
|
||
<view class="uni-form-input">
|
||
<picker mode="time" :value="form.executeTime" @change="bindDateChange">
|
||
<view class="uni-input uni-select cl" v-if="form.executeTime==''">
|
||
请选择 <image class="icon-down" src="/static/icon-down-black.png" mode=""></image>
|
||
</view>
|
||
<view class="uni-input uni-select" v-else>{{form.executeTime}}
|
||
<image class="icon-down" src="/static/icon-down-black.png" mode=""></image>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
<view class="uni-form-item">
|
||
<view class="uni-form-label">
|
||
<text class="star">*</text>开关
|
||
</view>
|
||
<view class="uni-form-input">
|
||
<radio-group @change="radioChange">
|
||
<label class="uni-list-cell" v-for="(item, index) in switchArr" :key="item.value">
|
||
<view>
|
||
<radio :value="item.value" :checked="item.value == form.switchType" />
|
||
</view>
|
||
<view>{{item.name}}</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<view class="uni-form-item">
|
||
<view class="uni-form-label">
|
||
备注
|
||
</view>
|
||
<view class="uni-form-input">
|
||
<input class="uni-input" placeholder-class="cl" name="remarks" :value="form.remarks" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="fixdBox">
|
||
<button form-type="submit" type="primary" class="btn submitBtn big">保存</button>
|
||
<button class="btn deleteBtn" v-show="!isAdd" @click="deleteFn">删除</button>
|
||
</view>
|
||
</form>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
pageTitle: '新增定时任务',
|
||
selectIndex: 0,
|
||
colorList: [{
|
||
value: '1',
|
||
name: '周一'
|
||
},
|
||
{
|
||
value: '2',
|
||
name: '周二'
|
||
},
|
||
{
|
||
value: '3',
|
||
name: '周三'
|
||
},
|
||
{
|
||
value: '4',
|
||
name: '周四'
|
||
},
|
||
{
|
||
value: '5',
|
||
name: '周五'
|
||
},
|
||
{
|
||
value: '6',
|
||
name: '周六'
|
||
},{
|
||
value: '7',
|
||
name: '周日'
|
||
}
|
||
],
|
||
switchArr:[
|
||
{
|
||
value: '2',
|
||
name: '开'
|
||
},{
|
||
value: '1',
|
||
name: '关'
|
||
}
|
||
],
|
||
form: {
|
||
remarks:'',
|
||
executeTime:'',
|
||
switchType:''
|
||
},
|
||
personList: [],
|
||
projectDetail: {},
|
||
isAdd: true,
|
||
selectArr:[],
|
||
sprayDevId:''
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.sprayDevId=options.sprayDevId
|
||
if (options.id) {
|
||
this.isAdd = false
|
||
this.pageTitle='编辑定时任务'
|
||
this.getDetails(options.id)
|
||
}
|
||
|
||
},
|
||
|
||
methods: {
|
||
radioChange: function(evt) {
|
||
this.form.switchType=evt.detail.value
|
||
// for (let i = 0; i < this.items.length; i++) {
|
||
// if (this.items[i].value === evt.detail.value) {
|
||
// this.current = i;
|
||
// break;
|
||
// }
|
||
// }
|
||
},
|
||
checkboxChange: function (e) {
|
||
// console.log(e)
|
||
this.selectArr=e.detail.value
|
||
// var items = this.colorList,
|
||
// values = e.detail.value;
|
||
// for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||
// const item = items[i]
|
||
// if(values.includes(item.value)){
|
||
// this.$set(item,'checked',true)
|
||
// }else{
|
||
// this.$set(item,'checked',false)
|
||
// }
|
||
// }
|
||
},
|
||
deleteFn(){
|
||
var that = this
|
||
uni.showModal({
|
||
title:'提示',
|
||
content:'确定删除该定时任务吗？',
|
||
success(res) {
|
||
if(res.confirm){
|
||
that.sendRequest({
|
||
url: 'xmgl/sprayDevTimingTask/delete',
|
||
data: {
|
||
id: that.form.id
|
||
},
|
||
method: "POST",
|
||
success(res) {
|
||
uni.showToast({
|
||
title:'删除成功！'
|
||
})
|
||
setTimeout(()=>{
|
||
uni.navigateBack({})
|
||
},1000)
|
||
|
||
}
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
getDetails(id) {
|
||
var that = this
|
||
this.sendRequest({
|
||
url: 'xmgl/sprayDevTimingTask/queryById',
|
||
data: {
|
||
id: id
|
||
},
|
||
method: "post",
|
||
success(res) {
|
||
that.form = res.result
|
||
if(that.form.isRepeat=='1'){
|
||
that.selectArr=[]
|
||
}else{
|
||
var a = that.form.repeatExecuteWeek;
|
||
var arr=[]
|
||
if(a.indexOf(',')!=-1){
|
||
arr=a.split(',')
|
||
}else{
|
||
arr=[a]
|
||
}
|
||
// arr=arr.map(Number);
|
||
that.selectArr=arr
|
||
var items = that.colorList,
|
||
values = arr;
|
||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||
const item = items[i]
|
||
if(values.includes(item.value)){
|
||
that.$set(item,'checked',true)
|
||
}else{
|
||
that.$set(item,'checked',false)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
})
|
||
},
|
||
bindDateChange: function(e) {
|
||
this.form.executeTime = e.target.value
|
||
},
|
||
formSubmit(e) {
|
||
var that = this
|
||
console.log(e)
|
||
var params = e.detail.value
|
||
if (this.form.executeTime == '') {
|
||
uni.showToast({
|
||
title: '请选择执行时间',
|
||
icon: 'none'
|
||
})
|
||
return false;
|
||
}
|
||
params.executeTime=this.form.executeTime
|
||
if(this.selectArr.length>0){
|
||
params.isRepeat=2
|
||
}else{
|
||
params.isRepeat=1
|
||
}
|
||
params.repeatExecuteWeek = this.selectArr.join(',');
|
||
params.sprayDevId=this.sprayDevId
|
||
params.switchType=this.form.switchType
|
||
var url = 'xmgl/sprayDevTimingTask/edit'
|
||
if (this.isAdd) {
|
||
url = 'xmgl/sprayDevTimingTask/add'
|
||
} else {
|
||
params.id = this.form.id
|
||
}
|
||
this.sendRequest({
|
||
url: url,
|
||
data: params,
|
||
method: "POST",
|
||
success(res) {
|
||
uni.showToast({
|
||
title: '保存成功！'
|
||
})
|
||
uni.navigateBack({
|
||
|
||
})
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
|
||
.fixdBox{
|
||
position: fixed;
|
||
bottom: 30rpx;
|
||
left: 30rpx;
|
||
width: calc(100% - 60rpx);
|
||
.submitBtn{
|
||
margin-top: 0;
|
||
}
|
||
}
|
||
.formBox2{
|
||
padding-bottom: 80px;
|
||
margin-top: 30rpx;
|
||
}
|
||
.editForm{
|
||
padding-bottom: 130px;
|
||
}
|
||
// .checkbox-group{
|
||
// margin-top: 20rpx;
|
||
// }
|
||
.uni-list-cell{
|
||
display: inline-flex;
|
||
align-items: center;
|
||
margin-right: 40rpx;
|
||
margin-top: 20rpx;
|
||
}
|
||
</style>
|