Skip to content

Y
ybf
Commit 781766ed authored by Z's avatar Z
Browse files
Options

✨ Z: Dot: taskBar's create barTask recode.

parent 8642b617
Hide whitespace changes
Inline Side-by-side
Showing with 191 additions and 25 deletions
ybf_admin/src/pages/task/bar/index.vue
View file @ 781766ed
...@@ -95,8 +95,10 @@ ...@@ -95,8 +95,10 @@
<el-table-column label="操作" align="center" fixed="right" width="240"> <el-table-column label="操作" align="center" fixed="right" width="240">
<template slot-scope="scope"> <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="listsUntopClick(scope.row.id)">已置顶
<el-button v-if="scope.row.taskStatus !== 'Top'" type="text" @click="listsTopClick(scope.row.id)">置顶</el-button> </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="listsSeeClick(scope.row)">详情</el-button>
<el-button type="text" @click="listsEditClick(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> <el-button type="text" @click="listsDelClick(scope.row)" class="listButtonRed">删除</el-button>
...@@ -117,6 +119,99 @@ ...@@ -117,6 +119,99 @@
:total="400" :total="400"
></el-pagination> ></el-pagination>
</div> </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> </div>
</template> </template>
<script> <script>
...@@ -126,8 +221,9 @@ ...@@ -126,8 +221,9 @@
return { return {
cache: { cache: {
status: { status: {
createDialog: false
}, },
list:{ list: {
bar: [ bar: [
{ {
id: "0", id: "0",
...@@ -161,7 +257,7 @@ ...@@ -161,7 +257,7 @@
} }
}, },
list: { list: {
main:[ main: [
{ {
id: '1001', id: '1001',
taskName: 'TaskComAlice', taskName: 'TaskComAlice',
...@@ -249,38 +345,105 @@ ...@@ -249,38 +345,105 @@
] ]
}, },
data: { data: {
search:{ search: {
bar: '', bar: '',
taskType: '', taskType: '',
taskDate: '', taskDate: '',
status: '', status: '',
keys: '', keys: '',
}, },
page:{ page: {
nowPageNum: '', nowPageNum: '',
} },
create: {
taskName: '',
taskType: '',
bar: '',
taskTime: '',
taskDetail: '',
},
createDefault: {
taskName: '',
taskType: '',
bar: '',
taskTime: '',
taskDetail: '',
},
}, },
rule:{ 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() { created() {
}, },
methods: { methods: {
searchsCreate(){}, searchsCreate() {
searchsSend(){}, this.cache.status.createDialog = true
searchsDels(){}, },
searchsSearch(){}, 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> </script>
...@@ -311,7 +474,8 @@ ...@@ -311,7 +474,8 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.ztask-searchs-forms{
.ztask-searchs-forms {
/*border: 2px solid #f900ff;*/ /*border: 2px solid #f900ff;*/
height: 30px; height: 30px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -334,16 +498,18 @@ ...@@ -334,16 +498,18 @@
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
} }
.ztask-page{
.ztask-page {
/*border: 2px solid red;*/ /*border: 2px solid red;*/
position: relative; position: relative;
margin-right: 0; margin-right: 0;
} }
.fk01{ .fk01 {
/*border: 2px solid red;*/ /*border: 2px solid red;*/
} }
.fk02{
.fk02 {
/*border: 2px solid orange;*/ /*border: 2px solid orange;*/
} }
</style> </style>
ybf_admin/src/pages/task/com/index.vue
View file @ 781766ed
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
} }
.ztask-searchs-items { .ztask-searchs-items {
border: 2px solid #00c561; /*border: 2px solid #00c561;*/
margin: 17px 0px 20px 0px; margin: 17px 0px 20px 0px;
width: auto; 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