no message

src/assets/css/flex.css

+.row{
+    display: flex;
+    flex-direction: row;
+}
+.column{
+    display: flex;
+    flex-direction: column;
+}
+.col{
+    flex: 1;
+}
+.justify-start{
+    justify-content: start;
+}
+.justify-between{
+    justify-content: space-between;
+}
+.justify-center{
+    justify-content: center;
+}
+.justify-end{
+    justify-content: end;
+}
+.items-start{
+    align-items: start;
+}
+.items-center{
+    align-items: center;
+}
+.items-end{
+    align-items: end;
+}
+.wrap{
+    flex-wrap: wrap;
+}
+.no-wrap{
+    flex-wrap: nowrap;
+}
+.pa-lg{
+    padding: 20px;
+}
+.pa-md{
+    padding: 15px;
+}
+.pa-sm{
+    padding: 10px;
+}
+.pa-xs{
+    padding: 5px;
+}
+.pt-lg{
+    padding-top: 20px;
+}
+.pt-md{
+    padding-top: 15px;
+}
+.pt-sm{
+    padding-top: 10px;
+}
+.pt-xs{
+    padding-top: 5px;
+}
+.pb-lg{
+    padding-bottom: 20px;
+}
+.pb-md{
+    padding-bottom: 15px;
+}
+.pb-sm{
+    padding-bottom: 10px;
+}
+.pb-xs{
+    padding-bottom: 5px;
+}
+.pl-lg{
+    padding-left: 20px;
+
+}
+.pl-md{
+    padding-left: 15px;
+}
+.pl-sm{
+    padding-left: 10px;
+}
+.pl-xs{
+    padding-left: 5px;
+}
+.pr-lg{
+    padding-right: 20px;
+
+}
+.pr-md{
+    padding-right: 15px;
+}
+.pr-sm{
+    padding-right: 10px;
+}
+.pr-xs{
+    padding-right: 5px;
+}
+
+.ma-lg{
+    margin: 20px;
+}
+.ma-md{
+    margin: 15px;
+}
+.ma-sm{
+    margin: 10px;
+}
+.ma-xs{
+    margin: 5px;
+}
+.mt-lg{
+    margin-top: 20px;
+}
+.mt-md{
+    margin-top: 15px;
+}
+.mt-sm{
+    margin-top: 10px;
+}
+.mt-xs{
+    margin-top: 5px;
+}
+.mb-lg{
+    margin-bottom: 20px;
+}
+.mb-md{
+    margin-bottom: 15px;
+}
+.mb-sm{
+    margin-bottom: 10px;
+}
+.mb-xs{
+    margin-bottom: 5px;
+}
+.ml-lg{
+    margin-left: 20px;
+}
+.ml-md{
+    margin-left: 15px;
+}
+.ml-sm{
+    margin-left: 10px;
+}
+.ml-xs{
+    margin-left: 5px;
+}
+.mr-lg{
+    margin-right: 20px;
+}
+.mr-md{
+    margin-right: 15px;
+}
+.mr-sm{
+    margin-right: 10px;
+}
+.mr-xs{
+    margin-right: 5px;
+}
+.pointer{
+    cursor: pointer;
+}
\ No newline at end of file

src/components/common/listConfigs/hotelListConfig.js

