Skip to content

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

菜单购物车字段，云资源可缩容，订单，云详情

parent efd742cf
Hide whitespace changes
Inline Side-by-side
Showing with 686 additions and 154 deletions
src/assets/css/index.css
View file @ f9407971
...@@ -67,7 +67,8 @@ html { ...@@ -67,7 +67,8 @@ html {
} }
body { body {
margin: 0; margin: 0;
font-family: PingFangSC-Regular, sans-serif; font-family: Microsoft YaHei, sans-serif;
/* font-size: 17px; */
} }
ul { ul {
list-style: none; list-style: none;
......
src/assets/i18n/language-zh.js
View file @ f9407971
...@@ -17,6 +17,9 @@ export const lang = { ...@@ -17,6 +17,9 @@ export const lang = {
// work bench // work bench
workBench: "工作台", workBench: "工作台",
cloudResourcesService: "云资源服务",
cloudResourcesManagement: "云资源管理",
cloudResourcesDetail: "云资源详情",
// data analysis // data analysis
dataAnalysis: "数据分析中心", dataAnalysis: "数据分析中心",
......
src/components/menu.vue
View file @ f9407971
...@@ -2,37 +2,54 @@ ...@@ -2,37 +2,54 @@
<div class="menu"> <div class="menu">
<img src="../assets/imgs/home_img_logo.png" alt class="logo" /> <img src="../assets/imgs/home_img_logo.png" alt class="logo" />
<div style="float:right;cursor: pointer;position:relative;" class="user_hover"> <div style="float:right;cursor: pointer;position:relative;" class="user_hover">
<span v-if="userInfo.user_name && userInfo.user_name != ''" class="user">{{ userInfo.user_name }}</span> <span
v-if="userInfo.user_name && userInfo.user_name != ''"
class="user"
>{{ userInfo.user_name }}</span>
<span v-else @click="gotopage('login')" class="user">请登录</span> <span v-else @click="gotopage('login')" class="user">请登录</span>
<img :class="userInfo.picture_path ? 'user_pic' : 'user_default'" :src=" <img
:class="userInfo.picture_path ? 'user_pic' : 'user_default'"
:src="
userInfo.picture_path || require('../assets/imgs/home_ic_user.png') userInfo.picture_path || require('../assets/imgs/home_ic_user.png')
" /> "
/>
<div v-if="userInfo.user_name && userInfo.user_name != ''" class="user_menu"> <div v-if="userInfo.user_name && userInfo.user_name != ''" class="user_menu">
<div v-for="(item, index) in user_arr" :key="index + 700" @click="gotopage(item.path)"> <div
{{ item.name }} v-for="(item, index) in user_arr"
</div> :key="index + 700"
@click="gotopage(item.path)"
>{{ item.name }}</div>
</div> </div>
<div v-if="userInfo.user_name && userInfo.user_name != ''" class="sj"></div> <div v-if="userInfo.user_name && userInfo.user_name != ''" class="sj"></div>
</div> </div>
<div style="float:right;cursor: pointer;position:relative;" class="shop_hover" @click="gotopage('/shop/shopping_cart')"> <div
style="float:right;cursor: pointer;position:relative;"
class="shop_hover"
@click="gotopage('/shop/shopping_cart')"
>
<div class="car"> <div class="car">
<el-badge v-if="menuCartNum != 0" :value="menuCartNum" :max="99" class="number"></el-badge> <el-badge v-if="menuCartNum != 0" :value="menuCartNum" :max="99" class="number"></el-badge>
<img src="../assets/imgs/home_ic_shop.png" alt class="car_img" /> <img src="../assets/imgs/home_ic_shop.png" alt class="car_img" />
</div> </div>
<div v-if="userInfo.user_name && userInfo.user_name != ''" class="shop_menu"> <div v-if="userInfo.user_name && userInfo.user_name != ''" class="shop_menu">
<div class="shop_list_title">最近加入的服务：</div> <div class="shop_list_title">最近加入的服务：</div>
<div v-for="(item, index) in shopping_list" :key="'shopping' + index" class="shop_list_cell shop_line"> <div
<img :src="item.service.cover" class="shop_img" /> v-for="(item, index) in shopping_list"
:key="'shopping' + index"
class="shop_list_cell shop_line"
>
<img :src="item.service_id == 0 ? item.application.logo : item.service.cover" class="shop_img" />
<div class="shop_cell_msgs"> <div class="shop_cell_msgs">
<p @click="getDetail(item.id)" class="shop_cell_name over_one"> <p
{{ item.service_id == 0 ? item.application.app_name : item.service.name }} @click="getDetail(item.id)"
</p> class="shop_cell_name over_one"
<p class="shop_cell_msg bover_one"> >{{ item.service_id == 0 ? item.application.app_name : item.service.name }}</p>
{{ item.service_id == 0 ? item.application.ywly : item.service.sectors_name }} <p
</p> class="shop_cell_msg bover_one"
<p class="shop_cell_msg over_one"> >{{ item.service_id == 0 ? item.application.ywly_name : item.service.sectors_name }}</p>
{{ item.service_id == 0 ? item.application.org : item.service.organization_name }} <p
</p> class="shop_cell_msg over_one"
>{{ item.service_id == 0 ? item.application.org_name : item.service.organization_name }}</p>
</div> </div>
<div> <div>
<img @click.stop="deleteItem(item.id)" src="../assets/imgs/ic_delete.png" alt /> <img @click.stop="deleteItem(item.id)" src="../assets/imgs/ic_delete.png" alt />
...@@ -46,12 +63,20 @@ ...@@ -46,12 +63,20 @@
</div> </div>
<div style="float:right"> <div style="float:right">
<div v-for="(item, index) in menu_arr" :key="index + 200" class="menu_box user_hover" @click="navAction(item.visit_url)" :style="{ color: now_menu == item.visit_url ? '#fff' : '' }"> <div
v-for="(item, index) in menu_arr"
:key="index + 200"
class="menu_box user_hover"
@click="navAction(item.visit_url)"
:style="{ color: now_menu == item.visit_url ? '#fff' : '' }"
>
{{ item.menu_name }} {{ item.menu_name }}
<div class="user_menu" v-if="item.Child && item.Child.length" style="left: 30px;"> <div class="user_menu" v-if="item.Child && item.Child.length" style="left: 30px;">
<div v-for="(v, indexs) in item.Child" :key="indexs + 700" @click.stop="gotoChildPage(v, item.visit_url)"> <div
{{ v.menu_name }} v-for="(v, indexs) in item.Child"
</div> :key="indexs + 700"
@click.stop="gotoChildPage(v, item.visit_url)"
>{{ v.menu_name }}</div>
</div> </div>
<div class="sj" v-if="item.Child && item.Child.length" style="left: 60px;"></div> <div class="sj" v-if="item.Child && item.Child.length" style="left: 60px;"></div>
<div class="bottom_show" v-if="now_menu == item.visit_url"></div> <div class="bottom_show" v-if="now_menu == item.visit_url"></div>
...@@ -140,7 +165,6 @@ export default { ...@@ -140,7 +165,6 @@ export default {
this.now_menu = parent; this.now_menu = parent;
window.sessionStorage.setItem("menuVisitUrl", parent); window.sessionStorage.setItem("menuVisitUrl", parent);
} }
}, },
getList() { getList() {
this.$api.serviceShop.getShoppingCart().then(response => { this.$api.serviceShop.getShoppingCart().then(response => {
......
src/components/shop-cloud/shop-cloud.vue
View file @ f9407971
...@@ -53,48 +53,78 @@ ...@@ -53,48 +53,78 @@
<el-col :span="22"> <el-col :span="22">
<el-form-item prop="workplacedesc" class="form_item"> <el-form-item prop="workplacedesc" class="form_item">
<div class="form_item_title">描述信息：</div> <div class="form_item_title">描述信息：</div>
<el-input type="textarea" v-model="formNew.workplacedesc" placeholder="请输入工作区域描述信息"></el-input> <el-input
type="textarea"
v-model="formNew.workplacedesc"
placeholder="请输入工作区域描述信息"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="form_title">工作区域申请规格</div> <div class="form_title">工作区域申请规格</div>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item prop="cpu" class="form_item input_has_right">
<div class="form_item_title">CPU：</div> <div class="form_item_title">CPU：</div>
<el-select v-model="formNew.cpu" placeholder="请选择CPU使用量"> <el-select v-model="formNew.cpu" placeholder="请选择CPU使用量">
<el-option v-for="item in optionsCPU" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option
v-for="item in optionsCPU"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right input_right_top">核</div> <div class="input_right input_right_top">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item prop="memory" class="form_item input_has_right">
<div class="form_item_title">内存：</div> <div class="form_item_title">内存：</div>
<el-select v-model="formNew.memory" placeholder="请选择内存使用量"> <el-select v-model="formNew.memory" placeholder="请选择内存使用量">
<el-option v-for="item in optionsRAM" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option
v-for="item in optionsRAM"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right input_right_top">GB</div> <div class="input_right input_right_top">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item prop="containerGroup" class="form_item input_has_right">
<div class="form_item_title">容器组：</div> <div class="form_item_title">容器组：</div>
<el-input-number v-model="formNew.containerGroup" controls-position="right" :min="0" :max="24" placeholder="取值范围[0，24]"></el-input-number> <el-input-number
v-model="formNew.containerGroup"
controls-position="right"
:min="0"
:max="24"
placeholder="取值范围[0，24]"
></el-input-number>
<div class="input_right">个</div> <div class="input_right">个</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">数据盘（可选）：</div> <div class="form_item_title">数据盘（可选）：</div>
<el-input-number v-model="formNew.dataDisk" controls-position="right" :min="0" placeholder="请选择数量"></el-input-number> <el-input-number
v-model="formNew.dataDisk"
controls-position="right"
:min="0"
placeholder="请选择数量"
></el-input-number>
<div class="input_right">块</div> <div class="input_right">块</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">每块数据盘容量：</div> <div class="form_item_title">每块数据盘容量：</div>
<el-input-number v-model="formNew.perDataDisk" controls-position="right" :min="0" placeholder="请选择容量"></el-input-number> <el-input-number
v-model="formNew.perDataDisk"
controls-position="right"
:min="0"
placeholder="请选择容量"
></el-input-number>
<div class="input_right">GB</div> <div class="input_right">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -105,16 +135,28 @@ ...@@ -105,16 +135,28 @@
<div class="form_item_title">CPU：</div> <div class="form_item_title">CPU：</div>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perCPUs" class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number v-model="formNew.perCPUs" controls-position="right" :min="0" :max="10" placeholder="请选择CPU最高使用量"></el-input-number> <el-input-number
v-model="formNew.perCPUs"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择CPU最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perCPU" class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number v-model="formNew.perCPU" controls-position="right" :min="0" :max="10" placeholder="请选择CPU默认使用量"></el-input-number> <el-input-number
v-model="formNew.perCPU"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择CPU默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -122,16 +164,28 @@ ...@@ -122,16 +164,28 @@
<div class="form_item_title">内存：</div> <div class="form_item_title">内存：</div>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perRAMs" class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number v-model="formNew.perRAMs" controls-position="right" :min="0" :max="10" placeholder="请选择内存最高使用量"></el-input-number> <el-input-number
v-model="formNew.perRAMs"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择内存最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perRAM" class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number v-model="formNew.perRAM" controls-position="right" :min="0" :max="10" placeholder="请选择内存默认使用量"></el-input-number> <el-input-number
v-model="formNew.perRAM"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择内存默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -139,11 +193,24 @@ ...@@ -139,11 +193,24 @@
<div class="form_title">其他信息</div> <div class="form_title">其他信息</div>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right_select"> <el-form-item prop="appDuration" class="form_item input_has_right_select">
<div class="form_item_title">申请时长：</div> <div class="form_item_title">申请时长：</div>
<el-input-number v-model="formNew.appDuration" controls-position="right" :min="0"></el-input-number> <el-input-number
<el-select v-model="formNew.durType" class="input_right_select" placeholder="请选择申请时长"> v-model="formNew.appDuration"
<el-option v-for="item in durationOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> controls-position="right"
:min="0"
></el-input-number>
<el-select
v-model="formNew.durType"
class="input_right_select"
placeholder="请选择申请时长"
>
<el-option
v-for="item in durationOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -151,7 +218,14 @@ ...@@ -151,7 +218,14 @@
<el-form-item class="form_item"> <el-form-item class="form_item">
<div class="form_item_title">申请文件：</div> <div class="form_item_title">申请文件：</div>
<info-list :list_arr="docTemplate" class="doc_template"></info-list> <info-list :list_arr="docTemplate" class="doc_template"></info-list>
<upload-file :multiple="false" :max="1" type="zip" :readOnly="false" :drag="true" @getNewList="getNewList"></upload-file> <upload-file
:multiple="false"
:max="1"
type="zip"
:readOnly="false"
:drag="true"
@getNewList="getNewList"
></upload-file>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -165,15 +239,20 @@ ...@@ -165,15 +239,20 @@
<div class="select_title">选择要进行调整的工作区域：</div> <div class="select_title">选择要进行调整的工作区域：</div>
<div class="form_item"> <div class="form_item">
<el-select v-model="workSpace" @change="getForm" placeholder="请选择"> <el-select v-model="workSpace" @change="getForm" placeholder="请选择">
<el-option v-for="(item, index) in workSpaceOptions" :key="index" :label="item.namespace" :value="index"></el-option> <el-option
v-for="(item, index) in workSpaceOptions"
:key="index"
:label="item.namespace"
:value="index"
></el-option>
</el-select> </el-select>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<div v-if="formShow"> <div v-show="formShow">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form ref="formNew" :model="formOld"> <el-form ref="formOld" :model="formOld" :rules="ruleOld">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="form_title">工作区域规格调整</div> <div class="form_title">工作区域规格调整</div>
...@@ -181,55 +260,95 @@ ...@@ -181,55 +260,95 @@
<el-col :span="24"> <el-col :span="24">
<div class="now_spec">当前规格：</div> <div class="now_spec">当前规格：</div>
<div class="now_spec_cards"> <div class="now_spec_cards">
<div class="now_spec_card" v-for="(item, index) in specArr" :key="index + 'spec'"> <div
<img class="now_spec_card_img" :src="require('@/assets/imgs/' + item.src + '.png')" /> class="now_spec_card"
v-for="(item, index) in specArr"
:key="index + 'spec'"
>
<img
class="now_spec_card_img"
:src="require('@/assets/imgs/' + item.src + '.png')"
/>
<span class="now_spec_card_title">{{ item.title }}</span> <span class="now_spec_card_title">{{ item.title }}</span>
<span class="now_spec_card_val">{{ item.val + " " + (item.title == "CPU" ? "核" : item.title == "内存" ? "GB" : "个") }}</span> <span
class="now_spec_card_val"
>{{ item.val + " " + (item.title == "CPU" ? "核" : item.title == "内存" ? "GB" : "个") }}</span>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item prop="cpu" class="form_item input_has_right">
<div class="form_item_title">申请CPU调整为：</div> <div class="form_item_title">申请CPU调整为：</div>
<el-select v-model="formOld.cpu" placeholder="请选择CPU使用量"> <el-select v-model="formOld.cpu" placeholder="请选择CPU使用量">
<el-option v-for="item in optionsCPU" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option
v-for="item in optionsCPU"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right input_right_top">核</div> <div class="input_right input_right_top">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item prop="memory" class="form_item input_has_right">
<div class="form_item_title">申请内存调整为：</div> <div class="form_item_title">申请内存调整为：</div>
<el-select v-model="formOld.memory" placeholder="请选择内存使用量"> <el-select v-model="formOld.memory" placeholder="请选择内存使用量">
<el-option v-for="item in optionsRAM" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option
v-for="item in optionsRAM"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right input_right_top">GB</div> <div class="input_right input_right_top">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item prop="containerGroup" class="form_item input_has_right">
<div class="form_item_title">申请容器组调整为：</div> <div class="form_item_title">申请容器组调整为：</div>
<el-input-number v-model="formOld.containerGroup" controls-position="right" :min="0" :max="24" placeholder="取值范围[0，24]"></el-input-number> <el-input-number
v-model="formOld.containerGroup"
controls-position="right"
:min="0"
:max="24"
placeholder="取值范围[0，24]"
></el-input-number>
<div class="input_right">个</div> <div class="input_right">个</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22" v-if="dataDiskList.length != 0"> <el-col :span="22" v-if="dataDiskList.length != 0">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">调整数据盘：</div> <div class="form_item_title">调整数据盘：</div>
<table-um ref="apply_service_state_table" :headers="dataDiskHeaders" :stripe="true" :datas="dataDiskList" @primary-del="delItem"></table-um> <table-um
ref="apply_service_state_table"
:headers="dataDiskHeaders"
:stripe="true"
:datas="dataDiskList"
@primary-del="delItem"
height="300"
></table-um>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">增加数据盘：</div> <div class="form_item_title">增加数据盘：</div>
<el-input-number v-model="formOld.dataDisk" controls-position="right" :min="0"></el-input-number> <el-input-number
v-model="formOld.dataDisk"
controls-position="right"
:min="0"
></el-input-number>
<div class="input_right">块</div> <div class="input_right">块</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">每块数据盘容量：</div> <div class="form_item_title">每块数据盘容量：</div>
<el-input-number v-model="formOld.perDataDisk" controls-position="right" :min="0"></el-input-number> <el-input-number
v-model="formOld.perDataDisk"
controls-position="right"
:min="0"
></el-input-number>
<div class="input_right">GB</div> <div class="input_right">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -239,13 +358,24 @@ ...@@ -239,13 +358,24 @@
<el-col :span="24"> <el-col :span="24">
<div class="now_spec">当前规格：</div> <div class="now_spec">当前规格：</div>
<div class="now_spec_cards"> <div class="now_spec_cards">
<div class="now_rqz_card" v-for="(item, index) in rqzArr" :key="index + 'rqz'"> <div
<img class="now_rqz_card_img" :src="require('@/assets/imgs/' + item.src + '.png')" /> class="now_rqz_card"
v-for="(item, index) in rqzArr"
:key="index + 'rqz'"
>
<img
class="now_rqz_card_img"
:src="require('@/assets/imgs/' + item.src + '.png')"
/>
<span class="now_rqz_card_title">{{ item.title }}</span> <span class="now_rqz_card_title">{{ item.title }}</span>
<div class="now_rqz_card_val_div"> <div class="now_rqz_card_val_div">
<span class="now_rqz_card_val">最高&nbsp;{{ item.max }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span> <span
class="now_rqz_card_val"
>最高&nbsp;{{ item.max }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span>
<br /> <br />
<span class="now_rqz_card_val">默认&nbsp;{{ item.default }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span> <span
class="now_rqz_card_val"
>默认&nbsp;{{ item.default }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -254,16 +384,28 @@ ...@@ -254,16 +384,28 @@
<div class="form_item_title">CPU：</div> <div class="form_item_title">CPU：</div>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perCPUs" class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number v-model="formOld.perCPUs" controls-position="right" :min="0" :max="10" placeholder="请设置CPU最高使用量"></el-input-number> <el-input-number
v-model="formOld.perCPUs"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置CPU最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perCPU" class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number v-model="formOld.perCPU" controls-position="right" :min="0" :max="10" placeholder="请设置CPU默认使用量"></el-input-number> <el-input-number
v-model="formOld.perCPU"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置CPU默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -271,16 +413,28 @@ ...@@ -271,16 +413,28 @@
<div class="form_item_title">内存：</div> <div class="form_item_title">内存：</div>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perRAMs" class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number v-model="formOld.perRAMs" controls-position="right" :min="0" :max="10" placeholder="请设置内存最高使用量"></el-input-number> <el-input-number
v-model="formOld.perRAMs"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置内存最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item prop="perRAM" class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number v-model="formOld.perRAM" controls-position="right" :min="0" :max="10" placeholder="请设置内存默认使用量"></el-input-number> <el-input-number
v-model="formOld.perRAM"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置内存默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -290,7 +444,10 @@ ...@@ -290,7 +444,10 @@
<div class="now_spec">当前规格：</div> <div class="now_spec">当前规格：</div>
<div class="now_spec_card_time"> <div class="now_spec_card_time">
<div> <div>
<img class="now_spec_card_time_img" :src="require('@/assets/imgs/ic_shijian.png')" /> <img
class="now_spec_card_time_img"
:src="require('@/assets/imgs/ic_shijian.png')"
/>
<span class="now_spec_card_time_title">当前工作区域到期时间</span> <span class="now_spec_card_time_title">当前工作区域到期时间</span>
<span class="now_spec_card_time_val">2020-05-05 08:00:00</span> <span class="now_spec_card_time_val">2020-05-05 08:00:00</span>
</div> </div>
...@@ -298,11 +455,24 @@ ...@@ -298,11 +455,24 @@
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right_select"> <el-form-item prop="appDuration" class="form_item input_has_right_select">
<div class="form_item_title">申请续期：</div> <div class="form_item_title">申请续期：</div>
<el-input-number v-model="formOld.appDuration" controls-position="right" :min="0"></el-input-number> <el-input-number
<el-select v-model="formOld.durType" class="input_right_select" placeholder="请选择续期时长"> v-model="formOld.appDuration"
<el-option v-for="item in durationOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> controls-position="right"
:min="0"
></el-input-number>
<el-select
v-model="formOld.durType"
class="input_right_select"
placeholder="请选择续期时长"
>
<el-option
v-for="item in durationOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -310,7 +480,14 @@ ...@@ -310,7 +480,14 @@
<el-form-item class="form_item"> <el-form-item class="form_item">
<div class="form_item_title">申请文件：</div> <div class="form_item_title">申请文件：</div>
<info-list :list_arr="docTemplate" class="doc_template"></info-list> <info-list :list_arr="docTemplate" class="doc_template"></info-list>
<upload-file :multiple="false" :max="1" type="zip" :readOnly="false" :drag="true" @getNewList="getNewListOld"></upload-file> <upload-file
:multiple="false"
:max="1"
type="zip"
:readOnly="false"
:drag="true"
@getNewList="getNewListOld"
></upload-file>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -387,7 +564,9 @@ ...@@ -387,7 +564,9 @@
</div> </div>
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">数据盘：</span> <span class="dia_block_item_title">数据盘：</span>
<span class="dia_block_item_val">{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span> <span
class="dia_block_item_val"
>{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span>
</div> </div>
</div> </div>
<span class="dia_item_all_title">单个容器组规格：</span> <span class="dia_item_all_title">单个容器组规格：</span>
...@@ -411,7 +590,9 @@ ...@@ -411,7 +590,9 @@
<div class="dia_block_item"> <div class="dia_block_item">
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">申请时长</span> <span class="dia_block_item_title">申请时长</span>
<span class="dia_block_item_val">{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span> <span
class="dia_block_item_val"
>{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -474,13 +655,17 @@ ...@@ -474,13 +655,17 @@
<span class="dia_block_item_title">容器组：</span> <span class="dia_block_item_title">容器组：</span>
<span class="dia_block_item_val">{{ diaForm.containerGroup }}个</span> <span class="dia_block_item_val">{{ diaForm.containerGroup }}个</span>
</div> </div>
<div class="dia_block_item_in"> <div class="dia_block_item_in" v-if="diaForm.dataDisk != 0">
<span class="dia_block_item_title">新增数据盘：</span> <span class="dia_block_item_title">新增数据盘：</span>
<span class="dia_block_item_val">{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span> <span
class="dia_block_item_val"
>{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span>
</div> </div>
<div class="dia_block_item_in"> <div class="dia_block_item_in" v-if="delDataDiskList.length != 0">
<span class="dia_block_item_title">删除数据盘：</span> <span class="dia_block_item_title">删除数据盘：</span>
<span class="dia_block_item_val">{{ dataDiskList.join(",") }}</span> <span
class="dia_block_item_val"
>{{ delDataDiskList.map(item => {return item.app_name}).join("、") }}</span>
</div> </div>
</div> </div>
<span class="dia_item_all_title">单个容器组规格：</span> <span class="dia_item_all_title">单个容器组规格：</span>
...@@ -504,11 +689,18 @@ ...@@ -504,11 +689,18 @@
<div class="dia_block_item"> <div class="dia_block_item">
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">是否续期：</span> <span class="dia_block_item_title">是否续期：</span>
<span class="dia_block_item_val">{{ diaForm.appDuration && diaForm.appDuration != 0 ? "是": "否" }}</span> <span
class="dia_block_item_val"
>{{ diaForm.appDuration && diaForm.appDuration != 0 ? "是": "否" }}</span>
</div> </div>
<div class="dia_block_item_in" v-if="diaForm.appDuration && diaForm.appDuration != 0"> <div
class="dia_block_item_in"
v-if="diaForm.appDuration && diaForm.appDuration != 0"
>
<span class="dia_block_item_title">续期时长：</span> <span class="dia_block_item_title">续期时长：</span>
<span class="dia_block_item_val">{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span> <span
class="dia_block_item_val"
>{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -559,28 +751,59 @@ export default { ...@@ -559,28 +751,59 @@ export default {
perRAMs: undefined, perRAMs: undefined,
perRAM: undefined, perRAM: undefined,
appDuration: undefined, appDuration: undefined,
durType: "", durType: 1,
apply_file: "", apply_file: "",
apply_file_name: "" apply_file_name: ""
}, },
ruleNew: { ruleNew: {
namespace: [ namespace: [
{ required: true, message: "请输入联系电话", trigger: "blur" } { required: true, message: "请输入工作区域名称", trigger: "blur" }
], ],
workplace: [ workplace: [
{ required: true, message: "请输入联系电话", trigger: "blur" } { required: true, message: "请输入中文名称", trigger: "blur" }
],
workplacedesc: [
{ required: true, message: "请输入描述信息", trigger: "blur" }
],
cpu: [{ required: true, message: "请选择CPU使用量", trigger: "blur" }],
memory: [
{ required: true, message: "请选择内存使用量", trigger: "blur" }
],
containerGroup: [
{ required: true, message: "请输入容器组规格", trigger: "blur" }
],
perCPUs: [
{ required: true, message: "请输入CPU最大使用量", trigger: "blur" }
],
perCPU: [
{ required: true, message: "请输入CPU默认使用量", trigger: "blur" }
],
perRAMs: [
{ required: true, message: "请输入内存最大使用量", trigger: "blur" }
],
perRAM: [
{ required: true, message: "请输入内存默认使用量", trigger: "blur" }
],
appDuration: [
{ required: true, message: "请输入申请时长", trigger: "blur" }
] ]
}, },
durationOptions: [{ value: "1", label: "月" }, { value: "2", label: "年" }], durationOptions: [
{ value: 1, label: "月" },
{ value: 2, label: "年" }
],
workSpace: "", workSpace: "",
workSpaceOptions: [], workSpaceOptions: [],
optionsCPU: [{ value: "8", label: "8" }, { value: "16", label: "16" }], optionsCPU: [
{ value: "8", label: "8" },
{ value: "16", label: "16" }
],
optionsRAM: [ optionsRAM: [
{ value: "8", label: "8" }, { value: "8", label: "8" },
{ value: "16", label: "16" }, { value: "16", label: "16" },
{ value: "32", label: "32" } { value: "32", label: "32" }
], ],
formShow: true, formShow: false,
specArr: [ specArr: [
{ title: "CPU", val: "4", src: "ic_CPU" }, { title: "CPU", val: "4", src: "ic_CPU" },
{ title: "内存", val: "4", src: "ic_neicun" }, { title: "内存", val: "4", src: "ic_neicun" },
...@@ -599,9 +822,6 @@ export default { ...@@ -599,9 +822,6 @@ export default {
} }
], ],
formOld: { formOld: {
namespace: "",
workplace: "",
workplacedesc: "",
cpu: "", cpu: "",
memory: "", memory: "",
containerGroup: undefined, containerGroup: undefined,
...@@ -612,14 +832,11 @@ export default { ...@@ -612,14 +832,11 @@ export default {
perRAMs: undefined, perRAMs: undefined,
perRAM: undefined, perRAM: undefined,
appDuration: undefined, appDuration: undefined,
durType: "", durType: 1,
apply_file: "", apply_file: "",
apply_file_name: "" apply_file_name: ""
}, },
paramsOld: { paramsOld: {
namespace: "",
workplace: "",
workplacedesc: "",
cpu: "", cpu: "",
memory: "", memory: "",
containerGroup: undefined, containerGroup: undefined,
...@@ -630,22 +847,54 @@ export default { ...@@ -630,22 +847,54 @@ export default {
perRAMs: undefined, perRAMs: undefined,
perRAM: undefined, perRAM: undefined,
appDuration: undefined, appDuration: undefined,
durType: "", durType: 1,
apply_file: "", apply_file: "",
apply_file_name: "" apply_file_name: ""
}, },
ruleOld: [], ruleOld: {
namespace: [
{ required: true, message: "请输入工作区域名称", trigger: "blur" }
],
workplace: [
{ required: true, message: "请输入中文名称", trigger: "blur" }
],
workplacedesc: [
{ required: true, message: "请输入描述信息", trigger: "blur" }
],
cpu: [{ required: true, message: "请选择CPU使用量", trigger: "blur" }],
memory: [
{ required: true, message: "请选择内存使用量", trigger: "blur" }
],
containerGroup: [
{ required: true, message: "请输入容器组规格", trigger: "blur" }
],
perCPUs: [
{ required: true, message: "请输入CPU最大使用量", trigger: "blur" }
],
perCPU: [
{ required: true, message: "请输入CPU默认使用量", trigger: "blur" }
],
perRAMs: [
{ required: true, message: "请输入内存最大使用量", trigger: "blur" }
],
perRAM: [
{ required: true, message: "请输入内存默认使用量", trigger: "blur" }
],
appDuration: [
{ required: true, message: "请输入申请时长", trigger: "blur" }
]
},
dialogVisible: false, dialogVisible: false,
diaForm: {}, diaForm: {},
dataDiskHeaders: [ dataDiskHeaders: [
{ {
label: "数据盘容量", label: "数据盘容量",
prop: "capacity", prop: "disk_cap",
align: "center" align: "center"
}, },
{ {
label: "部署的应用", label: "部署的应用",
prop: "app", prop: "app_name",
align: "center" align: "center"
}, },
{ {
...@@ -660,20 +909,7 @@ export default { ...@@ -660,20 +909,7 @@ export default {
] ]
} }
], ],
dataDiskList: [ dataDiskList: [],
{
capacity: "www",
app: "wewaewa"
},
{
capacity: "www",
app: "wewaewa"
},
{
capacity: "www",
app: "wewaewa"
}
],
delDataDiskList: [] delDataDiskList: []
}), }),
mounted() { mounted() {
...@@ -702,12 +938,13 @@ export default { ...@@ -702,12 +938,13 @@ export default {
this.formOld.cpu = paramsOld.cpu; this.formOld.cpu = paramsOld.cpu;
this.formOld.memory = paramsOld.memory; this.formOld.memory = paramsOld.memory;
this.formOld.containerGroup = paramsOld.containers; this.formOld.containerGroup = paramsOld.containers;
this.formOld.dataDisk = paramsOld.dataDisk; this.formOld.dataDisk = "";
this.formOld.perDataDisk = paramsOld.perDataDisk; this.formOld.perDataDisk = "";
this.formOld.perCPUs = paramsOld.one_cpu_max; this.formOld.perCPUs = paramsOld.one_cpu_max;
this.formOld.perCPU = paramsOld.one_cpu_min; this.formOld.perCPU = paramsOld.one_cpu_min;
this.formOld.perRAMs = paramsOld.one_memory_max; this.formOld.perRAMs = paramsOld.one_memory_max;
this.formOld.perRAM = paramsOld.one_memory_min; this.formOld.perRAM = paramsOld.one_memory_min;
this.dataDiskList = paramsOld.disk_list;
this.formShow = true; this.formShow = true;
} else { } else {
this.formShow = false; this.formShow = false;
...@@ -716,13 +953,28 @@ export default { ...@@ -716,13 +953,28 @@ export default {
submitApp() { submitApp() {
let formParams = {}; let formParams = {};
if (this.activeName == 0) { if (this.activeName == 0) {
formParams = this.formNew; this.$refs["formNew"].validate(valid => {
if (valid) {
formParams = this.formNew;
this.dialogVisible = true;
this.diaForm = Object.assign(formParams, this.form);
} else {
console.log("error submit!!");
return false;
}
});
} else if (this.activeName == 1) { } else if (this.activeName == 1) {
formParams = this.formOld; this.$refs["formOld"].validate(valid => {
if (valid) {
formParams = this.formOld;
this.dialogVisible = true;
this.diaForm = Object.assign(formParams, this.form);
} else {
console.log("error submit!!");
return false;
}
});
} }
this.dialogVisible = true;
this.diaForm = Object.assign(formParams, this.form);
console.log(formParams, this.diaForm);
}, },
determineSubmit() { determineSubmit() {
if (this.activeName == 0) { if (this.activeName == 0) {
...@@ -795,11 +1047,9 @@ export default { ...@@ -795,11 +1047,9 @@ export default {
}); });
}, },
delItem(val) { delItem(val) {
this.delDataDiskList.push(val.app); let delIndex = this.dataDiskList.findIndex(v => v.id === val.id);
let delItem = this.dataDiskList.findIndex(v => v.app === val.app); this.dataDiskList.splice(delIndex, 1);
if (delItem) { this.delDataDiskList.push(val);
console.log(delItem);
}
} }
} }
}; };
...@@ -1041,7 +1291,7 @@ export default { ...@@ -1041,7 +1291,7 @@ export default {
color: #242c43; color: #242c43;
} }
.cloud_form .input_right_top { .cloud_form .input_right_top {
top: 41px; top: 40px;
} }
.cloud_form .el-select { .cloud_form .el-select {
width: 100%; width: 100%;
......
src/components/shopping-cart/shopping-cart-cell.vue
View file @ f9407971
...@@ -35,10 +35,10 @@ ...@@ -35,10 +35,10 @@
v-if="cellIsService" v-if="cellIsService"
class="shopping_cell_type" class="shopping_cell_type"
>{{ cellItems.service.sectors_name }}</div> >{{ cellItems.service.sectors_name }}</div>
<div v-else class="shopping_cell_type">{{ cellItems.application.ywly }}</div> <div v-else class="shopping_cell_type">{{ cellItems.application.ywly_name }}</div>
<div <div
class="shopping_cell_creator" class="shopping_cell_creator"
>{{ cellIsService ? cellItems.service.organization_name:cellItems.application.org }}</div> >{{ cellIsService ? cellItems.service.organization_name:cellItems.application.org_name }}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -119,13 +119,15 @@ ...@@ -119,13 +119,15 @@
</div> </div>
</el-col> </el-col>
<el-col :span="4" class="shopping_cell_num"> <el-col :span="4" class="shopping_cell_num">
<el-input-number <div v-if="cellIsService">
:disabled="readOnly" <el-input-number
v-model="cellItems.duration" :disabled="readOnly"
@change="changeNum" v-model="cellItems.duration"
size="mini" @change="changeNum"
:min="1" size="mini"
></el-input-number> :min="1"
></el-input-number>
</div>
</el-col> </el-col>
<el-col :span="4" class="shopping_cell_options"> <el-col :span="4" class="shopping_cell_options">
<el-checkbox <el-checkbox
......
src/pages/service_shop/services_shop.vue
View file @ f9407971
...@@ -132,6 +132,7 @@ export default { ...@@ -132,6 +132,7 @@ export default {
this.init("hotdata"); this.init("hotdata");
this.init("hgmap"); this.init("hgmap");
this.init("zhapp"); this.init("zhapp");
this.getGeneralOverview();
} }
}; };
</script> </script>
......
src/pages/user/order/order_detail.vue
View file @ f9407971
...@@ -177,26 +177,25 @@ ...@@ -177,26 +177,25 @@
</div> </div>
<div v-if="orderDetail.order_type == 3"> <div v-if="orderDetail.order_type == 3">
<div class="detail_s_title">工作区域描述：</div> <div class="detail_s_title">工作区域描述：</div>
<div class="detail_app_scence">{{ orderDetail.scene }}</div>
</div> </div>
<div v-if="orderDetail.order_type == 3" class="params_block"> <div v-if="orderDetail.order_type == 3" class="params_block">
<span class="params_block_title">申请规格：</span> <span class="params_block_title">申请规格：</span>
<div class="params_block_item"> <div class="params_block_item">
<div class="params_block_item_in"> <div class="params_block_item_in">
<span class="params_block_item_title">CPU：</span> <span class="params_block_item_title">CPU：</span>
<span class="params_block_item_val">2核</span> <span class="params_block_item_val">{{ orderDetail.cpu }}核</span>
</div> </div>
<div class="params_block_item_in"> <div class="params_block_item_in">
<span class="params_block_item_title">内存：</span> <span class="params_block_item_title">内存：</span>
<span class="params_block_item_val">4GB</span> <span class="params_block_item_val">{{ orderDetail.memory }}GB</span>
</div> </div>
<div class="params_block_item_in"> <div class="params_block_item_in">
<span class="params_block_item_title">容器组：</span> <span class="params_block_item_title">容器组：</span>
<span class="params_block_item_val">2核</span> <span class="params_block_item_val">{{ orderDetail.memory }}核</span>
</div> </div>
<div class="params_block_item_in"> <div class="params_block_item_in">
<span class="params_block_item_title">数据盘：</span> <span class="params_block_item_title">数据盘：</span>
<span class="params_block_item_val">2核</span> <span class="params_block_item_val">{{ orderDetail.disk_num}}块，每块{{orderDetail.disk_cap }}GB</span>
</div> </div>
</div> </div>
<span class="params_block_title margin_top_20">单个容器组规格：</span> <span class="params_block_title margin_top_20">单个容器组规格：</span>
...@@ -204,15 +203,15 @@ ...@@ -204,15 +203,15 @@
<div class="params_block_item_in"> <div class="params_block_item_in">
<span class="params_block_item_title">CPU：</span> <span class="params_block_item_title">CPU：</span>
<p class="params_block_item_val"> <p class="params_block_item_val">
<span class="val_has_2">最高&nbsp;2核</span> <span class="val_has_2">最高&nbsp;{{ orderDetail.one_cpu_max }}核</span>
<span class="val_has_2">默认&nbsp;2核</span> <span class="val_has_2">默认&nbsp;{{ orderDetail.one_cpu_min }}核</span>
</p> </p>
</div> </div>
<div class="params_block_item_in"> <div class="params_block_item_in">
<span class="params_block_item_title">CPU：</span> <span class="params_block_item_title">CPU：</span>
<p class="params_block_item_val"> <p class="params_block_item_val">
<span class="val_has_2">最高&nbsp;2核</span> <span class="val_has_2">最高&nbsp;{{ orderDetail.one_memory_max }}核</span>
<span class="val_has_2">默认&nbsp;2核</span> <span class="val_has_2">默认&nbsp;{{ orderDetail.one_memory_min }}核</span>
</p> </p>
</div> </div>
</div> </div>
...@@ -706,7 +705,7 @@ export default { ...@@ -706,7 +705,7 @@ export default {
line-height: 22px; line-height: 22px;
} }
.params_block_title { .params_block_title {
padding-left: 10px; padding-left: 5px;
color: #242c43; color: #242c43;
} }
.params_block_item { .params_block_item {
...@@ -719,12 +718,12 @@ export default { ...@@ -719,12 +718,12 @@ export default {
} }
.params_block_item_title { .params_block_item_title {
color: #8890a7; color: #8890a7;
width: 120px; width: 80px;
text-align: right; text-align: right;
} }
.params_block_item_val { .params_block_item_val {
color: #242c43; color: #242c43;
width: calc(100% - 130px); width: calc(100% - 82px);
} }
.val_has_2 { .val_has_2 {
margin-right: 20px; margin-right: 20px;
......
src/pages/workbench/fwgl/cloud-detail.vue 0 → 100644
View file @ f9407971
<template>
<div>
<el-breadcrumb separator="/" class="bread_crumb1 bread_left">
<el-breadcrumb-item
:to="{ path: getUrl() }"
>{{ this.$route.params.level == 1 ? $t('lang.cloudResourcesService') : $t('lang.cloudResourcesManagement') }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ $t('lang.cloudResourcesDetail') }}</el-breadcrumb-item>
</el-breadcrumb>
<BlockRadius class="in_cloud_block">
<div class="cloud_block_head">
<div class="head_left">
<el-image class="head_left_img" :src="url" fit="fill"></el-image>
</div>
<div class="head_right">
<div class="head_right_name">aPaaS V3.0</div>
<div class="head_right_msg">
<p class="head_right_msg_p">
申请用户：
<span class="head_right_msg_item">张三</span>
联系电话：
<span class="head_right_msg_item">12345678901</span>
资源申请状态：
<span
class="head_right_msg_item"
:class="true ? 'apply_success' : ''"
>审批通过</span>
</p>
<p class="head_right_msg_p">
业务系统名：
<span class="head_right_msg_item">aPaaS V3.0 一期</span>
资源申请时间：
<span class="head_right_msg_item">2020-02-12 15:54:21</span>
</p>
</div>
</div>
</div>
<div class="cloud_params">
<InfoList @download="download" :list_arr="list_arr" class="detail_s_val">
<div ref="ApplyParams" slot="ApplyParams" class="params_block">
<span class="params_block_title">申请规格：</span>
<div class="params_block_item">
<div class="params_block_item_in">
<span class="params_block_item_title">CPU：</span>
<span class="params_block_item_val">{{ orderDetail.cpu }}核</span>
</div>
<div class="params_block_item_in">
<span class="params_block_item_title">内存：</span>
<span class="params_block_item_val">{{ orderDetail.memory }}GB</span>
</div>
<div class="params_block_item_in">
<span class="params_block_item_title">容器组：</span>
<span class="params_block_item_val">{{ orderDetail.memory }}核</span>
</div>
<div class="params_block_item_in">
<span class="params_block_item_title">数据盘：</span>
<span
class="params_block_item_val"
>{{ orderDetail.disk_num}}块，每块{{orderDetail.disk_cap }}GB</span>
</div>
</div>
<span class="params_block_title margin_top_20">单个容器组规格：</span>
<div class="params_block_item">
<div class="params_block_item_in">
<span class="params_block_item_title">CPU：</span>
<div class="params_block_item_val">
<span class="val_has_2">最高&nbsp;{{ orderDetail.one_cpu_max }}核</span>
<span class="val_has_2">默认&nbsp;{{ orderDetail.one_cpu_min }}核</span>
</div>
</div>
<div class="params_block_item_in">
<span class="params_block_item_title">CPU：</span>
<div class="params_block_item_val">
<span class="val_has_2">最高&nbsp;{{ orderDetail.one_memory_max }}核</span>
<span class="val_has_2">默认&nbsp;{{ orderDetail.one_memory_min }}核</span>
</div>
</div>
</div>
</div>
<div ref="ApplyDesc" slot="ApplyDesc">
{{ desc }}
</div>
</InfoList>
</div>
</BlockRadius>
</div>
</template>
<script>
import BlockRadius from "@/components/general/block-radius";
import InfoList from "@/components/infoList";
import helper from "@/services/helper.js";
export default {
components: {
BlockRadius,
InfoList
},
data() {
return {
url:
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
orderDetail: {},
helper,
list_arr: [
{
title: "云资源详情：",
prop: "title"
},
{
title: "工作区域申请规格：",
type: "solt",
solt_name: "ApplyParams"
},
{
title: "资源申请文件：",
info: "2222222222222222222222.docs",
url: "",
type: "down"
},
{
title: "工作区域描述：",
type: "solt",
solt_name: "ApplyDesc",
}
],
desc: "工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述：工作区域描述："
};
},
watch: {},
computed: {},
created() {},
mounted() {
this.getUrl();
},
methods: {
getUrl() {
return this.$route.path.substring(0, 9);
},
download() {}
}
};
</script>
<style>
.in_cloud_block {
margin: 0 20px;
}
.cloud_block_head {
padding-top: 10px;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.head_left {
width: 150px;
}
.head_left_img {
width: 144px;
height: 144px;
border-radius: 8px;
}
.head_right {
width: calc(100% - 160px);
}
.head_right_name {
font-size: 18px;
font-weight: bold;
color: #0d1847;
line-height: 30px;
margin-left: 10px;
margin-bottom: 18px;
}
.head_right_msg {
border-radius: 8px;
height: 96px;
background-color: #f6f7fb;
padding: 10px 20px;
}
.head_right_msg_p {
font-size: 14px;
line-height: 38px;
color: #8890a7;
}
.head_right_msg_item {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #242c43;
margin-right: 48px;
}
.apply_success {
color: #515fe7;
}
.cloud_params .service_title {
padding: 0 10px;
}
.cloud_params p {
padding: 0 15px;
}
.cloud_params p span {
display: inline;
line-height: 21px;
}
.params_block {
background-color: #f8f9fd;
border-radius: 8px;
margin: 10px 0;
padding: 20px;
font-size: 14px;
line-height: 22px;
}
.params_block_title {
padding-left: 5px;
color: #242c43;
}
.params_block_item {
padding: 10px 0 0 0;
}
.params_block_item_in {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.params_block_item_title {
color: #8890a7;
width: 80px;
text-align: right;
}
.params_block_item_val {
color: #242c43;
width: calc(100% - 82px);
}
.margin_top_20 {
display: block;
margin-top: 20px;
}
</style>
src/router/index.js
View file @ f9407971
...@@ -68,6 +68,11 @@ export default new Router({ ...@@ -68,6 +68,11 @@ export default new Router({
component: () => component: () =>
import("@/pages/workbench/fwgl/approval_service_detail"), import("@/pages/workbench/fwgl/approval_service_detail"),
}, // 审批的服务 - 详情 }, // 审批的服务 - 详情
{
path: "/fwgl/:level/:type/cloud_detail/:id",
name: "servicedetail",
component: () => import("@/pages/workbench/fwgl/cloud-detail"),
}, // 云资源 - 详情
], ],
}, // 工作台 - 服务管理模块 }, // 工作台 - 服务管理模块
{ {
......
yarn.lock
View file @ f9407971
...@@ -6074,6 +6074,11 @@ resize-detector@^0.1.10: ...@@ -6074,6 +6074,11 @@ resize-detector@^0.1.10:
resolved "https://registry.yarnpkg.com/resize-detector/-/resize-detector-0.1.10.tgz#1da3f961aa5f914ccbcfd3752d52fd45beeb692c" resolved "https://registry.yarnpkg.com/resize-detector/-/resize-detector-0.1.10.tgz#1da3f961aa5f914ccbcfd3752d52fd45beeb692c"
integrity sha512-iLcXC8A6Fb0DfA+TRiywrK/0A22bFqkhntjMJMEzXDA4XkcEkfwpNbv7W8iewUiD0xYIaeiXOfiEehTqGKsUFw== integrity sha512-iLcXC8A6Fb0DfA+TRiywrK/0A22bFqkhntjMJMEzXDA4XkcEkfwpNbv7W8iewUiD0xYIaeiXOfiEehTqGKsUFw==
resize-detector@^0.2.2:
version "0.2.2"
resolved "https://registry.npm.taobao.org/resize-detector/download/resize-detector-0.2.2.tgz#b207e72912bef0bda9fb825fe894ed9686ca965e"
integrity sha1-sgfnKRK+8L2p+4Jf6JTtlobKll4=
resize-observer-polyfill@^1.5.0: resize-observer-polyfill@^1.5.0:
version "1.5.1" version "1.5.1"
resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464" resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
...@@ -7207,6 +7212,13 @@ vue-router@^3.0.2: ...@@ -7207,6 +7212,13 @@ vue-router@^3.0.2:
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.1.6.tgz#45f5a3a3843e31702c061dd829393554e4328f89" resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.1.6.tgz#45f5a3a3843e31702c061dd829393554e4328f89"
integrity sha512-GYhn2ynaZlysZMkFE5oCHRUTqE8BWs/a9YbKpNLi0i7xD6KG1EzDqpHQmv1F5gXjr8kL5iIVS8EOtRaVUEXTqA== integrity sha512-GYhn2ynaZlysZMkFE5oCHRUTqE8BWs/a9YbKpNLi0i7xD6KG1EzDqpHQmv1F5gXjr8kL5iIVS8EOtRaVUEXTqA==
vue-sparklines@^0.2.1:
version "0.2.1"
resolved "https://registry.npm.taobao.org/vue-sparklines/download/vue-sparklines-0.2.1.tgz#2c754b49af5d86a62308930f72bad8fc376d3beb"
integrity sha1-LHVLSa9dhqYjCJMPcrrY/DdtO+s=
dependencies:
vue "^2.2.1"
vue-style-loader@^4.1.0, vue-style-loader@^4.1.2: vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
version "4.1.2" version "4.1.2"
resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8" resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
...@@ -7228,7 +7240,7 @@ vue-template-es2015-compiler@^1.9.0: ...@@ -7228,7 +7240,7 @@ vue-template-es2015-compiler@^1.9.0:
resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825" resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw== integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
vue@^2.6.10: vue@^2.2.1, vue@^2.6.10:
version "2.6.11" version "2.6.11"
resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5" resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ== integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
......
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