pref:修改排号报表

portal-manager-ui/admin/src/utils/js/exportExcel.js

+// 导出表格数据
+const ExportJsonExcel = require("js-export-excel");
+/**
+ * 导出excel
+ * @param {导出的表头名信息} tHeader
+ * @param {导出的表头字段名，需要导出表格字段名} filterVal
+ * @param {导出数据} list
+ * @param {导出文件名称} fileName
+ */
+export const export2Excel = (tHeader, filterVal, list, fileName) => {
+  let option = {
+    fileName,
+    datas: [
+      {
+        sheetData: list,
+        sheetName: "sheet",
+        sheetFilter: filterVal,
+        sheetHeader: tHeader,
+        // columnWidths: columnWidths, // 列宽
+      },
+    ],
+  };
+  let toExcel = new ExportJsonExcel(option);
+  toExcel.saveExcel(); //保存
+};

portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/components/HandlingDetails.vue

 <template>
   <div class="handling" ref="handling">
-    <a-drawer :destroyOnClose="true" :title="modalInfo.title" :width="modalInfo.width" :visible="modalInfo.visible"
-      @close="modalClose" @getContainer="() => $refs.handling">
+    <a-drawer
+      :destroyOnClose="true"
+      :title="modalInfo.title"
+      :width="modalInfo.width"
+      :visible="modalInfo.visible"
+      @close="modalClose"
+      @getContainer="() => $refs.handling"
+    >
       <div class="headerInfo">
         <!-- 头部耗时部分 -->
         <p>
-          <span>总耗时：{{ dataList.alltime || "--" }}
-              <i v-show="dataList.alltime && compareTime(dataList.p_alltime,dataList.alltime)" class="fa fa-long-arrow-down"></i>
+          <span
+            >总耗时：{{ dataList.alltime || "--" }}
+            <i
+              v-show="
+                dataList.alltime &&
+                compareTime(dataList.p_alltime, dataList.alltime)
+              "
+              class="fa fa-long-arrow-down"
+            ></i>
           </span>
-          <span>等待时间：{{ dataList.waittime || "--" }}
-            <i v-show="dataList.waittime && compareTime(dataList.p_waittime,dataList.waittime)" class="fa fa-long-arrow-down"></i>
+          <span
+            >等待时间：{{ dataList.waittime || "--" }}
+            <i
+              v-show="
+                dataList.waittime &&
+                compareTime(dataList.p_waittime, dataList.waittime)
+              "
+              class="fa fa-long-arrow-down"
+            ></i>
           </span>
-          <span>办理时间：{{ dataList.bltime || "--" }}
-            <i v-show="dataList.bltime && compareTime(dataList.p_bltime , dataList.bltime)" class="fa fa-long-arrow-down"></i>
+          <span
+            >办理时间：{{ dataList.bltime || "--" }}
+            <i
+              v-show="
+                dataList.bltime &&
+                compareTime(dataList.p_bltime, dataList.bltime)
+              "
+              class="fa fa-long-arrow-down"
+            ></i>
           </span>
         </p>
         <p>
@@ -22,7 +49,12 @@
         </p>
       </div>
       <div :class="returnScolor">{{ $codeMap.queueState[dataList.style] }}</div>
-      <a-steps direction="vertical" size="small" :current="approveLs.length" class="steps_box">
+      <a-steps
+        direction="vertical"
+        size="small"
+        :current="approveLs.length"
+        class="steps_box"
+      >
         <a-step :disabled="true" class="step_box">
           <div class="icon_box" slot="icon"></div>
           <div class="title_box" slot="title">
@@ -30,12 +62,27 @@
           </div>
           <div class="description_box" slot="description">
             <div class="details">
-              <span><i class="lable">申报人：</i>{{ dataList.people_name || "--" }}</span>
-              <span><i class="lable">取号时间：</i>{{ dataList.taketime || "--" }}</span>
-              <span><i class="lable">排队编码：</i>{{ dataList.flownum || "--" }}</span>
-              <span><i class="lable">取号方式：</i>{{  $codeMap.takeNumWay[dataList.wy_signin] || "--" }}</span>
+              <span
+                ><i class="lable">申报人：</i
+                >{{ dataList.people_name || "--" }}</span
+              >
+              <span
+                ><i class="lable">取号时间：</i
+                >{{ dataList.taketime || "--" }}</span
+              >
+              <span
+                ><i class="lable">排队编码：</i
+                >{{ dataList.flownum || "--" }}</span
+              >
+              <span
+                ><i class="lable">取号方式：</i
+                >{{ $codeMap.takeNumWay[dataList.wy_signin] || "--" }}</span
+              >
               <span><i class="lable">注册方式：</i>{{ "--" }}</span>
