This commit is contained in:
huangjinming 2023-01-18 17:30:01 +08:00
parent f538b44478
commit 67aab37d63
6 changed files with 83 additions and 107 deletions

View File

@ -135,22 +135,7 @@ export default {
return {
chainManager: new ChainManager(),
loadingInstance:null,
visible:this.dialogVisible,
chipArrid: {
39: "Hp Pct",
40: "Atk Pct",
41: "Def Pct",
42: "Critical",
43: "Cri Damage",
44: "Dodge",
45: "Dodge Reduce",
46: "Hp Recover Pct",
47: "Brain Life Pct",
48: "Reload Time Pct",
49: "Bullet Speed",
50: "Bullet Speed Pct",
51: "Cool Down Pct",
},
visible:this.dialogVisible
};
},
watch: {

View File

@ -12,8 +12,8 @@
</div>
<div class="userinfo">
<div>History:</div>
<div>#3006...0103 (NFTLink)</div>
<!-- <div>History:</div>
<div>#3006...0103 (NFTLink)</div> -->
</div>
</div>
</div>

View File

@ -35,7 +35,9 @@
<div class="level">
<div>
<span class="level-name">Lv</span>
<span class="level-number" v-if="chip.detail">{{ chip.detail.chip_grade }}</span>
<span class="level-number" v-if="chip.detail">{{
chip.detail.chip_grade
}}</span>
</div>
<div class="lucky-value">
<div class="lucky-img">
@ -72,7 +74,7 @@
v-for="(item, i) in chip.detail.rand_attr"
:key="i"
>
<div>{{ chipArrid[item.attr_id] }}</div>
<div>{{ chipArridName(item.attr_id)}}</div>
<div>{{ parseFloat(item.val * 100).toFixed(2) }}%</div>
</div>
<div class="def-item">LUCKY Lv.{{ chip.detail.chip_grade }}</div>
@ -86,7 +88,11 @@
<div class="sell" @click="handPutShow" v-else>Sell</div>
</div>
<div class="buy-price" v-else>
<div class="price"><span class="price-number">{{formatPriceShow(chip.s_price,18)}}</span></div>
<div class="price">
<span class="price-number">{{
formatPriceShow(chip.s_price, 18)
}}</span>
</div>
<div class="buy-img" @click="handBuyShow">
<img src="../../../assets/market/hero/buy.png" alt="aoi-hero" />
</div>
@ -101,10 +107,11 @@
<script>
import { formatSelect } from "@/utils/UTCTime";
import { formatPrice } from "@/utils/chain.util";
import { formatAddress } from "@/utils/formatAddress";
import { formatAddress, getChipArrid } from "@/utils/formatAddress";
import { AppModule } from "@/store/modules/app";
import { CONTRACT_ADDRESS } from "@/configs/config_chain";
import ChainManager from "@/chain/ChainManager";
export default {
props: ["isType"],
name: "HeroModal",
@ -112,23 +119,8 @@ export default {
return {
detailVisible: false,
chip: "",
loadingInstance:null,
chainManager: new ChainManager(),
chipArrid: {
39: "Hp Pct",
40: "Atk Pct",
41: "Def Pct",
42: "Critical",
43: "Cri Damage",
44: "Dodge",
45: "Dodge Reduce",
46: "Hp Recover Pct",
47: "Brain Life Pct",
48: "Reload Time Pct",
49: "Bullet Speed",
50: "Bullet Speed Pct",
51: "Cool Down Pct",
},
loadingInstance: null,
chainManager: new ChainManager()
};
},
created() {
@ -139,20 +131,22 @@ export default {
return formatSelect(this.chip?.modifytime);
},
owner() {
if(this.chip?.owner_address){
if (this.chip?.owner_address) {
return formatAddress(this.chip?.owner_address);
}else return false
} else return false;
},
},
methods: {
closeTip() {
// (: closeTip)
this.$emit("closeTip");
},
formatPriceShow(price, decimals, fixed = 2) {
return formatPrice(price, decimals, fixed);
},
chipArridName(nameId) {
return getChipArrid(nameId);
},
init(data) {
this.detailVisible = true;
this.chip = data;
@ -165,9 +159,8 @@ export default {
this.$emit("handBuyShow", this.chip);
},
async handRemove() {
try {
this.showLoading()
this.showLoading();
const nftres = await this.chainManager.bc.beginCancelOrder(
this.chip.o_link,
CONTRACT_ADDRESS[AppModule.chainId].marketAddress
@ -211,7 +204,8 @@ export default {
width: 100%;
background-color: rgba(20, 28, 34, 0.6);
z-index: 2000;
transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s,
transform 0.2s ease-in-out 0s;
.content {
position: relative;
.close {

View File

@ -35,7 +35,7 @@
/>
</div>
<div class="service-usdt">
<span class="usdt-number"> 10.8</span> USDT
<span class="usdt-number"> 0</span> USDT
</div>
</div>
<div class="piece-bottom">
@ -71,7 +71,7 @@
<div class="piece-bottom-center">
<div class="minimum">
<div>The minimum price setting is</div>
<div>1.01 USDT</div>
<div>0.01 USDT</div>
</div>
<div class="minimum">
<div>The maximum price setting is</div>

View File

@ -96,7 +96,6 @@ export default {
handMessage() {
this.$nextTick(() => {
this.$refs.message.open(1);
console.log("chegn");
});
},
handPutHide() {

View File

@ -60,7 +60,8 @@
</div>
</div>
<LevelStar v-if="weapon.detail" :level="weapon.detail.quality"> </LevelStar>
<LevelStar v-if="weapon.detail" :level="weapon.detail.quality">
</LevelStar>
<LevelValue
v-if="weapon.detail"
:level="weapon.detail.gun_lv"
@ -102,8 +103,7 @@
</div>
<div>ATTACK</div>
</div>
<div
v-if="weapon.detail">
<div v-if="weapon.detail">
{{
weapon.detail.rand_attr[0].val >= 100
? parseInt(weapon.detail.rand_attr[0].val * 1)
@ -118,8 +118,7 @@
</div>
<div>RANGE</div>
</div>
<div
v-if="weapon.detail">
<div v-if="weapon.detail">
{{
weapon.detail.rand_attr[6].val >= 100
? parseInt(weapon.detail.rand_attr[6].val * 1)
@ -135,8 +134,7 @@
</div>
<div>REAT</div>
</div>
<div
v-if="weapon.detail">
<div v-if="weapon.detail">
{{
weapon.detail.rand_attr[3].val >= 100
? parseInt(weapon.detail.rand_attr[3].val * 1)
@ -221,7 +219,9 @@
</div>
<div>BULLET SPEED</div>
</div>
<div v-if="weapon.detail">{{ weapon.detail.rand_attr[8].val }}</div>
<div v-if="weapon.detail">
{{ weapon.detail.rand_attr[8].val }}
</div>
</div>
</div>
<AccountCard
@ -240,7 +240,11 @@
<div class="sell" @click="handPutShow" v-else>Sell</div>
</div>
<div class="buy-price" v-else>
<div class="price"><span class="price-number">{{formatPriceShow(weapon.s_price,18)}}</span></div>
<div class="price">
<span class="price-number">{{
formatPriceShow(weapon.s_price, 18)
}}</span>
</div>
<div class="buy-img" @click="handBuyShow">
<img src="../../../assets/market/hero/buy.png" alt="aoi-hero" />
</div>
@ -272,15 +276,12 @@ export default {
chainManager: new ChainManager(),
weapon: "",
isTabs: false,
loadingInstance:null
loadingInstance: null,
};
},
// created() {
// console.log(this.hero, "hero");
// },
methods: {
closeTip() {
// (: closeTip)
this.$emit("closeTip");
},
formatPriceShow(price, decimals, fixed = 2) {
@ -295,7 +296,6 @@ export default {
},
handChipTab() {
// this.$emit("showTip", true);
this.isTabs = true;
},
handPutShow() {
@ -306,14 +306,12 @@ export default {
},
async handRemove() {
try {
this.showLoading()
this.showLoading();
const nftres = await this.chainManager.bc.beginCancelOrder(
this.weapon.o_link,
CONTRACT_ADDRESS[AppModule.chainId].marketAddress
);
console.log(nftres, "beginSell");
if (nftres.status == true) {
this.$emit("handMessage", 1);
this.hideLoading();
setTimeout(() => {
@ -335,7 +333,6 @@ export default {
background: "rgba(0, 0, 0, 0.8)",
});
},
hideLoading() {
this.loadingInstance?.close();
},
@ -352,7 +349,8 @@ export default {
width: 100%;
background-color: rgba(20, 28, 34, 0.6);
z-index: 2000;
transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s, transform 0.2s ease-in-out 0s;
transition: opacity 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0s,
transform 0.2s ease-in-out 0s;
.content {
position: relative;
.close {