From 1f96f089eb3546c682313d29513be04ac72e2de5 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期二, 31 十月 2023 16:21:08 +0800 Subject: [PATCH] Merge branch 'master' of ssh://114.215.109.124:29418/grid-management-vue --- src/views/overlay-grid/components/SchemeCreate.vue | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 101 insertions(+), 0 deletions(-) diff --git a/src/views/overlay-grid/components/SchemeCreate.vue b/src/views/overlay-grid/components/SchemeCreate.vue new file mode 100644 index 0000000..a6da646 --- /dev/null +++ b/src/views/overlay-grid/components/SchemeCreate.vue @@ -0,0 +1,101 @@ +<template> + <el-button icon="Plus" type="success" plain @click="openDialog" + >鏂板缓鏂规</el-button + > + <el-dialog + v-model="dialogShow" + width="600px" + :close-on-click-modal="false" + :close-on-press-escape="false" + destroy-on-close + > + <template #header> + <span> 鏂板缓鏂规</span> + </template> + <el-form + label-width="90px" + label-position="left" + :rules="rules" + :model="formObj" + ref="formRef" + > + <el-form-item label="鏂规鍚嶇О" prop="gsName"> + <el-input + style="width: 400px" + v-model="formObj.gsName" + placeholder="璇疯緭鍏ユ柟妗堝悕绉�" + ></el-input> + </el-form-item> + <el-form-item label="鏂规鎻忚堪" prop="gsDescription"> + <el-input + v-model="formObj.gsDescription" + type="textarea" + placeholder="璇疯緭鍏ユ柟妗堟弿杩�" + ></el-input> + </el-form-item> + <el-form-item label="鍒涘缓浜�" prop="gsCreatorName"> + <el-input + style="width: 200px" + v-model="formObj.gsCreatorName" + placeholder="璇疯緭鍏ュ垱寤轰汉" + ></el-input> + </el-form-item> + </el-form> + <template #footer> + <el-button @click="onCancel">鍙栨秷</el-button> + <el-button + :disabled="!edit" + type="primary" + :loading="loading" + @click="onSubmit" + >纭畾</el-button + > + </template> + </el-dialog> +</template> + +<script setup> +import { reactive, ref, watch } from 'vue'; +import { useFormConfirm } from '@/composables/formConfirm'; +import gridSchemeApi from '@/api/grid/gridSchemeApi'; + +const emit = defineEmits(['created']); + +const rules = reactive({ + gsName: [ + { + required: true, + message: '鏂规鍚嶇О涓嶈兘涓虹┖', + trigger: 'blur' + } + ] +}); + +const { formObj, formRef, edit, onSubmit, onCancel } = useFormConfirm( + { + submit: { + do: submit + }, + cancel: { + do: cancel + } + } +); + +const dialogShow = ref(false); +function openDialog() { + dialogShow.value = true; +} + +function submit() { + return gridSchemeApi.createScheme(formObj.value).then(() => { + // clear() + emit('created') + dialogShow.value = false; + }); +} + +function cancel() { + dialogShow.value = false; +} +</script> -- Gitblit v1.9.3