上传

src/views/Clue/Order/Comp/MallOrderList.vue

@@ -152,7 +152,7 @@
             class="mr-10px"
             link
             style="padding: 0; margin-left: 0"
-            v-if="scope.row.isPayoff == false"
+            v-if="scope.row.isPayoff == '未结清'"
             v-hasPermi="['clue:order:return']"
             @click="feeBack(scope.row)"
           >

src/views/Clue/Order/Comp/OrderList.vue

@@ -115,12 +115,22 @@
             class="mr-10px"
             link
             style="padding: 0; margin-left: 0"
-            v-if="scope.row.isPayoff == false"
+            v-if="scope.row.isPayoff == '未结清'"
             v-hasPermi="['clue:order:return']"
             @click="feeBack(scope.row)"
           >
             回款
           </el-button>
+          <el-button
+            type="primary"
+            class="mr-10px"
+            link
+            style="padding: 0; margin-left: 0"
+            v-hasPermi="['clue:order:add-fee']"
+            @click="handleAddFee(scope.row)"
+          >
+            添加支出
+          </el-button>
           <el-button
             type="primary"
             class="mr-10px"
@@ -139,6 +149,7 @@
     <DialogOrder ref="orderDetailDialog" />
     <DialogFeeback ref="feedbackDialog" />
     <DialogAfterSale ref="afterSaleDialog" />
+    <DialogExtraFee ref="extraFeeDialog" />
   </div>
 </template>
 
@@ -152,6 +163,7 @@ import { getClassTypePage } from '@/api/school/class'
 import DialogOrder from './DialogOrder.vue'
 import DialogFeeback from './DialogFeeback.vue'
 import DialogAfterSale from './DialogAfterSale.vue'
+import DialogExtraFee from './DialogExtraPay.vue'
 
 import { removeNullField } from '@/utils'
 
@@ -257,6 +269,11 @@ function feeBack(row) {
   feedbackDialog.value.open(row.signId)
 }
 
+const extraFeeDialog = ref()
+function handleAddFee(row) {
+  extraFeeDialog.value.open(row.signId)
+}
+
 // 取消登记
 async function cancelDeal(row) {
   try {