-              <span><i class="lable">取号设备：</i>{{ dataList.take_name || "--" }}</span>
+              <span
+                ><i class="lable">取号设备：</i
+                >{{ dataList.take_name || "--" }}</span
+              >
             </div>
           </div>
         </a-step>
@@ -46,10 +93,22 @@
           </div>
           <div class="description_box" slot="description">
             <div class="details">
-              <span><i class="lable">办理窗口：</i>{{ dataList.window_name || "--" }}</span>
-              <span><i class="lable">办理开始时间：</i>{{ dataList.calltime || "--" }}</span>
-              <span><i class="lable">工作人员：</i>{{ dataList.workman_name || "--" }}</span>
-              <span><i class="lable">叫号设备：</i>{{ dataList.window_fromnum || "--" }}</span>
+              <span
+                ><i class="lable">办理窗口：</i
+                >{{ dataList.window_name || "--" }}</span
+              >
+              <span
+                ><i class="lable">办理开始时间：</i
+                >{{ dataList.calltime || "--" }}</span
+              >
+              <span
+                ><i class="lable">工作人员：</i
+                >{{ dataList.workman_name || "--" }}</span
+              >
+              <span
+                ><i class="lable">叫号设备：</i
+                >{{ dataList.window_fromnum || "--" }}</span
+              >
             </div>
           </div>
         </a-step>
@@ -60,18 +119,19 @@
           </div>
           <div class="description_box" slot="description">
             <div class="details">
-              <span><i class="lable">办理结束时间：</i>{{ dataList.endtime || "--" }}</span>
+              <span
+                ><i class="lable">办理结束时间：</i
+                >{{ dataList.endtime || "--" }}</span
+              >
             </div>
           </div>
         </a-step>
       </a-steps>
     </a-drawer>
-</div>
+  </div>
 </template>
 
 <script>
-
-
 export default {
   name: "PortalAdminVueHandlingDetails",
 
@@ -81,8 +141,8 @@ export default {
       modalInfo: {
         confirmLoading: false,
         visible: false,
-        title: '用户信息',
-        width: '38%',
+        title: "用户信息",
+        width: "38%",
       },
       dataList: [],
       approveLs: [
@@ -116,8 +176,7 @@ export default {
       }
     },
   },
-  mounted() { 
-  },
+  mounted() {},
 
   methods: {
     modalClose() {
@@ -132,18 +191,19 @@ export default {
     },
     // 转换时间为秒
     timeToSec(time) {
-      if (time !== null && time !== undefined) {
+      if (time) {
         var s = "";
         if (time.includes("分钟") && time.includes("秒")) {
           var min = time.split("分钟")[0];
           var sec = time.split("分钟")[1].split("秒")[0];
           s = Number(min * 60) + Number(sec);
           return s;
-        }else{
-          sec = time.split("秒")[0]
+        } else {
+          sec = time.split("秒")[0];
           return sec;
         }
-
+      } else {
+        return 0;
       }
     },
   },
@@ -253,7 +313,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #BDBAB4;
+  color: #bdbab4;
 }
 
 .state1 {
@@ -262,7 +322,7 @@ export default {
   top: 150px;
   width: 85px;
   height: 85px;
-  border: 5px solid #FCE2D9;
+  border: 5px solid #fce2d9;
   border-radius: 50%;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
@@ -278,7 +338,7 @@ export default {
   top: 150px;
   width: 85px;
   height: 85px;
-  border: 5px solid #D9F1E4;
+  border: 5px solid #d9f1e4;
   border-radius: 50%;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
@@ -315,7 +375,7 @@ export default {
 }
 
 /deep/.ant-steps-item {
-  &+.ant-steps-item {
+  & + .ant-steps-item {
     margin-top: 25px !important;
   }
 }