From 0000f722c0bae64d75131671b9b17a185055ebd9 Mon Sep 17 00:00:00 2001
From: SelfRidicule <selfridicule@gmail.com>
Date: Wed, 20 Mar 2024 16:47:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0=EF=BC=9A=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/admin/meeting/ReservationList.vue | 99 +++++++++++----------
 1 file changed, 50 insertions(+), 49 deletions(-)

diff --git a/src/views/admin/meeting/ReservationList.vue b/src/views/admin/meeting/ReservationList.vue
index eeb0cfd..dc5158d 100644
--- a/src/views/admin/meeting/ReservationList.vue
+++ b/src/views/admin/meeting/ReservationList.vue
@@ -1,72 +1,74 @@
 <template>
-  <a-card :bordered="false">
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline">
-        <a-row :gutter="48">
-          <a-col :md="5" :sm="15">
-            <a-form-item label="主题">
-              <a-input placeholder="请输入主题" v-model="queryParam.title"/>
+  <a-card :bordered='false'>
+    <div class='table-page-search-wrapper'>
+      <a-form layout='inline'>
+        <a-row :gutter='48'>
+          <a-col :md='5' :sm='15'>
+            <a-form-item label='主题'>
+              <a-input placeholder='请输入主题' v-model='queryParam.title' />
             </a-form-item>
           </a-col>
-          <a-col :md="5" :sm="15">
-            <a-form-item label="预约状态">
-              <a-input placeholder="请输入预约状态" v-model="queryParam.stauts"/>
+          <a-col :md='5' :sm='15'>
+            <a-form-item label='预约状态'>
+              <a-input placeholder='请输入预约状态' v-model='queryParam.stauts' />
             </a-form-item>
           </a-col>
-          <a-col :md="5" :sm="15">
-            <a-form-item label="订单号">
-              <a-input placeholder="请输入订单号" v-model="queryParam.oderNumber"/>
+          <a-col :md='5' :sm='15'>
+            <a-form-item label='订单号'>
+              <a-input placeholder='请输入订单号' v-model='queryParam.oderNumber' />
             </a-form-item>
           </a-col>
-          <a-col :md="8" :sm="24">
-            <span class="table-page-search-submitButtons">
-              <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
-              <a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
+          <a-col :md='8' :sm='24'>
+            <span class='table-page-search-submitButtons'>
+              <a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button>
+              <a-button style='margin-left: 8px' @click='() => queryParam = {}'>重置</a-button>
             </span>
           </a-col>
         </a-row>
       </a-form>
     </div>
-    <div class="table-operator">
-      <a-button v-if="addEnable" type="primary" icon="plus" @click="$refs.modal.add()">会议预约</a-button>
-      <a-dropdown v-if="removeEnable&&selectedRowKeys.length > 0">
-        <a-button type="danger" icon="delete" @click="delByIds(selectedRowKeys)">删除</a-button>
+    <div class='table-operator'>
+      <a-button v-if='addEnable' type='primary' icon='plus' @click='$refs.modal.add()'>会议预约</a-button>
+      <a-dropdown v-if='removeEnable&&selectedRowKeys.length > 0'>
+        <a-button type='danger' icon='delete' @click='delByIds(selectedRowKeys)'>删除</a-button>
       </a-dropdown>
     </div>
     <s-table
-      size="default"
-      ref="table"
-      rowKey="id"
-      :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
-      :columns="columns"
-      :data="loadData"
+      size='default'
+      ref='table'
+      rowKey='id'
+      :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
+      :columns='columns'
+      :data='loadData'
     >
-      <span slot="action" slot-scope="text, record">
-        <a  @click="handleInfo(record)">详情</a>
-        <a-divider type="vertical" />
-        <a v-if="editEnabel" @click="handleEdit(record)">编辑</a>
-        <a-divider type="vertical" />
-        <a v-if="removeEnable" @click="delByIds([record.id])">删除</a>
+      <span slot='action' slot-scope='text, record'>
+        <a @click='handleInfo(record)'>详情</a>
+        <a-divider type='vertical' />
+        <a v-if='editEnabel' @click='handleEdit(record)'>编辑</a>
+        <a-divider type='vertical' />
+        <a v-if='removeEnable' @click='delByIds([record.id])'>删除</a>
+         <a-tag v-if='record.statusValue == 0' color='green'>通过</a-tag>
+         <a-tag v-if='record.statusValue == 0 || record.statusValue == 1' color='volcano'>驳回</a-tag>
       </span>
     </s-table>
-    <reservation-modal ref="modal" @ok="handleOk"/>
+    <reservation-modal ref='modal' @ok='handleOk' />
   </a-card>
 </template>
 
 <script>
-    import {STable} from '@/components'
+import { STable } from '@/components'
 
-    import {delReservation,getReservationList} from '@/api/admin/meeting/reservation'
-    import ReservationModal from './modules/ReservationModal.vue'
-    import {checkPermission} from '@/utils/permissions'
+import { delReservation, getReservationList } from '@/api/admin/meeting/reservation'
+import ReservationModal from './modules/ReservationModal.vue'
+import { checkPermission } from '@/utils/permissions'
 
-    export default {
+export default {
   name: 'TableList',
   components: {
     STable,
     ReservationModal
   },
-  data () {
+  data() {
     return {
       labelCol: {
         xs: { span: 24 },
@@ -142,31 +144,30 @@
       removeEnable: checkPermission('meeting:reservation:remove')
     }
   },
-  filters: {
-  },
-  created () {
+  filters: {},
+  created() {
   },
   methods: {
-    onSelectChange (selectedRowKeys, selectedRows) {
+    onSelectChange(selectedRowKeys, selectedRows) {
       this.selectedRowKeys = selectedRowKeys
       this.selectedRows = selectedRows
     },
     //详情，跳转页面
-    handleInfo (record) {
+    handleInfo(record) {
       this.$router.push({ name: 'reservationInfo', query: { id: record.id } })
 
     },
-    handleAdd () {
+    handleAdd() {
       this.$refs.modal.add()
     },
-    handleEdit (record) {
+    handleEdit(record) {
       this.$refs.modal.edit(record)
     },
-    handleOk () {
+    handleOk() {
       this.$refs.table.refresh(true)
       console.log('handleSaveOk')
     },
-    delByIds (ids) {
+    delByIds(ids) {
       delReservation({ ids: ids.join(',') }).then(res => {
         if (res.code === 0) {
           this.$message.success('删除成功')