From bdf0190fb585d1cf1a2dd8b0cfe1063a2d82c4a6 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Tue, 14 Jul 2020 14:46:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=B6=85=E5=B8=82=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/index.css                      | 20 +++++++++
 src/components/service-info/service-info.vue  | 45 +++++++++++--------
 src/pages/workbench/fwgl/approveWorkspace.vue |  1 -
 .../fwgl/organizationCloudResource.vue        |  1 -
 4 files changed, 46 insertions(+), 21 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index be6f7d6..62cd98c 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -551,6 +551,26 @@ width: 620px!important;
 .apass_button .el-button.is-disabled:hover {
   cursor: not-allowed;
 }
+.apass_button .el-button--warning.is-plain {
+  background-color: #fcefd6;
+  border-color: #fac266;
+  color: #e56600;
+}
+.apass_button .el-button--warning {
+  background-color: #e56600;
+  border-color: #e56600;
+  color: #fff;
+}
+.apass_button .el-button.is-disabled,
+.apass_button .el-button.is-disabled:focus,
+.apass_button .el-button.is-disabled:hover {
+  color: #C0C4CC;
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #FFF;
+  border-color: #EBEEF5;
+}
+
 .apass_table .el-table th > .cell {
   color: #1a2236;
 }
diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue
index 50ffea6..24a37e5 100644
--- a/src/components/service-info/service-info.vue
+++ b/src/components/service-info/service-info.vue
@@ -49,7 +49,8 @@
         </ul>
         <div class="commodity_information">
           <span>规&emsp;&emsp;格：</span>
-          <div class="btn_container">
+          <span v-if="actionDisabled" class="commodity_text">暂无</span>
+          <div v-else class="btn_container">
             <el-button
               v-for="(item, index) in specifications"
               :key="'spcs_' + index"
@@ -62,14 +63,17 @@
         </div>
         <div class="commodity_information">
           <span>规格说明：</span>
+          <span v-if="actionDisabled" class="commodity_text">暂无</span>
           <span
+            v-else
             class="commodity_text"
             v-text="(specification && specification.descript) || '-'"
           ></span>
         </div>
         <div class="commodity_information">
           <span>购买方式：</span>
-          <div class="btn_container">
+          <span v-if="actionDisabled" class="commodity_text">暂无</span>
+          <div v-else class="btn_container">
             <el-button
               v-for="(item, index) in types"
               v-text="item.name"
@@ -83,14 +87,27 @@
         <div class="commodity_information">
           <span>购买时长：</span>
           <div class="btn_container">
-            <el-input-number v-model="duration" :min="1"></el-input-number>
+            <el-input-number
+              v-model="duration"
+              :min="1"
+              :disabled="actionDisabled"
+            ></el-input-number>
           </div>
         </div>
-        <div class="commodity_action">
-          <el-button type="warning" plain @click="addToCart">
+        <div class="apass_button commodity_action">
+          <el-button
+            type="warning"
+            plain
+            @click="addToCart"
+            :disabled="actionDisabled"
+          >
             加入购物车
           </el-button>
-          <el-button type="warning" @click="applyImmediately">
+          <el-button
+            type="warning"
+            @click="applyImmediately"
+            :disabled="actionDisabled"
+          >
             立即申请
           </el-button>
         </div>
@@ -123,6 +140,9 @@ export default {
 
       return specifications;
     },
+    actionDisabled() {
+      return this.specifications.length == 0;
+    },
   },
   watch: {
     specifications: {
@@ -363,17 +383,4 @@ export default {
   width: 220px;
   margin-left: 20px;
 }
-.service_info .el-button--primary {
-  background-color: #515fe7;
-  border-color: #515fe7;
-}
-.service_info .el-button--warning.is-plain {
-  background-color: #fcefd6;
-  border-color: #fac266;
-  color: #e56600;
-}
-.service_info .el-button--warning {
-  background-color: #e56600;
-  border-color: #e56600;
-}
 </style>
diff --git a/src/pages/workbench/fwgl/approveWorkspace.vue b/src/pages/workbench/fwgl/approveWorkspace.vue
index 8b3a2f3..04fb2c9 100644
--- a/src/pages/workbench/fwgl/approveWorkspace.vue
+++ b/src/pages/workbench/fwgl/approveWorkspace.vue
@@ -61,7 +61,6 @@ export default {
     },
     tempFilter: null,
   }),
-  computed: {},
   methods: {
     init(filter) {
       // console.log(filter);
diff --git a/src/pages/workbench/fwgl/organizationCloudResource.vue b/src/pages/workbench/fwgl/organizationCloudResource.vue
index c03874c..e1c4d26 100644
--- a/src/pages/workbench/fwgl/organizationCloudResource.vue
+++ b/src/pages/workbench/fwgl/organizationCloudResource.vue
@@ -85,7 +85,6 @@ export default {
     },
     tempFilter: null,
   }),
-  computed: {},
   methods: {
     init(filter) {
       // console.log(filter);
-- 
2.26.0