Skip to content

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

云服务

parent 0a4c3410
Hide whitespace changes
Inline Side-by-side
Showing with 637 additions and 618 deletions
src/assets/css/index.css
View file @ b3a267a4
...@@ -261,15 +261,15 @@ div { ...@@ -261,15 +261,15 @@ div {
} }
.el-tabs__item { .el-tabs__item {
font-size: 16px; font-size: 14px;
color: #8890a7; color: #8890a7;
line-height: 24px !important; line-height: 14px !important;
font-weight: bold; font-weight: bold;
} }
.el-tabs__nav-scroll .el-tabs__item { .el-tabs__nav-scroll .el-tabs__item {
line-height: 38px !important; line-height: 14px !important;
height: 44px !important; height: 38px !important;
} }
.el-tabs__item:hover { .el-tabs__item:hover {
...@@ -499,7 +499,7 @@ border-radius:8px; ...@@ -499,7 +499,7 @@ border-radius:8px;
margin-left: 35px; margin-left: 35px;
} */ } */
.el-input__inner { .el-input__inner {
border-radius: 8px; border-radius: 6px;
} }
.el-input-group__append, .el-input-group__append,
......
src/components/general/block-radius.vue
View file @ b3a267a4
<template> <template>
<div class="block_radius" :style="'border-radius:' + borRadius + 'px'"> <div class="block_radius" :style="'border-radius:' + borRadius + 'px;padding:' + paddingNum + 'px;'">
<div v-if="show_header" class="block_header"> <div v-if="show_header" class="block_header">
<div class="block_header_title">{{ title }}</div> <div class="block_header_title">{{ title }}</div>
<div class="block_header_button_group"> <div class="block_header_button_group">
...@@ -36,6 +36,10 @@ export default { ...@@ -36,6 +36,10 @@ export default {
borRadius: { borRadius: {
type: Number, type: Number,
default: 10, default: 10,
},
paddingNum: {
type: Number,
default: 20,
} }
}, },
components: {}, components: {},
......
src/components/infoList.vue
View file @ b3a267a4
...@@ -93,10 +93,10 @@ a { ...@@ -93,10 +93,10 @@ a {
text-align: center; text-align: center;
color: #e6ebfe; color: #e6ebfe;
background-color: #515fe7; background-color: #515fe7;
border-radius: 8px; border-radius: 6px;
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
margin-left: 20px; margin-left: 8px;
cursor: pointer; cursor: pointer;
} }
</style> </style>
src/components/shop-cloud/shop-cloud.vue
View file @ b3a267a4
<template> <template>
<div> <div class="shop_cloud">
<el-breadcrumb separator="/" class="bread_crumb1 bread_left"> <el-breadcrumb separator="/" class="bread_crumb1 bread_left">
<el-breadcrumb-item :to="{ path: '/shop' }">服务超市</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/shop' }">服务超市</el-breadcrumb-item>
<el-breadcrumb-item>{{ name }}</el-breadcrumb-item> <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<block-radius> <block-radius :paddingNum="24">
<el-form <el-form
ref="form" ref="form"
:inline="true" :inline="true"
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
:model="form" :model="form"
class="form_block" class="form_block"
> >
<el-row> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="24">
<el-form-item class="form_item"> <el-form-item class="form_item">
<div class="form_item_title">申请组织：</div> <div class="form_item_title">申请组织：</div>
<el-input <el-input
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item class="form_item" prop="link_man"> <el-form-item class="form_item nobottom" prop="link_man">
<div class="form_item_title">部门联系人：</div> <div class="form_item_title">部门联系人：</div>
<el-input <el-input
v-model="form.link_man" v-model="form.link_man"
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item class="form_item" prop="phone"> <el-form-item class="form_item nobottom" prop="phone">
<div class="form_item_title">联系电话：</div> <div class="form_item_title">联系电话：</div>
<el-input <el-input
v-model="form.phone" v-model="form.phone"
...@@ -44,218 +44,213 @@ ...@@ -44,218 +44,213 @@
</el-row> </el-row>
</el-form> </el-form>
</block-radius> </block-radius>
<block-radius> <block-radius :paddingNum="24">
<el-tabs v-model="activeName" class="cloud_form" @tab-click="tabClick"> <el-tabs v-model="activeName" class="cloud_form" @tab-click="tabClick">
<el-tab-pane label="申请新的工作区域" name="0"> <el-tab-pane label="申请新的工作区域" name="0">
<el-row> <el-form ref="formNew" :model="formNew" :rules="ruleNew">
<el-col :span="24"> <el-row :gutter="24">
<el-form ref="formNew" :model="formNew" :rules="ruleNew"> <el-col :span="24">
<el-row> <div class="form_title">基本信息</div>
<el-col :span="24"> </el-col>
<div class="form_title">基本信息</div> <el-col :span="12">
</el-col> <el-form-item prop="namespace" class="form_item">
<el-col :span="12"> <div class="form_item_title">工作区域名称：</div>
<el-form-item prop="namespace" class="form_item"> <el-input
<div class="form_item_title">工作区域名称：</div> v-model="formNew.namespace"
<el-input placeholder="请输入工作区域英文名称"
v-model="formNew.namespace" ></el-input>
placeholder="请输入工作区域英文名称" </el-form-item>
></el-input> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item prop="workplace" class="form_item">
<el-col :span="12"> <div class="form_item_title">中文名称：</div>
<el-form-item prop="workplace" class="form_item"> <el-input
<div class="form_item_title">中文名称：</div> v-model="formNew.workplace"
<el-input placeholder="请输入工作区域中文名称"
v-model="formNew.workplace" ></el-input>
placeholder="请输入工作区域中文名称" </el-form-item>
></el-input> </el-col>
</el-form-item> <el-col :span="24">
</el-col> <el-form-item prop="workplacedesc" class="form_item nobottom">
<el-col :span="12"> <div class="form_item_title">描述信息：</div>
<el-form-item prop="workplacedesc" class="form_item"> <el-input
<div class="form_item_title">描述信息：</div> type="textarea"
<el-input v-model="formNew.workplacedesc"
type="textarea" placeholder="请输入工作区域描述信息"
v-model="formNew.workplacedesc" ></el-input>
placeholder="请输入工作区域描述信息" </el-form-item>
></el-input> </el-col>
</el-form-item> <el-col :span="24">
</el-col> <div class="form_title">工作区域申请规格</div>
<el-col :span="24"> </el-col>
<div class="form_title">工作区域申请规格</div> <el-col :span="8">
</el-col> <el-form-item prop="cpu" class="form_item input_has_right">
<el-col :span="6"> <div class="form_item_title">CPU：</div>
<el-form-item prop="cpu" class="form_item input_has_right"> <el-select
<div class="form_item_title">CPU：</div> v-model="formNew.cpu"
<el-select @change="changeCPU"
v-model="formNew.cpu" placeholder="请选择CPU使用量"
@change="changeCPU" >
placeholder="请选择CPU使用量" <el-option
> v-for="item in optionsCPU"
<el-option :key="item.value"
v-for="item in optionsCPU" :label="item.label"
:key="item.value" :value="item.value"
:label="item.label" ></el-option>
:value="item.value" </el-select>
></el-option> <div class="input_right input_right_top">核</div>
</el-select> </el-form-item>
<div class="input_right input_right_top">核</div> </el-col>
</el-form-item> <el-col :span="8">
</el-col> <el-form-item prop="memory" class="form_item input_has_right">
<el-col :span="6"> <div class="form_item_title">内存：</div>
<el-form-item <el-select
prop="memory" v-model="formNew.memory"
class="form_item input_has_right" placeholder="请选择内存使用量"
> @change="setContainerGroup(0)"
<div class="form_item_title">内存：</div> >
<el-select <el-option
v-model="formNew.memory" v-for="item in optionsRAM"
placeholder="请选择内存使用量" :key="item.value"
@change="setContainerGroup(0)" :label="item.label"
> :value="item.value"
<el-option ></el-option>
v-for="item in optionsRAM" </el-select>
:key="item.value" <div class="input_right input_right_top">GB</div>
:label="item.label" </el-form-item>
:value="item.value" </el-col>
></el-option> <el-col :span="8">
</el-select> <el-form-item
<div class="input_right input_right_top">GB</div> prop="containerGroup"
</el-form-item> class="form_item input_has_right"
</el-col> >
<el-col :span="6"> <div class="form_item_title">容器组：</div>
<el-form-item <el-input-number
prop="containerGroup" v-model="formNew.containerGroup"
class="form_item input_has_right" controls-position="right"
> :min="0"
<div class="form_item_title">容器组：</div> :max="24"
<el-input-number placeholder="取值范围[0，24]"
v-model="formNew.containerGroup" ></el-input-number>
controls-position="right" <div class="input_right">个</div>
:min="0" </el-form-item>
:max="24" </el-col>
placeholder="取值范围[0，24]" <el-col :span="24">
></el-input-number> <div class="form_item_title">数据盘（可选）：</div>
<div class="input_right">个</div> </el-col>
</el-form-item> <el-col :span="8">
</el-col> <el-form-item class="form_item input_has_right nobottom">
<el-col :span="24"> <el-input-number
<div class="form_item_title">数据盘（可选）：</div> v-model="formNew.dataDisk"
</el-col> controls-position="right"
<el-col :span="6"> :min="0"
<el-form-item class="form_item input_has_right"> :max="1000"
<el-input-number placeholder="请选择增加数据盘的数量"
v-model="formNew.dataDisk" ></el-input-number>
controls-position="right" <div class="input_right">块</div>
:min="0" </el-form-item>
:max="1000" </el-col>
placeholder="请选择增加数据盘的数量" <el-col :span="8">
></el-input-number> <el-form-item class="form_item input_has_right nobottom">
<div class="input_right">块</div> <el-input-number
</el-form-item> v-model="formNew.perDataDisk"
</el-col> controls-position="right"
<el-col :span="6"> :min="0"
<el-form-item class="form_item input_has_right"> :max="1000"
<el-input-number placeholder="请选择每块数据盘的容量"
v-model="formNew.perDataDisk" ></el-input-number>
controls-position="right" <div class="input_right">GB</div>
:min="0" </el-form-item>
:max="1000" </el-col>
placeholder="请选择每块数据盘的容量" <el-col :span="24">
></el-input-number> <div class="form_title">单个容器组规格</div>
<div class="input_right">GB</div> </el-col>
</el-form-item> <el-col :span="24">
</el-col> <div class="form_item_title">CPU：</div>
<el-col :span="24"> </el-col>
<div class="form_title">单个容器组规格</div> <el-col :span="8">
</el-col> <el-form-item
<el-col :span="12"> prop="perCPUs"
<div class="form_item_title">CPU：</div> class="form_item input_has_left_right"
</el-col> >
<el-col :span="12"> <div class="input_left">最高</div>
<div class="form_item_title">内存：</div> <el-input-number
</el-col> v-model="formNew.perCPUs"
<el-col :span="6"> controls-position="right"
<el-form-item :min="0"
prop="perCPUs" :max="10"
class="form_item input_has_left_right" placeholder="CPU最高使用量"
> ></el-input-number>
<div class="input_left">最高</div> <div class="input_right">核</div>
<el-input-number </el-form-item>
v-model="formNew.perCPUs" </el-col>
controls-position="right" <el-col :span="8">
:min="0" <el-form-item
:max="10" prop="perCPU"
placeholder="请选择CPU最高使用量" class="form_item input_has_left_right"
></el-input-number> >
<div class="input_right">核</div> <div class="input_left">默认</div>
</el-form-item> <el-input-number
</el-col> v-model="formNew.perCPU"
<el-col :span="6"> controls-position="right"
<el-form-item :min="0"
prop="perCPU" :max="10"
class="form_item input_has_left_right" placeholder="CPU默认使用量"
> ></el-input-number>
<div class="input_left">默认</div> <div class="input_right">核</div>
<el-input-number </el-form-item>
v-model="formNew.perCPU" </el-col>
controls-position="right" <el-col :span="24">
:min="0" <div class="form_item_title">内存：</div>
:max="10" </el-col>
placeholder="请选择CPU默认使用量" <el-col :span="8">
></el-input-number> <el-form-item
<div class="input_right">核</div> prop="perRAMs"
</el-form-item> class="form_item input_has_left_right nobottom"
</el-col> >
<el-col :span="6"> <div class="input_left">最高</div>
<el-form-item <el-input-number
prop="perRAMs" v-model="formNew.perRAMs"
class="form_item input_has_left_right" controls-position="right"
> :min="0"
<div class="input_left">最高</div> :max="10"
<el-input-number placeholder="内存最高使用量"
v-model="formNew.perRAMs" ></el-input-number>
controls-position="right" <div class="input_right">GB</div>
:min="0" </el-form-item>
:max="10" </el-col>
placeholder="请选择内存最高使用量" <el-col :span="8">
></el-input-number> <el-form-item
<div class="input_right">GB</div> prop="perRAM"
</el-form-item> class="form_item input_has_left_right nobottom"
</el-col> >
<el-col :span="6"> <div class="input_left">默认</div>
<el-form-item <el-input-number
prop="perRAM" v-model="formNew.perRAM"
class="form_item input_has_left_right" controls-position="right"
> :min="0"
<div class="input_left">默认</div> :max="10"
<el-input-number placeholder="内存默认使用量"
v-model="formNew.perRAM" ></el-input-number>
controls-position="right" <div class="input_right">GB</div>
:min="0" </el-form-item>
:max="10" </el-col>
placeholder="请选择内存默认使用量" <el-col :span="24">
></el-input-number> <div class="form_title">其他信息</div>
<div class="input_right">GB</div> </el-col>
</el-form-item> <el-col :span="16">
</el-col> <el-form-item
<el-col :span="24"> prop="appDuration"
<div class="form_title">其他信息</div> class="form_item input_has_right"
</el-col> >
<el-col :span="12"> <div class="form_item_title">申请时长：</div>
<el-form-item <el-input-number
prop="appDuration" v-model="formNew.appDuration"
class="form_item input_has_right" controls-position="right"
> :min="1"
<div class="form_item_title">申请时长：</div> :max="1000"
<el-input-number ></el-input-number>
v-model="formNew.appDuration" <!-- <el-select
controls-position="right"
:min="1"
:max="1000"
></el-input-number>
<!-- <el-select
v-model="formNew.durType" v-model="formNew.durType"
class="input_right_select" class="input_right_select"
placeholder="请选择申请时长" placeholder="请选择申请时长"
...@@ -267,36 +262,34 @@ ...@@ -267,36 +262,34 @@
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select> --> </el-select> -->
<div class="input_right">月</div> <div class="input_right">月</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<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 <info-list
:list_arr="docTemplate" :list_arr="docTemplate"
class="doc_template" class="doc_template"
></info-list> ></info-list>
<upload-file <upload-file
:multiple="false" :multiple="false"
:unique="false" :unique="false"
:max="1" :max="1"
type="zip" type="zip"
:readOnly="false" :readOnly="false"
:drag="true" :drag="true"
@getNewList="getNewList" @getNewList="getNewList"
class="up_f" class="up_f"
></upload-file> ></upload-file>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</el-col>
</el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="调整现有工作区域" name="1"> <el-tab-pane label="调整现有工作区域" name="1">
<el-row> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="16">
<div class="select_title">选择要进行调整的工作区域：</div> <div class="select_title">选择要进行调整的工作区域：</div>
<div class="form_item"> <div class="form_item">
<el-select <el-select
...@@ -315,116 +308,110 @@ ...@@ -315,116 +308,110 @@
</el-col> </el-col>
</el-row> </el-row>
<div v-show="formShow"> <div v-show="formShow">
<el-row> <el-form ref="formOld" :model="formOld" :rules="ruleOld">
<el-col :span="24"> <el-row :gutter="24">
<el-form ref="formOld" :model="formOld" :rules="ruleOld"> <el-col :span="24">
<el-row> <div class="form_title">工作区域规格调整</div>
<el-col :span="24"> </el-col>
<div class="form_title">工作区域规格调整</div> <el-col :span="24">
</el-col> <div class="now_spec">当前规格：</div>
<el-col :span="24"> <div class="now_spec_cards">
<div class="now_spec">当前规格：</div> <div
<div class="now_spec_cards"> class="now_spec_card"
<div v-for="(item, index) in specArr"
class="now_spec_card" :key="index + 'spec'"
v-for="(item, index) in specArr" >
:key="index + 'spec'" <img
> class="now_spec_card_img"
<img :src="require('@/assets/imgs/' + item.src + '.png')"
class="now_spec_card_img" />
:src="require('@/assets/imgs/' + item.src + '.png')" <span class="now_spec_card_title">
/> {{ item.title }}
<span class="now_spec_card_title"> </span>
{{ item.title }} <span class="now_spec_card_val">
</span> {{
<span class="now_spec_card_val"> item.val +
{{ " " +
item.val + (item.title == "CPU"
" " + ? "核"
(item.title == "CPU" : item.title == "内存"
? "核" ? "GB"
: item.title == "内存" : "个")
? "GB" }}
: "个") </span>
}} </div>
</span> </div>
</div> </el-col>
</div> <el-col :span="8">
</el-col> <el-form-item prop="cpu" class="form_item input_has_right">
<el-col :span="6"> <div class="form_item_title">申请CPU调整为：</div>
<el-form-item <el-select
prop="cpu" v-model="formOld.cpu"
class="form_item input_has_right" placeholder="请选择CPU使用量"
> >
<div class="form_item_title">申请CPU调整为：</div> <el-option
<el-select v-for="item in optionsCPU"
v-model="formOld.cpu" :key="item.value"
placeholder="请选择CPU使用量" :label="item.label"
> :value="item.value"
<el-option ></el-option>
v-for="item in optionsCPU" </el-select>
:key="item.value" <div class="input_right input_right_top">核</div>
:label="item.label" </el-form-item>
:value="item.value" </el-col>
></el-option> <el-col :span="8">
</el-select> <el-form-item prop="memory" class="form_item input_has_right">
<div class="input_right input_right_top">核</div> <div class="form_item_title">申请内存调整为：</div>
</el-form-item> <el-select
</el-col> v-model="formOld.memory"
<el-col :span="6"> placeholder="请选择内存使用量"
<el-form-item @change="setContainerGroup(1)"
prop="memory" >
class="form_item input_has_right" <el-option
> v-for="item in optionsRAM"
<div class="form_item_title">申请内存调整为：</div> :key="item.value"
<el-select :label="item.label"
v-model="formOld.memory" :value="item.value"
placeholder="请选择内存使用量" ></el-option>
@change="setContainerGroup(1)" </el-select>
> <div class="input_right input_right_top">GB</div>
<el-option </el-form-item>
v-for="item in optionsRAM" </el-col>
:key="item.value" <el-col :span="8">
:label="item.label" <el-form-item
:value="item.value" prop="containerGroup"
></el-option> class="form_item input_has_right"
</el-select> >
<div class="input_right input_right_top">GB</div> <div class="form_item_title">申请容器组调整为：</div>
</el-form-item> <el-input-number
</el-col> v-model="formOld.containerGroup"
<el-col :span="6"> controls-position="right"
<el-form-item :min="0"
prop="containerGroup" :max="24"
class="form_item input_has_right" placeholder="取值范围[0，24]"
> ></el-input-number>
<div class="form_item_title">申请容器组调整为：</div> <div class="input_right">个</div>
<el-input-number </el-form-item>
v-model="formOld.containerGroup" </el-col>
controls-position="right" <el-col :span="24" v-if="dataDiskList.length != 0">
:min="0" <el-form-item class="form_item input_has_right">
:max="24" <div class="form_item_title_1">调整数据盘：</div>
placeholder="取值范围[0，24]" <table-um
></el-input-number> ref="apply_service_state_table"
<div class="input_right">个</div> :headers="dataDiskHeaders"
</el-form-item> :stripe="true"
</el-col> :datas="dataDiskList"
<el-col :span="12" v-if="dataDiskList.length != 0"> @primary-del="delItem"
<el-form-item class="form_item input_has_right"> :maxheight="260"
<div class="form_item_title">调整数据盘：</div> size="small"
<table-um class="disk__table"
ref="apply_service_state_table" ></table-um>
:headers="dataDiskHeaders" </el-form-item>
:stripe="true" </el-col>
:datas="dataDiskList" <el-col :span="24">
@primary-del="delItem" <el-form-item class="form_item nobottom">
:maxheight="260" <div class="form_item_title">增加数据盘：</div>
></table-um> <!-- <el-select v-model="formOld.store_type" placeholder="请选择数据盘类型">
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item class="form_item">
<div class="form_item_title">增加数据盘：</div>
<!-- <el-select v-model="formOld.store_type" placeholder="请选择数据盘类型">
<el-option <el-option
v-for="item in options_store_type" v-for="item in options_store_type"
:key="item.value" :key="item.value"
...@@ -432,205 +419,191 @@ ...@@ -432,205 +419,191 @@
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select>--> </el-select>-->
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right nobottom">
<el-input-number <el-input-number
v-model="formOld.dataDisk" v-model="formOld.dataDisk"
controls-position="right" controls-position="right"
:min="0" :min="0"
:max="1000" :max="1000"
placeholder="请选择增加数据盘的数量" placeholder="请选择增加数据盘的数量"
></el-input-number> ></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="6"> <el-col :span="8">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right nobottom">
<el-input-number <el-input-number
v-model="formOld.perDataDisk" v-model="formOld.perDataDisk"
controls-position="right" controls-position="right"
:min="0" :min="0"
:max="1000" :max="1000"
placeholder="请选择每块数据盘的容量" placeholder="请选择每块数据盘的容量"
></el-input-number> ></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>
<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="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 <div
class="now_rqz_card" class="now_rqz_card"
v-for="(item, index) in rqzArr" v-for="(item, index) in rqzArr"
:key="index + 'rqz'" :key="index + 'rqz'"
> >
<img <img
class="now_rqz_card_img" class="now_rqz_card_img"
:src="require('@/assets/imgs/' + item.src + '.png')" :src="require('@/assets/imgs/' + item.src + '.png')"
/> />
<span class="now_rqz_card_title"> <span class="now_rqz_card_title">
{{ item.title }} {{ item.title }}
</span> </span>
<div class="now_rqz_card_val_div"> <div class="now_rqz_card_val_div">
<span class="now_rqz_card_val"> <span class="now_rqz_card_val">
最高&nbsp;{{ item.max }}&nbsp;{{ 最高&nbsp;{{ item.max }}&nbsp;{{
item.title == "CPU" ? "核" : "GB" item.title == "CPU" ? "核" : "GB"
}} }}
</span> &nbsp;&nbsp;&nbsp;&nbsp;
<br /> </span>
<span class="now_rqz_card_val"> <span class="now_rqz_card_val">
默认&nbsp;{{ item.default }}&nbsp;{{ 默认&nbsp;{{ item.default }}&nbsp;{{
item.title == "CPU" ? "核" : "GB" item.title == "CPU" ? "核" : "GB"
}} }}
</span> </span>
</div>
</div>
</div> </div>
</el-col> </div>
<el-col :span="12"> </div>
<div class="form_item_title">CPU：</div> </el-col>
</el-col> <el-col :span="24">
<el-col :span="12"> <div class="form_item_title">CPU：</div>
<div class="form_item_title">内存：</div> </el-col>
</el-col> <el-col :span="8">
<el-col :span="6"> <el-form-item
<el-form-item prop="perCPUs"
prop="perCPUs" class="form_item input_has_left_right"
class="form_item input_has_left_right" >
> <div class="input_left">最高</div>
<div class="input_left">最高</div> <el-input-number
<el-input-number v-model="formOld.perCPUs"
v-model="formOld.perCPUs" controls-position="right"
controls-position="right" :min="0"
:min="0" :max="10"
:max="10" placeholder="请设置CPU最高使用量"
placeholder="请设置CPU最高使用量" ></el-input-number>
></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="8">
<el-col :span="6"> <el-form-item
<el-form-item prop="perCPU"
prop="perCPU" class="form_item input_has_left_right"
class="form_item input_has_left_right" >
> <div class="input_left">默认</div>
<div class="input_left">默认</div> <el-input-number
<el-input-number v-model="formOld.perCPU"
v-model="formOld.perCPU" controls-position="right"
controls-position="right" :min="0"
:min="0" :max="10"
:max="10" placeholder="请设置CPU默认使用量"
placeholder="请设置CPU默认使用量" ></el-input-number>
></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="24">
<el-col :span="6"> <div class="form_item_title">内存：</div>
<el-form-item </el-col>
prop="perRAMs" <el-col :span="8">
class="form_item input_has_left_right" <el-form-item
> prop="perRAMs"
<div class="input_left">最高</div> class="form_item input_has_left_right nobottom"
<el-input-number >
v-model="formOld.perRAMs" <div class="input_left">最高</div>
controls-position="right" <el-input-number
:min="0" v-model="formOld.perRAMs"
:max="10" controls-position="right"
placeholder="请设置内存最高使用量" :min="0"
></el-input-number> :max="10"
<div class="input_right">GB</div> placeholder="请设置内存最高使用量"
</el-form-item> ></el-input-number>
</el-col> <div class="input_right">GB</div>
<el-col :span="6"> </el-form-item>
<el-form-item </el-col>
prop="perRAM" <el-col :span="8">
class="form_item input_has_left_right" <el-form-item
prop="perRAM"
class="form_item input_has_left_right nobottom"
>
<div class="input_left">默认</div>
<el-input-number
v-model="formOld.perRAM"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置内存默认使用量"
></el-input-number>
<div class="input_right">GB</div>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="form_title">其他信息</div>
</el-col>
<el-col :span="24">
<div class="now_spec">当前规格：</div>
<div class="now_spec_card_time">
<div>
<img
class="now_spec_card_time_img"
:src="require('@/assets/imgs/ic_shijian.png')"
/>
<span class="now_spec_card_time_title"
>当前工作区域到期时间</span
> >
<div class="input_left">默认</div> <span class="now_spec_card_time_val">
<el-input-number {{
v-model="formOld.perRAM" helper.dateStringTransform(paramsOld.cloud_end_time)
controls-position="right" }}
:min="0" </span>
:max="10" </div>
placeholder="请设置内存默认使用量" </div>
></el-input-number> </el-col>
<div class="input_right">GB</div> <el-col :span="16">
</el-form-item> <el-form-item class="form_item input_has_right">
</el-col> <div class="form_item_title">申请续期：</div>
<el-col :span="24"> <el-input-number
<div class="form_title">其他信息</div> v-model="formOld.appDuration"
<el-col :span="24"> controls-position="right"
<div class="now_spec">当前规格：</div> :min="1"
<div class="now_spec_card_time"> :max="1000"
<div> ></el-input-number>
<img <div class="input_right">月</div>
class="now_spec_card_time_img" </el-form-item>
:src="require('@/assets/imgs/ic_shijian.png')" </el-col>
/> <el-col :span="22">
<span class="now_spec_card_time_title" <el-form-item class="form_item">
>当前工作区域到期时间</span <div class="form_item_title">申请文件：</div>
> <info-list
<span class="now_spec_card_time_val"> :list_arr="docTemplate"
{{ class="doc_template"
helper.dateStringTransform( ></info-list>
paramsOld.cloud_end_time <upload-file
) :multiple="false"
}} :unique="false"
</span> :max="1"
</div> type="zip"
</div> :readOnly="false"
</el-col> :drag="true"
</el-col> @getNewList="getNewListOld"
<el-col :span="12"> class="up_f"
<el-form-item class="form_item input_has_right_select"> ></upload-file>
<div class="form_item_title">申请续期：</div> </el-form-item>
<el-input-number </el-col>
v-model="formOld.appDuration" </el-row>
controls-position="right" </el-form>
:min="1"
:max="1000"
></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-form-item>
</el-col>
<el-col :span="22">
<el-form-item class="form_item">
<div class="form_item_title">申请文件：</div>
<info-list
:list_arr="docTemplate"
class="doc_template"
></info-list>
<upload-file
:multiple="false"
:unique="false"
:max="1"
type="zip"
:readOnly="false"
:drag="true"
@getNewList="getNewListOld"
></upload-file>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-col>
</el-row>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -920,7 +893,7 @@ ...@@ -920,7 +893,7 @@
<p class="dia_block_item_val"> <p class="dia_block_item_val">
<span class="val_has_2"> <span class="val_has_2">
最高&nbsp;{{ diaForm.perRAMs }}GB 最高&nbsp;{{ diaForm.perRAMs }}GB
</span> </span>
<span class="val_has_2"> <span class="val_has_2">
默认&nbsp;{{ diaForm.perRAM }}GB 默认&nbsp;{{ diaForm.perRAM }}GB
</span> </span>
...@@ -1254,7 +1227,7 @@ export default { ...@@ -1254,7 +1227,7 @@ export default {
}, },
], ],
}, },
activeName: "0", activeName: "1",
formNew: { formNew: {
namespace: "", namespace: "",
workplace: "", workplace: "",
...@@ -1849,8 +1822,9 @@ export default { ...@@ -1849,8 +1822,9 @@ export default {
} }
.form_title { .form_title {
font-size: 16px; font-size: 16px;
line-height: 16px;
font-weight: bold; font-weight: bold;
margin: 10px 0; margin: 32px 0 24px;
padding: 0 0 0 15px; padding: 0 0 0 15px;
position: relative; position: relative;
color: #58617a; color: #58617a;
...@@ -1863,14 +1837,22 @@ export default { ...@@ -1863,14 +1837,22 @@ export default {
background-color: #515fe7; background-color: #515fe7;
border-radius: 2px; border-radius: 2px;
left: 0; left: 0;
top: 2px; top: -1px;
} }
.form_item { .form_item {
width: calc(100% - 20px); width: calc(100%);
} }
.form_item_title { .form_item_title {
padding: 0 15px; margin: 0 0 12px;
line-height: 40px; line-height: 14px;
font-size: 14px;
color: #58617a;
}
.form_item_title_1 {
margin: 0;
line-height: 14px;
font-size: 14px;
color: #58617a;
} }
.input_has_right { .input_has_right {
position: relative; position: relative;
...@@ -1883,7 +1865,7 @@ export default { ...@@ -1883,7 +1865,7 @@ export default {
background-color: #edeef4; background-color: #edeef4;
border: 1px #e3e5ef solid; border: 1px #e3e5ef solid;
color: #8890a7; color: #8890a7;
border-radius: 0 8px 8px 0; border-radius: 0 6px 6px 0;
position: absolute; position: absolute;
right: 0; right: 0;
} }
...@@ -1898,7 +1880,7 @@ export default { ...@@ -1898,7 +1880,7 @@ export default {
background-color: #edeef4; background-color: #edeef4;
border: 1px #e3e5ef solid; border: 1px #e3e5ef solid;
color: #8890a7; color: #8890a7;
border-radius: 8px 0 0 8px; border-radius: 6px 0 0 6px;
position: absolute; position: absolute;
left: 0; left: 0;
} }
...@@ -1910,26 +1892,28 @@ export default { ...@@ -1910,26 +1892,28 @@ export default {
right: 0; right: 0;
} }
.select_title { .select_title {
padding: 20px 15px; padding: 32px 0 12px;
font-size: 16px; font-size: 16px;
line-height: 16px;
font-weight: bold; font-weight: bold;
color: #242c43; color: #58617a;
} }
.now_spec { .now_spec {
padding: 10px 15px; padding: 0 0 12px;
} }
.now_spec_cards { .now_spec_cards {
margin-bottom: 24px;
} }
.now_spec_card { .now_spec_card {
display: inline-block; display: inline-block;
width: 165px; width: 194px;
height: 50px; height: 40px;
background-color: #f7f8f9; background-color: #f7f8f9;
border-radius: 8px; border-radius: 6px;
line-height: 50px; line-height: 40px;
padding: 0 20px; padding: 0 20px;
position: relative; position: relative;
margin-right: 20px; margin-right: 24px;
} }
.now_spec_card_title { .now_spec_card_title {
color: #6573ae; color: #6573ae;
...@@ -1943,15 +1927,15 @@ export default { ...@@ -1943,15 +1927,15 @@ export default {
} }
.now_spec_card_img { .now_spec_card_img {
position: relative; position: relative;
top: 2px; top: 1px;
} }
.now_rqz_card { .now_rqz_card {
display: inline-block; display: inline-block;
width: 193px; width: 304px;
height: 78px; height: 40px;
background-color: #f7f8f9; background-color: #f7f8f9;
border-radius: 8px; border-radius: 6px;
line-height: 78px; line-height: 40px;
padding: 0 20px; padding: 0 20px;
position: relative; position: relative;
margin-right: 20px; margin-right: 20px;
...@@ -1963,28 +1947,29 @@ export default { ...@@ -1963,28 +1947,29 @@ export default {
.now_rqz_card_val_div { .now_rqz_card_val_div {
color: #0d1847; color: #0d1847;
position: absolute; position: absolute;
line-height: 30px; line-height: 40px;
right: 20px; right: 20px;
top: 9px; top: 0;
} }
.now_rqz_card_val { .now_rqz_card_val {
} }
.now_rqz_card_img { .now_rqz_card_img {
position: relative; position: relative;
top: 2px; top: 1px;
} }
.now_spec_card_time { .now_spec_card_time {
width: 381px; width: 381px;
height: 50px; height: 40px;
background-color: #f7f8f9; background-color: #f7f8f9;
border-radius: 8px; border-radius: 6px;
line-height: 50px; line-height: 40px;
padding: 0 20px; padding: 0 20px;
position: relative; position: relative;
margin-bottom: 24px;
} }
.now_spec_card_time_img { .now_spec_card_time_img {
position: relative; position: relative;
top: 2px; top: 1px;
} }
.now_spec_card_time_title { .now_spec_card_time_title {
color: #6573ae; color: #6573ae;
...@@ -2070,7 +2055,7 @@ export default { ...@@ -2070,7 +2055,7 @@ export default {
margin-right: 20px; margin-right: 20px;
} }
.doc_template { .doc_template {
margin: 0 0 10px 20px; margin: 0 0 12px;
} }
.up_f { .up_f {
width: calc(50% - 10px); width: calc(50% - 10px);
...@@ -2204,6 +2189,9 @@ export default { ...@@ -2204,6 +2189,9 @@ export default {
.clear_xxx { .clear_xxx {
clear: both; clear: both;
} }
.disk__table {
margin-bottom: 0;
}
</style> </style>
<style> <style>
.form_block .el-input .el-input__inner { .form_block .el-input .el-input__inner {
...@@ -2225,7 +2213,7 @@ export default { ...@@ -2225,7 +2213,7 @@ export default {
color: #242c43; color: #242c43;
} }
.cloud_form .input_right_top { .cloud_form .input_right_top {
top: 40px; top: 26px;
} }
.cloud_form .el-select { .cloud_form .el-select {
width: 100%; width: 100%;
...@@ -2253,17 +2241,20 @@ export default { ...@@ -2253,17 +2241,20 @@ export default {
} }
.cloud_form .el-textarea .el-textarea__inner { .cloud_form .el-textarea .el-textarea__inner {
background-color: #f7f8f9; background-color: #f7f8f9;
border-radius: 8px; border-radius: 6px;
color: #242c43; color: #242c43;
} }
.form_item .el-form-item__content { .form_item .el-form-item__content {
width: 100%; width: 100%;
} }
.form_item.el-form-item { .form_item.el-form-item {
margin-bottom: 12px; margin-bottom: 24px;
}
.form_item.el-form-item.nobottom {
margin-bottom: 0;
} }
.input_has_right .el-input__inner { .input_has_right .el-input__inner {
border-radius: 8px 0 0 8px; border-radius: 6px 0 0 6px;
color: #242c43; color: #242c43;
} }
.cloud_form .input_has_right_select .el-input-number { .cloud_form .input_has_right_select .el-input-number {
...@@ -2279,20 +2270,20 @@ export default { ...@@ -2279,20 +2270,20 @@ export default {
border-color: #0f2683; border-color: #0f2683;
} }
.input_has_right_select .el-input__inner { .input_has_right_select .el-input__inner {
border-radius: 8px 0 0 8px; border-radius: 6px 0 0 6px;
color: #242c43; color: #242c43;
} }
.input_has_right_select .input_right_select.el-select .el-input { .input_has_right_select .input_right_select.el-select .el-input {
width: 100px; width: 100px;
background-color: #0f2683; background-color: #0f2683;
color: #ffffff; color: #ffffff;
border-radius: 0 8px 8px 0; border-radius: 0 6px 6px 0;
} }
.input_has_right_select .input_has_right_select
.input_right_select.el-select .input_right_select.el-select
.el-input .el-input
.el-input__inner { .el-input__inner {
border-radius: 0 8px 8px 0; border-radius: 0 6px 6px 0;
color: #ffffff; color: #ffffff;
} }
.input_right_select .el-input .el-input__inner { .input_right_select .el-input .el-input__inner {
...@@ -2303,7 +2294,7 @@ export default { ...@@ -2303,7 +2294,7 @@ export default {
.cloud_form .el-input-number .el-input-number__decrease { .cloud_form .el-input-number .el-input-number__decrease {
border-bottom: 0; border-bottom: 0;
border-left: 0; border-left: 0;
width: 40px; width: 29px;
} }
.cloud_dia .el-dialog__header { .cloud_dia .el-dialog__header {
border-bottom: 1px solid #edf0ff; border-bottom: 1px solid #edf0ff;
...@@ -2318,10 +2309,11 @@ export default { ...@@ -2318,10 +2309,11 @@ export default {
.cloud_form .el-input__prefix, .cloud_form .el-input__prefix,
.el-input__suffix { .el-input__suffix {
text-align: right; text-align: right;
right: 2px;
} }
.cloud_form .el-input-number.is-controls-right .el-input__inner { .cloud_form .el-input-number.is-controls-right .el-input__inner {
padding-left: 15px; padding-left: 15px;
padding-right: 40px; padding-right: 32px;
} }
.up_f .el-upload { .up_f .el-upload {
width: 100%; width: 100%;
...@@ -2329,4 +2321,7 @@ export default { ...@@ -2329,4 +2321,7 @@ export default {
.up_f .el-upload-dragger { .up_f .el-upload-dragger {
width: 100%; width: 100%;
} }
.shop_cloud .el-tabs__header {
margin: 0;
}
</style> </style>
src/pages/service_shop/shop_cloud.vue
View file @ b3a267a4
<template> <template>
<div> <div class="shop_list_cont">
<el-container> <el-container>
<el-aside width="180px"> <el-aside width="176px">
<service-shop-menu></service-shop-menu> <service-shop-menu></service-shop-menu>
</el-aside> </el-aside>
<el-main> <el-main class="main_init">
<shop-cloud name="云资源服务"></shop-cloud> <shop-cloud name="云资源服务"></shop-cloud>
</el-main> </el-main>
</el-container> </el-container>
...@@ -25,4 +25,12 @@ export default { ...@@ -25,4 +25,12 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.shop_list_cont {
width: 1200px;
margin: 0 auto;
position: relative;
}
.main_init {
padding: 2px 0 16px 16px;
}
</style> </style>
\ No newline at end of file
src/pages/workbench/fwzc_fwcs.vue
View file @ b3a267a4
...@@ -417,14 +417,16 @@ ...@@ -417,14 +417,16 @@
class="reset" class="reset"
v-if="activeBtn == 0 && resSuccess" v-if="activeBtn == 0 && resSuccess"
@click="resetSjfw" @click="resetSjfw"
>重置</el-button
> >
重置
</el-button>
<el-button <el-button
:disabled="!resSuccess" :disabled="!resSuccess"
:class="resSuccess ? 'next' : ''" :class="resSuccess ? 'next' : ''"
@click="nextJcxx" @click="nextJcxx"
>下一步</el-button
> >
下一步
</el-button>
</div> </div>
</block-radius> </block-radius>
<div v-if="activeBtn == 4 && zhyyVal == 24"> <div v-if="activeBtn == 4 && zhyyVal == 24">
...@@ -1058,7 +1060,7 @@ export default { ...@@ -1058,7 +1060,7 @@ export default {
this.jkwds = []; this.jkwds = [];
}, },
getUrl(enUrl) { getUrl(enUrl) {
enUrl = enUrl.replace(/\s*/g,""); enUrl = enUrl.replace(/\s*/g, "");
let url = decodeURI(enUrl); let url = decodeURI(enUrl);
let arr = []; let arr = [];
if (url.indexOf("?") != -1) { if (url.indexOf("?") != -1) {
...@@ -1228,21 +1230,31 @@ export default { ...@@ -1228,21 +1230,31 @@ export default {
if (this.jkwds.length == 0) { if (this.jkwds.length == 0) {
this.$message.error("请上传接口文档"); this.$message.error("请上传接口文档");
} else { } else {
let requestData = this.$refs.fwcs_sjfw_qqcs.getTableData(); if (
let responseData = this.$refs.fwcs_sjfw_fhcs.getTableData(); this.activeBtn == 2 ||
this.requestRules = 0; (this.activeBtn == 4 && this.zhyyVal == 22)
this.responseRules = 0; ) {
this.checkTable(requestData, 0); this.request_fields = [];
this.checkTable(responseData, 1); this.response_fields = [];
if (this.requestRules == 0 && this.responseRules == 0) {
this.request_fields = requestData;
this.response_fields = responseData;
this.jcxxtx = true; this.jcxxtx = true;
this.getOrganization(); this.getOrganization();
} else if (this.requestRules != 0) { } else {
this.$message.error("请完善请求参数信息中的字段名称"); let requestData = this.$refs.fwcs_sjfw_qqcs.getTableData();
} else if (this.responseRules != 0) { let responseData = this.$refs.fwcs_sjfw_fhcs.getTableData();
this.$message.error("请完善返回参数信息中的字段名称"); this.requestRules = 0;
this.responseRules = 0;
this.checkTable(requestData, 0);
this.checkTable(responseData, 1);
if (this.requestRules == 0 && this.responseRules == 0) {
this.request_fields = requestData;
this.response_fields = responseData;
this.jcxxtx = true;
this.getOrganization();
} else if (this.requestRules != 0) {
this.$message.error("请完善请求参数信息中的字段名称");
} else if (this.responseRules != 0) {
this.$message.error("请完善返回参数信息中的字段名称");
}
} }
} }
} else { } else {
...@@ -1865,7 +1877,7 @@ export default { ...@@ -1865,7 +1877,7 @@ export default {
}); });
}, },
getUrlOne(enUrl, indexOne) { getUrlOne(enUrl, indexOne) {
enUrl = enUrl.replace(/\s*/g,""); enUrl = enUrl.replace(/\s*/g, "");
let url = decodeURI(enUrl); let url = decodeURI(enUrl);
let arr = []; let arr = [];
if (url.indexOf("?") != -1) { if (url.indexOf("?") != -1) {
......
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