fix

src/views/yunxinwei/order/components/order-info.vue

@@ -304,7 +304,18 @@
             <template v-if="column.key === 'expirationDay'">
               <span class="ele-text-danger">{{ expirationDay(record) }}</span>
             </template>
+
+            <template v-if="column.key === 'action'">
+
+              <view >
+                <a-button
+                  class="ele-text-danger"
+                  @click="openOrderOnline(record)"
+                >退租</a-button>
+              </view>
+            </template>
           </template>
+
         </a-table>
       </a-spin>
     </a-card>
@@ -403,6 +414,11 @@
         </a-col>
       </a-row>
     </a-card>
+    <order-online
+      v-model:visible="showOrderOnline"
+
+    />
+
   </ele-modal>
 </template>
 
@@ -415,6 +431,7 @@ import {formatNumber} from 'ele-admin-pro/es';
 import {storeToRefs} from 'pinia';
 import {copyText} from '@/utils/common';
 import {Order} from '@/api/order/model';
+import OrderOnline from '../components/order-online.vue';
 import {listEquipmentOrderGoods} from '@/api/apps/equipment/order/goods';
 import {EquipmentOrderGoods} from '@/api/apps/equipment/order/goods/model';
 import * as EquipmentApi from '@/api/apps/equipment';
@@ -423,12 +440,17 @@ import {ColumnItem, DatasourceFunction} from 'ele-admin-pro/es/ele-pro-table/typ
 import {listOrder, listOrderPay} from '@/api/order';
 import {CopyOutlined} from '@ant-design/icons-vue';
 import {EquipmentRecord} from '@/api/apps/equipment/record/model';
+import OrderRefund from "@/views/yunxinwei/order/components/order-refund.vue";
 
 const useForm = Form.useForm;
 // 是否开启响应式布局
 const themeStore = useThemeStore();
 const {styleResponsive} = storeToRefs(themeStore);
 
+const showOrderOnline = ref(false);
+// 当前编辑数据
+const current = ref<Order | null>(null);
+
 const props = defineProps<{
   // 弹窗是否打开
   visible: boolean;
@@ -600,7 +622,15 @@ const columns2 = ref<ColumnItem[]>([
     title: '逾期状态',
     dataIndex: 'expirationDay',
     key: 'expirationDay'
-  }
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 100,
+    align: 'center',
+    fixed: 'left',
+    hideInSetting: true
+  },
 ]);
 const columns3 = ref<ColumnItem[]>([
   {
@@ -702,6 +732,13 @@ const getEquipmentOrderGoods = () => {
   });
 };
 
+
+/* 线下缴费 */
+const openOrderOnline = (row?: Order) => {
+  current.value = row ?? null;
+  showOrderOnline.value = true;
+};
+
 const getEquipment = () => {
   EquipmentApi.listEquipment({orderId: order.orderId}).then((data) => {
     if (data.length > 0) {