From 0b1eaed63c08d6d328272f17ff029b06d3c334d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=AE=BF=E6=98=95?= <liudianxin@bd-apaas.com>
Date: Tue, 27 Oct 2020 04:02:17 +0800
Subject: [PATCH] order add

---
 src/components/order-list/order-list-cell.vue | 130 +++++++++++++++++-
 src/components/order-list/order-list-com.vue  |  24 ++--
 src/components/order-list/order-list-list.vue |  10 +-
 3 files changed, 148 insertions(+), 16 deletions(-)

diff --git a/src/components/order-list/order-list-cell.vue b/src/components/order-list/order-list-cell.vue
index 15f89ca..4c6a79f 100644
--- a/src/components/order-list/order-list-cell.vue
+++ b/src/components/order-list/order-list-cell.vue
@@ -10,7 +10,7 @@
       >删除</div>
     </div>
     <el-row class="cell_row">
-      <el-col :span="10" class="cell_msg">
+      <el-col :span="8" class="cell_msg">
         <img v-if="cellItem.order_type != 3" :src="cellItem.cover" class="cell_msg_img" />
         <img v-else :src="require('@/assets/imgs/img_yunziyuan.png')" class="cell_msg_img" />
         <div class="cell_msg_right">
@@ -39,7 +39,7 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="6" class="cell_specification">
+      <el-col :span="5" class="cell_specification">
         <div v-if="cellItem.order_type == 1">
           <el-tooltip class="item" effect="dark" placement="right">
             <div slot="content" class="gg">
@@ -100,7 +100,129 @@
           >单个容器组：CPU最高 {{ cellItem.one_cpu_max }}核，默认 {{ cellItem.one_cpu_min }}核；内存最高 {{ cellItem.one_memory_max }}GB，默认 {{ cellItem.one_memory_min }}GB；</div>
         </div>
       </el-col>
-      <el-col :span="4" class="approval_status">
+      <el-col :span="3" class="cell_specification">
+        <div v-if="cellItem.order_type == 1">
+          <el-tooltip class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              日访问次数：{{cellItem.spec_svc_count}}次，日访问量：{{cellItem.spec_svc_pv }}
+            </div>
+            <div>规格：日访问次数：{{ cellItem.spec_svc_count }}次，日访问量：{{ cellItem.spec_svc_pv }}</div>
+          </el-tooltip>
+          <div
+            class="cell_specification_type"
+          >申请方式：{{ cellItem.duration_unit == 1 ? $t('lang.by_month') : $t('lang.by_year') }}</div>
+        </div>
+        <div v-else-if="cellItem.order_type == 2">
+          <el-tooltip class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              {{ cellItem.spec_app == 0 ? '申请获取应用镜像部署权限' : '申请获取应用镜像开发权限' }}
+            </div>
+            <div>规格：{{ cellItem.spec_app == 0 ? "申请获取应用镜像部署权限" : "申请获取应用镜像开发权限" }}</div>
+          </el-tooltip>
+        </div>
+        <div v-else-if="cellItem.order_type == 3">
+          <el-tooltip v-if="cellItem.apply_type == 0" class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <br />
+              数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB；
+            </div>
+            <div class="specification_item">
+              规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span
+                v-if="cellItem.disk_num != 0"
+              >数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB；</span>
+            </div>
+          </el-tooltip>
+          <el-tooltip v-else class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span
+                class="gg_span"
+                v-for="(item, index) in cellItem.adjust_disk"
+                :key="'sjj' + index"
+              >数据盘 {{item.disk_num}}块，每块数据盘容量 {{item.disk_cap}}GB；</span>
+            </div>
+            <div class="specification_item">
+              规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span>{{ thisDisks }}</span>
+            </div>
+          </el-tooltip>
+          <div
+            class="cell_specification_type"
+          >单个容器组：CPU最高 {{ cellItem.one_cpu_max }}核，默认 {{ cellItem.one_cpu_min }}核；内存最高 {{ cellItem.one_memory_max }}GB，默认 {{ cellItem.one_memory_min }}GB；</div>
+        </div>
+      </el-col>
+      <el-col :span="3" class="cell_specification">
+        <div v-if="cellItem.order_type == 1">
+          <el-tooltip class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              日访问次数：{{cellItem.spec_svc_count}}次，日访问量：{{cellItem.spec_svc_pv }}
+            </div>
+            <div>规格：日访问次数：{{ cellItem.spec_svc_count }}次，日访问量：{{ cellItem.spec_svc_pv }}</div>
+          </el-tooltip>
+          <div
+            class="cell_specification_type"
+          >申请方式：{{ cellItem.duration_unit == 1 ? $t('lang.by_month') : $t('lang.by_year') }}</div>
+        </div>
+        <div v-else-if="cellItem.order_type == 2">
+          <el-tooltip class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              {{ cellItem.spec_app == 0 ? '申请获取应用镜像部署权限' : '申请获取应用镜像开发权限' }}
+            </div>
+            <div>规格：{{ cellItem.spec_app == 0 ? "申请获取应用镜像部署权限" : "申请获取应用镜像开发权限" }}</div>
+          </el-tooltip>
+        </div>
+        <div v-else-if="cellItem.order_type == 3">
+          <el-tooltip v-if="cellItem.apply_type == 0" class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <br />
+              数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB；
+            </div>
+            <div class="specification_item">
+              规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span
+                v-if="cellItem.disk_num != 0"
+              >数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB；</span>
+            </div>
+          </el-tooltip>
+          <el-tooltip v-else class="item" effect="dark" placement="right">
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span
+                class="gg_span"
+                v-for="(item, index) in cellItem.adjust_disk"
+                :key="'sjj' + index"
+              >数据盘 {{item.disk_num}}块，每块数据盘容量 {{item.disk_cap}}GB；</span>
+            </div>
+            <div class="specification_item">
+              规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span>{{ thisDisks }}</span>
+            </div>
+          </el-tooltip>
+          <div
+            class="cell_specification_type"
+          >单个容器组：CPU最高 {{ cellItem.one_cpu_max }}核，默认 {{ cellItem.one_cpu_min }}核；内存最高 {{ cellItem.one_memory_max }}GB，默认 {{ cellItem.one_memory_min }}GB；</div>
+        </div>
+      </el-col>
+      <el-col :span="2" class="approval_status">
         <div>
           <div v-if="cellItem.approval_first_level == 0 &&  cellItem.pay_status != -1">待审核</div>
           <div
