控制台代码 通过 wss登录执行；删除属性修改；

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']

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
+      <a-cascader allow-search v-model="value2" :options="options" placeholder="请输入物品" filterable />
-        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
+      <a-input-number v-model="num" placeholder="请输入数量" mode="button" size="large" class="input-demo" />
-        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;

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} ${
+  return `giveart ${uid.value} ${holyrelicnamevalue.value} ${holyrelicnmainvalue.value}${xct} ${grade.value + 1
-    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
+      <a-cascader allow-search v-model="holyrelicnamevalue" :options="options" placeholder="请输入物品" filterable />
-        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
+      <a-cascader allow-search v-model="holyrelicnmainvalue" :options="options2" placeholder="请输入主属性" filterable />
-        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;
       }

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>

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;
       }

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>

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
+      <a-select allow-search v-model="value2" :options="options" placeholder="请输入物品" filterable />
-        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
+      <a-input-number v-model="num" placeholder="请输入数量" mode="button" size="large" class="input-demo" />
-        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;

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
+      <a-cascader allow-search v-model="value2" :options="options" placeholder="请输入物品" filterable />
-        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
+      <a-input-number v-model="grade" placeholder="请输入" mode="button" size="large" class="input-demo" />
-        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
+      <a-input-number v-model="refined" placeholder="请输入" mode="button" size="large" class="input-demo" />
-        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;

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>