1233
This commit is contained in:
1
Web/src/pages/user/bag/give.vue
Normal file
1
Web/src/pages/user/bag/give.vue
Normal file
@@ -0,0 +1 @@
|
||||
<template></template>
|
||||
175
Web/src/pages/user/bag/index.vue
Normal file
175
Web/src/pages/user/bag/index.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="content">
|
||||
【我的物品】.<Abutton @click="Refresh">刷新</Abutton> <br>
|
||||
金元:{{ bagInfo.gold }}<br />
|
||||
金贝:{{ bagInfo.cowry }} <br />
|
||||
负重:{{ bagInfo.onWeight }}/{{ bagInfo.maxWeight }} <br />
|
||||
{{ GameTool.FormatCopper(bagInfo.copper) }}<br />
|
||||
<Abar href="/">交易记录</Abar><br>
|
||||
<Abar href="/">赠送记录</Abar>
|
||||
</div>
|
||||
<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>
|
||||
】
|
||||
</div>
|
||||
<div class="common">
|
||||
|
||||
</div>
|
||||
<div class="common serch">
|
||||
搜索内容:<input type="text" class="search-ipt" v-model="serch">
|
||||
<button class="ipt-btn" name="serch" @click="BindData">搜索</button>
|
||||
</div>
|
||||
<div class="common">
|
||||
<div v-if="type == '0'">
|
||||
<Acheak @click="ChangeChildBag('0')" :on-value="type_ch" on-cheak="0">全部</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('1')" :on-value="type_ch" on-cheak="1">穿戴</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('2')" :on-value="type_ch" on-cheak="2">过期</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('3')" :on-value="type_ch" on-cheak="3">未鉴定</Acheak>
|
||||
</div>
|
||||
<div v-if="type == '2'">
|
||||
<Acheak @click="ChangeChildBag('0')" :on-value="type_ch" on-cheak="0">全部</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('1')" :on-value="type_ch" on-cheak="1">宝石</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('2')" :on-value="type_ch" on-cheak="2">九宫</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('3')" :on-value="type_ch" on-cheak="3">圣痕</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('4')" :on-value="type_ch" on-cheak="4">宝箱</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('5')" :on-value="type_ch" on-cheak="5">材料</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('6')" :on-value="type_ch" on-cheak="6">图纸</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('7')" :on-value="type_ch" on-cheak="7">卡片</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('8')" :on-value="type_ch" on-cheak="8">货物</Acheak>.<Acheak
|
||||
@click="ChangeChildBag('9')" :on-value="type_ch" on-cheak="9">其他</Acheak>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>
|
||||
<span v-if="item.isOn == 1">(穿)</span>
|
||||
<span v-if="item.isAppr == 0">(未鉴定)</span>
|
||||
<span v-if="item.useEndTime < onTime" style="color: red;">(过期)</span>
|
||||
<span v-if="item.durability < 1" style="color: red;">(损坏)</span>
|
||||
<span v-if="item.isLock == 1" style="color: green;">(锁)</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="common" v-if="type == '1'">
|
||||
<div class="item" v-for="(item, index) in data" :key="index">
|
||||
{{ PageExtend.GetPageIndex(currentPage, 10, index + 1) }}.
|
||||
<Abar :href='"/prop/goods?id=" + item.goodsId'>{{ item.goodsName }}</Abar>({{ item.count }})
|
||||
</div>
|
||||
</div>
|
||||
<div class="common" v-if="type == '2'">
|
||||
<div class="item" v-for="(item, index) in data" :key="index">
|
||||
{{ PageExtend.GetPageIndex(currentPage, 10, index + 1) }}.
|
||||
<span v-if="item.code == 'Card'">
|
||||
<Abar :href='"/prop/goods?id=" + item.goodsId'>{{ item.goodsName }}</Abar>({{ item.count }})
|
||||
</span>
|
||||
<span v-else>
|
||||
<Abar :href='"/prop/goods?id=" + item.goodsId'>{{ item.goodsName }}</Abar>({{ item.count }})
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span v-if="data.length == 0">暂无.</span>
|
||||
</div>
|
||||
<div class="content">
|
||||
<Pagination :currentPage="currentPage" :limit="10" :total="total" @pageChange="handlePageChange" />
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
||||
interface bagStorage {
|
||||
type: string
|
||||
type_ch: string
|
||||
page: number
|
||||
serch: string
|
||||
}
|
||||
|
||||
definePageMeta({
|
||||
layout: layout.default,
|
||||
middleware: 'page-loading'
|
||||
})
|
||||
|
||||
const currentPage = ref<number>(1);
|
||||
const total = ref<number>(0);
|
||||
const bagInfo = ref<any>({});
|
||||
const data = ref<Array<any>>([]);
|
||||
const type = ref('0');
|
||||
const type_ch = ref('0');
|
||||
const serch = ref('');
|
||||
const onTime = ref(0);
|
||||
|
||||
|
||||
onMounted(async () => {
|
||||
try {
|
||||
onTime.value = TimeExtend.GetSecondStamp();
|
||||
let localData = LocalStorageExtend.Get<bagStorage>("BagPageCache");
|
||||
if (localData != null) {
|
||||
type.value = localData.type;
|
||||
type_ch.value = localData.type_ch;
|
||||
currentPage.value = localData.page;
|
||||
serch.value = localData.serch;
|
||||
}
|
||||
|
||||
let result = await BagService.GetUserBagData();
|
||||
if (result.code == 0) {
|
||||
bagInfo.value = result.data;
|
||||
await BindData();
|
||||
}
|
||||
}
|
||||
finally {
|
||||
PageLoading.Close();
|
||||
}
|
||||
})
|
||||
|
||||
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;
|
||||
|
||||
//存储请求参数
|
||||
let addLocalData: bagStorage = { type: type.value, type_ch: type_ch.value, page: currentPage.value, serch: serch.value };
|
||||
LocalStorageExtend.Set("BagPageCache", addLocalData);
|
||||
}
|
||||
else {
|
||||
MessageExtend.ShowDialog("提示", result.msg);
|
||||
}
|
||||
};
|
||||
|
||||
/**切换背包 */
|
||||
const ChangeBag = async (_type: string): Promise<void> => {
|
||||
type.value = _type;
|
||||
type_ch.value = '0';
|
||||
serch.value='';
|
||||
await BindData();
|
||||
}
|
||||
|
||||
const ChangeChildBag = async (ch: string): Promise<void> => {
|
||||
type_ch.value = ch;
|
||||
await BindData();
|
||||
}
|
||||
|
||||
/**刷新 */
|
||||
const Refresh = async (): Promise<void> => {
|
||||
serch.value = '';
|
||||
onTime.value = TimeExtend.GetSecondStamp();
|
||||
MessageExtend.LoadingToast("刷新中...");
|
||||
currentPage.value = 1;
|
||||
await BindData();
|
||||
MessageExtend.LoadingClose();
|
||||
PageExtend.ScrollToTop();
|
||||
}
|
||||
|
||||
/**翻页 */
|
||||
const handlePageChange = async (page: number): Promise<void> => {
|
||||
currentPage.value = page;
|
||||
await BindData();
|
||||
};
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user