erge branch 'master' of git.code.tencent.com:beijing-rtss-test/bj-rtss-client

src/components/draw-app/dialogs/GatedRelateDeviceList.vue

@@ -54,28 +54,28 @@ import {
   RelateDevicelistItem,
 } from 'src/drawApp/pslApp';
 import { usePslDrawStore } from 'src/stores/psl-draw-store';
+import { PslButton } from 'src/graphics/pslButton/pslButton';
+import { PslKey } from 'src/graphics/pslKey/pslKey';
+import { PslLight } from 'src/graphics/pslLight/pslLight';
 
 const pslDrawStore = usePslDrawStore();
 const $q = useQuasar();
 const tableRef = ref<QTable>();
-const deviceTypeMap = {
-  6: '车站',
-};
 const columns: QTable['columns'] = [
+  { name: 'code', label: '组合类型', field: 'code', align: 'center' },
   {
-    name: 'deviceType',
+    name: 'refRelays',
-    label: '设备类型',
+    label: '关联的设备',
-    field: (row) => deviceTypeMap[row.deviceType as keyof typeof deviceTypeMap],
-    align: 'center',
-  },
-  { name: 'code', label: '设备编号', field: 'code', align: 'center' },
-  {
-    name: 'combinationtypes',
-    label: '关联的组合类型',
     field: (row: RelateDevicelistItem) => {
-      if (row.combinationtypes) {
+      if (row.refDevices) {
-        const ref = row.combinationtypes.map(
+        const ref = row.refDevices.map(
-          (combinationtype) => combinationtype.code
+          (id) =>
+            (
+              pslDrawStore.getDrawApp().queryStore.queryById(id) as
+                | PslButton
+                | PslKey
+                | PslLight
+            ).datas.code
         );
         return ref.join('\\');
       }
@@ -126,18 +126,16 @@ function creatData() {
 }
 
 function deleteData(row: RelateDevicelistItem) {
-  $q.dialog({ message: `确定删除 "${row.code}" 吗?`, cancel: true }).onOk(
+  $q.dialog({ message: '确定删除吗?', cancel: true }).onOk(async () => {
-    async () => {
+    try {
-      try {
+      deleteGatedRelateDevice(row);
-        deleteGatedRelateDevice(row);
+      successNotify('删除数据成功！');
-        successNotify('删除数据成功！');
+    } catch (err) {
-      } catch (err) {
+      errorNotify('删除失败:', err);
-        errorNotify('删除失败:', err);
+    } finally {
-      } finally {
+      tableRef.value?.requestServerInteraction();
-        tableRef.value?.requestServerInteraction();
-      }
     }
-  );
+  });
 }
 </script>
 

src/components/draw-app/properties/RelateDeviceConfig.vue

@@ -6,80 +6,43 @@
       </q-card-section>
       <q-separator inset></q-separator>
       <q-form ref="myForm" @submit="onSubmit" @reset="onReset">
-        <q-select
-          outlined
-          v-model="relateDeviceConfig.deviceType"
-          :options="optionsType"
-          label="设备类型"
-          :map-options="true"
-          :emit-value="true"
-          :rules="[(val) => val != undefined || '设备类型不能为空']"
-        />
-        <q-input
-          outlined
-          label="设备编号"
-          v-model="relateDeviceConfig.code"
-          :rules="[(val) => val.trim() != '' || '名称不能为空']"
-        />
         <q-list bordered separator class="rounded-borders">
-          <q-expansion-item
+          <q-card>
-            expand-separator
+            <q-item>
-            v-for="(
+              <q-item-section no-wrap class="q-gutter-y-sm column">
-              combinationtype, index
+                <q-input
-            ) in relateDeviceConfig.combinationtypes"
+                  outlined
-            :key="index"
+                  v-model="relateDeviceConfig.code"
-            v-model="combinationtype.expanded"
+                  label="组合类型"
-            :label="combinationtype.code"
+                  lazy-rules
-            @click="toggleItem(index)"
+                />
-          >
+                <div class="q-gutter-sm row">
-            <q-card>
+                  <q-chip
-              <q-item>
+                    v-for="item in relateDeviceConfig.refDevicesCode"
-                <q-item-section no-wrap class="q-gutter-y-sm column">
+                    :key="item"
-                  <q-input
+                    square
-                    outlined
+                    color="primary"
-                    v-model="combinationtype.code"
+                    text-color="white"
-                    label="组合类型"
+                    removable
-                    lazy-rules
+                    @remove="removeSelect(item)"
+                  >
+                    {{ item }}
+                  </q-chip>
+                </div>
+                <div>
+                  <q-btn
+                    v-show="relateDeviceConfig.refDevicesCode.length > 0"
+                    style="width: 130px"
+                    label="清空框选的设备"
+                    color="red"
+                    class="q-mr-md"
+                    @click="clearAllSelect()"
                   />
-                  <div class="q-gutter-sm row">
+                </div>
-                    <q-chip
+              </q-item-section>
-                      v-for="item in combinationtype.refDevicesCode"
+            </q-item>
-                      :key="item"
+          </q-card>
-                      square
-                      color="primary"
-                      text-color="white"
-                      removable
-                      @remove="removeSelect(item)"
-                    >
-                      {{ item }}
-                    </q-chip>
-                  </div>
-                  <div>
-                    <q-btn
-                      v-show="combinationtype.refDevicesCode.length > 0"
-                      style="width: 130px"
-                      label="清空框选的设备"
-                      color="red"
-                      class="q-mr-md"
-                      @click="clearAllSelect(index)"
-                    />
-                    <q-btn
-                      label="删除组合类型"
-                      color="secondary"
-                      @click="deleteCombinationtype(index)"
-                    />
-                  </div>
-                </q-item-section>
-              </q-item>
-            </q-card>
-          </q-expansion-item>
         </q-list>
-        <q-btn
-          class="q-mt-md"
-          label="增加组合类型"
-          color="secondary"
-          @click="addCombinationtype"
-        />
         <div class="q-gutter-sm q-pa-md row justify-center">
           <q-btn label="提交" type="submit" color="primary" class="q-mr-md" />
           <q-btn label="重置" type="reset" color="primary" class="q-mr-md" />
@@ -98,7 +61,6 @@ import { usePslDrawStore } from 'src/stores/psl-draw-store';
 import { PslKey } from 'src/graphics/pslKey/pslKey';
 import { PslButton } from 'src/graphics/pslButton/pslButton';
 import { PslLight } from 'src/graphics/pslLight/pslLight';
-import { pslGraphicData } from 'src/protos/pslGraphics';
 import {
   creatGatedRelateDevice,
   editGatedRelateDevice,
@@ -112,32 +74,21 @@ const pslDrawStore = usePslDrawStore();
 const $q = useQuasar();
 const showRangeConfig = ref(true);
 const relateDeviceConfig = ref<{
-  deviceType: graphicData.RelatedRef.DeviceType | undefined;
   code: string;
-  combinationtypes: {
+  refDevices: string[];
-    code: string;
+  refDevicesCode: string[];
-    refDevices: string[];
-    refDevicesCode: string[];
-    expanded: boolean;
-  }[];
 }>({
-  deviceType: undefined,
+  code: '组合类型',
-  code: '',
+  refDevices: [],
-  combinationtypes: [
+  refDevicesCode: [],
-    { code: '组合类型', refDevices: [], refDevicesCode: [], expanded: false },
-  ],
 });
 const handleState = ref('新建门控箱关联设备');
 
-const optionsType = [
-  { label: '车站', value: graphicData.RelatedRef.DeviceType.station },
-];
-
 let selectGraphic: JlGraphic[] = [];
 watch(
   () => pslDrawStore.selectedGraphics,
   (val) => {
-    if (val && val.length > 0 && clickIndex !== null) {
+    if (val && val.length > 0) {
       const selectFilter = pslDrawStore.selectedGraphics?.filter(
         (g) =>
           g.type == PslKey.Type ||
@@ -147,14 +98,14 @@ watch(
       selectGraphic.push(...selectFilter);
       selectGraphic = Array.from(new Set(selectGraphic));
       pslDrawStore.getDrawApp().updateSelected(...selectGraphic);
-      relateDeviceConfig.value.combinationtypes[clickIndex].refDevicesCode =
+      relateDeviceConfig.value.refDevicesCode = selectGraphic.map((g) =>
-        selectGraphic.map((g) =>
+        (g as PslKey | PslButton | PslLight).datas.code == ''
-          (g as PslKey | PslButton | PslLight).datas.code == ''
+          ? g.id
-            ? g.id
+          : (g as PslKey | PslButton | PslLight).datas.code
-            : (g as PslKey | PslButton | PslLight).datas.code
+      );
-        );
+      relateDeviceConfig.value.refDevices = selectGraphic.map(
-      relateDeviceConfig.value.combinationtypes[clickIndex].refDevices =
+        (g) => g.id
-        selectGraphic.map((g) => g.id) as string[];
+      ) as string[];
     }
   }
 );
@@ -171,28 +122,19 @@ async function onSubmit() {
   myForm.value?.validate().then(async (res) => {
     if (res) {
       try {
-        const combinationtypes: graphicData.DeviceCombinationtype[] = [];
+        const combinationtype: graphicData.DeviceCombinationtype =
-        relateDeviceConfig.value.combinationtypes.forEach((combinationtype) => {
+          new graphicData.DeviceCombinationtype({
-          combinationtypes.push(
+            code: relateDeviceConfig.value.code,
-            new graphicData.DeviceCombinationtype({
+            refDevices: relateDeviceConfig.value.refDevices,
-              code: combinationtype.code,
+          });
-              refDevices: combinationtype.refDevices,
-            })
-          );
-        });
-        const gatedRelateDevice = new pslGraphicData.GatedRelateDevice({
-          deviceType: relateDeviceConfig.value.deviceType,
-          code: relateDeviceConfig.value.code,
-          combinationtypes: combinationtypes,
-        });
         if (handleState.value == '新建门控箱关联设备') {
           handle.value = '创建成功';
           handleError.value = '创建失败';
-          creatGatedRelateDevice(gatedRelateDevice);
+          creatGatedRelateDevice(combinationtype);
         } else {
           handle.value = '更新成功';
           handleError.value = '更新失败';
-          editGatedRelateDevice(editRow, gatedRelateDevice);
+          editGatedRelateDevice(editRow, combinationtype);
         }
         pslDrawStore.table?.requestServerInteraction();
         $q.notify({
@@ -221,27 +163,18 @@ async function editRelateDevices(row: RelateDevicelistItem) {
     selectGraphic = [];
     drawApp.updateSelected();
     editRow = row;
-    relateDeviceConfig.value.deviceType = row.deviceType;
+    const refCode: string[] = [];
+    row.refDevices.forEach((id) => {
+      const g = drawApp.queryStore.queryById(id) as
+        | PslButton
+        | PslKey
+        | PslLight;
+      refCode.push(g.datas.code);
+    });
+    row.refDevicesCode = refCode;
     relateDeviceConfig.value.code = row.code;
-    row.combinationtypes.forEach((combinationtype) => {
+    relateDeviceConfig.value.refDevices = row.refDevices;
-      const refCode: string[] = [];
+    relateDeviceConfig.value.refDevicesCode = row.refDevicesCode;
-      combinationtype.refDevices.forEach((id) => {
-        const g = drawApp.queryStore.queryById(id);
-        refCode.push(g.code);
-      });
-      combinationtype.refDevicesCode = refCode;
-      combinationtype.expanded = false;
-    });
-    relateDeviceConfig.value.combinationtypes = [];
-    row.combinationtypes.forEach((combinationtype) => {
-      const { code, refDevices, refDevicesCode, expanded } = combinationtype;
-      relateDeviceConfig.value.combinationtypes.push({
-        code,
-        refDevices,
-        refDevicesCode: refDevicesCode as string[],
-        expanded: expanded as boolean,
-      });
-    });
   } catch (err) {
     $q.notify({
       type: 'negative',
@@ -250,40 +183,19 @@ async function editRelateDevices(row: RelateDevicelistItem) {
   }
 }
 
-let clickIndex: null | number = null;
-function toggleItem(index: number) {
-  const drawApp = pslDrawStore.getDrawApp();
-  selectGraphic = [];
-  drawApp.updateSelected();
-  const combinationtypes = relateDeviceConfig.value.combinationtypes;
-  if (combinationtypes[index].expanded == true) {
-    clickIndex = index;
-    const select: JlGraphic[] = [];
-    combinationtypes[index].refDevices.forEach((id: string) => {
-      const g = drawApp.queryStore.queryById(id);
-      select.push(g);
-    });
-    drawApp.updateSelected(...select);
-  } else {
-    clickIndex = null;
-  }
-}
-
 function removeSelect(code: string) {
-  const clickTarget =
+  const removeIndex = relateDeviceConfig.value.refDevicesCode.findIndex(
-    relateDeviceConfig.value.combinationtypes[clickIndex as number];
-  const removeIndex = clickTarget.refDevicesCode.findIndex(
     (item) => item == code
   );
   selectGraphic.splice(removeIndex, 1);
-  clickTarget.refDevicesCode.splice(removeIndex, 1);
+  relateDeviceConfig.value.refDevicesCode.splice(removeIndex, 1);
-  clickTarget.refDevices.splice(removeIndex, 1);
+  relateDeviceConfig.value.refDevices.splice(removeIndex, 1);
   pslDrawStore.getDrawApp().updateSelected(...selectGraphic);
 }
 
-function clearAllSelect(index: number) {
+function clearAllSelect() {
-  relateDeviceConfig.value.combinationtypes[index].refDevices = [];
+  relateDeviceConfig.value.refDevices = [];
-  relateDeviceConfig.value.combinationtypes[index].refDevicesCode = [];
+  relateDeviceConfig.value.refDevicesCode = [];
   clearAllSelectAtCanvas();
 }
 
@@ -292,29 +204,12 @@ function clearAllSelectAtCanvas() {
   pslDrawStore.getDrawApp().updateSelected();
 }
 
-function addCombinationtype() {
+function onReset() {
-  relateDeviceConfig.value.combinationtypes.push({
+  handleState.value = '新建门控箱关联设备';
+  relateDeviceConfig.value = {
     code: '组合类型',
     refDevices: [],
     refDevicesCode: [],
-    expanded: false,
-  });
-}
-
-function deleteCombinationtype(index: number) {
-  relateDeviceConfig.value.combinationtypes.splice(index, 1);
-  clearAllSelectAtCanvas();
-}
-
-function onReset() {
-  clickIndex = null;
-  handleState.value = '新建门控箱关联设备';
-  relateDeviceConfig.value = {
-    deviceType: undefined,
-    code: '',
-    combinationtypes: [
-      { code: '组合类型', refDevices: [], refDevicesCode: [], expanded: false },
-    ],
   };
   clearAllSelectAtCanvas();
 }

src/drawApp/pslApp.ts

@@ -231,35 +231,28 @@ export async function loadPslDrawDatas(): Promise<IGraphicStorage> {
 
 //关联设备列表的增删改查
 export interface RelateDevicelistItem {
-  deviceType: graphicData.RelatedRef.DeviceType | undefined;
   code: string;
-  combinationtypes: {
+  refDevices: string[];
-    code: string;
+  refDevicesCode?: string[];
-    refDevices: string[];
-    refDevicesCode?: string[];
-    expanded?: boolean;
-  }[];
 }
 
-let refDevicesList: pslGraphicData.GatedRelateDevice[] = [];
+let refDevicesList: graphicData.DeviceCombinationtype[] = [];
 export function loadGatedRelateDeviceList() {
   return refDevicesList;
 }
 
-export function creatGatedRelateDevice(row: pslGraphicData.GatedRelateDevice) {
+export function creatGatedRelateDevice(row: graphicData.DeviceCombinationtype) {
   refDevicesList.push(row);
+  console.log(refDevicesList, '====');
   drawApp?.emit('postdataloaded');
 }
 
 export function editGatedRelateDevice(
   editRow: RelateDevicelistItem,
-  newData: pslGraphicData.GatedRelateDevice
+  newData: graphicData.DeviceCombinationtype
 ) {
   for (let i = 0; i < refDevicesList.length; i++) {
-    if (
+    if (refDevicesList[i].code == editRow.code) {
-      refDevicesList[i].deviceType == editRow.deviceType &&
-      refDevicesList[i].code == editRow.code
-    ) {
       refDevicesList[i] = newData;
       break;
     }
@@ -269,10 +262,7 @@ export function editGatedRelateDevice(
 
 export function deleteGatedRelateDevice(row: RelateDevicelistItem) {
   for (let i = 0; i < refDevicesList.length; i++) {
-    if (
+    if (refDevicesList[i].code == row.code) {
-      refDevicesList[i].deviceType == row.deviceType &&
-      refDevicesList[i].code == row.code
-    ) {
       refDevicesList.splice(i, 1);
       break;
     }