@@ -153,7 +275,7 @@
           >收起评价</div>
         </div>
       </el-col>
-      <el-col :span="4" class="cell_option">
+      <el-col :span="3" class="cell_option">
         <div>
           <el-button
             size="madium"
diff --git a/src/components/order-list/order-list-com.vue b/src/components/order-list/order-list-com.vue
index 414628f..a32473c 100644
--- a/src/components/order-list/order-list-com.vue
+++ b/src/components/order-list/order-list-com.vue
@@ -13,9 +13,10 @@
         <span
           v-for="(item, index) in buttonList"
           :key="'btn' + index"
-          :class="item.state ? 'btn_default btn_actice':'btn_default'"
+          :class="item.state ? 'btn_default btn_actice' : 'btn_default'"
           @click="btnClick(index)"
-        >{{ item.name }}</span>
+          >{{ item.name }}</span
+        >
       </div>
       <div class="input_right">
         <el-input
@@ -58,7 +59,10 @@
             :disabled="pagination.page == 1"
           ></el-button>
           &nbsp;&nbsp;第{{ pagination.page }}页 / 共{{
-          Math.ceil((pagination.total == 0 ? 1 : pagination.total) / pagination.rowsPerPage)
+            Math.ceil(
+              (pagination.total == 0 ? 1 : pagination.total) /
+                pagination.rowsPerPage
+            )
           }}页
           <el-button
             icon="el-icon-arrow-right"
@@ -66,9 +70,12 @@
             size="mini"
             @click="handleCurrentChange(1)"
             :disabled="
-            pagination.page >=
-              Math.ceil((pagination.total == 0 ? 1 : pagination.total) / pagination.rowsPerPage)
-          "
+              pagination.page >=
+              Math.ceil(
+                (pagination.total == 0 ? 1 : pagination.total) /
+                  pagination.rowsPerPage
+              )
+            "
           ></el-button>
         </div>
       </div>
@@ -304,11 +311,12 @@ export default {
   border-right-color: #dcdfe6;
   border-left-color: #dcdfe6;
   border-top: 4px solid #e56600;
-  height: 48px;
+  height: 50px !important;
 }
 .order_block .el-tabs--border-card > .el-tabs__header .el-tabs__item {
   border-top: 4px solid transparent;
-  height: 48px;
+  height: 50px !important;
+  line-height: 46px !important;
 }
 .order_block .el-tabs--border-card > .el-tabs__header .el-tabs__item:hover {
   color: #e56600;
diff --git a/src/components/order-list/order-list-list.vue b/src/components/order-list/order-list-list.vue
index 6be9916..63e844b 100644
--- a/src/components/order-list/order-list-list.vue
+++ b/src/components/order-list/order-list-list.vue
@@ -2,10 +2,12 @@
   <div class="order_list">
     <div class="order_th_pad">
       <el-row class="order_th">
-        <el-col :span="10">服务信息</el-col>
-        <el-col :span="6">规格</el-col>
-        <el-col :span="4">申请状态</el-col>
-        <el-col :span="4">操作</el-col>
+        <el-col :span="8">服务信息</el-col>
+        <el-col :span="5">规格</el-col>
+        <el-col :span="3">购买时长</el-col>
+        <el-col :span="3">总价</el-col>
+        <el-col :span="2">申请状态</el-col>
+        <el-col :span="3">操作</el-col>
       </el-row>
     </div>
     <order-cell v-for="item in datas" :key="item.id" :cellItem="item" @updateList="updateList"></order-cell>
-- 
2.26.0