Commit 781766ed authored by Z's avatar Z

Z: Dot: taskBar's create barTask recode.

parent 8642b617
......@@ -95,8 +95,10 @@
<el-table-column label="操作" align="center" fixed="right" width="240">
<template slot-scope="scope">
<el-button v-if="scope.row.taskStatus === 'Top'" type="text" @click="listsUntopClick(scope.row.id)">已置顶</el-button>
<el-button v-if="scope.row.taskStatus !== 'Top'" type="text" @click="listsTopClick(scope.row.id)">置顶</el-button>
<el-button v-if="scope.row.taskStatus === 'Top'" type="text" @click="listsUntopClick(scope.row.id)">已置顶
</el-button>
<el-button v-if="scope.row.taskStatus !== 'Top'" type="text" @click="listsTopClick(scope.row.id)">置顶
</el-button>
<el-button type="text" @click="listsSeeClick(scope.row)">详情</el-button>
<el-button type="text" @click="listsEditClick(scope.row)">编辑</el-button>
<el-button type="text" @click="listsDelClick(scope.row)" class="listButtonRed">删除</el-button>
......@@ -117,6 +119,99 @@
:total="400"
></el-pagination>
</div>
<div class="ztask-dialogs">
<el-dialog
title="创建任务"
:visible.sync="cache.status.createDialog"
width="60%"
:before-close="dialogCreateBeforeClose"
>
<div class="dialogMain">
<el-form :model="data.create" :rules="rule.create" label-width="120px" ref="createForm">
<el-row>
<el-col :span="24">
<el-form-item label="任务名称:" prop="taskName">
<el-input v-model="data.create.taskName" autocomplete="off" placeholder="请输入任务名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="任务类型:" prop="taskType">
<el-select
v-model="data.create.taskType"
placeholder="请选择任务类型"
@change="dialogCreateTaskTypeChange"
style="width:100%;"
>
<el-option
v-for="item in cache.list.taskType"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="柜组:" prop="bar">
<el-select
v-model="data.create.bar"
placeholder="请选择柜组"
@change="dialogCreateBarChange"
style="width:100%;"
>
<el-option
v-for="item in cache.list.bar"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="产品周期:" prop="taskTime">
<el-date-picker
v-model="data.create.taskTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width:100%;"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="任务详情:" prop="taskDetail">
<el-input
type="textarea"
:rows="5"
placeholder="请输入任务详情"
v-model="data.create.taskDetail"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogCreateCancel">取 消</el-button>
<el-button size="small" type="primary" @click="dialogCreateSubmit('createForm')">保 存</el-button>
<el-button size="small" type="primary" @click="dialogCreateSubmitSend('createForm')">保存并发布</el-button>
</span>
</el-dialog>
</div>
</div>
</template>
<script>
......@@ -126,8 +221,9 @@
return {
cache: {
status: {
createDialog: false
},
list:{
list: {
bar: [
{
id: "0",
......@@ -161,7 +257,7 @@
}
},
list: {
main:[
main: [
{
id: '1001',
taskName: 'TaskComAlice',
......@@ -249,38 +345,105 @@
]
},
data: {
search:{
search: {
bar: '',
taskType: '',
taskDate: '',
status: '',
keys: '',
},
page:{
page: {
nowPageNum: '',
}
},
rule:{
create: {
taskName: '',
taskType: '',
bar: '',
taskTime: '',
taskDetail: '',
},
createDefault: {
taskName: '',
taskType: '',
bar: '',
taskTime: '',
taskDetail: '',
},
},
rule: {
create: {
taskName: [{required: true, message: '任务名称不能为空', trigger: 'change'}],
taskType: [{required: true, message: '任务类型不能为空', trigger: 'change'}],
bar: [{required: true, message: '柜组不能为空', trigger: 'change'}],
taskTime: [{required: true, message: '任务周期不能为空', trigger: 'change'}],
taskDetail: [{required: true, message: '任务详情不能为空', trigger: 'change'}],
}
}
};
},
created() {
},
methods: {
searchsCreate(){},
searchsSend(){},
searchsDels(){},
searchsSearch(){},
searchsCreate() {
this.cache.status.createDialog = true
},
searchsSend() {
},
searchsDels() {
},
searchsSearch() {
},
listsSelectChange() {
},
listsUntopClick() {
},
listsTopClick() {
},
listsSeeClick() {
},
listsEditClick() {
},
listsDelClick() {
},
pagesSizeChange() {
},
pagesNowPageChange() {
},
dialogCreateTaskTypeChange() {
},
dialogCreateBarChange() {
},
dialogCreateBeforeClose() {
this.cache.status.createDialog = false
},
dialogCreateCancel() {
this.data.create = JSON.parse(JSON.stringify(this.data.createDefault))
this.cache.status.createDialog = false
},
dialogCreateSubmit(inForm) {
this.$refs[inForm].validate(valid => {
if (valid) {
} else {
return false
}
})
},
dialogCreateSubmitSend() {
this.$refs[inForm].validate(valid => {
if (valid) {
} else {
return false
}
})
},
listsSelectChange(){},
listsUntopClick(){},
listsTopClick(){},
listsSeeClick(){},
listsEditClick(){},
listsDelClick(){},
pagesSizeChange(){},
pagesNowPageChange(){},
}
};
</script>
......@@ -311,7 +474,8 @@
justify-content: flex-start;
align-items: center;
}
.ztask-searchs-forms{
.ztask-searchs-forms {
/*border: 2px solid #f900ff;*/
height: 30px;
margin-bottom: 10px;
......@@ -334,16 +498,18 @@
justify-content: flex-end;
align-items: flex-end;
}
.ztask-page{
.ztask-page {
/*border: 2px solid red;*/
position: relative;
margin-right: 0;
}
.fk01{
.fk01 {
/*border: 2px solid red;*/
}
.fk02{
.fk02 {
/*border: 2px solid orange;*/
}
</style>
......@@ -262,7 +262,7 @@
}
.ztask-searchs-items {
border: 2px solid #00c561;
/*border: 2px solid #00c561;*/
margin: 17px 0px 20px 0px;
width: auto;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment