no message

src/views/workOrder/workOrderPool/detail.vue

@@ -7,13 +7,16 @@
       <el-tab-pane :label="`支付费用`" name="payFee" key="payFee"></el-tab-pane>
       <el-tab-pane v-if="EvaluationShow" label="评价信息" name="Evaluation" key="Evaluation"> </el-tab-pane>
       <el-tab-pane v-if="SettleAccountsShow" label="费用结算" name="SettleAccounts" key="SettleAccounts"> </el-tab-pane>
-      <el-tab-pane v-if="PartsApplicationShow" label="配件申请" name="PartsApplication" key="PartsApplication"> </el-tab-pane>
+      <el-tab-pane v-if="PartsApplicationShow" label="配件申请" name="PartsApplication" key="PartsApplication">
+      </el-tab-pane>
     </el-tabs>
     <div class="view_div">
-      <div :style="{
-        height: activeName === 'workOrderInfo' ? '100%' : '0px',
-        overflow: activeName === 'workOrderInfo' ? '' : 'hidden'
-      }">
+      <div
+        :style="{
+          height: activeName === 'workOrderInfo' ? '100%' : '0px',
+          overflow: activeName === 'workOrderInfo' ? '' : 'hidden'
+        }"
+      >
         <workOrderInfo :id="id" ref="workOrderInfo" :workOrderType="workOrderType" />
       </div>
       <OperationDetail v-if="activeName == 'operationDetails'" :id="id" ref="operationDetails" />
@@ -21,7 +24,11 @@
       <Payment v-if="activeName == 'payFee'" :id="id" ref="payFee" :workOrderType="workOrderType" />
       <Evaluation v-if="activeName == 'Evaluation' && EvaluationShow" :id="id" ref="Evaluation" />
       <SettleAccounts v-if="activeName == 'SettleAccounts' && SettleAccountsShow" :id="id" ref="SettleAccounts" />
-      <PartsApplication v-if="activeName == 'PartsApplication' && PartsApplicationShow" :id="id" ref="PartsApplication" />
+      <PartsApplication
+        v-if="activeName == 'PartsApplication' && PartsApplicationShow"
+        :id="id"
+        ref="PartsApplication"
+      />
     </div>
   </div>
 </template>
@@ -34,7 +41,7 @@ import Payment from './detailModule/Payment/index.vue'
 import Evaluation from './detailModule/Evaluation/index.vue'
 import SettleAccounts from './detailModule/SettleAccounts/index.vue'
 import PartsApplication from './detailModule/PartsApplication/index.vue'
-import { orderBaseDetail } from "@/api/workOrderPool.js"
+import { orderBaseDetail } from '@/api/workOrderPool.js'
 export default {
   components: {
     workOrderInfo,
@@ -53,30 +60,34 @@ export default {
     workOrderType: {
       type: [Number],
       default: null
-    },
+    }
   },
   data() {
     return {
       activeName: this?.$route?.params?.pagePam || 'workOrderInfo',
       EvaluationShow: false,
       SettleAccountsShow: false,
-      PartsApplicationShow: true,
+      PartsApplicationShow: true
     }
   },
   created() {
     orderBaseDetail({
       orderBaseId: this.id
     }).then(res => {
-      if (!~["DYY", "DSHPG", "DWDPG", "DJD", "FWZ", "YQX"].indexOf(res.data.orderStatus)) {
+      if (!~['DYY', 'DSHPG', 'DWDPG', 'DJD', 'FWZ', 'YQX'].indexOf(res.data.orderStatus)) {
         this.EvaluationShow = true
+      }
+
+      if (
+        !~['DYY', 'DSHPG', 'DWDPG', 'DJD', 'FWZ', 'YQX'].indexOf(res.data.orderStatus) &&
+        res.data.orderType != 'RECYCLE'
+      ) {
         this.SettleAccountsShow = true
       }
     })
   },
   methods: {
-    handleClick(tab, event) {
-
-    }
+    handleClick(tab, event) {}
   }
 }
 </script>
@@ -86,8 +97,8 @@ export default {
   height: calc(100vh - 140px) !important;
   overflow: hidden;
 
-  &> ::v-deep .el-tabs:nth-child(1) {
-    &>.el-tabs__header:nth-child(1) {
+  & > ::v-deep .el-tabs:nth-child(1) {
+    & > .el-tabs__header:nth-child(1) {
       margin-bottom: 0 !important;
     }
   }