From 16e762954e93ecbcdeed3a2587fb3eb5959456d2 Mon Sep 17 00:00:00 2001
From: wmn <1525968046@qq.com>
Date: Mon, 6 Jun 2022 16:52:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A7=E5=88=B6=E5=8F=B0=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=20=E9=80=9A=E8=BF=87=20wss=E7=99=BB=E5=BD=95=E6=89=A7=E8=A1=8C?=
 =?UTF-8?q?=EF=BC=9B=E5=88=A0=E9=99=A4=E5=B1=9E=E6=80=A7=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts                      |  2 ++
 src/pages/start/components/commuse.vue   | 26 +++++++------------
 src/pages/start/components/holyrelic.vue | 32 +++++++++---------------
 src/pages/start/components/monster.vue   |  5 +++-
 src/pages/start/components/other.vue     |  9 ++++---
 src/pages/start/components/startnav.vue  |  4 +--
 src/pages/start/components/thing.vue     | 23 ++++++-----------
 src/pages/start/components/weapon.vue    | 31 ++++++-----------------
 src/pages/start/index.vue                | 20 +++++++++++++--
 9 files changed, 68 insertions(+), 84 deletions(-)

diff --git a/src/components.d.ts b/src/components.d.ts
index 29aa1eb..35a3230 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -7,6 +7,7 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     AButton: typeof import('@arco-design/web-vue')['Button']
     ACascader: typeof import('@arco-design/web-vue')['Cascader']
+    ACheckbox: typeof import('@arco-design/web-vue')['Checkbox']
     ADescriptions: typeof import('@arco-design/web-vue')['Descriptions']
     ADrawer: typeof import('@arco-design/web-vue')['Drawer']
     AForm: typeof import('@arco-design/web-vue')['Form']
@@ -18,6 +19,7 @@ declare module '@vue/runtime-core' {
     ALink: typeof import('@arco-design/web-vue')['Link']
     AMenu: typeof import('@arco-design/web-vue')['Menu']
     AMenuItem: typeof import('@arco-design/web-vue')['MenuItem']
+    ASelect: typeof import('@arco-design/web-vue')['Select']
     ASpace: typeof import('@arco-design/web-vue')['Space']
     ASubMenu: typeof import('@arco-design/web-vue')['SubMenu']
     ATable: typeof import('@arco-design/web-vue')['Table']
diff --git a/src/pages/start/components/commuse.vue b/src/pages/start/components/commuse.vue
index ea0b2a0..b86140f 100644
--- a/src/pages/start/components/commuse.vue
+++ b/src/pages/start/components/commuse.vue
@@ -1,8 +1,10 @@
 
 <script setup lang="ts">
-import { reactive, ref, computed } from 'vue'
+import { reactive, ref, computed, inject } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { Message } from '@arco-design/web-vue'
+import { useAppStore } from '@/store/modules/app'
+const appStore = useAppStore()
 
 const { text, isSupported, copy } = useClipboard()
 
@@ -62,6 +64,8 @@ function copyvalue() {
     message.success(`已复制${value.value}`)
   }
 }
+
+const send: any = inject("send")
 </script>
 
 <template>
