3b41cffbc9
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
828 lines
28 KiB
JavaScript
828 lines
28 KiB
JavaScript
const ipDefase = {
|
||
template: /*html*/ `
|
||
<div>
|
||
|
||
<div class="ip-defase-box">
|
||
<div class="fire-list-search">
|
||
<el-select v-model="params.status" clearable :placeholder="lang.ipDefase_text1">
|
||
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option>
|
||
</el-select>
|
||
<el-input v-model="params.keywords" clearable @keyup.enter.native="search" :placeholder="lang.ipDefase_text2">
|
||
</el-input>
|
||
<el-button type="primary" @click="search">{{lang.ipDefase_text3}}</el-button>
|
||
</div>
|
||
<el-table v-loading="tabeLoading" :data="productList" @sort-change="sortChange"
|
||
style="width: 100%; margin:0.2rem 0;">
|
||
<el-table-column prop="id" label="ID">
|
||
</el-table-column>
|
||
<el-table-column prop="host_ip" :label="lang.ipDefase_text4" sortable>
|
||
</el-table-column>
|
||
<el-table-column prop="defense_peak" :label="lang.ipDefase_text14">
|
||
<template slot-scope="{row}">
|
||
<span>{{row.defense_peak || '--'}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="due_time" :label="lang.index_text13">
|
||
<template slot-scope="{row}">
|
||
<span>{{row.due_time | formateTime }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="status" :label="lang.ipDefase_text5" width="200">
|
||
<template slot-scope="{row}">
|
||
<template v-if="row.statusLoading">
|
||
<i class="primary-icon el-icon-loading"></i>
|
||
</template>
|
||
<template v-else>
|
||
{{getStatusLabel(row.status)}}
|
||
<i @click="getProductStatus(row)" class="primary-icon el-icon-refresh"></i>
|
||
</template>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="op" :label="lang.ipDefase_text6" width="160" fixed="right">
|
||
<template slot-scope="{row}">
|
||
<div class="operation">
|
||
<el-button type="text" @click="showRenew(row)" v-if="row.sub_host_id">{{lang.cloud_re_btn}}</el-button>
|
||
<el-button type="text" @click="openUpgradeDialog(row)">{{lang.ipDefase_text7}}</el-button>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<pagination :page-data="params" @sizechange="sizeChange" @currentchange="currentChange"></pagination>
|
||
</div>
|
||
|
||
<div class="upgrade-dialog" v-if="isShowUpgrade">
|
||
<el-dialog width="9.5rem" :visible.sync="isShowUpgrade" :show-close="false" @close="upgradeDgClose">
|
||
<div class="dialog-title">{{lang.ipDefase_text11}}</div>
|
||
<div class="dialog-main">
|
||
<div class="ipDefase-now-info">
|
||
<div class="now-text">{{lang.ipDefase_text15}}：{{ipInfo.host_ip}}</div>
|
||
<div class="now-text">{{lang.ipDefase_text16}}：{{getStatusLabel(ipInfo.status)}}</div>
|
||
<div class="now-text">{{lang.ipDefase_text17}}：{{ipInfo.defense_peak || '--'}}</div>
|
||
</div>
|
||
<el-form ref="ipDefaseForm" label-position="left" label-width="100px" hide-required-asterisk>
|
||
<!-- 防御 -->
|
||
<el-form-item :label="lang.ipDefase_text12">
|
||
<el-radio-group v-model="defenseName">
|
||
<el-radio-button :label="c.desc" v-for="(c,cInd) in defenceList" :key="cInd" @click.native="chooseDefence($event,c)">
|
||
</el-radio-button>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item :label="lang.cart_tip_text12" v-if="upDurationList.length > 0">
|
||
<el-radio-group v-model="upParams.duration_id">
|
||
<el-radio-button :label="c.id" v-for="c in upDurationList" :key="c.id" @click.native="changeDuration($event,c)">
|
||
{{c.name_show}}
|
||
</el-radio-button>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
<div class="dialog-footer">
|
||
<div class="footer-top">
|
||
<div class="money-text">{{lang.ipDefase_text13}}：</div>
|
||
<div class="money" v-loading="upgradePriceLoading">
|
||
<span class="money-num">{{commonData.currency_prefix }} {{ upParams.totalPrice | filterMoney}}</span>
|
||
<el-popover placement="top-start" width="200" trigger="hover"
|
||
v-if="isShowLevel || (isShowPromo && upParams.isUseDiscountCode)">
|
||
<div class="show-config-list">
|
||
<p v-if="isShowLevel">
|
||
{{lang.shoppingCar_tip_text2}}：{{commonData.currency_prefix}}
|
||
{{ upParams.clDiscount | filterMoney }}
|
||
</p>
|
||
<p v-if="isShowPromo && upParams.isUseDiscountCode">
|
||
{{lang.shoppingCar_tip_text4}}：{{commonData.currency_prefix}}
|
||
{{ upParams.code_discount | filterMoney}}
|
||
</p>
|
||
|
||
</div>
|
||
<i class="el-icon-warning-outline total-icon" slot="reference"></i>
|
||
</el-popover>
|
||
<p class="original-price" v-if="upParams.totalPrice != upParams.original_price">
|
||
{{commonData.currency_prefix}} {{ upParams.original_price |
|
||
filterMoney}}
|
||
</p>
|
||
<div class="code-box" v-if="false">
|
||
<!-- 优惠码 -->
|
||
<discount-code v-show="isShowPromo && !upParams.customfield.promo_code "
|
||
@get-discount="getUpDiscount(arguments)" scene="upgrade" :product_id="product_id"
|
||
:amount="upParams.original_price" :billing_cycle_time="billing_cycle_time">
|
||
</discount-code>
|
||
</div>
|
||
<div class="code-number-text">
|
||
<div class="discount-codeNumber" v-show="upParams.customfield.promo_code">
|
||
{{ upParams.customfield.promo_code }}<i class="el-icon-circle-close remove-discountCode"
|
||
@click="removeUpDiscountCode()"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<el-button class="btn-ok" @click="upgradeSub" :loading="loading4">
|
||
{{lang.security_btn5}}
|
||
</el-button>
|
||
<div class="btn-no" @click="upgradeDgClose">
|
||
{{lang.security_btn6}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
|
||
|
||
<!-- 续费弹窗 -->
|
||
<div class="renew-dialog">
|
||
<el-dialog width="6.9rem" :visible.sync="isShowRenew" :show-close="false" @close="renewDgClose">
|
||
<div class="dialog-title">{{lang.common_cloud_title10}}</div>
|
||
<div class="dialog-main">
|
||
<div class="renew-content">
|
||
<div class="renew-item" :class="renewActiveId==item.id?'renew-active':''" v-for="item in renewPageData"
|
||
:key="item.id" @click="renewItemChange(item)">
|
||
<div class="item-top">{{item.customfield?.multi_language?.billing_cycle || item.billing_cycle}}</div>
|
||
<div class="item-bottom" v-if="isShowPromo && renewParams.isUseDiscountCode">
|
||
{{commonData.currency_prefix + item.base_price}}
|
||
</div>
|
||
<div class="item-bottom" v-else>
|
||
{{commonData.currency_prefix + item.price}}
|
||
</div>
|
||
<div class="item-origin-price"
|
||
v-if="item.price*1 < item.base_price*1 && !renewParams.isUseDiscountCode">
|
||
{{commonData.currency_prefix + item.base_price}}
|
||
</div>
|
||
<i class="el-icon-check check" v-show="renewActiveId==item.id"></i>
|
||
</div>
|
||
</div>
|
||
<div class="pay-content">
|
||
<div class="pay-price">
|
||
<div class="money" v-loading="renewLoading">
|
||
<span class="text">{{lang.common_cloud_label11}}:</span>
|
||
<span>{{commonData.currency_prefix}}{{renewParams.totalPrice |
|
||
filterMoney}}</span>
|
||
<el-popover placement="top-start" width="200" trigger="hover"
|
||
v-if="(isShowLevel && renewParams.clDiscount*1 > 0) || (isShowPromo && renewParams.isUseDiscountCode)">
|
||
<div class="show-config-list">
|
||
<p v-if="isShowLevel && renewParams.clDiscount*1 > 0">
|
||
{{lang.shoppingCar_tip_text2}}：{{commonData.currency_prefix}}
|
||
{{ renewParams.clDiscount | filterMoney}}
|
||
</p>
|
||
<p v-if="isShowPromo && renewParams.isUseDiscountCode">
|
||
{{lang.shoppingCar_tip_text4}}：{{commonData.currency_prefix}}
|
||
{{ renewParams.code_discount | filterMoney }}
|
||
</p>
|
||
</div>
|
||
<i class="el-icon-warning-outline total-icon" slot="reference"></i>
|
||
</el-popover>
|
||
<p class="original-price"
|
||
v-if="renewParams.customfield.promo_code && renewParams.totalPrice != renewParams.base_price">
|
||
{{commonData.currency_prefix}} {{ renewParams.base_price |
|
||
filterMoney}}
|
||
</p>
|
||
<p class="original-price"
|
||
v-if="!renewParams.customfield.promo_code && renewParams.totalPrice != renewParams.original_price">
|
||
{{commonData.currency_prefix}} {{ renewParams.original_price
|
||
| filterMoney}}
|
||
</p>
|
||
<div class="code-box" v-if="false">
|
||
<!-- 优惠码 -->
|
||
<discount-code v-show="isShowPromo && !renewParams.customfield.promo_code"
|
||
@get-discount="getRenewDiscount(arguments)" scene="renew" :product_id="product_id"
|
||
:amount="renewParams.base_price" :billing_cycle_time="renewParams.duration">
|
||
</discount-code>
|
||
</div>
|
||
<div class="code-number-text">
|
||
<div class="discount-codeNumber" v-show="renewParams.customfield.promo_code">
|
||
{{ renewParams.customfield.promo_code }}<i class="el-icon-circle-close remove-discountCode"
|
||
@click="removeRenewDiscountCode()"></i>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dialog-footer">
|
||
<el-button class="btn-ok" @click="subRenew" :loading="subRenewLoading">
|
||
{{lang.common_cloud_btn30}}
|
||
</el-button>
|
||
<el-button class="btn-no" @click="renewDgClose">
|
||
{{lang.common_cloud_btn29}}
|
||
</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
|
||
|
||
<pay-dialog ref="ipDefasePayDialog" @payok="paySuccess" @paycancel="payCancel"></pay-dialog>
|
||
|
||
</div>
|
||
|
||
`,
|
||
data() {
|
||
return {
|
||
commonData: {},
|
||
params: {
|
||
keywords: "",
|
||
status: "",
|
||
page: 1,
|
||
limit: 20,
|
||
pageSizes: [20, 50, 100],
|
||
total: 0,
|
||
orderby: "id",
|
||
sort: "desc",
|
||
},
|
||
tabeLoading: false,
|
||
statusOptions: [
|
||
{label: lang.ipDefase_text8, value: 0},
|
||
{label: lang.ipDefase_text9, value: 1},
|
||
{label: lang.ipDefase_text10, value: 2},
|
||
],
|
||
productList: [],
|
||
isShowUpgrade: false,
|
||
isShowLevel: false,
|
||
isShowPromo: false,
|
||
upParams: {
|
||
customfield: {
|
||
promo_code: "", // 优惠码
|
||
},
|
||
duration_id: "", // 周期
|
||
isUseDiscountCode: false, // 是否使用优惠码
|
||
clDiscount: 0, // 用户等级折扣价
|
||
code_discount: 0, // 优惠码折扣价
|
||
original_price: 0, // 原价
|
||
totalPrice: 0, // 现价
|
||
},
|
||
upgradePriceLoading: false,
|
||
loading4: false,
|
||
|
||
defenceList: [],
|
||
peak_defence: "",
|
||
defenseName: "",
|
||
ipInfo: {},
|
||
ip: "",
|
||
isInit: true,
|
||
isShowRenew: false, // 续费的总计loading
|
||
renewBtnLoading: false, // 续费按钮的loading
|
||
// 续费页面信息
|
||
renewPageData: [],
|
||
renewPriceList: [],
|
||
renewActiveId: "",
|
||
renewLoading: false, // 续费计算折扣loading
|
||
// 续费参数
|
||
renewParams: {
|
||
id: 0, //默认选中的续费id
|
||
isUseDiscountCode: false, // 是否使用优惠码
|
||
customfield: {
|
||
promo_code: "", // 优惠码
|
||
},
|
||
duration: "", // 周期
|
||
billing_cycle: "", // 周期时间
|
||
clDiscount: 0, // 用户等级折扣价
|
||
code_discount: 0, // 优惠码折扣价
|
||
original_price: 0, // 原价
|
||
base_price: 0,
|
||
totalPrice: 0, // 现价
|
||
},
|
||
sub_host_id: 0,
|
||
subRenewLoading: false,
|
||
upDurationList: [],
|
||
};
|
||
},
|
||
components: {
|
||
payDialog,
|
||
pagination,
|
||
discountCode,
|
||
cashBack,
|
||
},
|
||
props: {
|
||
id: {
|
||
// 产品id
|
||
type: String | Number,
|
||
required: true,
|
||
},
|
||
// 场景中的所有商品ID
|
||
product_id: {
|
||
type: String | Number,
|
||
required: true,
|
||
},
|
||
billing_cycle_time: {
|
||
type: String | Number,
|
||
required: true,
|
||
},
|
||
module: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
listmode: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
showip: {
|
||
type: String,
|
||
required: false,
|
||
},
|
||
},
|
||
watch: {
|
||
renewParams: {
|
||
handler() {
|
||
let n = 0;
|
||
// l:当前周期的续费价格
|
||
if (this.isShowPromo && this.renewParams.customfield.promo_code) {
|
||
// n: 算出来的价格
|
||
n =
|
||
(this.renewParams.base_price * 1000 -
|
||
this.renewParams.clDiscount * 1000 -
|
||
this.renewParams.code_discount * 1000) /
|
||
1000 >
|
||
0
|
||
? (this.renewParams.base_price * 1000 -
|
||
this.renewParams.clDiscount * 1000 -
|
||
this.renewParams.code_discount * 1000) /
|
||
1000
|
||
: 0;
|
||
} else {
|
||
// n: 算出来的价格
|
||
n =
|
||
(this.renewParams.original_price * 1000 -
|
||
this.renewParams.clDiscount * 1000 -
|
||
this.renewParams.code_discount * 1000) /
|
||
1000 >
|
||
0
|
||
? (this.renewParams.original_price * 1000 -
|
||
this.renewParams.clDiscount * 1000 -
|
||
this.renewParams.code_discount * 1000) /
|
||
1000
|
||
: 0;
|
||
}
|
||
let t = n;
|
||
// 如果当前周期和选择的周期相同，则和当前周期对比价格
|
||
// if (
|
||
// this.hostData.billing_cycle_time === this.renewParams.duration ||
|
||
// this.hostData.billing_cycle_name === this.renewParams.billing_cycle
|
||
// ) {
|
||
// // 谁大取谁
|
||
// t = n;
|
||
// }
|
||
this.renewParams.totalPrice =
|
||
t * 1000 > 0 ? ((t * 1000) / 1000).toFixed(2) : 0;
|
||
},
|
||
immediate: true,
|
||
deep: true,
|
||
},
|
||
},
|
||
created() {
|
||
this.getProductList();
|
||
this.getCommonData();
|
||
},
|
||
mounted() {
|
||
this.isShowLevel = havePlugin("IdcsmartClientLevel");
|
||
this.isShowPromo = havePlugin("PromoCode");
|
||
},
|
||
filters: {
|
||
formateTime(time) {
|
||
if (time && time !== 0) {
|
||
return formateDate(time * 1000);
|
||
} else {
|
||
return "--";
|
||
}
|
||
},
|
||
// 返回剩余到期时间
|
||
formateDueDay(time) {
|
||
return Math.floor((time * 1000 - Date.now()) / (1000 * 60 * 60 * 24));
|
||
},
|
||
filterMoney(money) {
|
||
if (isNaN(money) || money * 1 < 0) {
|
||
return "0.00";
|
||
} else {
|
||
return formatNuberFiexd(money);
|
||
}
|
||
},
|
||
},
|
||
methods: {
|
||
paySuccess(e) {
|
||
this.isShowUpgrade = false;
|
||
this.$emit("success");
|
||
setTimeout(() => {
|
||
this.getProductList();
|
||
}, 1000);
|
||
},
|
||
// 取消支付回调
|
||
payCancel(e) {},
|
||
openUpgradeDialog(row) {
|
||
this.ipInfo = row;
|
||
this.ip = row.host_ip;
|
||
this.getUpConfig();
|
||
},
|
||
getUpConfig() {
|
||
apiGetUpDefenceConfig(
|
||
{
|
||
id: this.id,
|
||
ip: this.ip,
|
||
},
|
||
this.module
|
||
)
|
||
.then((res) => {
|
||
this.defenceList = res.data.data?.defence || [];
|
||
this.peak_defence = res.data.data?.current_defence
|
||
? res.data.data?.current_defence
|
||
: res.data.data?.defence[0]?.value || "";
|
||
this.defenseName = this.defenceList.find(
|
||
(item) => item.value === this.peak_defence
|
||
)?.desc;
|
||
this.isShowUpgrade = true;
|
||
this.getCycleList();
|
||
})
|
||
.catch((err) => {
|
||
err.data.msg && this.$message.error(err.data.msg);
|
||
});
|
||
},
|
||
chooseDefence(e, c) {
|
||
this.defenseName = c.desc;
|
||
this.peak_defence = c.value;
|
||
this.getCycleList();
|
||
e.preventDefault();
|
||
},
|
||
changeDuration(e, c) {
|
||
this.upParams.duration_id = c.id;
|
||
this.getCycleList();
|
||
e.preventDefault();
|
||
},
|
||
// 关闭升降级弹窗
|
||
upgradeDgClose() {
|
||
this.isShowUpgrade = false;
|
||
this.removeUpDiscountCode(false);
|
||
},
|
||
|
||
// 升降级使用优惠码
|
||
getUpDiscount(data) {
|
||
this.upParams.customfield.promo_code = data[1];
|
||
this.upParams.isUseDiscountCode = true;
|
||
this.upParams.code_discount = Number(data[0]);
|
||
this.getCycleList();
|
||
},
|
||
// 移除升降级优惠码
|
||
removeUpDiscountCode(flag = true) {
|
||
this.upParams.isUseDiscountCode = false;
|
||
this.upParams.customfield.promo_code = "";
|
||
this.upParams.code_discount = 0;
|
||
if (flag) {
|
||
this.getCycleList();
|
||
}
|
||
},
|
||
|
||
// 获取升降级价格
|
||
getCycleList() {
|
||
this.upgradePriceLoading = true;
|
||
const params = {
|
||
id: this.id,
|
||
ip: this.ip,
|
||
peak_defence: this.peak_defence,
|
||
duration_id: this.upParams.duration_id,
|
||
};
|
||
apiCalculateUpDefencePrice(params, this.module)
|
||
.then(async (res) => {
|
||
if (res.data.status == 200) {
|
||
this.upDurationList = res.data.data.durations;
|
||
if (!this.upParams.duration_id) {
|
||
this.upParams.duration_id =
|
||
res.data.data.duration_id || this.upDurationList[0]?.id;
|
||
}
|
||
if (res.data.data.durations?.length === 0) {
|
||
this.upParams.duration_id = "";
|
||
}
|
||
let price = res.data.data.price; // 当前产品的价格
|
||
if (price < 0) {
|
||
this.upParams.original_price = 0;
|
||
this.upParams.totalPrice = 0;
|
||
this.upgradePriceLoading = false;
|
||
return;
|
||
}
|
||
this.upParams.original_price = price;
|
||
this.upParams.totalPrice = price;
|
||
// 开启了等级优惠
|
||
if (this.isShowLevel) {
|
||
await clientLevelAmount({id: this.product_id, amount: price})
|
||
.then((ress) => {
|
||
this.upParams.clDiscount = Number(ress.data.data.discount);
|
||
})
|
||
.catch(() => {
|
||
this.upParams.clDiscount = 0;
|
||
});
|
||
}
|
||
// 开启了优惠码插件
|
||
if (this.isShowPromo) {
|
||
// 更新优惠码
|
||
await applyPromoCode({
|
||
// 开启了优惠券
|
||
scene: "upgrade",
|
||
product_id: this.product_id,
|
||
amount: price,
|
||
billing_cycle_time: this.billing_cycle_time,
|
||
promo_code: this.upParams.customfield.promo_code,
|
||
host_id: this.id,
|
||
})
|
||
.then((resss) => {
|
||
this.upParams.isUseDiscountCode = true;
|
||
this.upParams.code_discount = Number(
|
||
resss.data.data.discount
|
||
);
|
||
})
|
||
.catch((err) => {
|
||
this.upParams.isUseDiscountCode = false;
|
||
this.upParams.customfield.promo_code = "";
|
||
this.upParams.code_discount = 0;
|
||
this.$message.error(err.data.msg);
|
||
});
|
||
}
|
||
this.upParams.totalPrice =
|
||
(price * 1000 -
|
||
this.upParams.clDiscount * 1000 -
|
||
this.upParams.code_discount * 1000) /
|
||
1000 >
|
||
0
|
||
? (
|
||
(price * 1000 -
|
||
this.upParams.clDiscount * 1000 -
|
||
this.upParams.code_discount * 1000) /
|
||
1000
|
||
).toFixed(2)
|
||
: 0;
|
||
this.upgradePriceLoading = false;
|
||
} else {
|
||
this.upParams.original_price = 0;
|
||
this.upParams.clDiscount = 0;
|
||
this.upParams.isUseDiscountCode = false;
|
||
this.upParams.customfield.promo_code = "";
|
||
this.upParams.code_discount = 0;
|
||
this.upParams.totalPrice = 0;
|
||
this.upgradePriceLoading = false;
|
||
}
|
||
})
|
||
.catch((error) => {
|
||
this.upDurationList = [];
|
||
this.upParams.duration_id = "";
|
||
this.upParams.original_price = 0;
|
||
this.upParams.clDiscount = 0;
|
||
this.upParams.isUseDiscountCode = false;
|
||
this.upParams.customfield.promo_code = "";
|
||
this.upParams.code_discount = 0;
|
||
this.upParams.totalPrice = 0;
|
||
this.upgradePriceLoading = false;
|
||
});
|
||
},
|
||
|
||
// 升降级提交
|
||
upgradeSub() {
|
||
const params = {
|
||
id: this.id,
|
||
ip: this.ip,
|
||
peak_defence: this.peak_defence,
|
||
duration_id: this.upParams.duration_id,
|
||
customfield: this.upParams.customfield,
|
||
};
|
||
this.loading4 = true;
|
||
apiGenerateUpDefenceOrder(params, this.module)
|
||
.then((res) => {
|
||
if (res.data.status === 200) {
|
||
this.$message.success(lang.common_cloud_text56);
|
||
const orderId = res.data.data.id;
|
||
// 调支付弹窗
|
||
this.$refs.ipDefasePayDialog.showPayDialog(orderId, 0);
|
||
} else {
|
||
this.$message.error(err.data.msg);
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
this.$message.error(err.data.msg);
|
||
})
|
||
.finally(() => {
|
||
this.loading4 = false;
|
||
});
|
||
},
|
||
|
||
goProductDetail(row) {
|
||
window.open(`/productdetail.htm?id=${row.host_id}&showUp=1`);
|
||
},
|
||
getStatusLabel(status) {
|
||
return (
|
||
this.statusOptions.find((item) => item.value === status)?.label || "--"
|
||
);
|
||
},
|
||
search() {
|
||
this.params.page = 1;
|
||
this.getProductList();
|
||
},
|
||
// 每页展示数改变
|
||
sizeChange(e) {
|
||
this.params.limit = e;
|
||
this.params.page = 1;
|
||
// 获取列表
|
||
this.getProductList();
|
||
},
|
||
// 当前页改变
|
||
currentChange(e) {
|
||
this.params.page = e;
|
||
this.getProductList();
|
||
},
|
||
sortChange({prop, order}) {
|
||
this.params.orderby = order ? prop : "id";
|
||
this.params.sort = order === "ascending" ? "asc" : "desc";
|
||
this.getProductList();
|
||
},
|
||
// 获取产品状态
|
||
getProductStatus(item, isInit = false) {
|
||
!isInit && (item.statusLoading = true);
|
||
apiProductRefreshHostIpStatus({id: item.id}, this.listmode)
|
||
.then((res) => {
|
||
item.status = res.data.data.status;
|
||
if (item.statusLoading) {
|
||
this.$message.success(res.data.msg);
|
||
}
|
||
item.statusLoading = false;
|
||
})
|
||
.catch((err) => {
|
||
item.statusLoading = false;
|
||
this.$message.error(err.data.msg);
|
||
});
|
||
},
|
||
getProductList() {
|
||
this.tabeLoading = true;
|
||
apiProductGetHostIp({...this.params, host_id: this.id}, this.listmode)
|
||
.then(async (res) => {
|
||
this.tabeLoading = false;
|
||
this.productList = res.data.data.list.map((item) => {
|
||
item.statusLoading = false;
|
||
this.getProductStatus(item, true);
|
||
return item;
|
||
});
|
||
this.params.total = res.data.data.count;
|
||
if (this.showip && this.isInit) {
|
||
this.isInit = false;
|
||
const ipInfo = this.productList.find(
|
||
(item) => item.host_ip == this.showip
|
||
);
|
||
if (ipInfo) {
|
||
this.openUpgradeDialog(ipInfo);
|
||
}
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
this.tabeLoading = false;
|
||
this.$message.error(err.data.msg);
|
||
});
|
||
},
|
||
getCommonData() {
|
||
this.commonData = JSON.parse(localStorage.getItem("common_set_before"));
|
||
},
|
||
|
||
// 续费使用优惠码
|
||
async getRenewDiscount(data) {
|
||
this.renewParams.customfield.promo_code = data[1];
|
||
this.renewParams.isUseDiscountCode = true;
|
||
this.renewParams.code_discount = Number(data[0]);
|
||
const price = this.renewParams.base_price;
|
||
const discountParams = {id: this.product_id, amount: price};
|
||
// 开启了等级折扣插件
|
||
if (this.isShowLevel) {
|
||
// 获取等级抵扣价格
|
||
await clientLevelAmount(discountParams)
|
||
.then((res2) => {
|
||
if (res2.data.status === 200) {
|
||
this.renewParams.clDiscount = Number(res2.data.data.discount); // 客户等级优惠金额
|
||
}
|
||
})
|
||
.catch((error) => {
|
||
this.renewParams.clDiscount = 0;
|
||
});
|
||
}
|
||
},
|
||
// 移除续费的优惠码
|
||
removeRenewDiscountCode() {
|
||
this.renewParams.isUseDiscountCode = false;
|
||
this.renewParams.customfield.promo_code = "";
|
||
this.renewParams.code_discount = 0;
|
||
this.renewParams.clDiscount = 0;
|
||
const price = this.renewParams.original_price;
|
||
},
|
||
|
||
// 显示续费弹窗
|
||
showRenew(row) {
|
||
this.sub_host_id = row.sub_host_id;
|
||
if (this.renewBtnLoading) return;
|
||
this.renewBtnLoading = true;
|
||
// 获取续费页面信息
|
||
const params = {
|
||
id: this.sub_host_id,
|
||
};
|
||
this.isShowRenew = true;
|
||
this.renewLoading = true;
|
||
renewPage(params)
|
||
.then((res) => {
|
||
if (res.data.status === 200) {
|
||
this.renewBtnLoading = false;
|
||
this.renewPageData = res.data.data.host;
|
||
this.renewActiveId = this.renewPageData[0].id;
|
||
this.renewParams.billing_cycle =
|
||
this.renewPageData[0].billing_cycle;
|
||
this.renewParams.duration = this.renewPageData[0].duration;
|
||
this.renewParams.original_price = this.renewPageData[0].price;
|
||
this.renewParams.base_price = this.renewPageData[0].base_price;
|
||
}
|
||
this.renewLoading = false;
|
||
})
|
||
.catch((err) => {
|
||
this.renewBtnLoading = false;
|
||
this.renewLoading = false;
|
||
this.$message.error(err.data.msg);
|
||
});
|
||
},
|
||
getRenewPrice() {
|
||
renewPage({id: this.id})
|
||
.then(async (res) => {
|
||
if (res.data.status === 200) {
|
||
this.renewPriceList = res.data.data.host;
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
this.renewPriceList = [];
|
||
});
|
||
},
|
||
// 续费弹窗关闭
|
||
renewDgClose() {
|
||
this.isShowRenew = false;
|
||
this.removeRenewDiscountCode();
|
||
},
|
||
// 续费提交
|
||
subRenew() {
|
||
this.subRenewLoading = true;
|
||
const params = {
|
||
id: this.sub_host_id,
|
||
billing_cycle: this.renewParams.billing_cycle,
|
||
customfield: this.renewParams.customfield,
|
||
};
|
||
|
||
renew(params)
|
||
.then((res) => {
|
||
this.subRenewLoading = false;
|
||
if (res.data.status === 200) {
|
||
this.$message.success(res.data.msg);
|
||
this.isShowRenew = false;
|
||
if (res.data.code == "Paid") {
|
||
this.getProductList();
|
||
} else {
|
||
this.$refs.ipDefasePayDialog.showPayDialog(res.data.data.id);
|
||
}
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
this.subRenewLoading = false;
|
||
this.$message.error(err.data.msg);
|
||
});
|
||
},
|
||
// 续费周期点击
|
||
async renewItemChange(item) {
|
||
this.renewLoading = true;
|
||
this.renewActiveId = item.id;
|
||
this.renewParams.duration = item.duration;
|
||
this.renewParams.billing_cycle = item.billing_cycle;
|
||
this.renewParams.original_price = item.price;
|
||
this.renewParams.base_price = item.base_price;
|
||
|
||
// 开启了优惠码插件
|
||
if (this.isShowPromo && this.renewParams.isUseDiscountCode) {
|
||
const discountParams = {id: this.product_id, amount: item.base_price};
|
||
// 开启了等级折扣插件
|
||
if (this.isShowLevel) {
|
||
// 获取等级抵扣价格
|
||
await clientLevelAmount(discountParams)
|
||
.then((res2) => {
|
||
if (res2.data.status === 200) {
|
||
this.renewParams.clDiscount = Number(res2.data.data.discount); // 客户等级优惠金额
|
||
}
|
||
})
|
||
.catch((error) => {
|
||
this.renewParams.clDiscount = 0;
|
||
});
|
||
}
|
||
|
||
// 更新优惠码
|
||
await applyPromoCode({
|
||
scene: "renew",
|
||
product_id: this.product_id,
|
||
amount: item.base_price,
|
||
billing_cycle_time: this.renewParams.duration,
|
||
promo_code: this.renewParams.customfield.promo_code,
|
||
})
|
||
.then((resss) => {
|
||
price = item.base_price;
|
||
this.renewParams.isUseDiscountCode = true;
|
||
this.renewParams.code_discount = Number(resss.data.data.discount);
|
||
})
|
||
.catch((err) => {
|
||
this.$message.error(err.data.msg);
|
||
this.removeRenewDiscountCode();
|
||
});
|
||
}
|
||
this.renewLoading = false;
|
||
},
|
||
},
|
||
};
|