From b5bc0d6eb2d2e55ea830a1b286252b9754cbf8e9 Mon Sep 17 00:00:00 2001 From: hutongqing <hutongqing@hnkhzn.com> Date: 星期三, 21 八月 2024 11:21:04 +0800 Subject: [PATCH] 更新主从表添加、修改、删除时对从表的对应操作 --- WIDESEAWCS_Client/src/views/quartzJob/deviceProtocolDetail.vue | 207 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 207 insertions(+), 0 deletions(-) diff --git a/WIDESEAWCS_Client/src/views/quartzJob/deviceProtocolDetail.vue b/WIDESEAWCS_Client/src/views/quartzJob/deviceProtocolDetail.vue index e69de29..6dd1be7 100644 --- a/WIDESEAWCS_Client/src/views/quartzJob/deviceProtocolDetail.vue +++ b/WIDESEAWCS_Client/src/views/quartzJob/deviceProtocolDetail.vue @@ -0,0 +1,207 @@ + +<template> + <view-grid + ref="grid" + :columns="columns" + :detail="detail" + :editFormFields="editFormFields" + :editFormOptions="editFormOptions" + :searchFormFields="searchFormFields" + :searchFormOptions="searchFormOptions" + :table="table" + :extend="extend" + > + </view-grid> +</template> + <script> +import extend from "@/extension/quartzJob/deviceProtocolDetail.js"; +import { ref, defineComponent } from "vue"; +export default defineComponent({ + setup() { + const table = ref({ + key: "id", + footer: "Foots", + cnName: "璁惧鍗忚鏄庣粏淇℃伅", + name: "deviceProtocolDetail", + url: "/DeviceProtocolDetail/", + sortName: "createDate", + }); + const editFormFields = ref({ + deviceType: "", + deviceProParamName: "", + protocolDetailType: "", + protocalDetailValue: "", + protocolDetailDes: "", + }); + const editFormOptions = ref([ + [ + { + title: "璁惧绫诲瀷", + required: true, + field: "deviceType", + type: "select", + dataKey: "deviceType", + data: [], + }, + { + title: "鍙傛暟鍚嶇О", + required: true, + field: "deviceProParamName", + type: "string", + }, + { + title: "鏄庣粏绫诲瀷", + required: true, + field: "protocolDetailType", + type: "string", + }, + { + title: "鏄庣粏鍙栧��", + required: true, + field: "protocalDetailValue", + type: "string", + }, + ], + [ + { + title: "鏄庣粏璇存槑", + field: "protocolDetailDes", + type: "textarea", + }, + ], + ]); + const searchFormFields = ref({ + deviceType: "", + deviceProParamName: "", + protocolDetailType: "", + }); + const searchFormOptions = ref([ + [ + { + title: "璁惧绫诲瀷", + field: "deviceType", + type: "select", + dataKey: "deviceType", + data: [], + }, + { + title: "鍙傛暟鍚嶇О", + field: "deviceProParamName", + type: "like", + }, + { + title: "鏄庣粏绫诲瀷", + field: "protocolDetailType", + type: "like", + }, + { + title: "鏄庣粏鍙栧��", + field: "protocalDetailValue", + type: "like", + }, + ], + ]); + const columns = ref([ + { + field: "id", + title: "Id", + type: "int", + width: 90, + hidden: true, + readonly: true, + require: true, + align: "left", + }, + { + field: "deviceType", + title: "璁惧绫诲瀷", + type: "string", + width: 180, + align: "left", + bind: { key: "deviceType", data: [] }, + }, + { + field: "deviceProParamName", + title: "璁惧鍗忚鍙傛暟鍚嶇О", + type: "string", + width: 180, + align: "left", + }, + { + field: "protocolDetailType", + title: "璁惧鍗忚鏄庣粏绫诲瀷", + type: "string", + width: 150, + align: "left", + }, + { + field: "protocalDetailValue", + title: "璁惧鍗忚鏄庣粏鍙栧��", + type: "string", + width: 150, + align: "left", + }, + { + field: "protocolDetailDes", + title: "璁惧鍗忚鏄庣粏璇存槑", + type: "string", + width: 350, + align: "left", + }, + { + field: "creater", + title: "鍒涘缓浜�", + type: "string", + width: 90, + align: "left", + }, + { + field: "createDate", + title: "鍒涘缓鏃堕棿", + type: "datetime", + width: 160, + align: "left", + }, + { + field: "modifier", + title: "淇敼浜�", + type: "string", + width: 100, + align: "left", + }, + { + field: "modifyDate", + title: "淇敼鏃堕棿", + type: "datetime", + width: 160, + align: "left", + }, + { + field: "remark", + title: "澶囨敞", + type: "string", + width: 100, + align: "left", + }, + ]); + const detail = ref({ + cnName: "", + table: "", + columns: [], + sortName: "", + key: "", + }); + return { + table, + extend, + editFormFields, + editFormOptions, + searchFormFields, + searchFormOptions, + columns, + detail, + }; + }, +}); +</script> + \ No newline at end of file -- Gitblit v1.9.3