@@ -73,29 +77,17 @@ function copyvalue() {
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 物品: </div>
-      <a-cascader
-        allow-search
-        v-model="value2"
-        :options="options"
-        placeholder="请输入物品"
-        filterable
-      />
+      <a-cascader allow-search v-model="value2" :options="options" placeholder="请输入物品" filterable />
     </div>
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 数量: </div>
-      <a-input-number
-        v-model="num"
-        placeholder="请输入数量"
-        mode="button"
-        size="large"
-        class="input-demo"
-      />
+      <a-input-number v-model="num" placeholder="请输入数量" mode="button" size="large" class="input-demo" />
     </div>
     <div class="generate">
       <a-input v-model="value" placeholder="" />
       <a-button type="outline" @click="copyvalue">复制</a-button>
-      <!-- <a-button type="outline" @click="copyvalue">执行</a-button> -->
+      <a-button type="outline" v-if="appStore.isLogin" @click="send(value)">执行</a-button>
     </div>
   </div>
 
@@ -113,7 +105,7 @@ function copyvalue() {
   color: #000;
   margin: 18px 0;
 
-  > div {
+  >div {
     &:nth-child(1) {
       width: 150px;
       text-align: right;
diff --git a/src/pages/start/components/holyrelic.vue b/src/pages/start/components/holyrelic.vue
index 088080d..e6057f1 100644
--- a/src/pages/start/components/holyrelic.vue
+++ b/src/pages/start/components/holyrelic.vue
@@ -6,7 +6,9 @@ import holyrelicname from './json/holyrelicname.json'
 import holyrelicnmain from './json/holyrelicnmain.json'
 import holyrelicx from './json/holyrelicnx.json'
 import { Message } from '@arco-design/web-vue'
+import { useAppStore } from '@/store/modules/app'
 const { text, isSupported, copy } = useClipboard()
+const appStore = useAppStore()
 
 var uid = ref('@')
 var holyrelicnamevalue = ref('')
@@ -23,9 +25,8 @@ const value = computed(() => {
       xct = xct + ` ${k.value},${k.num}`
     }
   })
-  return `giveart ${uid.value} ${holyrelicnamevalue.value} ${holyrelicnmainvalue.value}${xct} ${
-    grade.value + 1
-  }`
+  return `giveart ${uid.value} ${holyrelicnamevalue.value} ${holyrelicnmainvalue.value}${xct} ${grade.value + 1
+    }`
 })
 const options = reactive(holyrelicname)
 
@@ -50,6 +51,7 @@ function copyvalue() {
     message.success(`已复制${value.value}`)
   }
 }
+const send: any = inject("send")
 </script>
 
 <template>
@@ -61,24 +63,12 @@ function copyvalue() {
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 圣遗物: </div>
-      <a-cascader
-        allow-search
-        v-model="holyrelicnamevalue"
-        :options="options"
-        placeholder="请输入物品"
-        filterable
-      />
+      <a-cascader allow-search v-model="holyrelicnamevalue" :options="options" placeholder="请输入物品" filterable />
     </div>
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 主属性: </div>
-      <a-cascader
-        allow-search
-        v-model="holyrelicnmainvalue"
-        :options="options2"
-        placeholder="请输入主属性"
-        filterable
-      />
+      <a-cascader allow-search v-model="holyrelicnmainvalue" :options="options2" placeholder="请输入主属性" filterable />
       <!-- <n-select v-model:value="holyrelicnmainvalue" filterable placeholder="选择圣遗物主属性" :options="options2" /> -->
     </div>
 
@@ -105,7 +95,7 @@ function copyvalue() {
     <div class="generate">
       <a-input v-model="value" placeholder="" />
       <a-button type="outline" @click="copyvalue">复制</a-button>
-      <!-- <a-button type="outline" @click="copyvalue">执行</a-button> -->
+      <a-button type="outline" v-if="appStore.isLogin" @click="send(value)">执行</a-button>
     </div>
   </div>
 </template>
@@ -121,7 +111,7 @@ function copyvalue() {
   color: #000;
   margin: 18px 0;
 
-  > div {
+  >div {
     &:nth-child(1) {
       width: 150px;
       text-align: right;
@@ -140,13 +130,15 @@ function copyvalue() {
   height: 300px;
   width: 100%;
   overflow-y: auto;
+
   .smallho-item {
     margin: 10px 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 90%;
-    > div {
+
+    >div {
       &:nth-child(3) {
         width: 80px;
       }
diff --git a/src/pages/start/components/monster.vue b/src/pages/start/components/monster.vue
index 537c5ed..ed2b612 100644
--- a/src/pages/start/components/monster.vue
+++ b/src/pages/start/components/monster.vue
@@ -3,9 +3,11 @@
 import { reactive, ref, computed } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { Message } from '@arco-design/web-vue'
+import { useAppStore } from '@/store/modules/app'
 
 import monster from './json/monster.json'
 const { text, isSupported, copy } = useClipboard()
+const appStore = useAppStore()
 
 var value2 = ref(21010101)
 var grade = ref(80)
@@ -24,6 +26,7 @@ function copyvalue() {
     message.success(`已复制${value.value}`)
   }
 }
+const send: any = inject("send")
 </script>
 
 <template>
@@ -47,7 +50,7 @@ function copyvalue() {
     <div class="generate">
       <a-input v-model="value" placeholder="" />
       <a-button type="outline" @click="copyvalue">复制</a-button>
-      <!-- <a-button type="outline" @click="copyvalue">执行</a-button> -->
+      <a-button type="outline" v-if="appStore.isLogin" @click="send(value)">执行</a-button>
     </div>
   </div>
 </template>
diff --git a/src/pages/start/components/other.vue b/src/pages/start/components/other.vue
index 06934eb..dea0a55 100644
--- a/src/pages/start/components/other.vue
+++ b/src/pages/start/components/other.vue
@@ -3,8 +3,10 @@
 import { reactive, ref, computed } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { Message } from '@arco-design/web-vue'
+import { useAppStore } from '@/store/modules/app'
 
 const { text, isSupported, copy } = useClipboard()
+const appStore = useAppStore()
 
 const options = reactive([
   {
@@ -45,6 +47,7 @@ function copyvalue(value: string) {
     message.success(`已复制${value}`)
   }
 }
+const send: any = inject("send")
 </script>
 
 <template>
@@ -56,7 +59,7 @@ function copyvalue(value: string) {
       </div>
       <div>
         <a-button type="outline" @click="copyvalue(item.value)">复制</a-button>
-        <!-- <a-button type="outline" @click="copyvalue(item.value)">执行</a-button> -->
+        <a-button type="outline" v-if="appStore.isLogin" @click="send(item.value)">执行</a-button>
       </div>
     </div>
   </div>
@@ -66,13 +69,13 @@ function copyvalue(value: string) {
   width: 500px;
   margin: auto;
 
-  > div {
+  >div {
     margin: 10px 0;
     display: flex;
     align-items: center;
     color: #000;
 
-    > div {
+    >div {
       &:nth-child(1) {
         width: 130px;
       }
diff --git a/src/pages/start/components/startnav.vue b/src/pages/start/components/startnav.vue
index 65ad4d3..b111e8c 100644
--- a/src/pages/start/components/startnav.vue
+++ b/src/pages/start/components/startnav.vue
@@ -18,7 +18,7 @@ const datav = reactive([
   { name: '其它', path: "/start/other" },
   { name: '武器', path: "/start/weapon" },
   { name: '物品', path: "/start/thing" },
-  { name: '角色属性', path: "/start/role" },
+  // { name: '角色属性', path: "/start/role" },
 ])
 
 const datav2 = reactive([
@@ -93,7 +93,7 @@ watch(
         <template #icon>
           <IconApps></IconApps>
         </template>
-        <template #title>GCAuth</template>
+        <template #title>GCAuth-暂未实现功能</template>
         <a-menu-item v-for="(item, index) in datav3" :key="item.path" @click="topath(item.path)">
           {{ item.name }}
         </a-menu-item>
diff --git a/src/pages/start/components/thing.vue b/src/pages/start/components/thing.vue
index 21157f5..6f5f9c0 100644
--- a/src/pages/start/components/thing.vue
+++ b/src/pages/start/components/thing.vue
@@ -3,8 +3,10 @@
 import { reactive, ref, computed } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import thing from './json/thing.json'
+import { useAppStore } from '@/store/modules/app'
 import { Message } from '@arco-design/web-vue'
 const { text, isSupported, copy } = useClipboard()
+const appStore = useAppStore()
 
 var value2 = ref()
 var value3 = ref('give')
@@ -33,6 +35,7 @@ function copyvalue() {
     message.success(`已复制${value.value}`)
   }
 }
+const send: any = inject("send")
 </script>
 
 <template>
@@ -48,29 +51,17 @@ function copyvalue() {
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 物品: </div>
-      <a-select
-        allow-search
-        v-model="value2"
-        :options="options"
-        placeholder="请输入物品"
-        filterable
-      />
+      <a-select allow-search v-model="value2" :options="options" placeholder="请输入物品" filterable />
     </div>
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 数量: </div>
-      <a-input-number
-        v-model="num"
-        placeholder="请输入数量"
-        mode="button"
-        size="large"
-        class="input-demo"
-      />
+      <a-input-number v-model="num" placeholder="请输入数量" mode="button" size="large" class="input-demo" />
     </div>
     <div class="generate">
       <a-input v-model="value" placeholder="" />
       <a-button type="outline" @click="copyvalue">复制</a-button>
-      <!-- <a-button type="outline" @click="copyvalue">执行</a-button> -->
+      <a-button type="outline" v-if="appStore.isLogin" @click="send(value)">执行</a-button>
     </div>
   </div>
 </template>
@@ -86,7 +77,7 @@ function copyvalue() {
   color: #000;
   margin: 18px 0;
 
-  > div {
+  >div {
     &:nth-child(1) {
       width: 150px;
       text-align: right;
diff --git a/src/pages/start/components/weapon.vue b/src/pages/start/components/weapon.vue
index ac5438c..662a53c 100644
--- a/src/pages/start/components/weapon.vue
+++ b/src/pages/start/components/weapon.vue
@@ -3,8 +3,10 @@
 import { reactive, ref, computed } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { Message } from '@arco-design/web-vue'
+import { useAppStore } from '@/store/modules/app'
 import weapon from './json/weapon.json'
 const { text, isSupported, copy } = useClipboard()
+const appStore = useAppStore()
 
 var uid = ref("@")
 var value2 = ref(12510)
@@ -23,6 +25,7 @@ function copyvalue() {
     Message.success(`已复制${value.value}`)
   }
 }
+const send: any = inject("send")
 </script>
 
 <template>
@@ -34,13 +37,7 @@ function copyvalue() {
 
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 武器: </div>
-      <a-cascader
-        allow-search
-        v-model="value2"
-        :options="options"
-        placeholder="请输入物品"
-        filterable
-      />
+      <a-cascader allow-search v-model="value2" :options="options" placeholder="请输入物品" filterable />
     </div>
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 数量: </div>
@@ -48,28 +45,16 @@ function copyvalue() {
     </div>
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 等级: </div>
-      <a-input-number
-        v-model="grade"
-        placeholder="请输入"
-        mode="button"
-        size="large"
-        class="input-demo"
-      />
+      <a-input-number v-model="grade" placeholder="请输入" mode="button" size="large" class="input-demo" />
     </div>
     <div class="commuse-item">
       <div class="text-slate-900 dark:text-slate-100"> 精炼等级: </div>
-      <a-input-number
-        v-model="refined"
-        placeholder="请输入"
-        mode="button"
-        size="large"
-        class="input-demo"
-      />
+      <a-input-number v-model="refined" placeholder="请输入" mode="button" size="large" class="input-demo" />
     </div>
     <div class="generate">
       <a-input v-model="value" placeholder="" />
       <a-button type="outline" @click="copyvalue">复制</a-button>
-      <!-- <a-button type="outline" @click="copyvalue">执行</a-button> -->
+      <a-button type="outline" v-if="appStore.isLogin" @click="send(value)">执行</a-button>
     </div>
   </div>
 </template>
@@ -85,7 +70,7 @@ function copyvalue() {
   color: #000;
   margin: 18px 0;
 
-  > div {
+  >div {
     &:nth-child(1) {
       width: 150px;
       text-align: right;
diff --git a/src/pages/start/index.vue b/src/pages/start/index.vue
index 1fc34a8..ce510a2 100644
--- a/src/pages/start/index.vue
+++ b/src/pages/start/index.vue
@@ -1,8 +1,24 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { reactive, ref, provide } from 'vue'
 import Header from '@/components/Header/index.vue'
 import startnav from './components/startnav.vue'
-import commuse from './components/commuse.vue'
+import { useAppStore } from '@/store/modules/app'
+const appStore = useAppStore()
+
+
+
+function send(value: string) {
+  const send_msg = {
+    type: 'CMD',
+    data: value,
+  }
+  const send_msg_str = JSON.stringify(send_msg)
+  appStore.socketSend(send_msg_str)
+}
+
+const isLogin = ref(appStore.isLogin)
+provide('send', send)
+provide('isLogin', !isLogin)
 
 
 </script>