inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/views/thingInstance/component/editRelation.tsx

@@ -1,415 +1,415 @@
-import { defineComponent, onMounted, reactive, ref, watch, inject } from "vue";
-import * as thingApis from "@/api/thingInstance";
-import { message } from "ant-design-vue";
-
-import { useRoute } from "vue-router";
-
-export default defineComponent({
-  props: {
-    ele: Object,
-  },
-  setup(props, context) {
-    const route = useRoute();
-
-    watch(
-      () => props.ele?.THING_CODE,
-      async (value: any) => {
-        const resTab1 = await thingApis.getTabs("a_2_z", props.ele?.THING_CODE);
-        const resTab2 = await thingApis.getTabs("z_2_a", props.ele?.THING_CODE);
-
-        tabs.value = [];
-        for (const key in resTab1.data) {
-          const ele = resTab1.data[key];
-          tabs.value.push({
-            type: 1,
-            name: ele[0].relaName,
-            relaClass: ele[0].relaClass,
-            key: ele[0].athingCode + ele[0].zthingCode,
-            arr: ele,
-          });
-        }
-        for (const key in resTab2.data) {
-          const ele = resTab2.data[key];
-          tabs.value.push({
-            type: 2,
-            name: ele[0].relaName,
-            relaClass: ele[0].relaClass,
-            key: ele[0].athingCode + ele[0].zthingCode,
-            arr: ele,
-          });
-        }
-        if (tabs.value.length) {
-          tabKey.value = tabs.value[0].key;
-          getTableData(tabKey.value);
-        }
-      },
-      {
-        immediate: true,
-      }
-    );
-
-    const getTableData = async (key: string) => {
-      const tab = tabs.value.find((ele: any) => {
-        return ele.key === key;
-      });
-      let res: any;
-      if (tab.type === 1) {
-        res = await thingApis.getRelationZ(props.ele?.ID, tab.relaClass);
-      } else {
-        res = await thingApis.getRelationA(props.ele?.ID, tab.relaClass);
-      }
-      tableList.value = [];
-      res.data.forEach((ele: any) => {
-        tableList.value.push({
-          id: ele.thingInst.id,
-          name: ele.thingInst.name,
-          code: ele.thingInst.code,
-          objName: ele.thingInst.thing.name,
-          objCode: ele.thingInst.thing.code,
-          ...ele,
-        });
-      });
-    };
-    const resetOption = () => {
-      modelOption.value.forEach((ele) => {
-        ele.value = "";
-        ele.operation = "LIKE";
-      });
-      getModalData();
-    };
-    const getModalData = async () => {
-      const param: any = {};
-      param.wherePojoList = [];
-      modelOption.value.forEach((ele: any) => {
-        if (ele.value) {
-          param.wherePojoList.push({
-            column: ele.columnName,
-            operation: ele.operation,
-            valueList: [ele.value],
-          });
-        }
-      });
-      param.thingCodeList = [];
-      const tab = tabs.value.find((ele: any) => {
-        return ele.key === tabKey.value;
-      });
-      console.log(tab);
-
-      tab.arr.forEach((ele: any) => {
-        if (tab.type === 1) {
-          param.thingCodeList.push(ele.zthingCode);
-        } else {
-          param.thingCodeList.push(ele.athingCode);
-        }
-      });
-      const res = await thingApis.findThingByParams(param);
-      modalTableList.value = [];
-
-      res.data.forEach((ele: any) => {
-        const have = tableList.value.find((exist: any) => {
-          return exist.id === ele.id;
-        });
-        if (!have) {
-          modalTableList.value.push({
-            id: ele.id,
-            name: ele.name,
-            code: ele.code,
-            objName: ele.thing.name,
-            objCode: ele.thing.code,
-          });
-        }
-      });
-    };
-
-    const tabs = ref<any>([]);
-    const tabKey = ref("");
-    const columns = ref<any>([
-      {
-        title: "id",
-        dataIndex: "id",
-        key: "detail",
-      },
-      {
-        title: "名称",
-        dataIndex: "name",
-      },
-      {
-        title: "编码",
-        dataIndex: "code",
-      },
-      {
-        title: "物规格名称",
-        dataIndex: "objName",
-      },
-      {
-        title: "物规格编码",
-        dataIndex: "objCode",
-      },
-    ]);
-    const tableList = ref<any[]>([]);
-    // 弹窗表格
-    const modalTableList = ref<any[]>([]);
-    let modalSelects: any[] = [];
-    const modalSelection = {
-      onChange: (selectedRowKeys: string[], selectedRows: any[]) => {
-        modalSelects = selectedRows;
-      },
-    };
-    let selects: any[] = [];
-    const selection = {
-      onChange: (selectedRowKeys: string[], selectedRows: any[]) => {
-        selects = selectedRows;
-      },
-    };
-    const addRelation = async () => {
-      const param: any = {};
-      const tab = tabs.value.find((ele: any) => {
-        return ele.key === tabKey.value;
-      });
-      param.relaClass = tab.relaClass;
-      for (const ele of modalSelects) {
-        if (tab.type === 1) {
-          param.aid = props.ele!.ID.toString();
-          param.zid = ele.id.toString();
-        } else {
-          param.zid = props.ele!.ID.toString();
-          param.aid = ele.id.toString();
-        }
-        const res = await thingApis.addRelation(param);
-      }
-      message.success("保存成功");
-      showModel.value = false;
-      getTableData(tabKey.value);
-    };
-    const deleteRelation = async () => {
-      const param: any = {};
-      const tab = tabs.value.find((ele: any) => {
-        return ele.key === tabKey.value;
-      });
-      param.relaClass = tab.relaClass;
-      for (const ele of selects) {
-        if (tab.type === 1) {
-          param.aid = props.ele!.ID.toString();
-          param.zid = ele.id.toString();
-        } else {
-          param.zid = props.ele!.ID.toString();
-          param.aid = ele.id.toString();
-        }
-        const res = await thingApis.deleteRelation(param);
-      }
-      message.success("删除成功");
-      getTableData(tabKey.value);
-    };
-    const showModel = ref(false);
-    const modelOption = ref<any[]>([
-      {
-        name: "id",
-        columnName: "id",
-        value: "",
-        operation: "LIKE",
-      },
-      {
-        name: "编码",
-        columnName: "code",
-        value: "",
-        operation: "LIKE",
-      },
-      {
-        name: "名称",
-        columnName: "name",
-        value: "",
-        operation: "LIKE",
-      },
-    ]);
-    const renderModal = () => {
-      return (
-        <div>
-          <a-modal
-            v-model={[showModel.value, "visible"]}
-            title="关联物实例"
-            class="thingRelationDia"
-            width={900}
-            centered
-            onOk={addRelation}
-            onCancel={() => {
-              showModel.value = false;
-            }}
-          >
-            <div class="flex tools">
-              <div class="inputs flex1">
-                {modelOption.value.map((option: any) => {
-                  return (
-                    <div class="flex element">
-                      <div class="name">{option.name}</div>
-                      <div class="flex">
-                        <a-select
-                          style="width:80px"
-                          v-model={[option.operation, "value"]}
-                        >
-                          <a-select-option value="EQ">{"="}</a-select-option>
-                          <a-select-option value="NE">{"!="}</a-select-option>
-                          <a-select-option value="GT">{">"}</a-select-option>
-                          <a-select-option value="GTE">{">="}</a-select-option>
-                          <a-select-option value="LT">{"<"}</a-select-option>
-                          <a-select-option value="LTE">{"<="}</a-select-option>
-                          <a-select-option value="LIKE">
-                            {"包含"}
-                          </a-select-option>
-                        </a-select>
-                        <a-input v-model={[option.value, "value"]}></a-input>
-                      </div>
-                    </div>
-                  );
-                })}
-              </div>
-              <div class="btns">
-                <div>
-                  <a-button
-                    type="primary"
-                    onClick={() => {
-                      getModalData();
-                    }}
-                  >
-                    搜索
-                  </a-button>
-                </div>
-                <div>
-                  <a-button
-                    type="primary"
-                    onClick={() => {
-                      resetOption();
-                    }}
-                  >
-                    重置
-                  </a-button>
-                </div>
-              </div>
-            </div>
-            <a-table
-              rowSelection={modalSelection}
-              rowKey="id"
-              columns={columns.value}
-              dataSource={modalTableList.value}
-              pagination={false}
-              scroll={{ y: 350 }}
-            ></a-table>
-          </a-modal>
-        </div>
-      );
-    };
-
-    const toNewThing = inject("toNewThing") as Function;
-    const toRouter = inject("toRouter") as Function;
-    const toDetail = async (row?: any) => {
-      // console.log(row);
-      // // 内部跳转（第一种）
-      // toNewThing(row);
-
-      // // 打开新页面（第二种）
-      // // let url = "http://192.168.5.26/#/?menuCode=2037"; // 测试使用
-      // const { menuCode } = route?.query;
-      // let url = `${window.location.origin}${window.location.pathname}#/?`;
-      // // &token=${sessionStorage.getItem("token")} // 带了token 只显示组件，不带导航
-      // url += `menuCode=${menuCode}&newThingInfo=${decodeURI(
-      //   JSON.stringify(row)
-      // )}`;
-      // window.open(url, "_blank");
-
-      // 打开项目中tab页（第三种）
-      toRouter(
-        decodeURI(
-          JSON.stringify({
-            id: row.id,
-            thingInst: {
-              name: row.thingInst.name,
-              thingCode: row.thingInst.thingCode,
-            },
-          })
-        )
-      );
-    };
-
-    return () => (
-      <div>
-        {tabs.value.length > 0 ? (
-          <>
-            <div>
-              <a-tabs
-                v-model={[tabKey.value, "activeKey"]}
-                onChange={(key) => {
-                  getTableData(key);
-                  resetOption();
-                }}
-              >
-                {tabs.value.map((tab: any, index: number) => {
-                  return <a-tab-pane key={tab.key} tab={tab.name}></a-tab-pane>;
-                })}
-              </a-tabs>
-
-              {tabs.value.find((n) => n.key === tabKey.value)?.type === 1 ? (
-                <div class="tableTool">
-                  <a-button
-                    type="primary"
-                    onClick={() => {
-                      getModalData();
-                      showModel.value = true;
-                    }}
-                  >
-                    新建
-                  </a-button>
-                  <a-popconfirm
-                    title="确认删除?"
-                    ok-text="确定"
-                    cancel-text="取消"
-                    onConfirm={() => {
-                      deleteRelation();
-                    }}
-                  >
-                    <a-button>删除</a-button>
-                  </a-popconfirm>
-                </div>
-              ) : null}
-              <a-table
-                rowKey="id"
-                rowSelection={selection}
-                columns={columns.value}
-                dataSource={tableList.value}
-                pagination={false}
-                v-slots={{
-                  bodyCell: ({ column, record }) => {
-                    if (column.key === "detail") {
-                      return (
-                        <a
-                          onClick={() => {
-                            toDetail(record);
-                          }}
-                        >
-                          {record.id}
-                        </a>
-                      );
-                    }
-                  },
-                  action: (row: any) => {
-                    return (
-                      <a-space>
-                        <span
-                          class="red pointer"
-                          onClick={() => {
-                            //   deleteThing(row);
-                          }}
-                        >
-                          删除
-                        </span>
-                      </a-space>
-                    );
-                  },
-                }}
-              ></a-table>
-            </div>
-            {renderModal()}
-          </>
-        ) : null}
-      </div>
-    );
-  },
-});
+import { defineComponent, onMounted, reactive, ref, watch, inject } from "vue";
+import * as thingApis from "@/api/thingInstance";
+import { message } from "ant-design-vue";
+
+import { useRoute } from "vue-router";
+
+export default defineComponent({
+  props: {
+    ele: Object,
+  },
+  setup(props, context) {
+    const route = useRoute();
+
+    watch(
+      () => props.ele?.THING_CODE,
+      async (value: any) => {
+        const resTab1 = await thingApis.getTabs("a_2_z", props.ele?.THING_CODE);
+        const resTab2 = await thingApis.getTabs("z_2_a", props.ele?.THING_CODE);
+
+        tabs.value = [];
+        for (const key in resTab1.data) {
+          const ele = resTab1.data[key];
+          tabs.value.push({
+            type: 1,
+            name: ele[0].relaName,
+            relaClass: ele[0].relaClass,
+            key: ele[0].athingCode + ele[0].zthingCode,
+            arr: ele,
+          });
+        }
+        for (const key in resTab2.data) {
+          const ele = resTab2.data[key];
+          tabs.value.push({
+            type: 2,
+            name: ele[0].relaName,
+            relaClass: ele[0].relaClass,
+            key: ele[0].athingCode + ele[0].zthingCode,
+            arr: ele,
+          });
+        }
+        if (tabs.value.length) {
+          tabKey.value = tabs.value[0].key;
+          getTableData(tabKey.value);
+        }
+      },
+      {
+        immediate: true,
+      }
+    );
+
+    const getTableData = async (key: string) => {
+      const tab = tabs.value.find((ele: any) => {
+        return ele.key === key;
+      });
+      let res: any;
+      if (tab.type === 1) {
+        res = await thingApis.getRelationZ(props.ele?.ID, tab.relaClass);
+      } else {
+        res = await thingApis.getRelationA(props.ele?.ID, tab.relaClass);
+      }
+      tableList.value = [];
+      res.data.forEach((ele: any) => {
+        tableList.value.push({
+          id: ele.thingInst.id,
+          name: ele.thingInst.name,
+          code: ele.thingInst.code,
+          objName: ele.thingInst.thing.name,
+          objCode: ele.thingInst.thing.code,
+          ...ele,
+        });
+      });
+    };
+    const resetOption = () => {
+      modelOption.value.forEach((ele) => {
+        ele.value = "";
+        ele.operation = "LIKE";
+      });
+      getModalData();
+    };
+    const getModalData = async () => {
+      const param: any = {};
+      param.wherePojoList = [];
+      modelOption.value.forEach((ele: any) => {
+        if (ele.value) {
+          param.wherePojoList.push({
+            column: ele.columnName,
+            operation: ele.operation,
+            valueList: [ele.value],
+          });
+        }
+      });
+      param.thingCodeList = [];
+      const tab = tabs.value.find((ele: any) => {
+        return ele.key === tabKey.value;
+      });
+      console.log(tab);
+
+      tab.arr.forEach((ele: any) => {
+        if (tab.type === 1) {
+          param.thingCodeList.push(ele.zthingCode);
+        } else {
+          param.thingCodeList.push(ele.athingCode);
+        }
+      });
+      const res = await thingApis.findThingByParams(param);
+      modalTableList.value = [];
+
+      res.data.forEach((ele: any) => {
+        const have = tableList.value.find((exist: any) => {
+          return exist.id === ele.id;
+        });
+        if (!have) {
+          modalTableList.value.push({
+            id: ele.id,
+            name: ele.name,
+            code: ele.code,
+            objName: ele.thing.name,
+            objCode: ele.thing.code,
+          });
+        }
+      });
+    };
+
+    const tabs = ref<any>([]);
+    const tabKey = ref("");
+    const columns = ref<any>([
+      {
+        title: "id",
+        dataIndex: "id",
+        key: "detail",
+      },
+      {
+        title: "名称",
+        dataIndex: "name",
+      },
+      {
+        title: "编码",
+        dataIndex: "code",
+      },
+      {
+        title: "物规格名称",
+        dataIndex: "objName",
+      },
+      {
+        title: "物规格编码",
+        dataIndex: "objCode",
+      },
+    ]);
+    const tableList = ref<any[]>([]);
+    // 弹窗表格
+    const modalTableList = ref<any[]>([]);
+    let modalSelects: any[] = [];
+    const modalSelection = {
+      onChange: (selectedRowKeys: string[], selectedRows: any[]) => {
+        modalSelects = selectedRows;
+      },
+    };
+    let selects: any[] = [];
+    const selection = {
+      onChange: (selectedRowKeys: string[], selectedRows: any[]) => {
+        selects = selectedRows;
+      },
+    };
+    const addRelation = async () => {
+      const param: any = {};
+      const tab = tabs.value.find((ele: any) => {
+        return ele.key === tabKey.value;
+      });
+      param.relaClass = tab.relaClass;
+      for (const ele of modalSelects) {
+        if (tab.type === 1) {
+          param.aid = props.ele!.ID.toString();
+          param.zid = ele.id.toString();
+        } else {
+          param.zid = props.ele!.ID.toString();
+          param.aid = ele.id.toString();
+        }
+        const res = await thingApis.addRelation(param);
+      }
+      message.success("保存成功");
+      showModel.value = false;
+      getTableData(tabKey.value);
+    };
+    const deleteRelation = async () => {
+      const param: any = {};
+      const tab = tabs.value.find((ele: any) => {
+        return ele.key === tabKey.value;
+      });
+      param.relaClass = tab.relaClass;
+      for (const ele of selects) {
+        if (tab.type === 1) {
+          param.aid = props.ele!.ID.toString();
+          param.zid = ele.id.toString();
+        } else {
+          param.zid = props.ele!.ID.toString();
+          param.aid = ele.id.toString();
+        }
+        const res = await thingApis.deleteRelation(param);
+      }
+      message.success("删除成功");
+      getTableData(tabKey.value);
+    };
+    const showModel = ref(false);
+    const modelOption = ref<any[]>([
+      {
+        name: "id",
+        columnName: "id",
+        value: "",
+        operation: "LIKE",
+      },
+      {
+        name: "编码",
+        columnName: "code",
+        value: "",
+        operation: "LIKE",
+      },
+      {
+        name: "名称",
+        columnName: "name",
+        value: "",
+        operation: "LIKE",
+      },
+    ]);
+    const renderModal = () => {
+      return (
+        <div>
+          <a-modal
+            v-model={[showModel.value, "visible"]}
+            title="关联物实例"
+            class="thingRelationDia"
+            width={900}
+            centered
+            onOk={addRelation}
+            onCancel={() => {
+              showModel.value = false;
+            }}
+          >
+            <div class="flex tools">
+              <div class="inputs flex1">
+                {modelOption.value.map((option: any) => {
+                  return (
+                    <div class="flex element">
+                      <div class="name">{option.name}</div>
+                      <div class="flex">
+                        <a-select
+                          style="width:80px"
+                          v-model={[option.operation, "value"]}
+                        >
+                          <a-select-option value="EQ">{"="}</a-select-option>
+                          <a-select-option value="NE">{"!="}</a-select-option>
+                          <a-select-option value="GT">{">"}</a-select-option>
+                          <a-select-option value="GTE">{">="}</a-select-option>
+                          <a-select-option value="LT">{"<"}</a-select-option>
+                          <a-select-option value="LTE">{"<="}</a-select-option>
+                          <a-select-option value="LIKE">
+                            {"包含"}
+                          </a-select-option>
+                        </a-select>
+                        <a-input v-model={[option.value, "value"]}></a-input>
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+              <div class="btns">
+                <div>
+                  <a-button
+                    type="primary"
+                    onClick={() => {
+                      getModalData();
+                    }}
+                  >
+                    搜索
+                  </a-button>
+                </div>
+                <div>
+                  <a-button
+                    type="primary"
+                    onClick={() => {
+                      resetOption();
+                    }}
+                  >
+                    重置
+                  </a-button>
+                </div>
+              </div>
+            </div>
+            <a-table
+              rowSelection={modalSelection}
+              rowKey="id"
+              columns={columns.value}
+              dataSource={modalTableList.value}
+              pagination={false}
+              scroll={{ y: 350 }}
+            ></a-table>
+          </a-modal>
+        </div>
+      );
+    };
+
+    const toNewThing = inject("toNewThing") as Function;
+    const toRouter = inject("toRouter") as Function;
+    const toDetail = async (row?: any) => {
+      // console.log(row);
+      // // 内部跳转（第一种）
+      // toNewThing(row);
+
+      // // 打开新页面（第二种）
+      // // let url = "http://192.168.5.26/#/?menuCode=2037"; // 测试使用
+      // const { menuCode } = route?.query;
+      // let url = `${window.location.origin}${window.location.pathname}#/?`;
+      // // &token=${sessionStorage.getItem("token")} // 带了token 只显示组件，不带导航
+      // url += `menuCode=${menuCode}&newThingInfo=${decodeURI(
+      //   JSON.stringify(row)
+      // )}`;
+      // window.open(url, "_blank");
+
+      // 打开项目中tab页（第三种）
+      toRouter(
+        decodeURI(
+          JSON.stringify({
+            id: row.id,
+            thingInst: {
+              name: row.thingInst.name,
+              thingCode: row.thingInst.thingCode,
+            },
+          })
+        )
+      );
+    };
+
+    return () => (
+      <div>
+        {tabs.value.length > 0 ? (
+          <>
+            <div>
+              <a-tabs
+                v-model={[tabKey.value, "activeKey"]}
+                onChange={(key) => {
+                  getTableData(key);
+                  resetOption();
+                }}
+              >
+                {tabs.value.map((tab: any, index: number) => {
+                  return <a-tab-pane key={tab.key} tab={tab.name}></a-tab-pane>;
+                })}
+              </a-tabs>
+
+              {tabs.value.find((n) => n.key === tabKey.value)?.type === 1 ? (
+                <div class="tableTool">
+                  <a-button
+                    type="primary"
+                    onClick={() => {
+                      getModalData();
+                      showModel.value = true;
+                    }}
+                  >
+                    新建
+                  </a-button>
+                  <a-popconfirm
+                    title="确认删除?"
+                    ok-text="确定"
+                    cancel-text="取消"
+                    onConfirm={() => {
+                      deleteRelation();
+                    }}
+                  >
+                    <a-button>删除</a-button>
+                  </a-popconfirm>
+                </div>
+              ) : null}
+              <a-table
+                rowKey="id"
+                rowSelection={selection}
+                columns={columns.value}
+                dataSource={tableList.value}
+                pagination={false}
+                v-slots={{
+                  bodyCell: ({ column, record }) => {
+                    if (column.key === "detail") {
+                      return (
+                        <a
+                          onClick={() => {
+                            toDetail(record);
+                          }}
+                        >
+                          {record.id}
+                        </a>
+                      );
+                    }
+                  },
+                  action: (row: any) => {
+                    return (
+                      <a-space>
+                        <span
+                          class="red pointer"
+                          onClick={() => {
+                            //   deleteThing(row);
+                          }}
+                        >
+                          删除
+                        </span>
+                      </a-space>
+                    );
+                  },
+                }}
+              ></a-table>
+            </div>
+            {renderModal()}
+          </>
+        ) : null}
+      </div>
+    );
+  },
+});