121212

Web/src/pages/prop/equ.vue

@@ -35,7 +35,7 @@
             </div>
             耐久:{{ equInfo.durability }}<br>
             <span v-if="equInfo.suitCode != '0' && equInfo.suitCode != ''">
-                套装:<Abar href="/">{{ suitInfo.suitName }}</Abar><br>
+                套装:<Abar :href='"/prop/suit?no=" + equInfo.suitCode'>{{ suitInfo.suitName }}</Abar><br>
             </span>
             特性:{{ EquTool.GetEquAttrName(equInfo.equAttr, 0) }}<br>
             <span v-if="equInfo.holeCount > 0">
@@ -96,7 +96,7 @@
             </div>
             耐久:{{ equData.maxdurability }}/{{ equData.durability }}<br>
             <span v-if="equData.suitCode != '0' && equData.suitCode != ''">
-                套装:<Abar href="/">{{ suitInfo.suitName }}</Abar><br>
+                套装:<Abar :href='"/prop/suit?no=" + equData.suitCode'>{{ suitInfo.suitName }}</Abar><br>
             </span>
             特性:{{ EquTool.GetEquAttrName(equData.equAttr, 0) }}<br>
             <span v-if="equData.holeCount > 0">
@@ -117,7 +117,7 @@
             </div>
             <div class="common" v-if="myUserId == equData.userId && equData.isAppr == 1">
                 <span>
-                    ◈<Abutton>穿戴装备</Abutton><br>
+                    ◈<Abutton @click="UpOrDownEqu">穿戴装备</Abutton><br>
                 </span>
                 <span>
                     ◈<Abutton>洗练</Abutton><br>
@@ -129,7 +129,7 @@
                     ◈<Abutton>升星</Abutton><br>
                 </span>
                 <span>
-                    ◈<Abutton>绑定</Abutton><br>
+                    ◈<Abutton @click="LockEqu">{{ equData.isLock == 0 ? "绑定" : "解绑" }}</Abutton><br>
                 </span>
                 <span>
                     ◈<Abar href="">寄售</Abar><br>
@@ -186,4 +186,22 @@ const BindData = async (): Promise<void> => {
     }
 };
 
+/**穿/卸装备 */
+const UpOrDownEqu = async () => {
+    alert(ueId);
+}
+
+/**绑定装备 */
+const LockEqu = async () => {
+    MessageExtend.LoadingToast("操作中...");
+    let result = await EquService.EquLock(ueId);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        await BindData();
+        MessageExtend.Notify(result.msg, "success");
+    }
+    else {
+        MessageExtend.ShowDialog("绑定装备", result.msg);
+    }
+}
 </script>

Web/src/pages/prop/suit.vue

@@ -0,0 +1,57 @@
+<template>
+    <div class="content">
+        【套装介绍】
+    </div>
+    <div class="content">
+        套装名称：{{ data.suitName }}<br>
+        套装介绍：<span v-html="data.sign"></span><br>
+    </div>
+    <div class="content">
+        ---◈套装部件◈---<br>
+        <div class="item" v-for="item in onEqu">
+            ▸<Abar :href='"/prop/equ?id=" + item.equId'>{{ item.equName }}</Abar>
+        </div>
+    </div>
+    <div class="content">
+        ---◈套装属性◈---<br>
+        <div v-for="item in suitAttr">
+            <div class="content" v-for="attr in item.attrItem">
+                <span>{{ item.type == 0 ? "✧" : "✡" }}</span>
+                <span>{{ attr.tip }}</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+definePageMeta({
+    layout: layout.default,
+    middleware: 'page-loading'
+})
+const data = ref<any>({});
+const onEqu = ref<Array<any>>([]);
+const suitAttr = ref<Array<any>>([]);
+onMounted(async () => {
+    try {
+        await BindData();
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+
+
+
+const BindData = async (): Promise<void> => {
+    let suitCode = PageExtend.QueryString("no");
+    let result = await EquService.GetEquSuitInfo(suitCode);
+    if (result.code == 0) {
+        data.value = result.data;
+        onEqu.value = result.data.onEqu;
+        suitAttr.value = result.data.attr;        
+    }
+    else {
+        MessageExtend.ShowDialog("提示", result.msg);
+    }
+};
+</script>