-
![]()
+
+
![]()
+
+
+
+ {{ cellData.name }}
+ mapService
+ 共享
+ 受限
+ 敏感
-
-
-
-
- {{ cellData.name }}
-
+
+
+
+ {{ cellData.descript }}
+
+
+ 服务类型：
- mapService
-
- 共享
-
- 受限
-
- 敏感
+ class="com_cell_data"
+ >{{ cellData.data_service_type1_name }} {{ cellData.data_service_type2_name }} {{ cellData.data_service_type3_name }}
+ 数据领域：
+ {{ cellData.sectors_name }}
-
-
-
- 本月获取：
-
- {{ cellData.apply_num }}
-
- 次
-
+
+ 更新时间：
+ {{ helper.dateStringTransform(cellData.update_date) }}
-
-
-
-
-
- {{ cellData.descript }}
-
-
-
- 服务类型：
- {{ cellData.data_service_type1_name }}
- {{ cellData.data_service_type2_name }} {{
- cellData.data_service_type3_name
- }}
-
-
- 服务领域：
- {{ cellData.sectors_name }}
-
-
- 更新时间：
- {{ helper.dateStringTransform(cellData.update_date) }}
-
-
+
+
+
+ 本月获取次数：
+ {{ cellData.apply_num }}次
+
+
查看详情
@@ -94,87 +76,94 @@ export default {
\ No newline at end of file
+
diff --git a/src/components/service-list/commodity-list copy.vue b/src/components/service-list/commodity-list copy.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e8238e6af0deedee2f0eef3bc01f7357ca8c1e3c
--- /dev/null
+++ b/src/components/service-list/commodity-list copy.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/service-list/commodity-list.vue b/src/components/service-list/commodity-list.vue
index e8238e6af0deedee2f0eef3bc01f7357ca8c1e3c..4b75f2039d051a34444b88615973cfeb8f869fda 100644
--- a/src/components/service-list/commodity-list.vue
+++ b/src/components/service-list/commodity-list.vue
@@ -1,20 +1,20 @@
@@ -127,11 +128,30 @@ export default {
refreshData() {
this.$emit("refresh", this.pagination);
},
+ pageResize() {
+ let listWidth = this.$refs.commodityCardIn.clientWidth;
+ let rowCardNum = Math.floor(listWidth / 310);
+ let cardArr = this.$refs.commodityCardIn.children;
+ // console.log(rowCardNum, listWidth / rowCardNum);
+ for (let i = 0; i < cardArr.length; i++) {
+ cardArr[i].style.width = listWidth / rowCardNum - 1 + "px";
+ }
+ // console.log(this.$refs.commodityCardIn);
+ },
},
mounted() {},
watch: {
datas: {
- handler(val) {},
+ handler(val) {
+ if (this.urlFilter == "app") {
+ setTimeout(() => {
+ this.pageResize();
+ window.onresize = () => {
+ this.pageResize();
+ };
+ }, 0);
+ }
+ },
},
url: {
handler() {
@@ -174,9 +194,6 @@ export default {
align-items: center;
}
.commodity_card {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
}
.commodity_card_list {
width: 100%;
@@ -189,11 +206,6 @@ export default {
.commodity_card_item_in {
margin: 0 auto;
}
-.commodity_cell {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-}
\ No newline at end of file
+
diff --git a/src/components/service-list/service_list copy.vue b/src/components/service-list/service_list copy.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3bf7b06393c3f7575cb9f38f506bbbc3106bd0bc
--- /dev/null
+++ b/src/components/service-list/service_list copy.vue
@@ -0,0 +1,817 @@
+
+
+
+
+
+
+ {{ $t("lang.service_shop") }}
+
+ {{ name }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
- {{ $t("lang.service_shop") }}
+ {{
+ $t("lang.service_shop")
+ }}
{{ name }}
@@ -23,27 +25,22 @@
>
-
+
-
+
-
{{ item.name }}：
-
-
+ >
全部
+ >全部
{{ items.name }}
+ >{{ items.name }}
收起
- 更多
-
-
+ 展开
+
+
@@ -156,8 +145,7 @@
? 'classification_act'
: ''
"
- >{{ itemChildren.name }}
+ >{{ itemChildren.name }}
@@ -166,46 +154,38 @@
-
-
-
-
-
-
+ >
+
+
+
{{ item.name }}
+
+ 支持二次开发
+
+
+
+
+
@@ -286,22 +266,19 @@ export default {
},
],
page: 1,
- limit: 20,
+ limit: 10,
couldTwice: false,
refresh_app_1: false,
refresh_app_2: false,
refresh_app_3: false,
time_app: null,
times: null,
- isKaiGuan: true,
}),
mounted() {
window.addEventListener("resize", this.judgeHeight);
- window.addEventListener("scroll", this.menu, true);
},
destroyed() {
window.removeEventListener("resize", this.judgeHeight);
- window.removeEventListener("scroll", this.menu, true);
},
watch: {
urlFilter: {
@@ -356,41 +333,7 @@ export default {
},
},
methods: {
- menu() {
- if (this.isKaiGuan) {
- let scroll =
- this.getScrollTop() + this.getWindowHeight() - this.getScrollHeight();
- if (scroll > -10) {
- if (
- (this.total != 0 && this.page * this.limit < this.total) ||
- this.total == 0
- ) {
- this.page++;
- this.getShopList();
- }
- }
- }
- },
- //滚动条在Y轴上的滚动距离
- getScrollTop() {
- var documentScrollTop = 0;
- documentScrollTop = document.documentElement.scrollTop;
- return documentScrollTop;
- },
- //文档的总高度
- getScrollHeight() {
- var documentScrollHeight = 0;
- documentScrollHeight = document.documentElement.scrollHeight;
- return documentScrollHeight;
- },
- //浏览器视口的高度
- getWindowHeight() {
- var windowHeight = 0;
- windowHeight = document.documentElement.clientHeight;
- return windowHeight;
- },
getShopList() {
- this.isKaiGuan = false;
if (this.urlFilter == "app") {
let query = {
online_state: this.activeOptions[0].join(","),
@@ -412,12 +355,8 @@ export default {
};
this.$api.serviceShop.getAppList(query).then((response) => {
if (response.data.success == "1") {
- this.lists =
- this.page == 1
- ? response.data.data
- : this.lists.concat(response.data.data);
+ this.lists = response.data.data;
this.total = response.data.total;
- this.isKaiGuan = true;
} else {
console.log(response.data.errMsg);
}
@@ -436,12 +375,8 @@ export default {
};
this.$api.serviceShop.getServiceShopList(query).then((response) => {
if (response.data.success == "1") {
- this.lists =
- this.page == 1
- ? response.data.data
- : this.lists.concat(response.data.data);
+ this.lists = response.data.data;
this.total = response.data.total;
- this.isKaiGuan = true;
} else {
console.log(response.data.errMsg);
}
@@ -557,7 +492,6 @@ export default {
},
clickButtonFilter(index) {
this.activeBtn = index;
- this.page = 1;
this.getShopList();
},
clickChildren(id, index, fatherId) {
@@ -574,27 +508,23 @@ export default {
this.getFilterValue();
},
getFilterValue() {
- this.page = 1;
this.getShopList();
},
// search debonce 500ms
searchVal() {
if (this.times !== null) clearTimeout(this.times);
this.times = setTimeout(() => {
- this.page = 1;
this.getShopList();
}, 500);
},
getNewList(val) {
- console.log(val);
- this.page = 1;
- this.limit = 20;
+ this.page = val.page;
+ this.limit = val.rowsPerPage;
this.getShopList();
},
clickAll(item) {
this.$set(this.activeOptions, item, []);
this.$set(this.activeChildOptions, item, []);
- this.page = 1;
this.getShopList();
},
changeTwice() {
@@ -637,18 +567,12 @@ export default {
.head_flex {
display: flex;
justify-content: space-between;
- position: relative;
- height: 40px;
- top: -14px;
}
.bread_left {
width: 300px;
}
.input_right {
width: 360px;
- position: relative;
- height: 36px;
- top: 6px;
}
.gray_line {
width: 100%;
@@ -656,9 +580,6 @@ export default {
height: 1px;
background-color: #e9ecf3;
}
-.classification {
- padding: 12px 16px 12px 32px;
-}
.classification_line {
width: 100%;
}
@@ -669,20 +590,19 @@ export default {
}
.classification_line_title {
display: inline-block;
- width: 90px;
- padding: 12px 0;
- text-align: left;
+ width: 130px;
+ padding: 15px 0;
+ text-align: right;
color: #8890a7;
- font-size: 12px;
}
.classification_line_items {
- width: calc(100% - 90px);
+ width: calc(100% - 130px);
}
.classification_line_items_border {
border-bottom: 1px #e9ecf3 solid;
}
.classification_line_hid {
- height: 40px;
+ height: 50px;
width: 100%;
overflow: hidden;
display: inline-flex;
@@ -695,13 +615,13 @@ export default {
}
.classification_line_items_ul {
display: inline-block;
- width: calc(100% - 30px);
+ width: calc(100% - 50px);
font-size: 0;
}
.classification_line_items_li {
display: inline-block;
- padding: 12px 18px;
- font-size: 12px;
+ padding: 15px 20px;
+ font-size: 14px;
}
.classification_line_items_li_act {
background-color: #fbfbfb;
@@ -714,28 +634,14 @@ export default {
cursor: pointer;
}
.classification_act {
- color: #fff;
- position: relative;
- z-index: 1;
-}
-.classification_act::after {
- content: "";
- position: absolute;
- width: calc(100% + 16px);
- height: calc(100% + 8px);
- background-color: #3f4f9c;
- border-radius: 3px;
- top: -4px;
- left: -8px;
- z-index: -1;
+ font-weight: 700;
+ color: #515fe7;
}
.classification_line_items_open {
display: inline-block;
width: 60px;
- padding: 12px 0;
+ padding: 15px 0;
cursor: pointer;
- font-size: 12px;
- text-align: right;
}
.classification_children_ul {
display: inline-block;
@@ -745,35 +651,35 @@ export default {
}
.classification_children_li {
display: inline-block;
- padding: 12px 18px;
+ padding: 15px 20px;
color: #58617a;
}
.button_filter {
- color: #8890a7;
+ background-color: #e6eefe;
+ color: #626de9;
+ border: 1px solid #e6eefe;
font-size: 12px;
- display: inline-block;
- margin-right: 31px;
- position: relative;
}
-.button_filter::after {
- content: "";
- width: 1px;
- height: 16px;
- background-color: #e3e5ef;
- position: absolute;
- right: -15px;
+.button_filter:hover {
+ border: 1px solid rgb(198, 226, 255);
}
-.button_filter:nth-child(4):after {
- content: "";
- width: 0;
+.button_filter:focus {
+ border: 1px solid rgb(58, 142, 230);
}
.button_filter_act {
- color: #515fe7;
+ background-color: #515fe7;
+ border: 1px solid #515fe7;
+ color: #f8f9fd;
+ font-size: 12px;
+}
+.button_filter_act:hover {
+ border: 1px solid #414fd7;
+}
+.button_filter_act:focus {
+ border: 1px solid #313fc7;
}
.btn_group {
- margin-top: 15px;
margin-bottom: 15px;
- margin-left: 15px;
position: relative;
}
.btn_right_check {
@@ -784,8 +690,7 @@ export default {
diff --git a/src/components/service-list/service_shop_menu_copy.vue b/src/components/service-list/service_shop_menu_copy.vue
new file mode 100644
index 0000000000000000000000000000000000000000..20fe089efc43db9355f2202bc8234df06d3a05f4
--- /dev/null
+++ b/src/components/service-list/service_shop_menu_copy.vue
@@ -0,0 +1,158 @@
+
+
+
+
+
+
+
diff --git a/src/components/shop-cloud/shop-cloud copy.vue b/src/components/shop-cloud/shop-cloud copy.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ec68245b4f71379abc8b8ed9f2679d5f8a76988a
--- /dev/null
+++ b/src/components/shop-cloud/shop-cloud copy.vue
@@ -0,0 +1,2327 @@
+
+
+
+ 服务超市
+ {{ name }}
+
+
+
+
+
+
+ 申请组织：
+
+
+
+
+
+ 部门联系人：
+
+
+
+
+
+ 联系电话：
+
+
+
+
+
+
+
+
+
+
+
+
+ 基本信息
+
+
+
+ 工作区域名称：
+
+
+
+
+
+ 中文名称：
+
+
+
+
+
+ 描述信息：
+
+
+
+
+ 工作区域申请规格
+
+
+
+ CPU：
+
+
+
+ 核
+
+
+
+
+ 内存：
+
+
+
+ GB
+
+
+
+
+ 容器组：
+
+ 个
+
+
+
+ 数据盘（可选）：
+
+
+
+
+ 块
+
+
+
+
+
+ GB
+
+
+
+ 单个容器组规格
+
+
+ CPU：
+
+
+
+ 最高
+
+ 核
+
+
+
+
+ 默认
+
+ 核
+
+
+
+ 内存：
+
+
+
+ 最高
+
+ GB
+
+
+
+
+ 默认
+
+ GB
+
+
+
+ 其他信息
+
+
+
+ 申请时长：
+
+
+ 月
+
+
+
+
+ 申请文件：
+
+
+
+
+
+
+
+
+
+
+ 选择要进行调整的工作区域：
+
+
+
+
+
+
+
+
+
+
+
+ 工作区域规格调整
+
+
+ 当前规格：
+
+
+
![]()
+
+ {{ item.title }}
+
+
+ {{
+ item.val +
+ " " +
+ (item.title == "CPU"
+ ? "核"
+ : item.title == "内存"
+ ? "GB"
+ : "个")
+ }}
+
+
+
申请CPU调整为：
+
+
+
+ 核
+
+
+
+
+ 申请内存调整为：
+
+
+
+ GB
+
+
+
+
+ 申请容器组调整为：
+
+ 个
+
+
+
+
+ 调整数据盘：
+
+
+
+
+
+ 增加数据盘：
+
+
+
+
+
+
+ 块
+
+
+
+
+
+ GB
+
+
+
+ 单个容器组规格设定
+
+
+ 当前规格：
+
+
+
![]()
+
+ {{ item.title }}
+
+
+
+ 最高 {{ item.max }} {{
+ item.title == "CPU" ? "核" : "GB"
+ }}
+
+
+
+ 默认 {{ item.default }} {{
+ item.title == "CPU" ? "核" : "GB"
+ }}
+
+
+
+
CPU：
+
+
+
+ 最高
+
+ 核
+
+
+
+
+ 默认
+
+ 核
+
+
+
+ 内存：
+
+
+
+ 最高
+
+ GB
+
+
+
+
+ 默认
+
+ GB
+
+
+
+ 其他信息
+
+
+ 当前规格：
+
+
+
![]()
+
当前工作区域到期时间
+
+ {{
+ helper.dateStringTransform(paramsOld.cloud_end_time)
+ }}
+
+
+
申请续期：
+
+ 月
+
+
+
+
+ 申请文件：
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 申请组织：
+ {{ diaForm.department_name }}
+
+
+ 组织联系人：
+ {{ diaForm.link_man }}
+
+
+ 联系电话：
+ {{ diaForm.phone }}
+
+
+ 申请类型：
+
+ {{ activeName == 0 ? "新资源申请" : "已有资源升级" }}
+
+
+
+ 工作区域名称：
+ {{ diaForm.namespace }}
+
+
+ 上传申请文件：
+ {{ diaForm.apply_file_name }}
+
+
+ 上传申请文件：
+ {{ diaForm.apply_file_name }}
+
+
+
+
基本信息：
+
+
+ 工作区域名称：
+ {{ diaForm.namespace }}
+
+
+ 中文名称：
+ {{ diaForm.workplace }}
+
+
+ 描述信息：
+
+ {{ diaForm.workplacedesc }}
+
+
+
+
工作区域申请规格：
+
+
+ CPU：
+ {{ diaForm.cpu }}
+
+
+ 内存：
+ {{ diaForm.memory }}
+
+
+ 容器组：
+ {{ diaForm.containerGroup }}个
+
+
+ 数据盘：
+
+ {{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB
+
+
+
+
+
单个容器组规格：
+
+
+
CPU：
+
+ 最高 {{ diaForm.perCPUs }}核
+ 默认 {{ diaForm.perCPU }}核
+
+
+
+
内存：
+
+ 最高 {{ diaForm.perRAMs }}GB
+ 默认 {{ diaForm.perRAM }}GB
+
+
+
+
申请时长：
+
+
+ 申请时长
+
+ {{ diaForm.appDuration
+ }}{{ diaForm.durType == 1 ? "个月" : "年" }}
+
+
+
+
+
原规格：
+
+
工作区域：
+
+
+ CPU：
+ {{ paramsOld.cpu }}核
+
+
+ 内存：
+ {{ paramsOld.memory }}GB
+
+
+ 容器组：
+ {{ paramsOld.containers }}个
+
+
+
单个容器组规格：
+
+
+
CPU：
+
+ 最高 {{ paramsOld.one_cpu_max }}核
+ 默认 {{ paramsOld.one_cpu_min }}核
+
+
+
+
内存：
+
+ 最高 {{ paramsOld.one_memory_max }}GB
+ 默认 {{ paramsOld.one_memory_min }}GB
+
+
+
+
申请时长：
+
+
+ 到期时间：
+
+ {{ helper.dateStringTransform(paramsOld.cloud_end_time) }}
+
+
+
+
+
调整至：
+
+
工作区域：
+
+
+ CPU：
+ {{ diaForm.cpu }}核
+
+
+ 内存：
+ {{ diaForm.memory }}GB
+
+
+ 容器组：
+ {{ diaForm.containerGroup }}个
+
+
+ 新增数据盘：
+
+ {{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB
+
+
+
+ 删除数据盘：
+
+ {{
+ delDataDiskList
+ .map((item) => {
+ return item.name;
+ })
+ .join("、")
+ }}
+
+
+
+
单个容器组规格：
+
+
+
CPU：
+
+
+ 最高 {{ diaForm.perCPUs }}核
+
+
+ 默认 {{ diaForm.perCPU }}核
+
+
+
+
+
内存：
+
+
+ 最高 {{ diaForm.perRAMs }}GB
+
+
+ 默认 {{ diaForm.perRAM }}GB
+
+
+
+
+
申请续期：
+
+
+ 是否续期：
+
+ {{
+ diaForm.appDuration && diaForm.appDuration != 0
+ ? "是"
+ : "否"
+ }}
+
+
+
+ 续期时长：
+
+ {{ diaForm.appDuration }}
+ {{ diaForm.durType == 1 ? "个月" : "年" }}
+
+
+
+
+
+
+
+ 升级费用：{{ amounts_payable }} 金币
+
+
+
+ 费用总计：
+
+ {{ getSumCoin }} 金币
+
+
+
+ 账户余额：{{ user_info.account_balance }} 金币
+
+
+
+
+
+
+
+
+ 计费说明：云资源服务依据用户选取的CPU、内存、数据盘个数及大小进行分级计费，具体计费规
+ 则请线下联系技术支持人员咨询。
+
+
升级费用
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/shop-cloud/shop-cloud.vue b/src/components/shop-cloud/shop-cloud.vue
index ec68245b4f71379abc8b8ed9f2679d5f8a76988a..8fa0e6a6a83b54fb17b35dce46a19b3de279c4af 100644
--- a/src/components/shop-cloud/shop-cloud.vue
+++ b/src/components/shop-cloud/shop-cloud.vue
@@ -1,10 +1,10 @@
-
+
服务超市
{{ name }}
-
+
-
-
+
+
申请组织：
-
+
部门联系人：
-
+
联系电话：
-
+
-
-
-
- 基本信息
-
-
-
- 工作区域名称：
-
-
-
-
-
- 中文名称：
-
-
-
-
-
- 描述信息：
-
-
-
-
- 工作区域申请规格
-
-
-
- CPU：
-
-
-
- 核
-
-
-
-
- 内存：
-
-
-
- GB
-
-
-
-
- 容器组：
-
- 个
-
-
-
- 数据盘（可选）：
-
-
-
-
- 块
-
-
-
-
-
- GB
-
-
-
- 单个容器组规格
-
-
- CPU：
-
-
-
- 最高
-
- 核
-
-
-
-
- 默认
-
- 核
-
-
-
- 内存：
-
-
-
- 最高
-
- GB
-
-
-
-
- 默认
-
- GB
-
-
-
- 其他信息
-
-
-
- 申请时长：
-
-
- 月
-
-
-
-
- 申请文件：
-
-
-
-
-
-
+ 月
+
+
+
+
+ 申请文件：
+
+
+
+
+
+
+
+
-
-
+
+
选择要进行调整的工作区域：