qwqwq

Web/src/pages/user/equ/index.vue

@@ -1,37 +1,130 @@
 <template>
     <div class="content">
         手持: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Hold">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         副手: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Vice">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         头戴: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Head">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         身穿: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Wear">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         腰带: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Waist">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         脚穿: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Foot">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         佩戴: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Ornaments">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         时装: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Fashion">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         羽翼: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Wing">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         装饰: <Abutton>[+]</Abutton>
+        <div class="item" v-for="item in Decorate">
+            <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>[<Abutton
+                @click="DownEqu(item.ueId)">卸下</Abutton>]
+        </div>
     </div>
     <div class="content">
         <Abar href="/">我的九宫牌</Abar><br>
         <Abar href="/">我的圣痕</Abar><br>
         <Abar href="/user/bag">装备物品</Abar>
     </div>
-</template>
+</template>
+<script setup lang="ts">
+definePageMeta({
+    layout: layout.default,
+    middleware: middleware.loading
+})
+const data = ref<Array<any>>([]);
+const Hold = ref<Array<any>>([]);
+const Vice = ref<Array<any>>([]);
+const Head = ref<Array<any>>([]);
+const Wear = ref<Array<any>>([]);
+const Waist = ref<Array<any>>([]);
+const Foot = ref<Array<any>>([]);
+const Ornaments = ref<Array<any>>([]);
+const Fashion = ref<Array<any>>([]);
+const Wing = ref<Array<any>>([]);
+const Decorate = ref<Array<any>>([]);
+
+
+const BindData = async (): Promise<void> => {
+    let result = await EquService.GetUserOnEqu();
+    if (result.code == 0) {
+        data.value = result.data;
+        Hold.value = data.value.filter(it => it.code == 'Hold');
+        Vice.value = data.value.filter(it => it.code == 'Vice');
+        Head.value = data.value.filter(it => it.code == 'Head');
+        Wear.value = data.value.filter(it => it.code == 'Wear');
+        Waist.value = data.value.filter(it => it.code == 'Waist');
+        Foot.value = data.value.filter(it => it.code == 'Foot');
+        Ornaments.value = data.value.filter(it => it.code == 'Ornaments');
+        Fashion.value = data.value.filter(it => it.code == 'Fashion');
+        Wing.value = data.value.filter(it => it.code == 'Wing');
+        Decorate.value = data.value.filter(it => it.code == 'Decorate');
+    }
+    else {
+        MessageExtend.ShowDialog("我的装备", result.msg);
+    }
+}
+
+
+onMounted(async () => {
+    try {
+        await BindData();
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+
+const DownEqu = async (ueId: string) => {
+    alert(ueId);
+}
+
+</script>