|
@@ -10,7 +10,7 @@
|
|
|
>
|
|
|
<div class="app-containers">
|
|
|
<DataTable
|
|
|
- :tableHeader="state.list"
|
|
|
+ :tableHeader="tableCols"
|
|
|
:tableData="tableData"
|
|
|
:tableBtnGroup="tableBtnGroup"
|
|
|
:tableProperty="{ rowKey: 'ID' }"
|
|
@@ -23,19 +23,24 @@
|
|
|
:msgTitle="msgTitle"
|
|
|
@resetForm="resetForm"
|
|
|
@delRest="delRest"
|
|
|
+ @submitForm="submitForm"
|
|
|
+ @delRemove="delRemove"
|
|
|
>
|
|
|
<div class="diacont">
|
|
|
<el-form :model="tableForm">
|
|
|
<el-row :gutter="24">
|
|
|
<el-col>
|
|
|
<el-form-item label="名称" size="default">
|
|
|
- <el-input v-model="tableForm.name" placeholder="请输入ID" />
|
|
|
+ <el-input
|
|
|
+ v-model="tableForm.nodeName"
|
|
|
+ placeholder="请输入名称"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col>
|
|
|
<el-form-item label="编码" size="default">
|
|
|
<el-input
|
|
|
- v-model="tableForm.china"
|
|
|
+ v-model="tableForm.nodeCode"
|
|
|
placeholder="请输入航站名称"
|
|
|
/>
|
|
|
</el-form-item>
|
|
@@ -44,8 +49,8 @@
|
|
|
<el-form-item label="描述" size="default">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
- v-model="tableForm.englin"
|
|
|
- placeholder="请输入机场三字码"
|
|
|
+ v-model="tableForm.nodeDescribe"
|
|
|
+ placeholder="请输入描述"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -60,36 +65,28 @@
|
|
|
import DataTable from "@/components/tableTemp/index.vue";
|
|
|
import Minheader from "@/components/minheader/index.vue";
|
|
|
import Dialog from "@/components/dialog/index.vue";
|
|
|
+import { Query, GeneralDataReception } from "@/api/webApi";
|
|
|
+import { ElMessage } from "element-plus";
|
|
|
+const page = ref<number>(0); //分页参数
|
|
|
+const dataContent = ref<object>({});
|
|
|
+const noMore = ref<Boolean>(false);
|
|
|
+const rowTitle = ref<String>("");
|
|
|
+const tableCols = ref([]); //表头数据
|
|
|
+const serviceId = ref<String>("");
|
|
|
+const tableObj = ref({}); //增删改数据缓存
|
|
|
const flag = ref<Boolean>(false); //弹窗开关
|
|
|
const type = ref<String>(""); //判断是否删除
|
|
|
const msgTitle = ref<String>("新增节点信息维护"); //弹窗标题
|
|
|
const tableColsCopys = reactive<Object>({}); //弹窗
|
|
|
const tableForm = reactive({
|
|
|
- name: "",
|
|
|
- china: "",
|
|
|
- englin: "",
|
|
|
+ nodeID: "",
|
|
|
+ nodeName: "",
|
|
|
+ nodeCode: "",
|
|
|
+ nodeDescribe: "",
|
|
|
+ event: "",
|
|
|
}); //弹窗内容
|
|
|
//列表
|
|
|
-const tableData = ref([
|
|
|
- {
|
|
|
- name: "测试",
|
|
|
- china: "测试",
|
|
|
- englin: "测试",
|
|
|
- two: "测试",
|
|
|
- },
|
|
|
- {
|
|
|
- name: "测试",
|
|
|
- china: "测试",
|
|
|
- englin: "测试",
|
|
|
- two: "测试",
|
|
|
- },
|
|
|
- {
|
|
|
- name: "测试",
|
|
|
- china: "测试",
|
|
|
- englin: "测试",
|
|
|
- two: "测试",
|
|
|
- },
|
|
|
-]);
|
|
|
+const tableData = ref([]);
|
|
|
//表头
|
|
|
const state = reactive({
|
|
|
list: [
|
|
@@ -117,6 +114,7 @@ const addForm = () => {
|
|
|
msgTitle.value = "新增节点信息维护";
|
|
|
flag.value = true;
|
|
|
type.value = "";
|
|
|
+ tableForm.event = 1;
|
|
|
};
|
|
|
//取消
|
|
|
const resetForm = () => {
|
|
@@ -140,6 +138,10 @@ const eleDialog = () => {
|
|
|
flag.value = true;
|
|
|
type.value = "del";
|
|
|
};
|
|
|
+const delRemove = () => {
|
|
|
+ tableForm.event = 3;
|
|
|
+ generalDataReception(tableForm);
|
|
|
+};
|
|
|
//删除
|
|
|
const delRest = () => {
|
|
|
flag.value = false;
|
|
@@ -150,16 +152,104 @@ const btnClick = (row, index, param) => {
|
|
|
msgTitle.value = "编辑节点信息维护";
|
|
|
flag.value = true;
|
|
|
type.value = "";
|
|
|
- tableForm.name = index.name;
|
|
|
- tableForm.china = index.china;
|
|
|
- tableForm.englin = index.englin;
|
|
|
+ tableForm.event = 2;
|
|
|
+ tableForm.nodeID = index.nodeID;
|
|
|
+ tableForm.nodeName = index.nodeName;
|
|
|
+ tableForm.nodeCode = index.nodeCode;
|
|
|
+ tableForm.nodeDescribe = index.nodeDescribe;
|
|
|
} else if (param === 3) {
|
|
|
msgTitle.value = "删除节点信息维护";
|
|
|
flag.value = true;
|
|
|
type.value = "del";
|
|
|
+ tableForm.event = 3;
|
|
|
+ tableForm.nodeID = index.nodeID;
|
|
|
+ tableForm.nodeName = index.nodeName;
|
|
|
+ tableForm.nodeCode = index.nodeCode;
|
|
|
+ tableForm.nodeDescribe = index.nodeDescribe;
|
|
|
} else if (param === 4) {
|
|
|
}
|
|
|
};
|
|
|
+//获取表格数据
|
|
|
+const getQuery = async () => {
|
|
|
+ try {
|
|
|
+ const { code, returnData } = await Query({
|
|
|
+ id: DATACONTENT_ID.deployNodeId,
|
|
|
+ needPage: ++page.value,
|
|
|
+ dataContent: Object.values(dataContent.value),
|
|
|
+ });
|
|
|
+ if (code === "0") {
|
|
|
+ if (returnData.listValues.length === 0) {
|
|
|
+ page.value--;
|
|
|
+ noMore.value = true;
|
|
|
+ }
|
|
|
+ const titleColumn = returnData.columnSet.find(
|
|
|
+ (item) => item.needShow === 1
|
|
|
+ );
|
|
|
+ if (titleColumn) {
|
|
|
+ rowTitle.value = titleColumn.columnName;
|
|
|
+ }
|
|
|
+ tableData.value.push(...returnData.listValues);
|
|
|
+ tableCols.value = returnData.columnSet;
|
|
|
+ tableCols.value.forEach((element) => {
|
|
|
+ element.label = element.columnLabel;
|
|
|
+ element.key = element.columnName;
|
|
|
+ // if (element.columnName === "queryTemplate") {
|
|
|
+ // element.width = "300px";
|
|
|
+ // }
|
|
|
+ });
|
|
|
+ serviceId.value = returnData.submitID;
|
|
|
+ } else {
|
|
|
+ page.value--;
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ page.value--;
|
|
|
+ }
|
|
|
+};
|
|
|
+//确认提交
|
|
|
+const submitForm = () => {
|
|
|
+ generalDataReception(tableForm);
|
|
|
+};
|
|
|
+const resetTable = () => {
|
|
|
+ page.value = 0;
|
|
|
+ noMore.value = false;
|
|
|
+ tableData.value = [];
|
|
|
+};
|
|
|
+//新增-编辑-删除
|
|
|
+const generalDataReception = async (data) => {
|
|
|
+ try {
|
|
|
+ data = {
|
|
|
+ ...data,
|
|
|
+ };
|
|
|
+ const { code } = await GeneralDataReception({
|
|
|
+ serviceId: serviceId.value,
|
|
|
+ dataContent: JSON.stringify(data),
|
|
|
+ });
|
|
|
+ if (code == 0) {
|
|
|
+ ElMessage.success(`操作成功`);
|
|
|
+ // this.$message.success("操作成功");
|
|
|
+ resetTable();
|
|
|
+ getQuery();
|
|
|
+ resetForm();
|
|
|
+ flag.value = false;
|
|
|
+ // rmFlag.value = false;
|
|
|
+ tableObj.value = {};
|
|
|
+ // this.$router.go(0);
|
|
|
+ } else {
|
|
|
+ ElMessage.error(`操作失败`);
|
|
|
+ // this.$message.error("操作失败");
|
|
|
+ // this.flag = false;
|
|
|
+ // this.rmFlag = false;
|
|
|
+ tableObj.value = {};
|
|
|
+ resetForm();
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ flag.value = false;
|
|
|
+ // rmFlag.value = false;
|
|
|
+ tableObj.value = {};
|
|
|
+ resetForm();
|
|
|
+ }
|
|
|
+};
|
|
|
+getQuery();
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
::v-deep .el-form-item__label {
|