121212

Web/src/assets/css/style.css

@@ -106,9 +106,11 @@ a:focus {
     margin-right: 2px;
     vertical-align: middle;
 }
+
 .border-btm {
     border-bottom: 1px solid #E3E6EB;
 }
+
 .input {
     line-height: 30px;
 }
@@ -124,30 +126,33 @@ a:focus {
     border: 1px solid #ccc;
     border-radius: 4px;
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 }
+
 .ipt-btn-gray-m {
     width: 60px;
     height: 20px;
     border: none;
 }
-.serch{
-    display: flex; 
+
+.serch {
+    display: flex;
     align-items: flex-end;
 }
-.search-ipt{
+
+.search-ipt {
     width: 80px;
     font-size: 11px;
-    padding: 0 ;
+    padding: 0;
 }
 
-.ipt-btn{
+.ipt-btn {
     width: 61px;
     height: 21px;
     font-size: 13px;
     border: none;
     margin-top: 5px;
-    background: url(/css/images/btn_b_gold.gif) no-repeat;    
+    background: url(/css/images/btn_b_gold.gif) no-repeat;
     color: #af4c00;
 }
 
@@ -155,14 +160,16 @@ a:focus {
     word-wrap: break-word;
 }
 
-    .chat img {
-        margin-right: 2px;
-        vertical-align: middle;
-    }
+.chat img {
+    margin-right: 2px;
+    vertical-align: middle;
+}
+
 .em {
     height: 30px;
     width: 30px;
 }
+
 .badge {
     max-height: 25px;
     max-width: 25px;
@@ -205,3 +212,141 @@ a:focus {
     background: 0 0;
     color: #666;
 }
+
+/******装备样式******/
+.equImg {
+    max-width: 130px;
+    max-height: 230px;
+}
+
+.tq {
+    background-image: url('/images/equ/tq.png');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.ty {
+    background-image: url('/images/equ/ty.png');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.ms {
+    background-image: url('/images/equ/ms.png');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.zx {
+    background-image: url('/images/equ/zx.png');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.sy {
+    background-image: url('/images/equ/sy.png');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.gw {
+    background-image: url('/images/equ/gw.png');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.ly {
+    background-image: url('/images/equ/ly.gif');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.hm {
+    background-image: url('/images/equ/hm.gif');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.j_r {
+    background-image: url('/images/equ/r.gif');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.j_l {
+    background-image: url('/images/equ/l.gif');
+    background-repeat: no-repeat;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    /*设置图片大小*/
+}
+
+.equ_red {
+    color: #912334;
+}
+
+.equ_orange {
+    color: #c75e18;
+}
+
+.equ_yellow {
+    color: #c28a10;
+}
+
+.equ_green {
+    color: #2f9130;
+}
+
+.equ_cyan {
+    color: #269680;
+}
+
+.equ_blue {
+    color: #c94868;
+}
+
+.equ_purple {
+    color: #873ea1;
+}
+
+.equ_glod {
+     color: #e6b020;     
+}

Web/src/components/Business/GameEqu.vue

@@ -1,10 +1,10 @@
 <template>
-    <span v-if="showUrl == false">
-        {{ equData.equName }}({{ equData.lev }}级)
-    </span>
-    <router-link v-if="showUrl" :to='"/prop/equ?ue=" + equData.ueId'>
-        {{ equData.equName }}({{ equData.lev }}级)
-    </router-link>
+  <span v-if="showUrl == false">
+    <span v-html="EquTool.ConvertEquName(equData,showLev)"></span>    
+  </span>
+  <router-link v-if="showUrl" :to='"/prop/equ?ue=" + equData.ueId'>
+    <span v-html="EquTool.ConvertEquName(equData,showLev)"></span> 
+  </router-link>
 </template>
 <script setup lang="ts">
 // 1. 定义接收父组件传来的参数 props
@@ -16,6 +16,10 @@ const props = defineProps({
   equData: {
     type: Object,
     default: () => ({})
+  },
+  showLev: {
+    type: Number,
+    default: 0
   }
 })
 </script>

Web/src/pages/business/equmake.vue

@@ -0,0 +1,105 @@
+<template>
+    <div class="content">
+        【打造装备】<Abutton @click="showPaper = true">选择</Abutton> <br>
+    </div>
+    <div class="content">
+        <div v-if="useGoods.goodsId != undefined">
+
+            <div class="common">
+                ➥当前选择:{{ useGoods.goodsName }}
+            </div>
+            <div class="common">
+                <strong>打造所需</strong>：<br>
+                <GamePropVerify :data="verifyData.needs"></GamePropVerify>
+            </div>
+            <div class="common" v-if="verifyData.result == true">
+                [<Abutton @click="MakeEqu">立即打造</Abutton>]
+            </div>
+        </div>
+        <div v-else>
+            暂未选择打造图.
+        </div>
+    </div>
+    <div class="clear"></div>
+    <div class="content" style="font-size: 15px;">
+        说明:<br>
+        1.使用打造图后，随机获得一件装备，装备等级按照打造图纸中的说明。<br>
+        2.打造出的装备无需鉴定。<br>
+        3.打造方式先选择打造图纸，然后收集足够的材料即可完成打造。
+    </div>
+
+    <GamePopup v-model:show="showPaper" title="【选择图纸】" style="width: 60%;max-height: 30%;">
+        <!-- 自定义内容 -->
+        <div class="content" style="margin-top: 15px;">
+            <div v-if="goods.length == 0">
+                暂无图纸.
+            </div>
+            <div class="item" v-for="(item, index) in goods" :key="index">
+                {{ index + 1 }}.<Abutton @click="ChoosePaper(item.goods)">{{ item.goods.goodsName }}</Abutton>({{
+                    item.count }})
+            </div>
+
+        </div>
+    </GamePopup>
+</template>
+<script setup lang="ts">
+
+definePageMeta({
+    layout: layout.default,
+    middleware: 'page-loading'
+})
+const goods = ref<Array<any>>([]);
+const useGoods = ref<any>({});
+const verifyData = ref<any>({});
+const needs = ref<Array<any>>([]);
+
+onMounted(async () => {
+    try {
+        await BindData();
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+const BindData = async (): Promise<void> => {
+    let result = await BusinessService.GetEquPaper();
+    if (result.code == 0) {
+        goods.value = result.data;
+    }
+    else {
+        MessageExtend.ShowDialog("装备打造", result.msg);
+    }
+};
+
+const showPaper = ref(false);
+
+const ChoosePaper = async (data: any) => {
+    useGoods.value = data;
+    MessageExtend.LoadingToast("操作中...");
+    let result = await BagService.CheckUserProp(0, 1, data.content);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        verifyData.value = result.data;
+        needs.value = verifyData.value.needs;
+        showPaper.value = false;
+    }
+    else {
+        MessageExtend.ShowDialog("选择图纸", result.msg);
+    }
+
+}
+
+const MakeEqu = async () => {
+    MessageExtend.LoadingToast("打造中...");
+    let npcId = LocalStorageHelper.GetOnNpc();
+    let result = await BusinessService.HandleEquPaper(Number(npcId), useGoods.value.goodsId);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        return PageExtend.Redirect("/prop/equ?ue=" + result.data);
+    }
+    else {
+        MessageExtend.ShowDialog("打造装备", result.msg);
+    }
+}
+
+</script>

Web/src/pages/business/retEqu.vue

@@ -0,0 +1,71 @@
+<template>
+    <div class="content">
+        【修复装备】
+    </div>
+    <div class="content">
+        请选择:
+        <div v-if="equData.length > 0">
+            <span v-if="allCopper > 0">
+                ➛<Abutton @click="retEqu('')">全部修复({{ allCopper }}铜)</Abutton>
+            </span>
+            <div class="item" v-for="(item, index) in equData" :key="index">
+                {{ index + 1 }}.<GameEqu :equ-data="item" :show-lev="1" :show-url="true"></GameEqu>
+                <span>({{ item.durability }}/{{ item.maxdurability }})</span>
+                <span v-if="item.durability < item.maxdurability">
+                    [<Abutton @click="retEqu(item.ueId)">修复({{ item.maxdurability - item.durability }}铜)</Abutton>]
+                </span>
+            </div>
+        </div>
+        <div v-else>
+            暂无穿戴中的装备.
+        </div>
+    </div>
+    <div class="clear"></div>
+    <div class="content" style="font-size: 16px;">
+        说明:<br>
+        1.装备仅可修复当前穿戴中的装备。<br>
+        2.每修复1点耐久消耗1铜贝。
+    </div>
+</template>
+<script setup lang="ts">
+
+definePageMeta({
+    layout: layout.default,
+    middleware: 'page-loading'
+})
+const equData = ref<Array<any>>([]);
+const allCopper = ref(0);
+onMounted(async () => {
+    try {
+        await BindData();
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+const BindData = async (): Promise<void> => {
+    let npcId = LocalStorageHelper.GetOnNpc();
+    let result = await RecoverService.GetUserRecoverEqu(Number(npcId));
+    if (result.code == 0) {
+        equData.value = result.data.data;
+        allCopper.value = result.data.need;
+    }
+    else {
+        MessageExtend.ShowDialog("强化装备", result.msg);
+    }
+};
+
+const retEqu = async (ueId: string) => {
+    let npcId = LocalStorageHelper.GetOnNpc();
+    MessageExtend.LoadingToast("修复中...");
+    let result = await RecoverService.RecoverEqu(Number(npcId), ueId);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        MessageExtend.Notify(result.msg, "success");
+        await BindData();
+    }
+    else {
+        MessageExtend.ShowDialog("提示", result.msg);
+    }
+}
+</script>

Web/src/pages/map/index.vue

@@ -1,8 +1,5 @@
 <template>
-    <GameBroadcast :data="broadcast"></GameBroadcast>
-    <div class="item" style="font-size:15px;">
-        <span>[在线奖励]:3分钟后可领取.</span>
-    </div>    
+    <GameBroadcast :data="broadcast"></GameBroadcast>    
     <div class="content">
         {{ cityInfo.cityName }}·{{ mapInfo.mapName }}
         <Abutton @click="Refresh">刷新</Abutton>

Web/src/pages/prop/equ.vue

@@ -49,15 +49,13 @@
             </div>
         </div>
         <div class="common" v-if="ueId != ''">
-            名称:{{ equData.equName }}<br>
+            名称:<span v-html="EquTool.ConvertEquName(equData, 0)"></span> <br>
             <span v-if="equData.equName != equData.unitEquName">
                 装备名称:{{ equData.unitEquName }}<br>
             </span>
             部位:{{ EquTool.GetEquPlaceName(equData.code) }}<br>
             等级:{{ equData.lev }}<br>
-            <span v-if="equData.quality > 0">
-                品质:<Abar href="">equData.qualityName</Abar><br>
-            </span>
+            品质:{{ equData.qualityName }}<br>
             交易:{{ equData.isDeal == 1 ? "可交易" : "不可交易" }}<br>
             赠送:{{ equData.isGive == 1 ? "可赠送" : "不可赠送" }}<br>
             获取途径:{{ equInfo.source }}<br>
@@ -127,7 +125,10 @@
                     ◈<Abutton @click="btnOpenAwaken">觉醒</Abutton><br>
                 </span>
                 <span v-if="equData.isAppr == 1">
-                    ◈<Abutton>洗练</Abutton><br>
+                    ◈<Abar :href='"/user/equ/quality?ue=" + equData.ueId'>洗练</Abar><br>
+                </span>
+                <span v-if="equData.isAppr == 0">
+                    ◈<Abutton @click="ApprEqu">鉴定</Abutton><br>
                 </span>
                 <span>
                     ◈<Abutton @click="LockEqu">{{ equData.isLock == 0 ? "绑定" : "解绑" }}</Abutton><br>
@@ -275,4 +276,20 @@ const btnEquAwaken = async (type: number) => {
     }
 
 }
+
+/**鉴定 */
+const ApprEqu = async () => {
+    MessageExtend.ShowConfirmDialogAsyc("鉴定装备", `鉴定装备需要消耗1张【装备鉴定符】,是否要鉴定?`, async () => {
+        let result = await EquService.ApprEqu(ueId);
+        if (result.code == 0) {
+            await BindData();
+            MessageExtend.Notify(result.msg, "success");
+        }
+        else {
+            MessageExtend.Notify(result.msg, "danger");
+        }
+
+        return true;
+    });
+}
 </script>

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

@@ -11,9 +11,12 @@
     <div class="content">
         <div class="common">
             【
-            <Acheak @click="ChangeBag('0')" :on-value="type" on-cheak="0">装备</Acheak>|<Acheak @click="ChangeBag('1')"
-                :on-value="type" on-cheak="1">药品</Acheak>|<Acheak @click="ChangeBag('2')" :on-value="type" on-cheak="2">
-                物品</Acheak>|<Acheak @click="ChangeBag('3')" :on-value="type" on-cheak="3">坐骑</Acheak>
+            <Acheak @click="ChangeBag('0')" :on-value="type" on-cheak="0">装备</Acheak>|
+            <Acheak @click="ChangeBag('1')" :on-value="type" on-cheak="1">药品</Acheak>|
+            <Acheak @click="ChangeBag('2')" :on-value="type" on-cheak="2">物品</Acheak>|
+            <Acheak @click="ChangeBag('3')" :on-value="type" on-cheak="3">坐骑</Acheak>|
+            <Acheak @click="ChangeBag('4')" :on-value="type" on-cheak="4">九宫</Acheak>|
+            <Acheak @click="ChangeBag('5')" :on-value="type" on-cheak="5">十方</Acheak>
             】
         </div>
         <div class="common">
@@ -49,7 +52,7 @@
         <div class="common" v-if="type == '0'">
             <div class="item" v-for="(item, index) in data" :key="index">
                 {{ PageExtend.GetPageIndex(currentPage, 10, index + 1) }}.
-                <Abar :href='"/prop/equ?ue=" + item.ueId'>{{ item.equName }}({{ item.lev }}级)</Abar>
+                <GameEqu :equ-data="item" :show-url="true" :show-lev="1"></GameEqu>
                 <span v-if="item.isOn == 1">(装)</span>
                 <span v-if="item.isAppr == 0">(未鉴定)</span>
                 <span v-if="item.useEndTime < onTime" style="color: red;">(过期)</span>
@@ -131,7 +134,7 @@ const BindData = async (): Promise<void> => {
     let result = await BagService.GetUserBagProp(Number(type.value), Number(type_ch.value), serch.value, currentPage.value)
     if (result.code == 0) {
         data.value = result.data.data;
-        total.value = result.data.total;        
+        total.value = result.data.total;
 
         //存储请求参数
         let addLocalData: bagStorage = { type: type.value, type_ch: type_ch.value, page: currentPage.value, serch: serch.value };
@@ -146,14 +149,14 @@ const BindData = async (): Promise<void> => {
 const ChangeBag = async (_type: string): Promise<void> => {
     currentPage.value = 1;
     type.value = _type;
-    type_ch.value = '0';    
-    serch.value='';
+    type_ch.value = '0';
+    serch.value = '';
     await BindData();
 }
 
 const ChangeChildBag = async (ch: string): Promise<void> => {
     currentPage.value = 1;
-    type_ch.value = ch;    
+    type_ch.value = ch;
     await BindData();
 }
 
@@ -163,14 +166,14 @@ const Refresh = async (): Promise<void> => {
     onTime.value = TimeExtend.GetSecondStamp();
     MessageExtend.LoadingToast("刷新中...");
     currentPage.value = 1;
-    await BindData();    
+    await BindData();
     MessageExtend.LoadingClose();
     PageExtend.ScrollToTop();
 }
 
 /**翻页 */
 const handlePageChange = async (page: number): Promise<void> => {
-    currentPage.value = page;    
+    currentPage.value = page;
     await BindData();
 };
 

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

@@ -2,69 +2,69 @@
     <div class="content">
         手持: <Abutton @click="chooseEqu(1, Hold)">[+]</Abutton>
         <div class="item" v-for="item in Hold">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         副手: <Abutton @click="chooseEqu(2, Vice)">[+]</Abutton>
         <div class="item" v-for="item in Vice">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true" :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         头戴: <Abutton @click="chooseEqu(3, Head)">[+]</Abutton>
         <div class="item" v-for="item in Head">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         身穿: <Abutton @click="chooseEqu(4, Wear)">[+]</Abutton>
         <div class="item" v-for="item in Wear">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         腰带: <Abutton @click="chooseEqu(5, Waist)">[+]</Abutton>
         <div class="item" v-for="item in Waist">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         脚穿: <Abutton @click="chooseEqu(6, Foot)">[+]</Abutton>
         <div class="item" v-for="item in Foot">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         佩戴: <Abutton @click="chooseEqu(7, Ornaments)">[+]</Abutton>
         <div class="item" v-for="item in Ornaments">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         时装: <Abutton @click="chooseEqu(8, Fashion)">[+]</Abutton>
         <div class="item" v-for="item in Fashion">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         羽翼: <Abutton @click="chooseEqu(9, Wing)">[+]</Abutton>
         <div class="item" v-for="item in Wing">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>
     <div class="content">
         装饰: <Abutton @click="chooseEqu(10, Decorate)">[+]</Abutton>
         <div class="item" v-for="item in Decorate">
-            <GameEqu :equ-data="item" :show-url="true"></GameEqu>[<Abutton
+            <GameEqu :equ-data="item" :show-url="true"  :show-lev="1"></GameEqu>[<Abutton
                 @click="DownAndOnEqu(item.ueId, '')">卸下</Abutton>]
         </div>
     </div>

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

@@ -0,0 +1,147 @@
+<template>
+    <div class="content">
+        【装备洗练】<br>
+        名称: <GameEqu :equ-data="equData" :show-url="false"></GameEqu><br>
+        <span v-if="equData.equName != equData.unitEquName">
+            装备名称:{{ equData.unitEquName }}<br>
+        </span>
+        部位:{{ EquTool.GetEquPlaceName(equData.code) }}<br>
+        等级:{{ equData.lev }}<br>
+    </div>
+    <div class="content">
+        当前品质:{{ equData.qualityName }}<br>
+        品质等级:{{ equData.quality }}级<br>
+        当前特性:<br>
+        <div :class='"equip equip-lv" + (index + 1)' v-for="(item, index) in equAttr" :key="index">
+            {{ index + 1 }}.{{ item.tip }}
+        </div>
+    </div>
+    <div class="content">
+        ➢洗练所需:<br>
+        <GamePropVerify :data="verifyData.needs"></GamePropVerify>
+    </div>
+    <div class="content" v-if="verifyData.result">
+        [<Abutton @click="btnHandleEquUp">立即洗练</Abutton>]
+    </div>
+    <div class="clear"></div>
+    <div class="content" style="font-size: 16px;;">
+        洗练说明:<br>
+        1.洗练会随机重置装备词条,且不可恢复。<br>
+        2.装备词条数即为装备品质，分别为：<br>金>紫>粉>青>绿>黄>橙>红>白。<br>
+        3.洗练最多可以获得7个特性词条,只有特殊装备会有8个特性词条。<br>        
+    </div>
+</template>
+<script setup lang="ts">
+
+definePageMeta({
+    layout: layout.default,
+    middleware: 'page-loading'
+})
+const equData = ref<any>({});
+const equAttr = ref<Array<any>>([]);
+const verifyData = ref<any>({});
+const needs = ref<Array<any>>([]);
+
+let ueId = PageExtend.QueryString("ue");
+onMounted(async () => {
+    try {
+        await BindData();
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+const BindData = async (): Promise<void> => {
+    let result = await EquService.GetEquQualityInfo(ueId);
+    if (result.code == 0) {
+        equData.value = result.data.equData;
+        equAttr.value = equData.value.equAttr;
+        verifyData.value = result.data.result;        
+        needs.value = verifyData.value.needs;
+    }
+    else {
+        MessageExtend.ShowDialog("装备洗练", result.msg);
+    }
+};
+/**洗练装备 */
+const btnHandleEquUp = async () => {
+    MessageExtend.LoadingToast("洗练中...");
+    let result = await EquService.HandleEquQuality(ueId);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) {
+        await BindData();
+        MessageExtend.Notify(result.msg, "success");
+    }
+    else {
+        MessageExtend.Notify(result.msg, "danger");
+    }
+}
+</script>
+<style>
+/* 装备等级基础通用样式 */
+.equip {
+  width: 220px;
+  padding: 5px;
+  margin: 8px 0;
+  border-radius: 8px;
+  font-size: 15px;
+}
+
+/* 1级 普通 · 浅灰银 */
+.equip-lv1 {
+  color: #868b94; /* 文字色 */
+  background-color: #f2f3f5; /* 背景底色 */
+  border: 1px solid #d0d3d9; /* 边框描边 */
+}
+
+/* 2级 优秀 · 浅青灰 */
+.equip-lv2 {
+  color: #589999;
+  background-color: #f0f8f8;
+  border: 1px solid #b2d8d8;
+}
+
+/* 3级 精良 · 柔和绿 */
+.equip-lv3 {
+  color: #4a9966;
+  background-color: #f2faf5;
+  border: 1px solid #a6d9bb;
+}
+
+/* 4级 稀有 · 暖黄琥珀（低饱和不刺眼） */
+.equip-lv4 {
+  color: #b38628;
+  background-color: #fff9eb;
+  border: 1px solid #f0d090;
+}
+
+/* 5级 史诗 · 淡紫柔紫 */
+.equip-lv5 {
+  color: #805cb3;
+  background-color: #f7f2ff;
+  border: 1px solid #ccb8e6;
+}
+
+/* 6级 传说 · 浅天蓝 */
+.equip-lv6 {
+  color: #3b7cb8;
+  background-color: #f0f7ff;
+  border: 1px solid #a3c6e8;
+}
+
+/* 7级 神话 · 柔暗红（复古酒红） */
+.equip-lv7 {
+  color: #a84f4f;
+  background-color: #fdf2f2;
+  border: 1px solid #e8b3b3;
+}
+
+/* 8级 不朽 · 鎏金暗金（高级质感，不荧光） */
+.equip-lv8 {
+  color: #b88c36;
+  background-color: #fffbf0;
+  border: 1px solid #e6c280;
+  /* 顶级增加微弱渐变质感 */
+  background-image: linear-gradient(135deg, #fffbf0, #fff6e0);
+}
+</style>

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

@@ -74,7 +74,7 @@ onMounted(async () => {
     }
 })
 const BindData = async (): Promise<void> => {
-    let result = await EquService.GetEquUpInfo(ueId);    
+    let result = await EquService.GetEquUpInfo(ueId);
     if (result.code == 0) {
         equData.value = result.data.equData;
         isMax.value = result.data.isMax;
@@ -104,10 +104,12 @@ const ChangePropOk = async (data: any) => {
             it.code = data.code;
             it.parameter = data.parameter;
             it.count = data.count;
+            it.isOp = data.isOp;
+            it.retCount = data.retCount;
         }
     });
     let _needs = JSON.stringify(needs.value);
-    let result = await BagService.CheckUserProp(_needs);    
+    let result = await BagService.CheckUserProp(1, 1, _needs);
     MessageExtend.LoadingClose();
     if (result.code == 0) {
         verifyData.value = result.data;

Web/src/services/Index/BusinessService.ts

@@ -0,0 +1,17 @@
+export class BusinessService {
+    /**
+     * 获取打造图纸
+     * GET /Business/GetEquPaper
+     */
+    static async GetEquPaper() {
+        return await ApiService.Request("get", "/Business/GetEquPaper");
+    }
+
+    /**
+     * 打造装备
+     * GET /Business/HandleEquPaper
+     */
+    static async HandleEquPaper(npcId: number, goodsId: number) {
+        return await ApiService.Request("get", "/Business/HandleEquPaper", { npcId, goodsId });
+    }
+}

Web/src/services/Index/EquService.ts

@@ -31,6 +31,14 @@ export class EquService {
         return await ApiService.Request("get", "/Equ/GetUserOnEqu");
     }
 
+    /**
+     * 鉴定装备
+     * GET /Equ/ApprEqu
+     */
+    static async ApprEqu(ueId: string) {
+        return await ApiService.Request("get", "/Equ/ApprEqu", { ueId });
+    }
+
     /**
      * 穿/卸装备
      * GET /Equ/DownOrUpEqu
@@ -89,4 +97,20 @@ export class EquService {
     static async HandleEquUp(ueId: string, needs: string) {
         return await ApiService.Request("post", "/Equ/HandleEquUp", { ueId, needs });
     }
+
+    /**
+     * 获取洗练装备属性
+     * GET /Equ/GetEquQualityInfo
+     */
+    static async GetEquQualityInfo(ueId: string) {
+        return await ApiService.Request("get", "/Equ/GetEquQualityInfo", { ueId });
+    }
+
+    /**
+     * 洗练装备
+     * GET /Equ/HandleEquQuality
+     */
+    static async HandleEquQuality(ueId: string) {
+        return await ApiService.Request("get", "/Equ/HandleEquQuality", { ueId });
+    }
 }

Web/src/services/Index/RecoverService.ts

@@ -30,4 +30,20 @@ export class RecoverService {
     static async RecoverVigour(npcId: number) {
         return await ApiService.Request("get", "/Recover/RecoverVigour", { npcId });
     }
+
+    /**
+     * 获取恢复耐久的装备
+     * GET /Recover/GetUserRecoverEqu
+     */
+    static async GetUserRecoverEqu(npcId: number) {
+        return await ApiService.Request("get", "/Recover/GetUserRecoverEqu", { npcId });
+    }
+
+    /**
+     * 恢复装备耐久
+     * GET /Recover/RecoverEqu
+     */
+    static async RecoverEqu(npcId: number, ueId: string) {
+        return await ApiService.Request("get", "/Recover/RecoverEqu", { npcId, ueId });
+    }
 }

Web/src/services/user/BagService.ts

@@ -18,9 +18,11 @@ export class BagService {
     /**
      * 验证用户道具
      * POST /User/Bag/CheckUserProp
+     * @param type body
+     * @param count body
      * @param needs body
      */
-    static async CheckUserProp(needs: string) {
-        return await ApiService.Request("post", "/User/Bag/CheckUserProp", { needs });
+    static async CheckUserProp(type: number, count: number, needs: string) {
+        return await ApiService.Request("post", "/User/Bag/CheckUserProp", { type, count, needs });
     }
 }

Web/src/utility‌/EquTool.ts

@@ -82,4 +82,101 @@ export class EquTool {
         }
         return result;
     }
+
+    public static ConvertEquName(data: any, showLev: number) {
+        let equName = data.equName;
+        let tips = '';
+        if (data.quality > 0) {
+            tips = "✡";//洗练
+        }
+        tips = this.GetEquNameAttr(tips, data.intensifyLev);
+        if (data.EquAwaken != null) {
+            if (data.EquAwaken.Count > 0) {
+                tips += "✪";//觉醒
+            }
+        }
+        if (data.suitCode != "0")//套装
+        {
+            tips += "+";
+        }
+        if (showLev == 1) {
+            equName = `${tips}${data.equName}(${data.lev}级)`;
+            if (data.quality > 4) {
+                equName = `<i class='j_l'></i>${equName}<i class='j_r'></i>`;
+            }
+        }
+        else {
+            equName = `${tips}${data.equName}`;
+        }
+        return `<span class='${this.GetEquColorName(data.quality)}'>${equName}</span>`; ;
+
+    }
+    private static GetEquNameAttr(tips: string, lev: number) {
+        let result = '';
+        if (lev <= 4) {
+            result = `${tips}`;
+        }
+        else if (lev > 4 && lev <= 20) {
+            let igName = ["红", "橙", "黄", "绿", "青", "蓝", "紫", "粉", "幻", "天", "弑", "神", "灵", "真", "玄", "尊"];
+            result = `${tips}${igName[lev - 5]}`;
+        }
+        else if (lev > 20 && lev <= 30) {
+            result = `${tips}尊`;
+        }
+        else if (lev > 30 && lev <= 40) {
+            result = `<i class='tq'></i>${tips}天启`;
+        }
+        else if (lev > 40 && lev <= 50) {
+            result = `<i class='ty'></i>${tips}天陨`;
+        }
+        else if (lev > 50 && lev <= 60) {
+            result = `<i class='ms'></i>${tips}灭世`;
+        }
+        else if (lev > 60 && lev <= 70) {
+            result = `<i class='zx'></i>${tips}诛仙`;
+        }
+        else if (lev > 70 && lev <= 80) {
+            result = `<i class='sy'></i>${tips}神音`;
+        }
+        else if (lev > 80 && lev <= 90) {
+            result = `<i class='gw'></i>${tips}归无`;
+        }
+        else if (lev > 90 && lev <= 99) {
+            result = `<i class='ly'></i>${tips}灵韵`;
+        }
+        else {
+            result = `<i class='hm'></i>${tips}鸿蒙`;
+        }
+        return result;
+    }
+    private static GetEquColorName(lev: number) {
+        let result = '';
+        switch (lev) {
+            case 1:
+                result = 'equ_red';
+                break;
+            case 2:
+                result = 'equ_orange';
+                break;
+            case 3:
+                result = 'equ_yellow';
+                break;
+            case 4:
+                result = 'equ_green';
+                break;
+            case 5:
+                result = 'equ_cyan';
+                break;
+            case 6:
+                result = 'equ_blue';
+                break;
+            case 7:
+                result = 'equ_purple';
+                break;
+            case 8:
+                result = 'equ_glod';
+                break;
+        }
+        return result;
+    }
 }