Skip to content

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

申请页，申请项无数据不显示

parent 35563cf3
Hide whitespace changes
Inline Side-by-side
Showing with 407 additions and 405 deletions
src/components/shop-car-apply/apply_service_state.vue
View file @ 6e3031c6
...@@ -2,10 +2,7 @@ ...@@ -2,10 +2,7 @@
<div class="outborder"> <div class="outborder">
<div class="outservice"> <div class="outservice">
<div class="serviceinfo"> <div class="serviceinfo">
<div <div class="pic" :style="{ backgroundImage: 'url(' + data.img + ')' }"></div>
class="pic"
:style="{ backgroundImage: 'url(' + data.img + ')' }"
></div>
<div class="info"> <div class="info">
<p> <p>
{{ data.title }} {{ data.title }}
...@@ -33,8 +30,7 @@ ...@@ -33,8 +30,7 @@
border: 'solid 1px #e4c884', border: 'solid 1px #e4c884',
} }
" "
>{{ item.tip }}</span >{{ item.tip }}</span>
>
</p> </p>
<p>{{ data.type }}</p> <p>{{ data.type }}</p>
<p>{{ data.auth }}</p> <p>{{ data.auth }}</p>
...@@ -44,9 +40,7 @@ ...@@ -44,9 +40,7 @@
<p>{{ data.size }}</p> <p>{{ data.size }}</p>
<P>{{ data.applytype }}</P> <P>{{ data.applytype }}</P>
</div> </div>
<div class="num"> <div class="num">{{ data.num }}</div>
{{ data.num }}
</div>
<div class="oprate"> <div class="oprate">
<upload-file <upload-file
v-if="data.isMg" v-if="data.isMg"
...@@ -59,20 +53,20 @@ ...@@ -59,20 +53,20 @@
</div> </div>
<p class="inputtitle">应用场景：</p> <p class="inputtitle">应用场景：</p>
<div class="system"> <div class="system">
<el-input <el-input v-model="sceneinput" placeholder="请填写申请服务的应用场景"></el-input>
v-model="sceneinput"
placeholder="请填写申请服务的应用场景"
></el-input>
</div> </div>
<p class="inputtitle degr" v-if="!data.isapp" @click="showtable = !showtable"> <p
<i :class="showtable ? 'el-icon-caret-bottom' : 'el-icon-caret-right'"></i class="inputtitle degr"
>选择需要申请的数据项： v-if="!data.isapp && data.data && data.data.length != 0 "
@click="showtable = !showtable"
>
<i :class="showtable ? 'el-icon-caret-bottom' : 'el-icon-caret-right'"></i>选择需要申请的数据项：
</p> </p>
<table-um <table-um
v-if="!data.isapp" v-if="!data.isapp && data.data && data.data.length != 0 "
v-show="showtable" v-show="showtable"
:isSelection="true" :isSelection="true"
ref="apply_service_state_table" ref="apply_service_state_table"
:headers="headers" :headers="headers"
:stripe="true" :stripe="true"
:datas="data.data" :datas="data.data"
...@@ -85,67 +79,67 @@ ...@@ -85,67 +79,67 @@
import uploadFile from "@/components/upload_file"; import uploadFile from "@/components/upload_file";
import tableUm from "@/components/table/table-um"; import tableUm from "@/components/table/table-um";
export default { export default {
props: ["data","idx"], props: ["data", "idx"],
components: { components: {
uploadFile, uploadFile,
tableUm, tableUm
}, },
data() { data() {
return { return {
sceneinput: "", sceneinput: "",
fileList:'', fileList: "",
imgList:[], imgList: [],
showtable: false, showtable: false,
headers: [ headers: [
{ {
label: "字段编码", label: "字段编码",
prop: "code", prop: "code",
align: "left", align: "left",
minWidth: "20%", minWidth: "20%"
}, },
{ {
label: "字段名称", label: "字段名称",
prop: "name", prop: "name",
align: "left", align: "left",
minWidth: "20%", minWidth: "20%"
}, },
{ {
label: "字段类型", label: "字段类型",
prop: "type", prop: "type",
align: "center", align: "center",
width: "150", width: "150"
}, },
{ {
label: "字段描述", label: "字段描述",
prop: "desc", prop: "desc",
align: "left", align: "left",
minWidth: "50%", minWidth: "50%"
}, }
], ]
}; };
}, },
watch: {}, watch: {},
computed: {}, computed: {},
created() { created() {},
},
mounted() {}, mounted() {},
methods: { methods: {
getNewList(val) { getNewList(val) {
console.log(val); console.log(val);
this.fileList = "" this.fileList = "";
this.fileList = val.map((v,k)=>{ this.fileList = val
return v.url .map((v, k) => {
}).join(';') return v.url;
console.log(this.fileList) })
} .join(";");
}, console.log(this.fileList);
}
}
}; };
</script> </script>
<style scoped> <style scoped>
.outborder{ .outborder {
border-bottom: 2px solid rgba(244, 247, 252, 1); border-bottom: 2px solid rgba(244, 247, 252, 1);
} }
.outservice { .outservice {
width: 100%; width: 100%;
...@@ -238,7 +232,7 @@ export default { ...@@ -238,7 +232,7 @@ export default {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.table{ .table {
margin: 0 30px 20px; margin: 0 30px 20px;
} }
</style> </style>
src/pages/service_shop/shop_car_apply.vue
View file @ 6e3031c6
<template> <template>
<div class="apply_container"> <div class="apply_container">
<info-list :list_arr="module_arr"> <info-list :list_arr="module_arr">
<apply-form ref="apply_info" slot="apply_info"></apply-form> <apply-form ref="apply_info" slot="apply_info"></apply-form>
<service-list ref="apply_service" slot="apply_service" :service_arr="service_arr"></service-list> <service-list ref="apply_service" slot="apply_service" :service_arr="service_arr"></service-list>
</info-list> </info-list>
<div class="footout"> <div class="footout">
<span>共{{service_arr.length}}项服务</span> <span>共{{service_arr.length}}项服务</span>
<span class="applybtn" @click="sub_service()">提交申请</span> <span class="applybtn" @click="sub_service()">提交申请</span>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -17,373 +17,381 @@ import infoList from "@/components/infoList"; ...@@ -17,373 +17,381 @@ import infoList from "@/components/infoList";
import applyForm from "@/components/shop-car-apply/apply_form"; import applyForm from "@/components/shop-car-apply/apply_form";
import serviceList from "@/components/shop-car-apply/service_list"; import serviceList from "@/components/shop-car-apply/service_list";
export default { export default {
props: { props: {},
components: {
}, infoList,
components: { applyForm,
infoList, serviceList
applyForm, },
serviceList data() {
}, return {
data() { module_arr: [
return { {
module_arr:[ title: "服务申请",
{ type: "solt",
title:'服务申请', solt_name: "apply_info"
type:'solt', },
solt_name:'apply_info' {
}, title: "申请的服务",
{ type: "solt",
title:'申请的服务', solt_name: "apply_service"
type:'solt', }
solt_name:'apply_service' ],
}, post_arr: [],
service_arr: [
], // {
post_arr:[], // img:'http://b-ssl.duitang.com/uploads/item/201705/09/20170509165713_NiHaG.jpeg',
service_arr:[ // title:'水路货物周转量情况水路货物周转量情况',
// { // tips:[
// img:'http://b-ssl.duitang.com/uploads/item/201705/09/20170509165713_NiHaG.jpeg', // {
// title:'水路货物周转量情况水路货物周转量情况', // tip:'Map Service',
// tips:[ // type:'nor'
// { // },
// tip:'Map Service', // {
// type:'nor' // tip:'共享',
// }, // type:'share'
// { // },
// tip:'共享', // ],
// type:'share' // type:'基础数据服务',
// }, // auth:'贵州省交通运输厅',
// ], // size:'规格：访问次数：20/日，访问量：100/日',
// type:'基础数据服务', // applytype:'申请方式：按月',
// auth:'贵州省交通运输厅', // num:1,
// size:'规格：访问次数：20/日，访问量：100/日', // isMg:false,
// applytype:'申请方式：按月', // tableurl:'applydata',
// num:1, // },
// isMg:false, // {
// tableurl:'applydata', // img:'http://b-ssl.duitang.com/uploads/item/201705/09/20170509165713_NiHaG.jpeg',
// }, // title:'水路货物周转量情况水路货物周转量情况',
// { // tips:[
// img:'http://b-ssl.duitang.com/uploads/item/201705/09/20170509165713_NiHaG.jpeg', // {
// title:'水路货物周转量情况水路货物周转量情况', // tip:'Map Service',
// tips:[ // type:'nor'
// { // },
// tip:'Map Service', // {
// type:'nor' // tip:'敏感',
// }, // type:'mg'
// { // },
// tip:'敏感', // ],
// type:'mg' // type:'基础数据服务',
// }, // auth:'贵州省交通运输厅',
// ], // size:'规格：访问次数：20/日，访问量：100/日',
// type:'基础数据服务', // applytype:'申请方式：按月',
// auth:'贵州省交通运输厅', // num:1,
// size:'规格：访问次数：20/日，访问量：100/日', // isMg:true,
// applytype:'申请方式：按月', // tableurl:'applydata',
// num:1, // },
// isMg:true, ],
// tableurl:'applydata', share_arr: [
// }, "",
], {
share_arr:[ name: "共享",
'', val: "share"
{ },
name:'共享', {
val:'share' name: "受限",
}, val: "limit"
{ },
name:'受限', {
val:'limit' name: "敏感",
}, val: "mg"
{ }
name:'敏感', ],
val:'mg' temp_sub_arr: []
} };
], },
temp_sub_arr:[] watch: {},
computed: {},
}; created() {
}, if (this.$route.query.service_id) {
watch: { this.get_one_service(this.$route.query);
} else if (this.$route.query.app_id) {
}, this.get_one_app(this.$route.query);
computed: { } else {
console.log(JSON.parse(window.sessionStorage.getItem("shoppingCart")));
var temp_arr = [];
JSON.parse(window.sessionStorage.getItem("shoppingCart")).forEach(e => {
temp_arr.push(e.id);
});
this.get_car_list(temp_arr);
}
},
mounted() {},
methods: {
get_one_app(app_data) {
this.$http
.get(`/apaas/serviceapp/v3/shopcart/appinfo?app_id=${app_data.app_id}`)
.then(response => {
console.log(response);
let data = response.data.data;
if (response.data.success && data) {
//应用
this.post_arr = [data];
this.post_arr[0].app_id = parseInt(app_data.app_id);
this.post_arr[0].spec_id = parseInt(app_data.spec_id);
this.post_arr[0].duration_method = parseInt(app_data.duration_unit);
this.post_arr[0].duration = parseInt(app_data.duration);
this.post_arr[0].id = "";
this.service_arr.push({});
this.service_arr[0]["img"] = data.logo;
this.service_arr[0]["title"] = data.app_name;
this.service_arr[0]["type"] = data.type_name;
this.service_arr[0]["auth"] = data.org_name;
this.service_arr[0]["size"] =
"规格：" + (app_data.spec_id == 0 ? "部署" : "开发");
this.service_arr[0]["applytype"] =
"申请方式：" + (app_data.duration_unit == 1 ? "月" : "年");
this.service_arr[0]["num"] = app_data.duration;
this.service_arr[0]["isMg"] = false;
this.service_arr[0]["isapp"] = true;
}
});
}, },
created() { get_one_service(service_data) {
if(this.$route.query.service_id){ this.$http
this.get_one_service(this.$route.query) .get(
}else if(this.$route.query.app_id){ `/apaas/serviceapp/v3/shopcart/serviceinfo?service_id=${service_data.service_id}`
this.get_one_app(this.$route.query) )
}else{ .then(response => {
console.log(JSON.parse(window.sessionStorage.getItem('shoppingCart'))); console.log(response);
var temp_arr=[] let data = response.data.data;
JSON.parse(window.sessionStorage.getItem('shoppingCart')).forEach(e => { if (response.data.success && data) {
temp_arr.push(e.id) //服务
this.post_arr = [data];
this.post_arr[0].service_id = parseInt(service_data.service_id);
this.post_arr[0].spec_id = parseInt(service_data.spec_id);
this.post_arr[0].duration_method = parseInt(
service_data.duration_unit
);
this.post_arr[0].duration = parseInt(service_data.duration);
this.post_arr[0].id = "";
this.service_arr.push({});
this.service_arr[0]["img"] = data.cover;
this.service_arr[0]["title"] = data.name;
this.service_arr[0]["type"] = data.data_service_type1_name;
this.service_arr[0]["tips"] = [
{
tip: this.share_arr[data.openness].name,
type: this.share_arr[data.openness].val
}
];
this.service_arr[0]["auth"] = data.organization_name;
this.service_arr[0]["size"] = "规格：";
data.request_spcs_info.forEach(el => {
if (service_data.spec_id == el.id) {
this.service_arr[0]["size"] =
this.service_arr[0]["size"] +
"访问次数：" +
el.count +
",访问量：" +
el.pv +
",";
}
}); });
this.get_car_list(temp_arr) this.service_arr[0]["applytype"] =
} "申请方式：" + (service_data.duration_unit == 1 ? "月" : "年");
this.service_arr[0]["num"] = service_data.duration;
this.service_arr[0]["isMg"] = data.openness == 3;
this.service_arr[0]["data"] = JSON.parse(data.res_fields);
console.log(this.service_arr[0]["data"]);
this.service_arr[0]["isapp"] = false;
} else {
this.$message.error(response.data.errMsg);
}
})
.catch(() => {});
}, },
mounted() { deal_data(data) {
data.forEach(e => {
if (e.selected) {
e.selected = 1;
} else {
e.selected = 0;
}
if (e.children && e.children.length) {
this.deal_data(e.children);
}
});
}, },
methods: { sub_service() {
get_one_app(app_data){ let formInline = this.$refs.apply_info.formInline;
this.$http if (formInline.preson && formInline.phone) {
.get(`/apaas/serviceapp/v3/shopcart/appinfo?app_id=${app_data.app_id}`) var phone_ruler = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
.then(response => { if (!phone_ruler.test(formInline.phone)) {
console.log(response); this.$message.error("输入正确号码");
let data = response.data.data return;
if(response.data.success&&data){ }
//应用 var temp = {
this.post_arr = [data] apply_part: {
this.post_arr[0].app_id = parseInt(app_data.app_id) o_name: formInline.preson,
this.post_arr[0].spec_id = parseInt(app_data.spec_id) o_mobile: formInline.phone
this.post_arr[0].duration_method = parseInt(app_data.duration_unit) },
this.post_arr[0].duration = parseInt(app_data.duration) carts: []
this.post_arr[0].id = '' };
this.service_arr.push({}) var temp1 = this.$refs.apply_service.$refs.apply_service_state;
this.service_arr[0]['img'] = data.logo this.post_arr.forEach((e, idx) => {
this.service_arr[0]['title'] = data.app_name if (e.service_id) {
this.service_arr[0]['type'] = data.type_name temp.carts.push({
this.service_arr[0]['auth'] = data.org_name id: e.id,
this.service_arr[0]['size'] = '规格：'+(app_data.spec_id==0?'部署':'开发') service_id: e.service_id,
this.service_arr[0]['applytype'] = '申请方式：'+(app_data.duration_unit==1?'月':'年') duration: e.duration,
this.service_arr[0]['num'] = app_data.duration spec_id: e.spec_id,
this.service_arr[0]['isMg'] = false duration_method: e.duration_method,
this.service_arr[0]['isapp'] = true is_subscribe: e.is_subscribe,
} app_id: 0,
}) scene: temp1[idx].sceneinput,
}, apply_file: temp1[idx].fileList,
get_one_service(service_data){ apply_fields: []
this.$http
.get(`/apaas/serviceapp/v3/shopcart/serviceinfo?service_id=${service_data.service_id}`)
.then(response => {
console.log(response);
let data = response.data.data
if(response.data.success&&data){
//服务
this.post_arr = [data]
this.post_arr[0].service_id = parseInt(service_data.service_id)
this.post_arr[0].spec_id = parseInt(service_data.spec_id)
this.post_arr[0].duration_method = parseInt(service_data.duration_unit)
this.post_arr[0].duration = parseInt(service_data.duration)
this.post_arr[0].id = ''
this.service_arr.push({})
this.service_arr[0]['img'] = data.cover
this.service_arr[0]['title'] = data.name
this.service_arr[0]['type'] = data.data_service_type1_name
this.service_arr[0]['tips'] = [
{
tip:this.share_arr[data.openness].name,
type:this.share_arr[data.openness].val
}
]
this.service_arr[0]['auth'] = data.organization_name
this.service_arr[0]['size'] = '规格：'
data.request_spcs_info.forEach(el => {
if(service_data.spec_id==el.id){
this.service_arr[0]['size'] = this.service_arr[0]['size'] + '访问次数：'+el.count+',访问量：'+el.pv+','
}
});
this.service_arr[0]['applytype'] = '申请方式：'+(service_data.duration_unit==1?'月':'年')
this.service_arr[0]['num'] = service_data.duration
this.service_arr[0]['isMg'] = data.openness == 3
this.service_arr[0]['data'] = JSON.parse(data.res_fields)
console.log(this.service_arr[0]['data']);
this.service_arr[0]['isapp'] = false
}else{
this.$message.error(response.data.errMsg)
}
}).catch(()=>{
})
},
deal_data(data){
data.forEach(e => {
if(e.selected){
e.selected = 1
}else{
e.selected = 0
}
if(e.children&&e.children.length){
this.deal_data(e.children)
}
}); });
}, // 判断表格ref是否存在
sub_service(){ this.temp_sub_arr = temp1[idx].$refs.apply_service_state_table
let formInline = this.$refs.apply_info.formInline ? temp1[idx].$refs.apply_service_state_table.metaData
if(formInline.preson&&formInline.phone){ : [];
var phone_ruler=/^(?:(?:\+|00)86)?1[3-9]\d{9}$/ this.deal_data(this.temp_sub_arr);
if(!phone_ruler.test(formInline.phone)){ temp.carts[temp.carts.length - 1][
this.$message.error('输入正确号码') "apply_fields"
return ] = this.temp_sub_arr;
} } else {
var temp = { temp.carts.push({
"apply_part":{ id: e.id,
"o_name":formInline.preson, service_id: 0,
"o_mobile":formInline.phone duration: e.duration,
}, spec_id: e.spec_id,
carts:[] duration_method: e.duration_method,
} is_subscribe: e.is_subscribe,
var temp1 = this.$refs.apply_service.$refs.apply_service_state app_id: e.app_id,
this.post_arr.forEach((e,idx) => { scene: this.$refs.apply_service.$refs.apply_service_state[idx]
debugger .sceneinput,
if(e.service_id){ apply_file: ""
temp.carts.push( });
{ }
"id": e.id, });
"service_id": e.service_id, } else {
"duration": e.duration, this.$message.error("请完善服务申请");
"spec_id": e.spec_id, return;
"duration_method": e.duration_method, }
"is_subscribe": e.is_subscribe,
"app_id": 0, for (let index = 0; index < temp.carts.length; index++) {
"scene":temp1[idx].sceneinput, const e = temp.carts[index];
"apply_file":temp1[idx].fileList, // 若表格数据长度不为0，执行以下
"apply_fields":[], if (e.service_id && e.apply_fields.length != 0) {
} if (e.apply_fields[0].selected == 0) {
) this.$message.error("请选择所需参数");
this.temp_sub_arr = temp1[idx].$refs.apply_service_state_table.metaData return;
this.deal_data(this.temp_sub_arr) }
temp.carts[temp.carts.length - 1]['apply_fields'] = this.temp_sub_arr }
}else{ }
temp.carts.push(
{
"id": e.id,
"service_id":0,
"duration": e.duration,
"spec_id": e.spec_id,
"duration_method": e.duration_method,
"is_subscribe": e.is_subscribe,
"app_id": e.app_id,
"scene":this.$refs.apply_service.$refs.apply_service_state[idx].sceneinput,
"apply_file":"",
}
)
}
});
}else{ this.$http
this.$message.error('请完善服务申请') .post(`/apaas/serviceapp/v3/shopcart/apply`, temp)
return .then(response => {
console.log(response);
if (response.data.success) {
this.$message.success("申请成功");
this.$router.replace("/shop/service_application_successfully");
} else {
this.$message.error(response.data.errMsg);
}
})
.catch(() => {
this.$message.error("申请失败");
});
},
get_car_list(car_arr) {
this.service_arr = [];
this.post_arr = [];
this.$http
.get(`/apaas/serviceapp/v3/shopcart/list`)
.then(response => {
console.log(response);
let data = response.data.data.valid;
data.forEach(e => {
if (car_arr.indexOf(e.id) == -1) {
return;
} }
this.post_arr.push(e);
this.service_arr.push({});
for (let index = 0; index < temp.carts.length; index++) { let l = this.service_arr.length - 1;
const e = temp.carts[index]; if (e.app_id) {
if(e.service_id){ //应用
if(e.apply_fields[0].selected == 0){ this.service_arr[l]["img"] = e.application.logo;
this.$message.error('请选择所需参数') this.service_arr[l]["title"] = e.application.app_name;
return this.service_arr[l]["type"] = e.application.type_name;
} this.service_arr[l]["auth"] = e.application.org_name;
} this.service_arr[l]["size"] =
"规格：" + (e.spec_id == 0 ? "部署" : "开发");
this.service_arr[l]["applytype"] =
"申请方式：" + (e.duration_unit == 1 ? "月" : "年");
this.service_arr[l]["num"] = e.duration;
this.service_arr[l]["isMg"] = false;
this.service_arr[l]["isapp"] = true;
} else {
//服务
this.service_arr[l]["img"] = e.service.cover;
this.service_arr[l]["title"] = e.service.name;
this.service_arr[l]["type"] = e.service.data_service_type1_name;
this.service_arr[l]["tips"] = [
{
tip: this.share_arr[e.service.openness].name,
type: this.share_arr[e.service.openness].val
} }
];
this.$http this.service_arr[l]["auth"] = e.service.organization_name;
.post(`/apaas/serviceapp/v3/shopcart/apply`,temp) this.service_arr[l]["size"] = "规格：";
.then(response => { e.service.request_spcs_info.forEach(el => {
console.log(response); if (e.spec_id == el.id) {
if(response.data.success){ this.service_arr[l]["size"] =
this.$message.success('申请成功') this.service_arr[l]["size"] +
this.$router.replace('/shop/service_application_successfully') "访问次数：" +
}else{ el.count +
this.$message.error(response.data.errMsg) ",访问量：" +
el.pv +
",";
} }
}).catch(()=>{ });
this.$message.error('申请失败') this.service_arr[l]["applytype"] =
}) "申请方式：" + (e.duration_unit == 1 ? "月" : "年");
}, this.service_arr[l]["num"] = e.duration;
get_car_list(car_arr){ this.service_arr[l]["isMg"] = e.service.openness == 3;
this.service_arr = [] this.service_arr[l]["data"] = JSON.parse(e.service.res_fields);
this.post_arr = [] console.log(this.service_arr[l]["data"]);
this.$http this.service_arr[l]["isapp"] = false;
.get(`/apaas/serviceapp/v3/shopcart/list`) }
.then(response => { });
console.log(response); // this.service_arr =
let data = response.data.data.valid })
data.forEach(e => { .catch(response => {});
if(car_arr.indexOf(e.id)==-1){ }
return }
}
this.post_arr.push(e)
this.service_arr.push({})
let l = this.service_arr.length -1
if(e.app_id){
//应用
this.service_arr[l]['img'] = e.application.logo
this.service_arr[l]['title'] = e.application.app_name
this.service_arr[l]['type'] = e.application.type_name
this.service_arr[l]['auth'] = e.application.org_name
this.service_arr[l]['size'] = '规格：'+(e.spec_id==0?'部署':'开发')
this.service_arr[l]['applytype'] = '申请方式：'+(e.duration_unit==1?'月':'年')
this.service_arr[l]['num'] = e.duration
this.service_arr[l]['isMg'] = false
this.service_arr[l]['isapp'] = true
}else{
//服务
this.service_arr[l]['img'] = e.service.cover
this.service_arr[l]['title'] = e.service.name
this.service_arr[l]['type'] = e.service.data_service_type1_name
this.service_arr[l]['tips'] = [
{
tip:this.share_arr[e.service.openness].name,
type:this.share_arr[e.service.openness].val
}
]
this.service_arr[l]['auth'] = e.service.organization_name
this.service_arr[l]['size'] = '规格：'
e.service.request_spcs_info.forEach(el => {
if(e.spec_id==el.id){
this.service_arr[l]['size'] = this.service_arr[l]['size'] + '访问次数：'+el.count+',访问量：'+el.pv+','
}
});
this.service_arr[l]['applytype'] = '申请方式：'+(e.duration_unit==1?'月':'年')
this.service_arr[l]['num'] = e.duration
this.service_arr[l]['isMg'] = e.service.openness == 3
this.service_arr[l]['data'] = JSON.parse(e.service.res_fields)
console.log(this.service_arr[l]['data']);
this.service_arr[l]['isapp'] = false
}
});
// this.service_arr =
})
.catch((response)=> {
});
},
},
}; };
</script> </script>
<style scoped> <style scoped>
.apply_container{ .apply_container {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.footout{ .footout {
width: 100%; width: 100%;
height: 84px; height: 84px;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 3px 6px 0px box-shadow: 0px 3px 6px 0px rgba(244, 247, 252, 1);
rgba(244, 247, 252, 1); border-radius: 12px;
border-radius: 12px; padding: 20px;
padding: 20px; text-align: right;
text-align: right; margin: 20px 0;
margin: 20px 0;
} }
.applybtn{ .applybtn {
color: rgba(252, 239, 214, 1); color: rgba(252, 239, 214, 1);
width: 200px; width: 200px;
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
background-color: rgba(229, 102, 0, 1); background-color: rgba(229, 102, 0, 1);
border-radius: 8px; border-radius: 8px;
margin-left: 20px; margin-left: 20px;
cursor: pointer; cursor: pointer;
} }
</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