feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
This commit is contained in:
yiqiu
827
clientarea/hgcloud/components/ipDefase/ipDefase.js
Normal file
827
clientarea/hgcloud/components/ipDefase/ipDefase.js
Normal file
@@ -0,0 +1,827 @@
|
||||
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;
|
||||
},
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user