From 988558aaa309068fd393cc654be537434b0a15ea Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期四, 11 八月 2022 19:11:18 +0800
Subject: [PATCH] 修改
---
src/components/equipmentDailog/maintenanceDailog.vue | 87 ++++++++++++++++++++++---------------------
1 files changed, 44 insertions(+), 43 deletions(-)
diff --git a/src/components/equipmentDailog/maintenanceDailog.vue b/src/components/equipmentDailog/maintenanceDailog.vue
index e742cd7..3a22bc9 100644
--- a/src/components/equipmentDailog/maintenanceDailog.vue
+++ b/src/components/equipmentDailog/maintenanceDailog.vue
@@ -19,12 +19,25 @@
<el-row>
<el-col :span="11">
<el-form-item label="保养日期" size="default" prop="takecareDate">
- <el-date-picker v-model="form.takecareDate" format="YYYY-MM-DD HH:mm:ss" type="datetime" style="width: 100%" />
+ <el-date-picker
+ v-model="form.takecareDate"
+ format="YYYY-MM-DD HH:mm:ss"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ type="datetime"
+ style="width: 100%"
+ />
</el-form-item>
</el-col>
<el-col :span="11" :offset="2">
<el-form-item label="保养负责人单位" size="default" prop="leadingPersonDepartmentId">
- <el-tree-select v-model="form.leadingPersonDepartmentId" :data="data" check-strictly="true" class="w100" :props="propse" placeholder="请选择" />
+ <el-tree-select
+ v-model="form.leadingPersonDepartmentId"
+ :data="data"
+ check-strictly="true"
+ class="w100"
+ :props="propse"
+ placeholder="请选择"
+ />
</el-form-item>
</el-col>
</el-row>
@@ -33,7 +46,7 @@
<span class="dialog-footer">
<!-- <el-button type="primary" @click="dialogVisible = false" size="default">继续添加</el-button> -->
<el-button @click="resetForms(ruleFormRefs)" size="default">关闭</el-button>
- <el-button type="primary" @click="submitForms(ruleFormRefs)" size="default">确定</el-button>
+ <el-button type="primary" @click="submitForms(ruleFormRefs)" :disabled="disabled" size="default">确定</el-button>
</span>
</template>
</el-dialog>
@@ -41,7 +54,7 @@
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from 'vue';
-import { ElMessage, ElMessageBox} from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
import { Search, FullScreen } from '@element-plus/icons-vue';
import type { FormInstance, FormRules } from 'element-plus';
import DailogSearchUser from '/@/components/DailogSearchUser/index.vue';
@@ -62,7 +75,7 @@
const disabled = ref(false);
const dialogVisible = ref(false);
const openDailog = (title: string, data: any) => {
- department()
+ department();
dialogVisible.value = true;
titles.value = `${title}仪器仪表`;
if (title == '查看') {
@@ -75,32 +88,32 @@
};
const rules = reactive<FormRules>({
takecareMemo: [
- // {
- // required: true,
- // message: '保养情况不能为空',
- // trigger: 'change',
- // },
+ {
+ required: true,
+ message: '保养情况不能为空',
+ trigger: 'blur',
+ },
],
leadingPersonName: [
- // {
- // required: true,
- // message: '保养负责人不能为空',
- // trigger: 'change',
- // },
+ {
+ required: true,
+ message: '保养负责人不能为空',
+ trigger: 'blur',
+ },
],
takecareDate: [
- // {
- // required: true,
- // message: '保养日期不能为空',
- // trigger: 'change',
- // },
+ {
+ required: true,
+ message: '保养日期不能为空',
+ trigger: 'blur',
+ },
],
leadingPersonDepartmentId: [
- // {
- // required: true,
- // message: '保养负责人单位不能为空',
- // trigger: 'change',
- // },
+ {
+ required: true,
+ message: '保养负责人单位不能为空',
+ trigger: 'blur',
+ },
],
});
// 开启用户弹窗
@@ -123,29 +136,17 @@
console.log('error submit!', fields);
}
});
- form.value = {
- takecareMemo: '',
- leadingPersonId: '',
- leadingPersonName: '',
- takecareDate: '',
- leadingPersonDepartmentId: '',
- };
disabled.value = false;
- // formEl.resetFields();
};
// 取消
const resetForms = (formEl: FormInstance | undefined) => {
if (!formEl) return;
- form.value = {
- takecareMemo: '',
- leadingPersonId: '',
- leadingPersonName: '',
- takecareDate: '',
- leadingPersonDepartmentId: '',
- };
- // formEl.resetFields();
- dialogVisible.value = false;
+ formEl.clearValidate();
+
disabled.value = false;
+ form.value = {};
+
+ dialogVisible.value = false;
};
//全屏
const full = ref(false);
@@ -156,7 +157,7 @@
full.value = false;
}
};
- //部门树
+ //部门树
const department = () => {
goalManagementApi()
.getTreedepartment()
--
Gitblit v1.9.2