+// 酒店列表配置
+export const hotelListConfig = {
+  // 表格基础配置
+  tableConfig: {
+    height: '100%',
+    border: true,
+    stripe: true,
+    size: 'mini',
+    'empty-text': '暂无酒店数据'
+  },
+
+  // 分页配置
+  paginationConfig: {
+    background: true,
+    layout: 'total, prev, pager, next, jumper',
+    'pager-count': 7,
+    'hide-on-single-page': false
+  },
+
+  // 列配置工厂函数
+  createColumns: (cityList = []) => [
+    {
+      label: '城市',
+      prop: 'CityCode',
+      minWidth: 100,
+      fixed: 'left',
+      slot: 'city'
+    },
+    {
+      label: '酒店名称',
+      prop: 'Name',
+      minWidth: 200,
+      fixed: 'left',
+      type: 'link'
+    },
+    {
+      label: '星级',
+      prop: 'Star',
+      minWidth: 100,
+      slot: 'star'
+    },
+    {
+      label: '成團間數',
+      prop: 'CTJS',
+      minWidth: 100,
+      slot: 'groupCount'
+    },
+    {
+      label: '總房間數',
+      prop: 'RoomNumber',
+      minWidth: 100,
+      slot: 'roomCount'
+    },
+    {
+      label: '開業年份',
+      prop: 'OpenTime',
+      minWidth: 100,
+      emptyText: '-'
+    },
+    {
+      label: '合約最終日期',
+      prop: 'ContractTime',
+      minWidth: 100,
+      emptyText: '-'
+    },
+    {
+      label: '官网',
+      prop: 'URL',
+      minWidth: 200,
+      slot: 'website'
+    },
+    {
+      label: '最后更新日期',
+      prop: 'UpdateTimeStr',
+      minWidth: 120,
+      emptyText: '-'
+    }
+  ],
+
+  // 操作列配置
+  actionColumn: {
+    label: '操作',
+    width: 120,
+    actions: [
+      {
+        key: 'edit',
+        label: '修改',
+        type: 'text'
+      },
+      {
+        key: 'delete',
+        label: '删除',
+        type: 'text',
+        className: 'delete-btn'
+      }
+    ]
+  },
+
+  // 高级查询配置
+  advancedSearchConfig: {
+    title: '高级查询',
+    buttonText: '高级查询',
+    width: 600,
+    fields: [
+      {
+        key: 'starLevel',
+        label: '星级',
+        type: 'select',
+        placeholder: '选择星级',
+        span: 8,
+        options: [
+          { label: '1星', value: '1' },
+          { label: '2星', value: '2' },
+          { label: '3星', value: '3' },
+          { label: '4星', value: '4' },
+          { label: '5星', value: '5' }
+        ]
+      },
+      {
+        key: 'openTimeStart',
+        label: '开业年份',
+        type: 'date',
+        dateType: 'year',
+        placeholder: '开始年份',
+        span: 8
+      },
+      {
+        key: 'openTimeEnd',
+        label: '至',
+        type: 'date',
+        dateType: 'year',
+        placeholder: '结束年份',
+        span: 8
+      },
+      {
+        key: 'roomNumberMin',
+        label: '房间数',
+        type: 'input',
+        inputType: 'number',
+        placeholder: '最小房间数',
+        span: 8
+      },
+      {
+        key: 'roomNumberMax',
+        label: '至',
+        type: 'input',
+        inputType: 'number',
+        placeholder: '最大房间数',
+        span: 8
+      },
+      {
+        key: 'hasWebsite',
+        label: '有官网',
+        type: 'select',
+        placeholder: '选择',
+        span: 8,
+        options: [
+          { label: '有官网', value: '1' },
+          { label: '无官网', value: '0' }
+        ]
+      },
+      {
+        key: 'ctjsMin',
+        label: '成团间数',
+        type: 'input',
+        inputType: 'number',
+        placeholder: '最小成团间数',
+        span: 8
+      },
+      {
+        key: 'ctjsMax',
+        label: '至',
+        type: 'input',
+        inputType: 'number',
+        placeholder: '最大成团间数',
+        span: 8
+      },
+      {
+        key: 'contractTimeStart',
+        label: '合约日期',
+        type: 'date',
+        placeholder: '开始日期',
+        valueFormat: 'yyyy-MM-dd',
+        span: 8
+      },
+      {
+        key: 'contractTimeEnd',
+        label: '至',
+        type: 'date',
+        placeholder: '结束日期',
+        valueFormat: 'yyyy-MM-dd',
+        span: 8
+      }
+    ]
+  },
+
+  // 工具操作配置
+  toolActions: [
+    { command: 'export', label: '导出' },
+    { command: 'import', label: '导入' }
+  ],
+
+  // 抽屉配置
+  drawerConfig: {
+    title: '酒店信息',
+    size: '90%',
+    direction: 'rtl'
+  },
+
+  // API 配置
+  apiConfig: {
+    list: 'hotel_post_GetPageList',
+    delete: 'hotel_post_Remove',
+    cityList: 'dict_post_Destination_GetCityList'
+  }
+}
+
+// 导出默认配置
+export default hotelListConfig

src/components/common/mixins/addEditMixin.js

+// 列表管理通用 Mixin
+export const addEditMixin = {
+  data() {
+    return {
+      //用户信息
+      userInfo: {}, 
+      //单选产品订单状态
+      OrderStatusType: [
+        { Name: this.$t('OrderList.orderStatus.apply'), ID: '1' },
+        { Name: this.$t('OrderList.orderStatus.check'), ID: '2' },
+        { Name: this.$t('OrderList.orderStatus.cancel'), ID: '3' },
+        { Name: this.$t('OrderList.orderStatus.sun'), ID: '4' },
+      ],
+      //取消订单备注
+      cancelRemark: '',
+    };
+  },
+  created() {
+    this.getUserInfo()
+  },
+  methods: {
+    getUserInfo(){
+      this.userInfo =this.getLocalStorage()
+    },
+  }
+};
+
+export default addEditMixin;

src/router/config.js

@@ -1897,6 +1897,30 @@ export default {
                 title: '国内景区报价管理'
               },
             },
+            {
+              path: '/cruiseShipOrderList',
+              name: 'cruiseShipOrderList',
+              component: resolve => require(['@/components/cruiseShip/list/cruiseShipOrderList'], resolve),
+              meta: {
+                title: '邮轮订单'
+              },
+            },
+            {
+              path: '/cruiseShipOrderListOP',
+              name: 'cruiseShipOrderListOP',
+              component: resolve => require(['@/components/cruiseShip/list/cruiseShipOrderList'], resolve),
+              meta: {
+                title: '邮轮订单OP'
+              },
+            },
+            {
+              path: '/cruiseShipSupplier',
+              name: 'cruiseShipSupplier',
+              component: resolve => require(['@/components/cruiseShip/supplier/cruiseShipSupplier'], resolve),
+              meta: {
+                title: '邮轮供应商'
+              },
+            },
             {
               path: '/TicketManager', //机票列表
               name: 'TicketManager',