会议管理

apps/web-antd/src/views/property/roomBooking/conferenceReservations/index.vue

@@ -22,13 +22,13 @@
         <a-input placeholder="请输入" v-model:value="formState.username"/>
       </a-form-item>
       <a-form-item class="form-button">
-        <a-button >重置</a-button>
-        <a-button type="primary" class="primary-button">搜索</a-button>
+        <a-button @click="handleClean">重置</a-button>
+        <a-button type="primary" class="primary-button" @click="handleSearch">搜索</a-button>
       </a-form-item>
     </a-form>
     <div class="card-box">
       <div v-for="(item,index) in meetingList" :key="index" class="card-list">
-        <div><span class="card-title">{{ item.one }}</span><a-button class="card-button" type="primary" @click="handleAdd">去预约</a-button></div>
+        <div><span class="card-title">{{ item.one }}</span><a-button class="card-button" type="primary" @click="handleAdd(item.id)">去预约</a-button></div>
         <div>容纳人数: {{ item.two }}人</div>
         <div>基础费用: {{ item.three }}元</div>
         <div>基础设备: {{ item.four }}</div>
@@ -52,6 +52,8 @@ import {
   RangePicker as ARangePicker
 } from 'ant-design-vue';
 import conferenceAddServicesModal from '../conferenceReservations/conferenceReservations-modal.vue';
+import {attachInfo} from "#/api/property/roomBooking/conferenceAddServices";
+
 interface FormState {
   username: string;
   password: string;
@@ -60,20 +62,35 @@ const formState = reactive<FormState>({
   username: '',
   password: '',
 });
+
+async function handleSearch() {
+  const obj = {
+    ...formState,
+  }
+  const response = await attachInfo(obj);
+  meetingList.value = response.rows;
+}
+
+const handleClean = () =>{
+  formState.username = '';
+  formState.password = '';
+}
+
 const [modal, modalApi] = useVbenModal({
   connectedComponent: conferenceAddServicesModal,
 });
+
 function handleAdd() {
-  modalApi.setData({});
+  modalApi.setData({id: row.id});
   modalApi.open();
 }
 const onFinish = (values: any) => {
   console.log('Success:', values);
 };
-
 const onFinishFailed = (errorInfo: any) => {
   console.log('Failed:', errorInfo);
 };
+
 const meetingList = ref([
   {
     one: '10楼1002会议室',