服务超市详情优化

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;
 }

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>

src/pages/workbench/fwgl/approveWorkspace.vue

@@ -61,7 +61,6 @@ export default {
     },
     tempFilter: null,
   }),
-  computed: {},
   methods: {
     init(filter) {
       // console.log(filter);

src/pages/workbench/fwgl/organizationCloudResource.vue

@@ -85,7 +85,6 @@ export default {
     },
     tempFilter: null,
   }),
-  computed: {},
   methods: {
     init(filter) {
       // console.log(filter);