6 changed files with 276 additions and 55 deletions
@ -0,0 +1,176 @@ |
|||||
|
<template> |
||||
|
<Dialog v-model="modelVisible" title="修改" width="400px" label-width="120px"> |
||||
|
<el-form> |
||||
|
<el-form-item label="触发时间"> |
||||
|
<el-col :span="4"> |
||||
|
<el-input v-model="editData.hour"></el-input> |
||||
|
</el-col> |
||||
|
<el-col :span="1"> |
||||
|
: |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-input v-model="editData.minute"></el-input> |
||||
|
</el-col> |
||||
|
<el-col :span="1"> |
||||
|
: |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-input v-model="editData.second"></el-input> |
||||
|
</el-col> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button size="mini" type="primary" @click="onSubmit">保存</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Dialog from "@screen/components/Dialog/index.vue"; |
||||
|
export default { |
||||
|
name: "timeEditDialog", |
||||
|
components: { |
||||
|
Dialog |
||||
|
}, |
||||
|
model: { |
||||
|
prop: "visible", |
||||
|
event: "update:value", |
||||
|
}, |
||||
|
props: { |
||||
|
visible: Boolean, |
||||
|
propData: Object |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
editData:{ |
||||
|
hour:"", |
||||
|
minute:"", |
||||
|
second:"" |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
modelVisible: { |
||||
|
get() { |
||||
|
return this.visible; |
||||
|
}, |
||||
|
set(val) { |
||||
|
this.$emit("update:value", val); |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
watch: { |
||||
|
modelVisible: { |
||||
|
immediate: true, |
||||
|
handler(bool) { |
||||
|
if (!bool) return; |
||||
|
this.transformData(); |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
onSubmit(){ |
||||
|
let time = [this.editData.hour.trim(), this.editData.minute.trim(), this.editData.second.trim()].join(":"); |
||||
|
this.$emit("onSubmit", time) |
||||
|
}, |
||||
|
transformData(){ |
||||
|
let arr = this.propData.split(":"); |
||||
|
this.editData.hour = arr[0]; |
||||
|
this.editData.minute = arr[1]; |
||||
|
this.editData.second = arr[2]; |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.AddNEditDialog { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
gap: 15px; |
||||
|
|
||||
|
.tips { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
} |
||||
|
.task{ |
||||
|
border: 1px solid #FFF; |
||||
|
.task_info{ |
||||
|
} |
||||
|
.task_op{ |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.tplItem { |
||||
|
margin-right: 14px; |
||||
|
display: flex; |
||||
|
align-items: stretch; |
||||
|
padding-bottom: 10px; |
||||
|
|
||||
|
.boardPreview { |
||||
|
border: 1px solid rgba(61, 232, 255, 0.5); |
||||
|
// width: 560px; |
||||
|
// height:80px; |
||||
|
flex: 1; |
||||
|
} |
||||
|
|
||||
|
.infoBtnBox { |
||||
|
&.infoBtnBoxSm { |
||||
|
width: 60px; |
||||
|
} |
||||
|
|
||||
|
width: 110px; |
||||
|
height: 80px; |
||||
|
display: flex; |
||||
|
margin-left: 10px; |
||||
|
/* // border: solid 1px #05afe3; */ |
||||
|
border: 1px solid rgba(61, 232, 255, 0.5); |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
|
||||
|
.btn { |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
|
||||
|
&.btnApply { |
||||
|
background-image: url(~@/assets/jihe/images/button/toLeft.svg); |
||||
|
} |
||||
|
|
||||
|
&.btnEdit { |
||||
|
background-image: url(~@/assets/jihe/images/button/edit.svg); |
||||
|
} |
||||
|
|
||||
|
&.btnDelete { |
||||
|
background-image: url(~@/assets/jihe/images/button/delete.svg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
i { |
||||
|
font-size: 24px; |
||||
|
color: #666; |
||||
|
padding-left: 4px; |
||||
|
cursor: pointer; |
||||
|
caret-color: rgba(0, 0, 0, 0); |
||||
|
user-select: none; |
||||
|
} |
||||
|
|
||||
|
i:hover { |
||||
|
color: #05afe3; |
||||
|
} |
||||
|
|
||||
|
.disabledClass { |
||||
|
pointer-events: none; |
||||
|
cursor: auto !important; |
||||
|
color: #ccc; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue