mzak

src/components/webBooking/WebBookingMzak.vue

@@ -17,7 +17,7 @@
         </div>        
         <div class="query">
           <span class="spanClass">检索关键字</span>
-          <el-input placeholder="姓名、电话、身份证号" v-model="query.keyWord" size="small" clearable style="width: 240px" />
+          <el-input placeholder="姓名、电话、身份证号" v-model="query.keyWord" size="small" clearable style="width: 200px" />
         </div>
         <div class="query">
           <span class="spanClass">状态</span>
@@ -27,18 +27,24 @@
           </el-select>
         </div>
       </div>
-      <div style="margin-top: -38px;width: 80px;">
+      <div style="margin-top: -38px;width: 160px;">
         <div>
-          <el-button @click="peopleIcCard" class="commonbutton" style="width:80px;font-size: 14px;">读身份证</el-button>
-        </div>
-        <div>
-          <el-button class="commonbutton" @click="btnQuery" style="margin-top: 6px; width:80px;">查询</el-button>
+          <el-button @click="peopleIcCard" size="small" class="commonbutton" style="width:160px;font-size: 14px;">读身份证</el-button>
         </div>
+        <div style="display: flex;">
+          <el-button size="small" class="commonbutton" @click="btnQuery" style="margin-top: 6px; width:60px;">查询</el-button>
+        
+            <el-button @click="handleExport" size="small" class="commonbutton" style="margin-top: 6px; width:100px;"
+              >导出excel</el-button
+            >
+          </div>
       </div>
     </div>
     <div>
       <el-table :data="tableData" border style="width: 100%" row-key="id" height="430" highlight-current-row
-        size="small" @row-click="rowClick" ref="webBooking">        
+        size="small" @row-click="rowClick" ref="webBooking" id="webBookingMzak">  
+        <el-table-column label="部门名称" width="150" prop="departmentName" align="center" />
+        <el-table-column label="子部门" width="150" prop="childCompanyName" align="center" />      
         <el-table-column label="姓名" width="80" prop="patientName" align="center" />
         <el-table-column label="身份证号" width="150" prop="idNo" align="center" />
         <el-table-column label="预约时间" width="150" prop="bookingDate" align="center" />
@@ -81,7 +87,7 @@ import { mapState } from "vuex";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { dddw, deepCopy } from "../../utlis/proFunc";
 import moment from "moment";
-
+import { exportToExcel } from "../../utlis/Export2Excel";
 
 export default {
   components: {
@@ -213,6 +219,10 @@ export default {
       })
     },
 
+    handleExport() {
+      exportToExcel("#webBookingMzak", "网上预约--人寿", false);
+    },
+
     // 查询
     btnQuery() {
       // if (!(this.query.appointStartDate && this.query.appointStopDate)) {

src/views/user-list/AuditLog.vue

@@ -8,31 +8,30 @@
         </div>
       </div>
       <div style="display: block; margin-top: 7px;">
-        <div style="background-color: #fff; padding: 15px; border-radius: 8px">
-          <el-table :data="tableData" :height="window.pageHeight < 600 ? 480 : window.pageHeight - 175">
-            <el-table-column prop="userName" label="用户名" width="70" align="center">
-            </el-table-column>
-            <el-table-column prop="httpStatusCode" label="状态" width="50" align="center">
-            </el-table-column>
-            <el-table-column prop="url" label="地址" min-width="180"> </el-table-column>
-            <el-table-column prop="clientIpAddress" label="ip地址" width="120" align="center">
-            </el-table-column>
-            <el-table-column prop="clientId" label="客户端id" min-width="80" align="center"></el-table-column>
-            <el-table-column prop="httpMethod" label="请求方法" min-width="80" align="center"></el-table-column>
-            <el-table-column prop="executionTime" label="时间" min-width="150" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.executionTime | dateFormat }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="browserInfo" label="浏览器信息" min-width="150">
-            </el-table-column>
-            <el-table-column label="操作" width="120" align="center">
-              <template slot-scope="scope">
-                <el-button type="" @click="inquireabout(scope.row)" class="commonbutton">查看</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
+        <el-table :data="tableData" :height="window.pageHeight < 600 ? 480 : window.pageHeight - 175" border>
+          <el-table-column prop="userName" label="用户名" width="70" align="center">
+          </el-table-column>
+          <el-table-column prop="httpStatusCode" label="状态" width="50" align="center">
+          </el-table-column>
+          <el-table-column prop="url" label="地址" min-width="180"> </el-table-column>
+          <el-table-column prop="clientIpAddress" label="ip地址" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="clientId" label="客户端id" min-width="80" align="center"></el-table-column>
+          <el-table-column prop="httpMethod" label="请求方法" min-width="80" align="center"></el-table-column>
+          <el-table-column prop="executionTime" label="执行时间" min-width="150" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.executionTime | dateFormat }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="executionDuration" label="耗时" min-width="60" align="center"></el-table-column>
+          <el-table-column prop="browserInfo" label="浏览器信息" min-width="150" show-overflow-tooltip>
+          </el-table-column>
+          <el-table-column label="操作" width="120" align="center">
+            <template slot-scope="scope">
+              <el-button type="" @click="inquireabout(scope.row)" class="commonbutton">查看</el-button>
+            </template>
+          </el-table-column>
+        </el-table>        
       </div>
       <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
         :page-sizes="[10, 20, 30, 50]" :page-size="pages.maxResultCount"