From 44e7df985d59e31788626579ef98ff9a25f8e5c5 Mon Sep 17 00:00:00 2001
From: chendaze <1824191732@qq.com>
Date: Tue, 5 Mar 2024 17:23:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E4=BC=9A=E8=AE=AE?=
 =?UTF-8?q?=E5=AE=A4=E4=B8=BB=E4=BD=93=E5=86=85=E5=AE=B9=E7=9A=84PC?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin/meeting/roomContent.js          |  27 ++
 src/views/admin/meeting/RoomContentList.vue   | 230 ++++++++++++++----
 .../meeting/modules/RoomContentModal.vue      |   4 +
 3 files changed, 217 insertions(+), 44 deletions(-)

diff --git a/src/api/admin/meeting/roomContent.js b/src/api/admin/meeting/roomContent.js
index 6c822a9..940b722 100644
--- a/src/api/admin/meeting/roomContent.js
+++ b/src/api/admin/meeting/roomContent.js
@@ -12,6 +12,30 @@ export function getRoomContentList (parameter) {
   })
 }
 
+export function selectSearchInfoByType (parameter) {
+  return axios({
+    url: api.roomContent + '/searchInfo/1',
+    method: 'get',
+    params: {}
+  })
+}
+
+export function selectSearchInfoByCapacity (parameter) {
+  return axios({
+    url: api.roomContent + '/searchInfo/2',
+    method: 'get',
+    params: {}
+  })
+}
+
+export function selectSearchInfoByShape (parameter) {
+  return axios({
+    url: api.roomContent + '/searchInfo/4',
+    method: 'get',
+    params: {}
+  })
+}
+
 export function saveRoomContent (parameter) {
   return axios({
     url: api.roomContent + (parameter.id > 0 ? '/update' : '/save'),
@@ -31,4 +55,7 @@ export function delRoomContent (parameter) {
   })
 }
 
+
+
+
 export const roomContentExport = api.roomContent + '/export'
diff --git a/src/views/admin/meeting/RoomContentList.vue b/src/views/admin/meeting/RoomContentList.vue
index 59fb197..c7b50f9 100644
--- a/src/views/admin/meeting/RoomContentList.vue
+++ b/src/views/admin/meeting/RoomContentList.vue
@@ -3,31 +3,39 @@
     <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.meetingName" />
+            </a-form-item>
+          </a-col>
           <a-col :md="5" :sm="15">
             <a-form-item label="类型">
-              <a-input placeholder="请选择类型" v-model="queryParam.type" />
+              <a-select v-model="queryParam.type" placeholder="请选择类型">
+                <a-select-option v-for="(item,index) in typeList" :key="item.id" :value="item.typeName">
+                  {{ item.typeName }}
+                </a-select-option>
+
+              </a-select>
             </a-form-item>
           </a-col>
           <a-col :md="5" :sm="15">
-            <a-form-item label="名称">
-              <a-input placeholder="请输入名称" v-model="queryParam.meetingName" />
+            <a-form-item label="排列形状">
+              <a-select v-model="queryParam.shape" placeholder="请选择排列形状">
+                <a-select-option v-for="(item,index) in shapeList" :key="item.id" :value="item.shape">
+                  {{ item.shape }}
+                </a-select-option>
+              </a-select>
             </a-form-item>
           </a-col>
-          <!-- <a-col :md="5" :sm="15">
+           <a-col :md="5" :sm="15">
             <a-form-item label="容纳人数">
-              <a-input placeholder="请输入容纳人数" v-model="queryParam.capacityNum" />
+              <a-select v-model="queryParam.status" placeholder="请选择类型">
+                <a-select-option v-for="(item,index) in capacityList" :key="item.id" :value="item.capacityNum">
+                  {{ item.capacityNum }}
+                </a-select-option>
+              </a-select>
             </a-form-item>
           </a-col>
-          <a-col :md="5" :sm="15">
-            <a-form-item label="扩充人数">
-              <a-input placeholder="请输入扩充人数" v-model="queryParam.expandNum" />
-            </a-form-item>
-          </a-col> -->
-<!--          <a-col :md="5" :sm="15">-->
-<!--            <a-form-item label="是否展示">-->
-<!--              <a-input placeholder="请输入是否展示" v-model="queryParam.isShow" />-->
-<!--            </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>
@@ -51,6 +59,12 @@
       :columns="columns"
       :data="loadData"
     >
+     <span slot="type" slot-scope="text">
+        {{ text | typeFilter }}
+      </span>
+      <span slot="item" slot-scope="text,record">
+        <a  @click="handleItemTable(record)">1</a>
+      </span>
       <span slot="action" slot-scope="text, record">
         <a v-if="editEnabel" @click="handleEdit(record)">编辑</a>
         <a-divider type="vertical" />
@@ -58,23 +72,83 @@
       </span>
     </s-table>
     <roomContent-modal ref="modal" @ok="handleOk" />
+
+
+    <a-modal v-model="visible" title="会议设备"  width="1000px" @ok='itemHandleOk()'>
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline">
+          <a-row :gutter="48">
+            <a-col :md="8" :sm="15">
+              <a-form-item label="关键词">
+                <a-input placeholder="请输入关键词" v-model="itemQueryParam.itemName" />
+              </a-form-item>
+            </a-col>
+            <a-col :md="8" :sm="30">
+              <a-form-item label="服务类型">
+                <a-select v-model="itemQueryParam.itemType" placeholder="请选择服务类型">
+                  <a-select-option value="1">
+                    免费服务
+                  </a-select-option>
+                  <a-select-option value="2">
+                    增值服务
+                  </a-select-option>
+                </a-select>
+              </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="() => (itemQueryParam = {})">重置</a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <div class="table-operator">
+      </div>
+      <s-table
+        size="default"
+        ref="table"
+        rowKey="id"
+        :rowSelection="{ selectedRowKeys: selectedItemRowKeys, onChange: onItemSelectChange }"
+        :columns="itemColumns"
+        :data="itemLoadData"
+      >
+              <span slot="serveType" slot-scope="text">
+        {{ text | serveTypeFilter }}
+      </span>
+<!--        <span slot="action" slot-scope="text, record">-->
+<!--        <a v-if="editEnabel" @click="handleEdit(record)">编辑</a>-->
+<!--        <a-divider type="vertical" />-->
+<!--        <a v-if="removeEnable" @click="delByIds([record.id])">删除</a>-->
+<!--      </span>-->
+      </s-table>
+    </a-modal>
   </a-card>
+
+
+
 </template>
 
 <script>
 import { STable } from '@/components'
 
-import { getRoomContentList,delRoomContent } from '@/api/admin/meeting/roomContent'
+import { getRoomContentList,delRoomContent,selectSearchInfoByType,selectSearchInfoByShape,selectSearchInfoByCapacity } from '@/api/admin/meeting/roomContent'
+import {  getRoomServeList } from '@/api/admin/meeting/roomServe'
 import RoomContentModal from './modules/RoomContentModal.vue'
 import { checkPermission } from '@/utils/permissions'
+import { getDictArray } from '@/utils/dict'
 
+const typeMap = {}
+const serveTypeMap = {}
 export default {
   name: 'TableList',
   components: {
     STable,
     RoomContentModal
   },
-  data() {
+  data () {
     return {
       labelCol: {
         xs: { span: 24 },
@@ -86,54 +160,68 @@ export default {
       },
       form: this.$form.createForm(this),
       mdl: {},
+      visible: false,
+      typeMap,
       // 高级搜索 展开/关闭
       advanced: false,
       // 查询参数
       queryParam: {},
+      itemQueryParam:{},
+      capacityList: [],
+      shapeList: [],
+      typeList:[],
+      serveTypeMap,
+      itemColumns: [
+        {
+          title: '服务名称',
+          dataIndex: 'serveName'
+        },
+        {
+          title: '服务类型',
+          dataIndex: 'serveType',
+          scopedSlots: { customRender: 'serveType' }
+        },
+        {
+          title: '金额',
+          dataIndex: 'money'
+        },
+      ],
+
       // 表头
       columns: [
-        {
-          title: '类型',
-          dataIndex: 'typeName'
-        },
         {
           title: '名称',
           dataIndex: 'meetingName'
         },
+        {
+          title: '类型',
+          dataIndex: 'typeName',
+          scopedSlots: { customRender: 'typeName' }
+        },
         {
           title: '容纳人数',
           dataIndex: 'capacityNum'
         },
         {
-          title: '开始时间',
-          dataIndex: 'startTime',
-          sorter: true
-
+          title: '排列形状',
+          dataIndex: 'shape'
         },
         {
-          title: '结束时间',
-          dataIndex: 'endDate',
-          sorter: true
+          title: '会议设备',
+          dataIndex: 'item',
+          scopedSlots: { customRender: 'item' }
+        },
+        {
+          title: '关联服务',
+          dataIndex: 'money'
         },
-        // {
-        //   title: '价格单位：1小时、2天、3半天',
-        //   dataIndex: 'priceUnit'
-        // },
         {
           title: '金额',
           dataIndex: 'money'
         },
         {
-          title: '是否展示',
-          dataIndex: 'isShow'
-        },
-        {
-          title: '房间id',
-          dataIndex: 'roomId'
-        },
-        {
-          title: '形状',
-          dataIndex: 'shape'
+          title: '负责人',
+          dataIndex: 'createBy'
         },
         {
           title: '操作',
@@ -146,16 +234,70 @@ export default {
       loadData: (parameter) => {
         return getRoomContentList(Object.assign(parameter, this.queryParam))
       },
+      itemLoadData:(parameter) => {
+        return getRoomServeList(Object.assign(parameter, this.itemQueryParam))
+      },
       selectedRowKeys: [],
       selectedRows: [],
+
+      selectedItemRowKeys: [],
+      selectedItemRows: [],
       addEnable: checkPermission('meeting:roomContent:add'),
       editEnabel: checkPermission('meeting:roomContent:edit'),
       removeEnable: checkPermission('meeting:roomContent:remove'),
     }
   },
-  filters: {},
-  created() {},
+  filters: {
+    typeFilter (Type) {
+      return typeMap[Type].text
+    },
+    serveTypeFilter (serveType) {
+      return serveTypeMap[serveType].text
+    }
+  },
+  async created () {
+    const TypeData = await getDictArray('meeting_type')
+    TypeData.map(d => {
+      typeMap[d.dictValue] = { text: d.dictLabel }
+    })
+    const serveTypeData = await getDictArray('serve_type')
+    serveTypeData.map(d => {
+      serveTypeMap[d.dictValue] = { text: d.dictLabel }
+    })
+  },
+  mounted() {
+    this.selectSearchInfoByType()
+    this.selectSearchInfoByShape()
+    this.selectSearchInfoByCapacity()
+  },
   methods: {
+    itemHandleOk(){
+      // 新增 物品跟会议室关联
+    },
+    onItemSelectChange(selectedRowKeys, selectedRows){
+      this.selectedItemRowKeys = selectedRowKeys
+      this.selectedItemRows = selectedRows
+      console.log(this.selectedItemRowKeys)
+    },
+    handleItemTable () {
+      this.visible = true
+    },
+    // 获取查询条件
+    selectSearchInfoByType () {
+      selectSearchInfoByType().then((res) => {
+        this.typeList = res.roomContents
+      })
+    },
+    selectSearchInfoByShape () {
+      selectSearchInfoByShape().then((res) => {
+        this.shapeList = res.roomContents
+      })
+    },
+    selectSearchInfoByCapacity () {
+      selectSearchInfoByCapacity().then((res) => {
+        this.capacityList = res.roomContents
+      })
+    },
     onSelectChange(selectedRowKeys, selectedRows) {
       this.selectedRowKeys = selectedRowKeys
       this.selectedRows = selectedRows
diff --git a/src/views/admin/meeting/modules/RoomContentModal.vue b/src/views/admin/meeting/modules/RoomContentModal.vue
index 4a8ecfd..b0c1577 100644
--- a/src/views/admin/meeting/modules/RoomContentModal.vue
+++ b/src/views/admin/meeting/modules/RoomContentModal.vue
@@ -17,6 +17,9 @@
       <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
         <a-input placeholder="名称" v-decorator="['meetingName']" />
       </a-form-item>
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
+        <a-input placeholder="类型" v-decorator="['meetingName']" />
+      </a-form-item>
       <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="容纳人数">
         <a-input placeholder="容纳人数" v-decorator="['capacityNum']" />
       </a-form-item>
@@ -89,6 +92,7 @@ export default {
       },
       confirmLoading: false,
       mdl: {},
+      typeData: [],
       form: this.$form.createForm(this),
     }
   },