12121

Web/src/pages/prop/equ.vue

@@ -72,7 +72,9 @@
                 强化等级:{{ equData.intensifyLev }}<br>
             </span>
             <span v-if="equAwaken.length > 0">
-                <Abar href="">装备特性:{{ equAwaken[0].name }}({{ equAwaken[0].lev }}级)</Abar><br>
+                <Abar :href='"/user/equ/awaken?ue=" + equData.ueId'>装备特性:{{ equAwaken[0].name }}({{ equAwaken[0].lev
+                }}级)
+                </Abar><br>
             </span>
             附魔:{{ equMent.name }}<br>
             负重:{{ equData.weight }}<br>
@@ -114,28 +116,58 @@
             <div v-if="equData.isAppr == 0">
                 (*该装备需要鉴定)
             </div>
-            <div class="common" v-if="myUserId == equData.userId && equData.isAppr == 1">
-                <span>
+            <div class="common" v-if="myUserId == equData.userId">
+                <span v-if="equData.isAppr == 1">
                     ◈<Abutton @click="UpOrDownEqu">{{ equData.isOn == 1 ? "卸下装备" : "穿戴装备" }}</Abutton><br>
                 </span>
-                <span>
-                    ◈<Abutton>觉醒</Abutton><br>
+                <span v-if="equData.isAppr == 1 && equData.isIntensify == 1">
+                    ◈<Abar :href='"/user/equ/up?ue=" + equData.ueId'>强化</Abar><br>
                 </span>
-                <span>
+                <span v-if="equData.isAppr == 1">
+                    ◈<Abutton @click="btnOpenAwaken">觉醒</Abutton><br>
+                </span>
+                <span v-if="equData.isAppr == 1">
                     ◈<Abutton>洗练</Abutton><br>
                 </span>
                 <span>
                     ◈<Abutton @click="LockEqu">{{ equData.isLock == 0 ? "绑定" : "解绑" }}</Abutton><br>
                 </span>
-                <span>
-                    ◈<Abar href="">寄售</Abar><br>
+                <span v-if="equData.isOn == 0 && equData.isDeal == 1">
+                    ◈<Abar href="/">寄售</Abar><br>
                 </span>
-                <span>
+                <!-- <span>
                     ◈<Abutton>个性化</Abutton><br>
-                </span>
+                </span> -->
             </div>
         </div>
     </div>
+    <!--觉醒-->
+    <GamePopup v-model:show="showAwaken" title="【觉醒装备】" style="width: 60%;min-height: 30%;">
+        <!-- 自定义内容 -->
+        <div class="content">
+            <div v-if="equAwaken.length == 0">
+                装备暂未觉醒.
+            </div>
+            <div v-else>
+                特性名称：{{ equAwaken[0].name }} <br>
+                觉醒等级：{{ equAwaken[0].lev }} 级 <br>
+                特性效果：{{ EquTool.GetEquAttrName(equAwaken[0].awaken, 0) }}<br>
+            </div>
+            <div>
+                <strong>觉醒所需</strong>：<br>
+                <GamePropVerify :data="awakenProp.needs"></GamePropVerify>
+            </div>
+        </div>
+        <div class="content" style="max-height: 300px;text-align: center; margin-top: 15px;;" v-if="awakenProp.result">
+            <van-button type="success" @click="btnEquAwaken(1)">
+                觉醒装备
+            </van-button>
+            <van-button type="danger" @click="btnEquAwaken(0)" v-if="equAwaken.length > 0" style="margin-left: 5px;">
+                重置觉醒
+            </van-button>
+        </div>
+    </GamePopup>
+
 </template>
 <script setup lang="ts">
 
@@ -165,7 +197,6 @@ onMounted(async () => {
 
 const BindData = async (): Promise<void> => {
     let equId = PageExtend.QueryString("id");
-
     let result = await EquService.GetEquInfo(Number(equId), ueId);
     if (result.code == 0) {
         equData.value = result.data.equData;
@@ -175,7 +206,6 @@ const BindData = async (): Promise<void> => {
         equAwaken.value = result.data.equData.equAwaken;
         equMent.value = result.data.equData.equMent;
         gemMent.value = result.data.equData.gemMent;
-        console.log(result);
     }
     else {
         MessageExtend.ShowDialog("提示", result.msg);
@@ -209,4 +239,40 @@ const LockEqu = async () => {
         MessageExtend.ShowDialog("绑定装备", result.msg);
     }
 }
+
+/**觉醒装备 */
+const showAwaken = ref(false);
+const awakenProp = ref<any>({});
+const btnOpenAwaken = async () => {
+    MessageExtend.LoadingToast("觉醒初始化中...");
+    let result = await EquService.GetEquAwakenInfo(ueId);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        showAwaken.value = true;
+        awakenProp.value = result.data;
+    }
+    else {
+        MessageExtend.ShowDialog("装备觉醒", result.msg);
+    }
+}
+
+const btnEquAwaken = async (type: number) => {
+    MessageExtend.LoadingToast("觉醒中...");
+    let result = await EquService.HandleEquAwaken(ueId, type);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        if (result.data.state == 1) {
+            MessageExtend.ShowToast(result.msg, "success");
+        }
+        else {
+            MessageExtend.ShowToast(result.msg, "fail");
+        }
+        equAwaken.value = result.data.awaken;
+        awakenProp.value = result.data.result;
+    }
+    else {
+        MessageExtend.ShowDialog("装备觉醒", result.msg);
+    }
+
+}
 </script>