You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
3.4 KiB
151 lines
3.4 KiB
7 months ago
|
<template>
|
||
|
<view class="add">
|
||
|
<!-- 设备信息 -->
|
||
|
<view class="main">
|
||
|
<u--form labelPosition="left" labelAlign="center" :model="task" ref="form1" >
|
||
|
<u-form-item label="任务名称" prop="task.name" labelWidth="auto" borderBottom ref="item1" >
|
||
|
<u--input v-model="task.name" border="none" placeholder="请输入任务名称"></u--input>
|
||
|
</u-form-item>
|
||
|
<u-form-item label="截止日期" prop="task.enableTime"
|
||
|
labelWidth="auto" @click="datePickShow = true; " borderBottom ref="item1" >
|
||
|
<u--input
|
||
|
v-model="task.enableTime"
|
||
|
disabled
|
||
|
disabledColor="#ffffff"
|
||
|
placeholder="请选择截止日期"
|
||
|
border="none"
|
||
|
></u--input>
|
||
|
<u-icon
|
||
|
slot="right"
|
||
|
name="arrow-right"
|
||
|
></u-icon>
|
||
|
<u-datetime-picker
|
||
|
:show="datePickShow"
|
||
|
v-model="pickerTime"
|
||
|
mode="date"
|
||
|
:closeOnClickOverlay="true"
|
||
|
@close="datePickShow = false"
|
||
|
@cancel="datePickShow = false"
|
||
|
@confirm="dateConfirm"
|
||
|
></u-datetime-picker>
|
||
|
</u-form-item>
|
||
|
|
||
|
<u-form-item label="任务说明" prop="task.remark" labelWidth="auto" borderBottom ref="item1" >
|
||
|
<u--textarea v-model="task.remark" placeholder="请输入任务说明" ></u--textarea>
|
||
|
</u-form-item>
|
||
|
</u--form>
|
||
|
</view>
|
||
|
<u-button type="primary" class="submit" @click="submit" text="提 交"></u-button>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
// import qianziyu-select from "@/commponents/qianziyu-select/qianziyu-select.vue"
|
||
|
export default {
|
||
|
|
||
|
data() {
|
||
|
return {
|
||
|
show: true,
|
||
|
task: {
|
||
|
name:'',
|
||
|
enableTime: '',
|
||
|
remark:'',
|
||
|
},
|
||
|
pickerTime: Number(new Date()),
|
||
|
datePickShow: false,
|
||
|
showDimension: false,
|
||
|
}
|
||
|
},
|
||
|
|
||
|
onLoad: function() {
|
||
|
// const eventChannel = this.getOpenerEventChannel();
|
||
|
// eventChannel.on('task', data => {
|
||
|
// this.getTasks(data.id)
|
||
|
// })
|
||
|
},
|
||
|
|
||
|
created() {
|
||
|
},
|
||
|
filters: {
|
||
|
},
|
||
|
|
||
|
methods: {
|
||
|
|
||
|
reset(){
|
||
|
this.task.name = '';
|
||
|
this.task.remark='';
|
||
|
},
|
||
|
submit(){
|
||
|
let flag = true;
|
||
|
if(this.task.name=='' || this.task.enableTime=='' || this.task.remark=='' ){
|
||
|
flag = false;
|
||
|
}
|
||
|
|
||
|
if(!flag) return uni.showToast({
|
||
|
title: '请补充任务内容',
|
||
|
icon: 'error'
|
||
|
})
|
||
|
this.addTask();
|
||
|
|
||
|
},
|
||
|
async addTask(){
|
||
|
const { data:res } = await this.$http('/addPublish', this.task);
|
||
|
if(res.code == 0){
|
||
|
uni.showToast({
|
||
|
title: '提交成功',
|
||
|
icon: 'success'
|
||
|
});
|
||
|
this.reset();
|
||
|
}
|
||
|
|
||
|
},
|
||
|
|
||
|
dateConfirm(e){
|
||
|
const timeFormat = uni.$u.timeFormat
|
||
|
console.log(timeFormat(e.value, 'yyyy-mm-dd'))
|
||
|
this.datePickShow = false;
|
||
|
this.task.enableTime = timeFormat(e.value, 'yyyy-mm-dd');
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss">
|
||
|
.add {
|
||
|
background: #f6f6f6;
|
||
|
padding: 2.667vw;
|
||
|
height: 100vh;
|
||
|
.main {
|
||
|
background: #ffffff;
|
||
|
margin-bottom: 2.667vw;
|
||
|
padding: 2vw;
|
||
|
border-radius: 8px;
|
||
|
|
||
|
.u-form-item__body__right{
|
||
|
padding-left: 20vw;
|
||
|
}
|
||
|
.submit{
|
||
|
position: absolute;
|
||
|
bottom: 10vw;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.u-button{
|
||
|
border: none !important;
|
||
|
padding: 0 !important;
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.u-popup{
|
||
|
.title{
|
||
|
margin: 1vh 0 0 0;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.u-button{
|
||
|
justify-content: center !important;
|
||
|
}
|
||
|
.u-checkbox{
|
||
|
margin-bottom: 16px;
|
||
|
}
|
||
|
}
|
||
|
</style>
|