Skip to content

A
apaas-ui
Commit 8520c76a authored by 刘殿昕's avatar 刘殿昕
Browse files
Options

云资源价格

parent dca59da1
Show whitespace changes
Inline Side-by-side
Showing with 219 additions and 187 deletions
src/components/service-header.vue
View file @ 8520c76a
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</span> </span>
<span <span
class="right gap" class="right gap"
v-if="data.yydetail || data.xxdetail || data.yydev||data.public||data.unpublic||data.undeploy||data.deploy" v-if="data.yydetail || data.xxdetail ||data.public||data.unpublic||data.undeploy||data.deploy"
> >
| |
</span> </span>
...@@ -88,9 +88,9 @@ ...@@ -88,9 +88,9 @@
取消发布 取消发布
</span> </span>
<span class="info_fix" v-if="data.yydev" @click="subevent(6)"> <!-- <span class="info_fix" v-if="data.yydev" @click="subevent(6)">
应用开发 应用开发
</span> </span> -->
</p> </p>
<div class="info_detail"> <div class="info_detail">
<p> <p>
......
src/components/shop-cloud/shop-cloud-new.vue
View file @ 8520c76a
...@@ -1030,6 +1030,7 @@ export default { ...@@ -1030,6 +1030,7 @@ export default {
let sumCM = 0; let sumCM = 0;
let sumDisk = 0; let sumDisk = 0;
let a_deductions = 0; let a_deductions = 0;
let arrJifei = JSON.parse(JSON.stringify(this.jifeiList1));
if (this.activeName == "0") { if (this.activeName == "0") {
a_deductions = this.deductions; a_deductions = this.deductions;
if (this.cpu_memory && this.cpu_memory.length != 0) { if (this.cpu_memory && this.cpu_memory.length != 0) {
...@@ -1065,9 +1066,9 @@ export default { ...@@ -1065,9 +1066,9 @@ export default {
} }
sumCM = sumCM * Number(this.formNew.appDuration); sumCM = sumCM * Number(this.formNew.appDuration);
if ( if (
this.formNew.dataDisk >= 1 && this.formNew.dataDisk >= 0 &&
this.formNew.perDataDisk >= 1 && this.formNew.perDataDisk >= 0 &&
this.formNew.appDuration >= 1 this.formNew.appDuration >= 0
) { ) {
if (this.hard_disk && this.hard_disk.length != 0) { if (this.hard_disk && this.hard_disk.length != 0) {
this.disk_single_money = Number(this.hard_disk[0].price); this.disk_single_money = Number(this.hard_disk[0].price);
...@@ -1077,26 +1078,26 @@ export default { ...@@ -1077,26 +1078,26 @@ export default {
Number(this.formNew.appDuration) * Number(this.formNew.appDuration) *
Number(this.hard_disk[0].price); Number(this.hard_disk[0].price);
} }
this.jifeiList1[2] = { arrJifei[2] = {
name: "数据盘", name: "数据盘",
num: `${this.formNew.dataDisk}个数据盘，每个数据盘${this.formNew.perDataDisk}GB`, num: `${this.formNew.dataDisk}个数据盘，每个数据盘${this.formNew.perDataDisk}GB`,
time: `${this.formNew.appDuration}个月`, time: `${this.formNew.appDuration}个月`,
sum: `${sumDisk}金币`, sum: `${sumDisk}金币`,
}; };
} else { } else {
this.jifeiList1.splice(2); arrJifei.splice(2);
} }
this.jifeiList1[0].num = `${ arrJifei[0].num = `${this.formNew.cpu >= 1 ? this.formNew.cpu : 0}核+${
this.formNew.cpu >= 1 ? this.formNew.cpu : 0 this.formNew.memory >= 1 ? this.formNew.memory : 0
}核+${this.formNew.memory >= 1 ? this.formNew.memory : 0}G`; }G`;
this.jifeiList1[0].time = `${ arrJifei[0].time = `${
this.formNew.appDuration >= 1 ? this.formNew.appDuration : 0 this.formNew.appDuration >= 1 ? this.formNew.appDuration : 0
}个月`; }个月`;
this.jifeiList1[0].sum = `${sumCM}金币`; arrJifei[0].sum = `${sumCM}金币`;
this.jifeiList1[1].num = `${ arrJifei[1].num = `${
this.formNew.containerGroup >= 1 ? this.formNew.containerGroup : 0 this.formNew.containerGroup >= 1 ? this.formNew.containerGroup : 0
}个`; }个`;
this.jifeiList1[1].time = `${ arrJifei[1].time = `${
this.formNew.appDuration >= 1 ? this.formNew.appDuration : 0 this.formNew.appDuration >= 1 ? this.formNew.appDuration : 0
}个月`; }个月`;
} else if (this.activeName == "1") { } else if (this.activeName == "1") {
...@@ -1134,9 +1135,9 @@ export default { ...@@ -1134,9 +1135,9 @@ export default {
} }
sumCM = sumCM * Number(this.formOld.appDuration); sumCM = sumCM * Number(this.formOld.appDuration);
if ( if (
this.formOld.dataDisk >= 1 && this.formOld.dataDisk >= 0 &&
this.formOld.perDataDisk >= 1 && this.formOld.perDataDisk >= 0 &&
this.formOld.appDuration >= 1 this.formOld.appDuration >= 0
) { ) {
if (this.hard_disk && this.hard_disk.length != 0) { if (this.hard_disk && this.hard_disk.length != 0) {
this.disk_single_money = Number(this.hard_disk[0].price); this.disk_single_money = Number(this.hard_disk[0].price);
...@@ -1146,29 +1147,32 @@ export default { ...@@ -1146,29 +1147,32 @@ export default {
Number(this.formOld.appDuration) * Number(this.formOld.appDuration) *
Number(this.hard_disk[0].price); Number(this.hard_disk[0].price);
} }
this.jifeiList1[2] = { arrJifei[2] = {
name: "数据盘", name: "数据盘",
num: `${this.formOld.dataDisk}个数据盘，每个数据盘${this.formOld.perDataDisk}GB`, num: `${this.formOld.dataDisk}个数据盘，每个数据盘${this.formOld.perDataDisk}GB`,
time: `${this.formOld.appDuration}个月`, time: `${this.formOld.appDuration}个月`,
sum: `${sumDisk}金币`, sum: `${sumDisk}金币`,
}; };
} else { } else {
this.jifeiList1.splice(2); arrJifei.splice(2);
} }
this.jifeiList1[0].num = `${ arrJifei[0].num = `${this.formOld.cpu >= 1 ? this.formOld.cpu : 0}核+${
this.formOld.cpu >= 1 ? this.formOld.cpu : 0 this.formOld.memory >= 1 ? this.formOld.memory : 0
}核+${this.formOld.memory >= 1 ? this.formOld.memory : 0}G`; }G`;
this.jifeiList1[0].time = `${ arrJifei[0].time = `${
this.formOld.appDuration >= 1 ? this.formOld.appDuration : 0 this.formOld.appDuration >= 1 ? this.formOld.appDuration : 0
}个月`; }个月`;
this.jifeiList1[0].sum = `${sumCM}金币`; arrJifei[0].sum = `${sumCM}金币`;
this.jifeiList1[1].num = `${ arrJifei[1].num = `${
this.formOld.containerGroup >= 1 ? this.formOld.containerGroup : 0 this.formOld.containerGroup >= 1 ? this.formOld.containerGroup : 0
}个`; }个`;
this.jifeiList1[1].time = `${ arrJifei[1].time = `${
this.formOld.appDuration >= 1 ? this.formOld.appDuration : 0 this.formOld.appDuration >= 1 ? this.formOld.appDuration : 0
}个月`; }个月`;
} }
this.$nextTick(() => {
this.jifeiList1 = arrJifei;
});
// console.log(sumCM, sumDisk) // console.log(sumCM, sumDisk)
this.amounts_payable = Number( this.amounts_payable = Number(
(Number(sumCM) + Number(sumDisk)).toFixed(2) (Number(sumCM) + Number(sumDisk)).toFixed(2)
...@@ -1629,7 +1633,7 @@ export default { ...@@ -1629,7 +1633,7 @@ export default {
name: "数据盘", name: "数据盘",
num: `${this.dataDiskList.length}个数据盘，共计${this.dataDiskList.length}GB"`, num: `${this.dataDiskList.length}个数据盘，共计${this.dataDiskList.length}GB"`,
time: "0个月", time: "0个月",
sum: "2000金币", sum: "0金币",
}, },
]; ];
} else { } else {
......
src/pages/workbench/yygl/app_detail.vue
View file @ 8520c76a
...@@ -38,7 +38,17 @@ ...@@ -38,7 +38,17 @@
:defaultOpen="preview" :defaultOpen="preview"
:editable="false" :editable="false"
/> --> /> -->
<div slot="app_code" style="white-space: pre-wrap;background-color:rgb(251,251,251);padding:15px;border-radius:5px;">{{appcode}}</div> <div
slot="app_code"
style="
white-space: pre-wrap;
background-color: rgb(251, 251, 251);
padding: 15px;
border-radius: 5px;
"
>
{{ appcode }}
</div>
</info-list> </info-list>
<div <div
...@@ -47,7 +57,7 @@ ...@@ -47,7 +57,7 @@
now_user == 0 now_user == 0
" "
> >
<p style="color:#8890a7;">镜像列表：</p> <p style="color: #8890a7">镜像列表：</p>
<div <div
v-if="image_arr" v-if="image_arr"
class="image_list_container" class="image_list_container"
...@@ -58,10 +68,16 @@ ...@@ -58,10 +68,16 @@
:data="image_arr" :data="image_arr"
:padding-left="60" :padding-left="60"
></apass-table> ></apass-table>
<p style="text-align: center;line-height: 36px;" v-if="image_loading"> <p
style="text-align: center; line-height: 36px"
v-if="image_loading"
>
加载中... 加载中...
</p> </p>
<p style="text-align: center;line-height: 36px;" v-if="image_noMore"> <p
style="text-align: center; line-height: 36px"
v-if="image_noMore"
>
没有更多了 没有更多了
</p> </p>
</div> </div>
...@@ -118,18 +134,18 @@ ...@@ -118,18 +134,18 @@
now_user == 0 now_user == 0
" "
> >
<p style="color:#8890a7;">压缩包：</p> <p style="color: #8890a7">压缩包：</p>
<p> <p>
<img <img
src="@/assets/imgs/ic_olddata.png" src="@/assets/imgs/ic_olddata.png"
alt="" alt=""
style="margin-right: 10px;" style="margin-right: 10px"
/>{{ oldpag_name }} />{{ oldpag_name }}
<span class="download" @click="down_load_zip">下载原压缩包</span> <span class="download" @click="down_load_zip">下载原压缩包</span>
</p> </p>
<p style="color:#8890a7;margin:20px 0;">上传新的压缩包：</p> <p style="color: #8890a7; margin: 20px 0">上传新的压缩包：</p>
<div class="uploadtips"> <div class="uploadtips">
<p style="margin-left:-11px;"> <p style="margin-left: -11px">
<i class="el-icon-warning-outline"></i>压缩包上传提示： <i class="el-icon-warning-outline"></i>压缩包上传提示：
</p> </p>
<p> <p>
...@@ -193,8 +209,8 @@ ...@@ -193,8 +209,8 @@
</service-tab-comments> </service-tab-comments>
</div> </div>
<div v-if="service_arr[now_user][now_service]=='应用计费规则'"> <div v-if="service_arr[now_user][now_service] == '应用计费规则'">
<p style="color: #8890a7;">应用规格：</p> <p style="color: #8890a7">应用规格：</p>
<table-um <table-um
:stripe="true" :stripe="true"
:headers="service_size_arr" :headers="service_size_arr"
...@@ -209,7 +225,7 @@ ...@@ -209,7 +225,7 @@
</div> </div>
<p <p
v-if="now_user == 1 && sizeset_flag" v-if="now_user == 1 && sizeset_flag"
style="color: #8890a7;margin-bottom:10px;" style="color: #8890a7; margin-bottom: 10px"
> >
规格设置： 规格设置：
</p> </p>
...@@ -232,30 +248,30 @@ ...@@ -232,30 +248,30 @@
</div> </div>
</div> </div>
<div v-if="service_arr[now_user][now_service]=='应用交易记录'"> <div v-if="service_arr[now_user][now_service] == '应用交易记录'">
<info-list :list_arr="trans_log_arr"> <info-list :list_arr="trans_log_arr">
<div slot="trans_all" class="trans_all"> <div slot="trans_all" class="trans_all">
<div class="trans_box"> <div class="trans_box">
<div class="trans_middle"> <div class="trans_middle">
<img src="../../../assets/imgs/ic_shouyizonge.png" alt=""> <img src="../../../assets/imgs/ic_shouyizonge.png" alt="" />
<p>应用收益总额</p> <p>应用收益总额</p>
<p>{{trans_all_obj.all}} </p> <p>{{ trans_all_obj.all }}</p>
<span>金币</span> <span>金币</span>
</div> </div>
</div> </div>
<div class="trans_box"> <div class="trans_box">
<div class="trans_middle"> <div class="trans_middle">
<img src="../../../assets/imgs/ic_jiaoyizs.png" alt=""> <img src="../../../assets/imgs/ic_jiaoyizs.png" alt="" />
<p>交易总数</p> <p>交易总数</p>
<p>{{trans_all_obj.times}} </p> <p>{{ trans_all_obj.times }}</p>
<span>笔</span> <span>笔</span>
</div> </div>
</div> </div>
<div class="trans_box"> <div class="trans_box">
<div class="trans_middle"> <div class="trans_middle">
<img src="../../../assets/imgs/ic_yuejiaoyi.png" alt=""> <img src="../../../assets/imgs/ic_yuejiaoyi.png" alt="" />
<p>本月交易总数</p> <p>本月交易总数</p>
<p>{{trans_all_obj.month}} </p> <p>{{ trans_all_obj.month }}</p>
<span>笔</span> <span>笔</span>
</div> </div>
</div> </div>
...@@ -310,26 +326,26 @@ export default { ...@@ -310,26 +326,26 @@ export default {
serviceTabComments, serviceTabComments,
apassTable, apassTable,
imageDetail, imageDetail,
ListPagination ListPagination,
}, },
data() { data() {
var checkname = (rule, value, callback) => { var checkname = (rule, value, callback) => {
var reg = /^[a-z\-_]+$/ var reg = /^[a-z\-_]+$/;
setTimeout(() => { setTimeout(() => {
if (reg.test(value)) { if (reg.test(value)) {
callback(); callback();
} else { } else {
callback(new Error('只支持小写字母 - _')); callback(new Error("只支持小写字母 - _"));
} }
}, 100); }, 100);
}; };
var checktag = (rule, value, callback) => { var checktag = (rule, value, callback) => {
var reg = /^[a-zA-Z0-9|.]+$/ var reg = /^[a-zA-Z0-9|.]+$/;
setTimeout(() => { setTimeout(() => {
if (reg.test(value)) { if (reg.test(value)) {
callback(); callback();
} else { } else {
callback(new Error('只支持小写字母 数字 .')); callback(new Error("只支持小写字母 数字 ."));
} }
}, 100); }, 100);
}; };
...@@ -338,7 +354,7 @@ export default { ...@@ -338,7 +354,7 @@ export default {
buy_style: 0, buy_style: 0,
image_loading: false, image_loading: false,
image_noMore: false, image_noMore: false,
sizeset_flag:false, sizeset_flag: false,
translistTotal: 0, translistTotal: 0,
transcurrentPage: 1, transcurrentPage: 1,
transpageSize: 10, transpageSize: 10,
...@@ -346,7 +362,7 @@ export default { ...@@ -346,7 +362,7 @@ export default {
preview: "preview", preview: "preview",
subfield: false, subfield: false,
image_arr: [], image_arr: [],
size_arr_down:[], size_arr_down: [],
now_page: 1, now_page: 1,
total: 0, total: 0,
anotherData: {}, anotherData: {},
...@@ -367,7 +383,7 @@ export default { ...@@ -367,7 +383,7 @@ export default {
taps: "", taps: "",
}, },
fileList: [], fileList: [],
trans_log_header:[ trans_log_header: [
{ {
prop: "department_name", prop: "department_name",
label: "申请单位", label: "申请单位",
...@@ -411,29 +427,29 @@ export default { ...@@ -411,29 +427,29 @@ export default {
align: "center", align: "center",
}, },
], ],
trans_log_data:[], trans_log_data: [],
trans_log_arr:[ trans_log_arr: [
{ {
title: "应用交易概览", title: "应用交易概览",
info: "", info: "",
prop:'title', prop: "title",
type: "solt", type: "solt",
solt_name: "trans_all", solt_name: "trans_all",
}, },
{ {
title: "应用交易记录", title: "应用交易记录",
info: "", info: "",
prop:'title', prop: "title",
type: "solt", type: "solt",
solt_name: "trans_log", solt_name: "trans_log",
}, },
], ],
trans_all_obj:{ trans_all_obj: {
all:0, all: 0,
times:0, times: 0,
month:0, month: 0,
}, },
service_size_data:[], service_size_data: [],
service_size_arr: [ service_size_arr: [
{ {
prop: "type", prop: "type",
...@@ -460,13 +476,13 @@ export default { ...@@ -460,13 +476,13 @@ export default {
align: "left", align: "left",
}, },
], ],
edit_size_arr:[ edit_size_arr: [
{ {
prop: "type", prop: "type",
label: "规格类别", label: "规格类别",
width: "250px", width: "250px",
align: "left", align: "left",
type:'input' type: "input",
}, },
{ {
prop: "price", prop: "price",
...@@ -486,17 +502,18 @@ export default { ...@@ -486,17 +502,18 @@ export default {
label: "规格说明", label: "规格说明",
minWidth: "33.33%", minWidth: "33.33%",
align: "left", align: "left",
type:'input' type: "input",
} },
], ],
rules: { rules: {
name: [{ required: true, message: "请输入镜像名称", trigger: "blur" }, name: [
{ max:20, message: "应小于20个字符", trigger: 'blur' }, { required: true, message: "请输入镜像名称", trigger: "blur" },
{validator: checkname, trigger: 'blur' } { max: 20, message: "应小于20个字符", trigger: "blur" },
{ validator: checkname, trigger: "blur" },
], ],
taps: [ taps: [
{ required: true, message: "请输入镜像版本", trigger: "blur" }, { required: true, message: "请输入镜像版本", trigger: "blur" },
{ max:10, message: "应小于10个字符", trigger: 'blur' }, { max: 10, message: "应小于10个字符", trigger: "blur" },
{ validator: checktag, trigger: "blur" }, { validator: checktag, trigger: "blur" },
], ],
}, },
...@@ -632,100 +649,109 @@ export default { ...@@ -632,100 +649,109 @@ export default {
]; ];
}, },
methods: { methods: {
get_app_size(){ get_app_size() {
this.$http this.$http
.get( .get(
`/apaas/hubApi/market/appSpecification?id=${this.$route.params.id}` `/apaas/hubApi/market/appSpecification?id=${this.$route.params.id}`
).then((res)=>{ )
.then((res) => {
console.log(res); console.log(res);
if(res.data.success){ if (res.data.success) {
var data = res.data.data var data = res.data.data;
var temp = [{ var temp = [
id:data.id, {
type:'申请获取应用镜像部署权限', id: data.id,
time:'按月', type: "申请获取应用镜像部署权限",
price:data.price, time: "按月",
des:data.specifications price: data.price,
}] des: data.specifications,
},
];
this.service_size_data = temp this.service_size_data = temp;
this.size_arr_down = temp this.size_arr_down = temp;
} }
}) });
}, },
transchangePageSize(value) { transchangePageSize(value) {
this.transpageSize = value; this.transpageSize = value;
this.transcurrentPage = 1; this.transcurrentPage = 1;
this.get_app_trans_data() this.get_app_trans_data();
}, },
transchangeCurrentPage(value) { transchangeCurrentPage(value) {
this.transcurrentPage = value; this.transcurrentPage = value;
this.get_app_trans_data() this.get_app_trans_data();
}, },
change_service_size(){ change_service_size() {
console.log(this.size_arr_down); console.log(this.size_arr_down);
if (
this.size_arr_down[0].price != "" &&
this.size_arr_down[0].des != ""
) {
this.$http this.$http
.put( .put(`/apaas/hubApi/market/appSpecification`, {
`/apaas/hubApi/market/appSpecification`,{ id: parseInt(this.$route.params.id),
"id":parseInt(this.$route.params.id), price: this.size_arr_down[0].price,
    "price":this.size_arr_down[0].price, price_style: 0,
    "price_style":0, specification_category: "申请获取应用镜像部署权限",
    "specification_category":"申请获取应用镜像部署权限", specifications: this.size_arr_down[0].des,
    "specifications":this.size_arr_down[0].des })
.then((res) => {
if (res.data.success) {
this.$message.success("修改成功");
this.sizeset_flag = false;
this.get_app_size();
} else {
this.$message.error(res.data.errMsg);
} }
).then(res=>{ });
if(res.data.success){ } else {
this.$message.success('修改成功') this.$message.error("请完善规格信息");
this.sizeset_flag = false
this.get_app_size()
}else{
this.$message.error(this.data.errMsg)
} }
})
}, },
get_app_trans_all(){ get_app_trans_all() {
this.$http this.$http
.get( .get(
`/apaas/hubApi/market/incomeStatistics?id=${this.$route.params.id}&limit=${this.transpageSize}&page=${this.transcurrentPage}` `/apaas/hubApi/market/incomeStatistics?id=${this.$route.params.id}&limit=${this.transpageSize}&page=${this.transcurrentPage}`
).then(res=>{ )
if(res.data.success){ .then((res) => {
var data = res.data.data if (res.data.success) {
this.trans_all_obj={ var data = res.data.data;
all:data.sum, this.trans_all_obj = {
times:data.count, all: data.sum,
month:data.month_count, times: data.count,
} month: data.month_count,
};
} }
}) });
}, },
get_app_trans_data(){ get_app_trans_data() {
this.$http this.$http
.get( .get(
`/apaas/hubApi/market/transactionRecord?app_id=${this.$route.params.id}&limit=${this.transpageSize}&page=${this.transcurrentPage}` `/apaas/hubApi/market/transactionRecord?app_id=${this.$route.params.id}&limit=${this.transpageSize}&page=${this.transcurrentPage}`
).then(res=>{ )
.then((res) => {
console.log(res); console.log(res);
if(res.data.success){ if (res.data.success) {
res.data.data.forEach(e => { res.data.data.forEach((e) => {
e.add_time_name = helper.dateStringTransform(e.add_time) e.add_time_name = helper.dateStringTransform(e.add_time);
}); });
this.trans_log_data = res.data.data this.trans_log_data = res.data.data;
this.translistTotal = res.data.total this.translistTotal = res.data.total;
} }
}) });
}, },
now_size_data(val){ now_size_data(val) {
val.forEach(e=>{ val.forEach((e) => {
e.type = '申请获取应用镜像部署权限' e.type = "申请获取应用镜像部署权限";
e.time = '按月' e.time = "按月";
}) });
this.size_arr_down = val this.size_arr_down = val;
}, },
showImageDetail(item) { showImageDetail(item) {
this.$refs.imageDetail.showDialog({ this.$refs.imageDetail.showDialog({
...item, ...item,
app_id: this.$route.params.id app_id: this.$route.params.id,
}); });
}, },
getCurrentUser() { getCurrentUser() {
...@@ -817,10 +843,10 @@ export default { ...@@ -817,10 +843,10 @@ export default {
this.$message.error(response.errMsg); this.$message.error(response.errMsg);
} }
}, },
change_file_state(file,fileList){ change_file_state(file, fileList) {
console.log(file,fileList); console.log(file, fileList);
if(fileList.length>=2){ if (fileList.length >= 2) {
this.fileList = [file] this.fileList = [file];
} }
}, },
upload_error() { upload_error() {
...@@ -868,7 +894,9 @@ export default { ...@@ -868,7 +894,9 @@ export default {
}, },
delete_data(name) { delete_data(name) {
this.$http this.$http
.delete(`/apaas/hubApi/image/del/${name}?app_id=${this.$route.params.id}`) .delete(
`/apaas/hubApi/image/del/${name}?app_id=${this.$route.params.id}`
)
.then((response) => { .then((response) => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.$message.success("删除成功"); this.$message.success("删除成功");
...@@ -1080,13 +1108,14 @@ export default { ...@@ -1080,13 +1108,14 @@ export default {
data.up_platform_status == 0 data.up_platform_status == 0
) { ) {
this.service_arr[this.now_user].push("评分及评论"); this.service_arr[this.now_user].push("评分及评论");
if(this.$route.query.source == "apply"){ if (this.$route.query.source == "apply") {
} else {
}else{ this.get_app_size();
this.get_app_size() this.get_app_trans_data();
this.get_app_trans_data() this.get_app_trans_all();
this.get_app_trans_all() this.service_arr[this.now_user].push(
this.service_arr[this.now_user].push(...["应用计费规则","应用交易记录"]); ...["应用计费规则", "应用交易记录"]
);
} }
} }
...@@ -1108,7 +1137,7 @@ export default { ...@@ -1108,7 +1137,7 @@ export default {
this.service_header_arr = temp_info; this.service_header_arr = temp_info;
} }
}) })
.catch(function(response) {}); .catch(function (response) {});
}, },
getServiceBaseInfo() { getServiceBaseInfo() {
...@@ -1120,7 +1149,7 @@ export default { ...@@ -1120,7 +1149,7 @@ export default {
this.$set(this.list_arr[1], "info", data.gnjj); this.$set(this.list_arr[1], "info", data.gnjj);
this.$set(this.list_arr[2], "info", data.cjsl); this.$set(this.list_arr[2], "info", data.cjsl);
}) })
.catch(function(response) {}); .catch(function (response) {});
}, },
get_app_code() { get_app_code() {
this.$http this.$http
...@@ -1129,13 +1158,13 @@ export default { ...@@ -1129,13 +1158,13 @@ export default {
let data = response.data.data; let data = response.data.data;
this.appcode = data; this.appcode = data;
}) })
.catch(function(response) {}); .catch(function (response) {});
}, },
refreshImageList() { refreshImageList() {
this.now_page = 1; this.now_page = 1;
this.image_arr = []; this.image_arr = [];
this.get_image_list(); this.get_image_list();
} },
}, },
}; };
</script> </script>
...@@ -1256,13 +1285,13 @@ export default { ...@@ -1256,13 +1285,13 @@ export default {
height: 284px; height: 284px;
overflow-y: auto; overflow-y: auto;
} }
.trans_all{ .trans_all {
width: 100%; width: 100%;
height: 128px; height: 128px;
background-color: #fbfcfe; background-color: #fbfcfe;
border-radius: 12px; border-radius: 12px;
} }
.trans_all .trans_box{ .trans_all .trans_box {
width: 33.3%; width: 33.3%;
float: left; float: left;
height: 65px; height: 65px;
...@@ -1270,10 +1299,10 @@ export default { ...@@ -1270,10 +1299,10 @@ export default {
margin-top: 30px; margin-top: 30px;
border-right: 2px solid #e6ebfe; border-right: 2px solid #e6ebfe;
} }
.trans_all .trans_box:nth-last-of-type(1){ .trans_all .trans_box:nth-last-of-type(1) {
border: 0; border: 0;
} }
.trans_middle{ .trans_middle {
width: 200px; width: 200px;
height: 65px; height: 65px;
line-height: 65px; line-height: 65px;
...@@ -1281,33 +1310,32 @@ export default { ...@@ -1281,33 +1310,32 @@ export default {
position: relative; position: relative;
text-align: right; text-align: right;
} }
.trans_middle img{ .trans_middle img {
position: absolute; position: absolute;
left: 0; left: 0;
top: 15px; top: 15px;
} }
.trans_middle span{ .trans_middle span {
position: absolute; position: absolute;
right: -20px; right: -20px;
top: 18px; top: 18px;
font-size: 16px; font-size: 16px;
color: #242c43; color: #242c43;
} }
.trans_middle p{ .trans_middle p {
font-size: 16px; font-size: 16px;
line-height: 32px; line-height: 32px;
color: #58617a; color: #58617a;
} }
.trans_middle p:nth-of-type(2){ .trans_middle p:nth-of-type(2) {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #242c43; color: #242c43;
} }
.trans_all .trans_box:nth-of-type(1) .trans_middle span{ .trans_all .trans_box:nth-of-type(1) .trans_middle span {
right: -40px; right: -40px;
} }
.trans_log{ .trans_log {
width: 100%; width: 100%;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment