11

src/components/dmc/manager/busInquiry.vue

+<style>
+  /* 原有搜索框样式保持不变 */
+  .busInquiry_time_picker .el-date-editor--date>.el-input__inner {
+    padding: 0 10px;
+    font-size: 13px;
+  }
+
+  .busInquiry_time_picker .el-date-editor--date>span.el-input__prefix {
+    display: none;
+  }
+
+  .busInquiry_time_picker .el-date-editor--date>span.el-input__suffix {
+    top: -4px;
+    right: 2px;
+  }
+
+  .query-box {
+    margin-bottom: 10px;
+  }
+
+  .busInquiry_time_picker li {
+    margin-right: 12px;
+  }
+
+  /* 容器 */
+  .table-scroll-container {
+    max-height: 600px;
+    overflow-y: auto;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    margin: 10px 0;
+    position: relative;
+  }
+
+  /* loading 遮罩圆角 */
+  .table-scroll-container .el-loading-mask {
+    border-radius: 8px;
+  }
+
+  /* 表格本身 */
+  .busInquirytable {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 14px;
+    text-align: center;
+    border: none;
+  }
+
+  /* 表头吸顶更稳 */
+  .busInquirytable thead th {
+    position: sticky;
+    top: 0;
+    z-index: 20;
+    background-color: #f5f7fa;
+    font-weight: bold;
+    padding: 12px 8px;
+    border-bottom: 2px solid #ddd;
+  }
+
+  /* 表头左右边框 */
+  .busInquirytable th:first-child {
+    border-left: 1px solid #ddd;
+  }
+
+  .busInquirytable th:last-child {
+    border-right: 1px solid #ddd;
+  }
+
+  /* 数据单元格 */
+  .busInquirytable td {
+    padding: 10px 8px;
+    border: 1px solid #ddd;
+    word-break: break-all;
+    white-space: pre-wrap;
+    line-height: 1.6;
+  }
+
+  /* hover 高亮 */
+  .busInquirytable tbody tr:hover td {
+    background-color: #f0f7ff;
+    transition: background 0.2s ease;
+  }
+
+  /* 分组黑边框 */
+  .busInquirytable tbody tr:first-child td {
+    border-top: 2px solid black;
+  }
+
+  .busInquirytable tbody tr:last-child td {
+    border-bottom: 2px solid black;
+  }
+
+  /* 避免与容器重叠 */
+  .busInquirytable tbody:first-child tr:first-child td {
+    border-top: none;
+  }
+
+  .busInquirytable tbody:last-child tr:last-child td {
+    border-bottom: none;
+  }
+
+  /* 行程 & 留言 */
+  .busInquirytable tbody tr td[colspan="6"] {
+    text-align: left;
+    padding: 10px 12px;
+    background-color: #fafafa;
+  }
+
+  /* 行程 & 留言整体行 */
+  .remark-row {
+    padding: 6px 12px !important;
+    line-height: 1.45;
+    font-size: 13px;
+    background: transparent;
+    /* 去掉灰底，视觉更干净 */
+  }
+
+  /* 左侧标签 */
+  .remark-label {
+    display: inline-block;
+    min-width: 40px;
+    color: #999;
+    font-size: 12px;
+    margin-right: 8px;
+  }
+
+  /* 右侧内容 */
+  .remark-content {
+    color: #333;
+    word-break: break-word;
+  }
+
+</style>
+
+<template>
+  <div class="flexOne">
+    <div class="query-box">
+      <ul class="busInquiry_time_picker">
+        <li>
+          <span>
+            <em>{{ $t("adm.adm_logincount") }}</em>
+            <el-input v-model="msg.KeyWord" @keyup.enter.native="research" placeholder="请输入关键词" clearable />
+          </span>
+        </li>
+        <li>
+          <span>
+            <em>{{ $t("admin.admin_Entrytime") }}</em>
+            <el-date-picker v-model="msg.QStartDate" class="w105" value-format="yyyy-MM-dd" type="date"
+              placeholder="开始日期" />
+            -
+            <el-date-picker v-model="msg.QEndDate" class="w105" value-format="yyyy-MM-dd" type="date"
+              placeholder="结束日期" />
+          </span>
+        </li>
+        <li>
+          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="research" />
+        </li>
+      </ul>
+    </div>
+
+    <div class="table-scroll-container">
+      <table border="0" cellspacing="0" cellpadding="0" v-loading="loading" class="busInquirytable">
+        <thead>
+          <tr>
+            <th>公司/组织名称</th>
+            <th>姓名</th>
+            <th>邮箱</th>
+            <th>电话</th>
+            <th>人数</th>
+            <th>车型</th>
+          </tr>
+        </thead>
+        <tbody v-if="!loading && DataList.length === 0">
+          <tr>
+            <td colspan="6" style="padding: 40px 0; color:#999;">
+              暂无数据
+            </td>
+          </tr>
+        </tbody>
+        <tbody v-for="(item, index) in DataList" :key="`bi1_` + index">
+          <tr>
+            <td>{{ item.CompanyName }}</td>
+            <td>{{ item.Name }}</td>
+            <td>{{ item.Email }}</td>
+            <td>{{ item.Tel }}</td>
+            <td>{{ item.Number }}</td>
+            <td>{{ item.CarType }}</td>
+          </tr>
+          <tr>
+            <td colspan="6" class="remark-row">
+              <span class="remark-label">行程</span>
+              <span class="remark-content">{{ item.Content || '—' }}</span>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="6" class="remark-row">
+              <span class="remark-label">留言</span>
+              <span class="remark-content">{{ item.Remark || '—' }}</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+      layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total" />
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        loading: false,
+        currentPage: 1,
+        msg: {
+          pageIndex: 1,
+          pageSize: 8,
+          KeyWord: "",
+          QStartDate: "",
+          QEndDate: ""
+        },
+        DataList: [],
+        total: 0
+      };
+    },
+    mounted() {
+      this.getList();
+    },
+    methods: {
+      getList() {
+        this.loading = true;
+        this.apipost(
+          "JapanCar_get_GetQuotationPageList",
+          this.msg,
+          res => {
+            this.loading = false;
+            if (res.data.resultCode == 1) {
+              this.DataList = res.data.data.pageData || [];
+              this.total = res.data.data.count || 0;
+            }
+          },
+          () => {
+            this.loading = false;
+          }
+        );
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.currentPage = val;
+        this.getList();
+      },
+      research() {
+        if (this.loading) return;
+        this.msg.pageIndex = 1;
+        this.currentPage = 1;
+        this.getList();
+      }
+    }
+  };
+
+</script>

src/plug/index.js

@@ -122,7 +122,7 @@ export default {
         let locationName = window.location.hostname;
         let isOnline = 0; //0-本地测试，1-线上
         let ocrUrl = "http://192.168.5.46:8888";
-        domainUrl = "http://192.168.5.214";
+        domainUrl = "http://192.168.5.46";
         //domainUrl = "http://192.168.5.39:8083"
         //domainUrl = "http://192.168.5.204:8030"
         //domainUrl = "http://192.168.5.46"

src/router/config.js

@@ -270,7 +270,6 @@ export default {
                 title: '员工管理'
               },
             },
-
             {
               path: '/Temporarystaff', //员工管理
               name: 'Temporarystaff',
@@ -5331,6 +5330,11 @@ export default {
               path: '/tripsManager',
               name: 'tripsManager',
               component: resolve => require(['@/components/dmc/manager/tripsManager'], resolve),
+            },
+                {
+              path: '/busInquiry',
+              name: 'busInquiry',
+              component: resolve => require(['@/components/dmc/manager/busInquiry'], resolve),
             },
             {
               path: '/swtBaoJiaConfig', //SWT旅行社报价单项目配置