From 740dee767d721973917c49c6ef58a793d4c52f3b Mon Sep 17 00:00:00 2001
From: fangxiang <fangxiang@cloudview.work>
Date: Thu, 10 Mar 2022 19:27:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E8=AF=A2=E9=80=89=E6=8B=A9=E4=BF=A1?=
 =?UTF-8?q?=E5=8F=B7=E6=BA=90=EF=BC=8C=E9=A2=84=E6=A1=88=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E5=88=97=E8=A1=A8=E5=BC=B9=E7=AA=97=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E6=A0=91=E5=BD=A2=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlanDialog.vue           | 67 +++++++++++++++++++++----
 src/components/PollingSettingDialog.vue | 64 +++++++++++++++++++----
 2 files changed, 110 insertions(+), 21 deletions(-)

diff --git a/src/components/PlanDialog.vue b/src/components/PlanDialog.vue
index 9505e2b..8665d90 100644
--- a/src/components/PlanDialog.vue
+++ b/src/components/PlanDialog.vue
@@ -160,16 +160,63 @@
                           </q-popup-edit>
                         </div>
                         <div v-else>
-                          <q-popup-edit v-model="props.row.value">
-                            <q-select
-                              :options="modes"
-                              option-label="name"
-                              option-value="uuid"
-                              emit-value
-                              map-options
-                              v-model="props.row.value"
+                          <q-popup-edit
+                            ref="popup_edit"
+                            v-model="props.row.value"
+                          >
+                            <q-tree
+                              ref="tree"
+                              :nodes="$store.state.mode_tree"
+                              node-key="uuid"
+                              labelKey="name"
+                              default-expand-all
                             >
-                            </q-select>
+                              <template v-slot:default-header="prop">
+                                <q-item
+                                  class="full-width"
+                                  :clickable="!prop.node.is_group"
+                                  @click="
+                                    (evt) => {
+                                      props.row.value =
+                                        prop.node.item_data.uuid;
+                                      $refs.popup_edit.hide();
+                                    }
+                                  "
+                                  :style="{
+                                    border:
+                                      props.row.value ==
+                                      prop?.node?.item_data?.uuid
+                                        ? '1px solid #aacceec2'
+                                        : 'none',
+                                  }"
+                                >
+                                  <q-item-section avatar>
+                                    <q-icon
+                                      :name="
+                                        prop.node.is_group
+                                          ? 'img:source_icon/group.png'
+                                          : 'img:source_icon/hdmi.png'
+                                      "
+                                      color="orange"
+                                      size="28px"
+                                      class="q-mr-sm"
+                                    />
+                                  </q-item-section>
+                                  <q-item-section>
+                                    <div class="text-weight-bold text-primary">
+                                      <span
+                                        v-if="
+                                          prop.node.item_data &&
+                                          !prop.node.is_group
+                                        "
+                                        >({{ prop.node.item_data?.number }})
+                                      </span>
+                                      &nbsp;&nbsp;{{ prop.node.name }}
+                                    </div>
+                                  </q-item-section>
+                                </q-item>
+                              </template>
+                            </q-tree>
                           </q-popup-edit>
                           {{
                             modes.find(
@@ -565,7 +612,7 @@ export default defineComponent({
             i += 2
           ) {
             const item = datas.value[i];
-            console.log(item);
+
             if (item && item.key.startsWith("operator_")) {
               const item_value = GlobalData.getInstance().modes.find(
                 (element) => element && element.uuid == item.value
diff --git a/src/components/PollingSettingDialog.vue b/src/components/PollingSettingDialog.vue
index dff2906..71d637e 100644
--- a/src/components/PollingSettingDialog.vue
+++ b/src/components/PollingSettingDialog.vue
@@ -96,16 +96,56 @@
                           </q-popup-edit>
                         </div>
                         <div v-else>
-                          <q-popup-edit v-model="props.row.value">
-                            <q-select
-                              :options="signals"
-                              option-label="name"
-                              option-value="uuid"
-                              emit-value
-                              map-options
-                              v-model="props.row.value"
+                          <q-popup-edit
+                            ref="popup_edit"
+                            v-model="props.row.value"
+                          >
+                            <q-tree
+                              ref="tree"
+                              :nodes="$store.state.signal_source_tree"
+                              node-key="uuid"
+                              labelKey="name"
+                              default-expand-all
                             >
-                            </q-select>
+                              <template v-slot:default-header="prop">
+                                <q-item
+                                  class="full-width"
+                                  :clickable="!prop.node.is_group"
+                                  @click="
+                                    (evt) => {
+                                      props.row.value = prop.node.uuid;
+                                      $refs.popup_edit.hide();
+                                    }
+                                  "
+                                  :style="{
+                                    border:
+                                      props.row.value == prop.node.uuid
+                                        ? '1px solid #aacceec2'
+                                        : 'none',
+                                  }"
+                                >
+                                  <q-item-section avatar>
+                                    <q-icon
+                                      :name="
+                                        prop.node.is_group
+                                          ? 'img:source_icon/group.png'
+                                          : getItemIcon(
+                                              prop.node.item_data?.window_type
+                                            )
+                                      "
+                                      color="orange"
+                                      size="28px"
+                                      class="q-mr-sm"
+                                    />
+                                  </q-item-section>
+                                  <q-item-section>
+                                    <div class="text-weight-bold text-primary">
+                                      {{ prop.node.name }}
+                                    </div>
+                                  </q-item-section>
+                                </q-item>
+                              </template>
+                            </q-tree>
                           </q-popup-edit>
                           {{
                             signals.find(
@@ -192,8 +232,7 @@ import GlobalData from "src/common/GlobalData";
 import { useQuasar } from "quasar";
 import { useI18n } from "vue-i18n";
 import { StringKeyValueEntity } from "src/entities/StringKeyValueEntity";
-import { PlanEntity } from "src/entities/PlanEntity";
-import { resolve } from "dns";
+import { Common } from "src/common/Common";
 
 const __MIN_DELAY = 10;
 
@@ -333,6 +372,9 @@ export default defineComponent({
         } catch {}
         loading.value = false;
       },
+      getItemIcon(item_type: string) {
+        return Common.getSignalSourceIcon(item_type);
+      },
     };
   },
 });