From 37c4da42e6bc67a0c40ef1d4f2527a5577f86a2e Mon Sep 17 00:00:00 2001
From: hwh <332078369@qq.com>
Date: 星期三, 21 八月 2024 07:56:21 +0800
Subject: [PATCH] plc设备信息页面优化
---
Web/src/views/wcs/wcsPlc/component/editDialog.vue | 173 +++++++++++++++++++++++++++++++--------------------------
1 files changed, 93 insertions(+), 80 deletions(-)
diff --git a/Web/src/views/wcs/wcsPlc/component/editDialog.vue b/Web/src/views/wcs/wcsPlc/component/editDialog.vue
index 64cb9f5..ed2acbf 100644
--- a/Web/src/views/wcs/wcsPlc/component/editDialog.vue
+++ b/Web/src/views/wcs/wcsPlc/component/editDialog.vue
@@ -14,34 +14,51 @@
</el-form-item>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="PLCIP鍦板潃" prop="ip">
- <el-input v-model="ruleForm.ip" placeholder="璇疯緭鍏LCIP鍦板潃" maxlength="20" show-word-limit clearable />
-
+ <el-input v-model="ruleForm.ip" placeholder="璇疯緭鍏LCIP鍦板潃" maxlength="20" show-word-limit
+ clearable />
+
</el-form-item>
-
+
+ </el-col>
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+ <el-form-item label="PLC绫诲瀷" prop="plcType">
+ <el-select clearable v-model="ruleForm.plcType" placeholder="璇烽�夋嫨PLC绫诲瀷">
+ <el-option v-for="(item, index) in dl('PLCEnum')" :key="index"
+ :value="Number(item.value)"
+ :label="`${item.name} (${item.code}) [${item.value}]`"></el-option>
+
+ </el-select>
+
+ </el-form-item>
+
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="璁惧绫诲瀷" prop="type">
<el-select clearable v-model="ruleForm.type" placeholder="璇烽�夋嫨璁惧绫诲瀷">
- <el-option v-for="(item,index) in dl('PLCTypeEnum')" :key="index" :value="Number(item.value)" :label="`${item.name} (${item.code}) [${item.value}]`"></el-option>
-
+ <el-option v-for="(item, index) in dl('PLCTypeEnum')" :key="index"
+ :value="Number(item.value)"
+ :label="`${item.name} (${item.code}) [${item.value}]`"></el-option>
+
</el-select>
-
+
</el-form-item>
-
+
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="浠撳簱鍙�" prop="wareHouseNo">
- <el-input v-model="ruleForm.wareHouseNo" placeholder="璇疯緭鍏ヤ粨搴撳彿" maxlength="20" show-word-limit clearable />
-
+ <el-input v-model="ruleForm.wareHouseNo" placeholder="璇疯緭鍏ヤ粨搴撳彿" maxlength="20" show-word-limit
+ clearable />
+
</el-form-item>
-
+
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="鎻忚堪" prop="text">
- <el-input v-model="ruleForm.text" placeholder="璇疯緭鍏ユ弿杩�" maxlength="100" show-word-limit clearable />
-
+ <el-input v-model="ruleForm.text" placeholder="璇疯緭鍏ユ弿杩�" maxlength="100" show-word-limit
+ clearable />
+
</el-form-item>
-
+
</el-col>
</el-row>
</el-form>
@@ -61,89 +78,85 @@
}
</style>
<script lang="ts" setup>
- import { ref,onMounted } from "vue";
- import { ElMessage } from "element-plus";
- import type { FormRules } from "element-plus";
- import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
- import { getDictLabelByVal as dv } from '/@/utils/dict-utils';
- import { addWcsPlc, updateWcsPlc, detailWcsPlc } from "/@/api/wcs/wcsPlc";
- import { getAPI } from '/@/utils/axios-utils';
- import { SysEnumApi } from '/@/api-services/api';
+import { ref, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import type { FormRules } from "element-plus";
+import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
+import { getDictLabelByVal as dv } from '/@/utils/dict-utils';
+import { addWcsPlc, updateWcsPlc, detailWcsPlc } from "/@/api/wcs/wcsPlc";
+import { getAPI } from '/@/utils/axios-utils';
+import { SysEnumApi } from '/@/api-services/api';
- //鐖剁骇浼犻�掓潵鐨勫弬鏁�
- var props = defineProps({
- title: {
+//鐖剁骇浼犻�掓潵鐨勫弬鏁�
+var props = defineProps({
+ title: {
type: String,
default: "",
},
- });
- //鐖剁骇浼犻�掓潵鐨勫嚱鏁帮紝鐢ㄤ簬鍥炶皟
- const emit = defineEmits(["reloadTable"]);
- const ruleFormRef = ref();
- const isShowDialog = ref(false);
- const ruleForm = ref<any>({});
- //鑷娣诲姞鍏朵粬瑙勫垯
- const rules = ref<FormRules>({
- iP: [{required: true, message: '璇疯緭鍏LCIP鍦板潃锛�', trigger: 'blur',},],
- });
+});
+//鐖剁骇浼犻�掓潵鐨勫嚱鏁帮紝鐢ㄤ簬鍥炶皟
+const emit = defineEmits(["reloadTable"]);
+const ruleFormRef = ref();
+const isShowDialog = ref(false);
+const ruleForm = ref<any>({});
+//鑷娣诲姞鍏朵粬瑙勫垯
+const rules = ref<FormRules>({
+ iP: [{ required: true, message: '璇疯緭鍏LCIP鍦板潃锛�', trigger: 'blur', },],
+});
- // 椤甸潰鍔犺浇鏃�
- onMounted(() => {
+// 椤甸潰鍔犺浇鏃�
+onMounted(() => {
- });
+});
- // 鎵撳紑寮圭獥
- const openDialog = async (row: any) => {
- // ruleForm.value = JSON.parse(JSON.stringify(row));
- // 鏀圭敤detail鑾峰彇鏈�鏂版暟鎹潵缂栬緫
- let rowData = JSON.parse(JSON.stringify(row));
- if (rowData.id)
- ruleForm.value = (await detailWcsPlc(rowData.id)).data.result;
- else
- ruleForm.value = rowData;
- isShowDialog.value = true;
- };
+// 鎵撳紑寮圭獥
+const openDialog = async (row: any) => {
+ // ruleForm.value = JSON.parse(JSON.stringify(row));
+ // 鏀圭敤detail鑾峰彇鏈�鏂版暟鎹潵缂栬緫
+ let rowData = JSON.parse(JSON.stringify(row));
+ if (rowData.id)
+ ruleForm.value = (await detailWcsPlc(rowData.id)).data.result;
+ else
+ ruleForm.value = rowData;
+ isShowDialog.value = true;
+};
- // 鍏抽棴寮圭獥
- const closeDialog = () => {
- emit("reloadTable");
- isShowDialog.value = false;
- };
+// 鍏抽棴寮圭獥
+const closeDialog = () => {
+ emit("reloadTable");
+ isShowDialog.value = false;
+};
- // 鍙栨秷
- const cancel = () => {
- isShowDialog.value = false;
- };
+// 鍙栨秷
+const cancel = () => {
+ isShowDialog.value = false;
+};
- // 鎻愪氦
- const submit = async () => {
- ruleFormRef.value.validate(async (isValid: boolean, fields?: any) => {
- if (isValid) {
- let values = ruleForm.value;
- if (ruleForm.value.id == undefined || ruleForm.value.id == null || ruleForm.value.id == "" || ruleForm.value.id == 0) {
- await addWcsPlc(values);
- } else {
- await updateWcsPlc(values);
- }
- closeDialog();
+// 鎻愪氦
+const submit = async () => {
+ ruleFormRef.value.validate(async (isValid: boolean, fields?: any) => {
+ if (isValid) {
+ let values = ruleForm.value;
+ if (ruleForm.value.id == undefined || ruleForm.value.id == null || ruleForm.value.id == "" || ruleForm.value.id == 0) {
+ await addWcsPlc(values);
} else {
- ElMessage({
- message: `琛ㄥ崟鏈�${Object.keys(fields).length}澶勯獙璇佸け璐ワ紝璇蜂慨鏀瑰悗鍐嶆彁浜,
- type: "error",
- });
+ await updateWcsPlc(values);
}
- });
- };
+ closeDialog();
+ } else {
+ ElMessage({
+ message: `琛ㄥ崟鏈�${Object.keys(fields).length}澶勯獙璇佸け璐ワ紝璇蜂慨鏀瑰悗鍐嶆彁浜,
+ type: "error",
+ });
+ }
+ });
+};
- //灏嗗睘鎬ф垨鑰呭嚱鏁版毚闇茬粰鐖剁粍浠�
- defineExpose({ openDialog });
+//灏嗗睘鎬ф垨鑰呭嚱鏁版毚闇茬粰鐖剁粍浠�
+defineExpose({ openDialog });
</script>
-
-
-
-
--
Gitblit v1.8.0