修改套餐状态

bms-front/src/views/price/set/components/detail/SetDetailHeader.vue

@@ -4,6 +4,7 @@
       <div class="hd-line">
         <h2 class="hd-name">{{ set.priceSetName || '套餐详情' }}</h2>
         <span v-if="set.priceSetCode" class="hd-code">{{ set.priceSetCode }}</span>
+        <el-tag :type="setStatusTagType(set)" size="small">{{ setStatusLabel(set) }}</el-tag>
       </div>
       <div class="hd-line hd-meta">
         <el-tag :type="isFixedType(set.setType) ? 'warning' : 'primary'" size="small" effect="plain">
@@ -15,31 +16,31 @@
     <div class="hd-actions">
       <el-button @click="emit('back')">返回列表</el-button>
       <el-button
-        v-if="set.status === 'E' && !set.expired"
+        v-if="set.status === 'E'"
         type="danger"
         plain
         @click="emit('disable')"
         v-hasPermi="['price:set:audit']"
       >停用</el-button>
       <el-button
-        v-else-if="set.status === 'S'"
-        type="primary"
+        v-if="set.status !== 'E'"
+        type="success"
         plain
-        @click="emit('copy')"
-        v-hasPermi="['price:set:add']"
-      >复用新建</el-button>
+        @click="emit('enable')"
+        v-hasPermi="['price:set:audit']"
+      >启用</el-button>
     </div>
   </div>
 </template>
 
 <script setup name="SetDetailHeader">
-import { isFixedType, setTypeLabel } from '../../utils/priceSet'
+import { isFixedType, setTypeLabel, setStatusLabel, setStatusTagType } from '../../utils/priceSet'
 
 defineProps({
   set: { type: Object, required: true }
 })
 
-const emit = defineEmits(['back', 'disable', 'copy'])
+const emit = defineEmits(['back', 'disable', 'enable'])
 </script>
 
 <style scoped>