指定项目的优惠券

src/views/clinic/CouponManage.vue

@@ -7,6 +7,8 @@
     <template #main>
       <el-table :data="coupons" stripe :height="tableHeight">
         <el-table-column prop="name" label="名称"></el-table-column>
+        <el-table-column prop="description" label="描述"></el-table-column>
+        <el-table-column prop="availableChargeName" label="收费项目"></el-table-column>
         <el-table-column label="状态">
           <template #default="scope">
             <el-switch v-model="scope.row.state"
@@ -44,6 +46,18 @@
             <el-input v-model="currentCoupon.name" style="width: 180px"></el-input>
           </div>
         </div>
+        <div class="edit-coupon-line">
+          <div class="edit-coupon-line_label">收费项目：</div>
+          <div>
+            <el-input v-model="currentCoupon.availableChargeName" disabled style="width: 180px"></el-input>
+          </div>
+        </div>
+        <div v-if="currentCoupon.availableChargeName" class="edit-coupon-line">
+          <div class="edit-coupon-line_label">描述：</div>
+          <div>
+            <el-input v-model="currentCoupon.description" style="width: 180px"></el-input>
+          </div>
+        </div>
         <div class="edit-coupon-line">
           <div class="edit-coupon-line_label">状态：</div>
           <div>
@@ -132,6 +146,24 @@
             <el-input v-model="newCoupon.name" style="width: 180px"></el-input>
           </div>
         </div>
+        <div class="edit-coupon-line">
+          <div class="edit-coupon-line_label"><span style="margin-right: 10px"></span>收费项目：</div>
+          <div class="new-coupon-val">
+            <SystemItemDrug
+                v-model="newCoupon"
+                value="availableCharge"
+                label="availableChargeName"
+                :clearable="true"
+                style="width: 180px"
+            ></SystemItemDrug>
+          </div>
+        </div>
+        <div class="edit-coupon-line" v-if="newCoupon.availableCharge">
+          <div class="edit-coupon-line_label"><span class="required">*</span>描述：</div>
+          <div class="new-coupon-val">
+            <el-input v-model="newCoupon.description" style="width: 180px"></el-input>
+          </div>
+        </div>
         <div class="edit-coupon-line">
           <div class="edit-coupon-line_label"><span class="required">*</span>状态：</div>
           <div>
@@ -201,6 +233,7 @@ import {xcMessage} from "@/utils/xiaochan-element-plus";
 import {copyStrFunc} from "@/utils/public";
 import {qrcanvas} from "qrcanvas";
 import {ref} from "vue";
+import SystemItemDrug from "@/components/system/item-drug/SystemItemDrug.vue";
 
 const windowSize = store.state.app.windowSize
 const tableHeight = windowSize.h - 50
@@ -240,13 +273,14 @@ function saveEditResult() {
 }
 
 const showCreatePanel = ref(false)
-const newCoupon = ref({
-  state: 'ACTIVATED'
-})
+const newCoupon = ref({})
 function createNewCoupon() {
   showCreatePanel.value = true
   newCoupon.value = {
-    state: 'ACTIVATED'
+    state: 'ACTIVATED',
+    description: '',
+    availableCharge: '',
+    availableChargeName: ''
   }
 }
 function saveNewCoupon() {