Merge branch 'master' of http://git.excellentkk.cn/mkm/TaskSystem-admin
This commit is contained in:
weipengfei
commit
c5ab0586b1
@ -1,207 +1,204 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="title"
|
||||
:async="true"
|
||||
width="800px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
:clickModalClose="mode == 'show'"
|
||||
:button="mode != 'show'"
|
||||
>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:rules="rules"
|
||||
class="formdata"
|
||||
:model="formData"
|
||||
label-width="120px"
|
||||
>
|
||||
<el-form-item v-if="formData.id" required label="任务ID" prop="id">
|
||||
<el-input
|
||||
:disabled="true"
|
||||
v-model="formData.id"
|
||||
clearable
|
||||
placeholder="请输入任务模板"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item required label="任务日期" prop="datetime">
|
||||
<el-date-picker
|
||||
:disabled="isDisabled"
|
||||
v-model="formData.datetime"
|
||||
name="datetime"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
@change="changeDateTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item required label="任务模板" prop="template_id">
|
||||
<el-input
|
||||
:disabled="isDisabled"
|
||||
v-model="formData.template_name"
|
||||
@click="isShow = true"
|
||||
name="template_id"
|
||||
clearable
|
||||
placeholder="请输入任务模板"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="mode == 'show'" label="">
|
||||
<el-button type="primary" @click="clickUpdate"> 修改 </el-button>
|
||||
<el-button type="danger" @click="clickDelete"> 删除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
<el-dialog v-model="isShow" title="选择任务" width="60%">
|
||||
<DialogIndex @customEvent="customEvent" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="title"
|
||||
:async="true"
|
||||
width="800px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
:clickModalClose="mode == 'show'"
|
||||
:button="mode != 'show'"
|
||||
>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:rules="rules"
|
||||
class="formdata"
|
||||
:model="formData"
|
||||
label-width="120px"
|
||||
>
|
||||
<el-form-item v-if="formData.id" required label="任务ID" prop="id">
|
||||
<el-input
|
||||
:disabled="true"
|
||||
v-model="formData.id"
|
||||
clearable
|
||||
placeholder="请输入任务模板"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item required label="任务日期" prop="datetime">
|
||||
<el-date-picker
|
||||
:disabled="isDisabled"
|
||||
v-model="formData.datetime"
|
||||
name="datetime"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
@change="changeDateTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item required label="任务模板" prop="template_id">
|
||||
<el-input
|
||||
:disabled="isDisabled"
|
||||
v-model="formData.template_name"
|
||||
@click="isShow = true"
|
||||
name="template_id"
|
||||
clearable
|
||||
placeholder="请输入任务模板"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="mode == 'show'" label="">
|
||||
<el-button type="primary" @click="clickUpdate"> 修改 </el-button>
|
||||
<el-button type="danger" @click="clickDelete"> 删除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
<el-dialog v-model="isShow" title="选择任务" width="60%">
|
||||
<DialogIndex @customEvent="customEvent" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="taskEidt">
|
||||
import type { FormInstance, FormRules } from "element-plus";
|
||||
import Popup from "@/components/popup/index.vue";
|
||||
import { apiTaskAdd, apiTaskEdit, apiTaskDelete } from "@/api/task";
|
||||
import { reactive, onUpdated, type PropType } from "vue";
|
||||
import DialogIndex from "@/views/task_template/list_two.vue";
|
||||
import { timeFormat } from "@/utils/util";
|
||||
import feedback from "@/utils/feedback";
|
||||
const route = useRoute();
|
||||
import type { FormInstance, FormRules } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiTaskAdd, apiTaskEdit, apiTaskDelete } from '@/api/task'
|
||||
import { reactive, onUpdated, type PropType } from 'vue'
|
||||
import DialogIndex from '@/views/task_template/list_two.vue'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
const route = useRoute()
|
||||
|
||||
const emit = defineEmits(["success", "close"]);
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>();
|
||||
const mode = ref("add");
|
||||
const detailsdt = ref({});
|
||||
const isShow = ref(false);
|
||||
const title = ref("创建日程安排");
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
const detailsdt = ref({})
|
||||
const isShow = ref(false)
|
||||
const title = ref('创建日程安排')
|
||||
|
||||
const changeDateTime = (e: any) => {
|
||||
formData.start_time = timeFormat(e[0]);
|
||||
formData.end_time = timeFormat(e[1]);
|
||||
};
|
||||
formData.start_time = timeFormat(e[0])
|
||||
formData.end_time = timeFormat(e[1])
|
||||
}
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: "",
|
||||
create_user_id: "",
|
||||
status: "",
|
||||
template_id: "",
|
||||
scheduling_id: "",
|
||||
template_name: "",
|
||||
start_time: "",
|
||||
end_time: "",
|
||||
datetime: "",
|
||||
});
|
||||
id: '',
|
||||
create_user_id: '',
|
||||
status: '',
|
||||
template_id: '',
|
||||
scheduling_id: '',
|
||||
template_name: '',
|
||||
start_time: '',
|
||||
end_time: '',
|
||||
datetime: ''
|
||||
})
|
||||
|
||||
interface RuleForm {
|
||||
datetime: Date | String;
|
||||
template_id: String;
|
||||
datetime: Date | string
|
||||
template_id: string
|
||||
}
|
||||
|
||||
const rules = reactive<FormRules<RuleForm>>({
|
||||
datetime: { required: true, message: "请选择时间范围", trigger: "blur" },
|
||||
template_id: {
|
||||
required: true,
|
||||
message: "请选择任务模板",
|
||||
trigger: "change",
|
||||
},
|
||||
});
|
||||
datetime: { required: true, message: '请选择时间范围', trigger: 'blur' },
|
||||
template_id: {
|
||||
required: true,
|
||||
message: '请选择任务模板',
|
||||
trigger: 'change'
|
||||
}
|
||||
})
|
||||
|
||||
function customEvent(data: any) {
|
||||
isShow.value = false;
|
||||
formData.template_id = data.id;
|
||||
formData.template_name = data.title;
|
||||
}
|
||||
if (route.query.id) {
|
||||
formData.scheduling_id = route.query.id.toString();
|
||||
isShow.value = false
|
||||
formData.template_id = data.id
|
||||
formData.template_name = data.title
|
||||
}
|
||||
|
||||
const formRef = ref(null);
|
||||
const formRef = ref(null)
|
||||
|
||||
const props = defineProps({
|
||||
task: {
|
||||
type: Object,
|
||||
defualt: () => {
|
||||
null;
|
||||
},
|
||||
},
|
||||
});
|
||||
const isDisabled = ref(false);
|
||||
task: {
|
||||
type: Object,
|
||||
defualt: () => {
|
||||
null
|
||||
}
|
||||
}
|
||||
})
|
||||
const isDisabled = ref(false)
|
||||
|
||||
const updatedForm = async () => {
|
||||
if (mode.value == "show") {
|
||||
title.value = "查看日程安排";
|
||||
isDisabled.value = true;
|
||||
Object.keys(formData).forEach((key: any) => {
|
||||
if (props.task[key] != null && props.task[key] != undefined)
|
||||
formData[key] = props.task[key];
|
||||
});
|
||||
formData.datetime = [
|
||||
formData.start_time.split(" ")[0],
|
||||
formData.end_time.split(" ")[0],
|
||||
];
|
||||
} else {
|
||||
isDisabled.value = false;
|
||||
Object.keys(formData).forEach((key: any) => {
|
||||
formData[key] = "";
|
||||
});
|
||||
}
|
||||
await nextTick();
|
||||
formRef.value.resetFields();
|
||||
};
|
||||
if (mode.value == 'show') {
|
||||
title.value = '查看日程安排'
|
||||
isDisabled.value = true
|
||||
Object.keys(formData).forEach((key: any) => {
|
||||
if (props.task[key] != null && props.task[key] != undefined)
|
||||
formData[key] = props.task[key]
|
||||
})
|
||||
formData.datetime = [formData.start_time.split(' ')[0], formData.end_time.split(' ')[0]]
|
||||
} else {
|
||||
isDisabled.value = false
|
||||
Object.keys(formData).forEach((key: any) => {
|
||||
formData[key] = ''
|
||||
})
|
||||
}
|
||||
await nextTick()
|
||||
formRef.value.resetFields()
|
||||
}
|
||||
|
||||
const clickUpdate = () => {
|
||||
mode.value = "edit";
|
||||
isDisabled.value = false;
|
||||
};
|
||||
mode.value = 'edit'
|
||||
isDisabled.value = false
|
||||
}
|
||||
|
||||
// 删除
|
||||
const clickDelete = () => {
|
||||
feedback.confirm("确定要删除吗?").then(async (e) => {
|
||||
if (e == "confirm") {
|
||||
await apiTaskDelete({ id: formData.id });
|
||||
popupRef.value?.close();
|
||||
emit("success");
|
||||
}
|
||||
});
|
||||
};
|
||||
feedback.confirm('确定要删除吗?').then(async (e) => {
|
||||
if (e == 'confirm') {
|
||||
await apiTaskDelete({ id: formData.id })
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = () => {
|
||||
if (mode.value == "show") return popupRef.value?.close();
|
||||
else
|
||||
formRef.value.validate(async (e: Boolean) => {
|
||||
if (e) {
|
||||
const data = { ...formData };
|
||||
mode.value == "edit" ? await apiTaskEdit(data) : await apiTaskAdd(data);
|
||||
popupRef.value?.close();
|
||||
emit("success");
|
||||
}
|
||||
});
|
||||
};
|
||||
if (mode.value == 'show') return popupRef.value?.close()
|
||||
else
|
||||
formRef.value.validate(async (e: boolean) => {
|
||||
if (e) {
|
||||
const data = { ...formData }
|
||||
if (route.query.id) {
|
||||
data.scheduling_id = route.query.id.toString()
|
||||
}
|
||||
mode.value == 'edit' ? await apiTaskEdit(data) : await apiTaskAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
})
|
||||
}
|
||||
//打开弹窗
|
||||
const open = (type = "add") => {
|
||||
mode.value = type;
|
||||
popupRef.value?.open();
|
||||
};
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit("close");
|
||||
};
|
||||
emit('close')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
updatedForm,
|
||||
});
|
||||
open,
|
||||
updatedForm
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.formdata {
|
||||
.el-form-item {
|
||||
.el-date-picker {
|
||||
width: 100%;
|
||||
.el-form-item {
|
||||
.el-date-picker {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="二阶比例">
|
||||
<el-input
|
||||
v-model="formData.mediumint_two"
|
||||
v-model="formData.proportion_two"
|
||||
clearable
|
||||
placeholder="请输入比例"
|
||||
type="number"
|
||||
@ -115,7 +115,7 @@ const formData = reactive({
|
||||
stage_day_one: 0,
|
||||
proportion_one: 0,
|
||||
stage_day_two: 9999,
|
||||
mediumint_two: 0
|
||||
proportion_two: 0
|
||||
})
|
||||
//任务类型接口
|
||||
dictDataLists({ type_id: 10 }).then((res) => {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user