Merge branch 'master' of https://gitee.com/dmc_qq/etc-project into master

package.json

@@ -12,6 +12,7 @@
     "@element-plus/icons-vue": "^1.1.4",
     "axios": "^0.27.2",
     "element-plus": "^2.1.7",
+    "file-saver": "^2.0.5",
     "fuse.js": "^6.5.3",
     "js-cookie": "^3.0.1",
     "jsencrypt": "^3.2.1",
@@ -20,7 +21,8 @@
     "vue": "^3.2.2",
     "vue-fragment": "^1.5.2",
     "vue-router": "4",
-    "vuex": "^4.0.2"
+    "vuex": "^4.0.2",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@babel/types": "^7.16.0",
@@ -39,6 +41,7 @@
     "postcss": "^8.4.4",
     "prettier": "^2.4.1",
     "sass": "^1.44.0",
+    "script-loader": "^0.7.2",
     "typescript": "^4.5.2",
     "vite": "^2.4.2",
     "vite-plugin-compression": "^0.3.6",

src/views/shengbo/blacklistQuery/blacklistQuery.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="font-size: 13px; color: rgb(209, 65, 65);margin-left: 20px;">
+  <div style="font-size: 13px; color: rgb(209, 65, 65);margin-left: 16px;">
     注：目前仅支持中国工商银行贵州省分行、中国工商银行股份有限公司贵州省分行、农业银行、部互联网发行、
     世纪恒通、工行微ETC、工总行直连模式三、贵州农信联社、贵州工行微ETC、世纪恒通GH查询下黑原因！
   </div>
@@ -40,13 +40,13 @@
       <el-button v-model="input4" type="success" :icon="Search" @click="search">搜索</el-button>
       <el-button type="warning" :icon="Refresh" @click="reset">重置</el-button>
       <el-button type="primary" :icon="Plus" @click="dialogFormVisible = true">添加</el-button>
-      <el-dialog v-model="dialogFormVisible" title="卡黑名单-操作(下黑反白)">
+      <el-dialog v-model="dialogFormVisible" title="卡黑名单-操作(下黑反白)" class="as-gravity-center">
         <el-form :model="form">
-          <el-form-item label="卡号：" :label-width="150">
+          <el-form-item label="卡号：" :label-width="100">
             <el-input v-model="form.name" style="width: 215px" />
           </el-form-item>
-          <el-form-item label="黑名单类型：" :label-width="150">
-            <el-select v-model="form" placeholder="请选择黑名单类型">
+          <el-form-item label="黑名单类型：" :label-width="100">
+            <el-select v-model="form.region" placeholder="请选择黑名单类型">
               <el-option label="卡挂失" value="shanghai" />
               <el-option label="无卡挂起" value="beijing" />
               <el-option label="无卡销售" value="shanghai" />
@@ -56,13 +56,13 @@
               <el-option label="储值卡余额不足" value="shanghai" />
             </el-select>
           </el-form-item>
-          <el-form-item label="状态类型：" :label-width="150">
+          <el-form-item label="状态类型：" :label-width="100">
             <el-select v-model="form.region" placeholder="请选择状态类型">
               <el-option label="下黑" value="shanghai" />
               <el-option label="反白" value="beijing" />
             </el-select>
           </el-form-item>
-          <el-form-item label="原因：" :label-width="150">
+          <el-form-item label="原因：" :label-width="100">
             <el-input v-model="form.desc" type="textarea" />
           </el-form-item>
         </el-form>
@@ -91,42 +91,42 @@
         <el-button @click="dialogFormVisible1 = true" style="border-style: none">详情</el-button>
       </el-table-column>
     </el-table>
-    <el-dialog v-model="dialogFormVisible1">
+    <el-dialog v-model="dialogFormVisible1" class="as-gravity-center">
             <span class="as-gravity-center" style="font-size: 22px">基本信息</span>
             <el-form :model="form1" style="padding-top: 12px">
-              <el-form-item label="卡号：" :label-width="150">
+              <el-form-item label="卡号：" :label-width="100">
                 <el-input v-model="form1.data" style="width: 215px" disabled />
               </el-form-item>
             </el-form>
             <el-form :model="form1">
-              <el-form-item label="车辆号：" :label-width="150">
+              <el-form-item label="车辆号：" :label-width="100">
                 <el-input v-model="form1.data1" style="width: 215px" disabled />
               </el-form-item>
             </el-form>
             <el-form :model="form1">
-              <el-form-item label="机构名称：" :label-width="150">
+              <el-form-item label="机构名称：" :label-width="100">
                 <el-input v-model="form1.data2" style="width: 215px" disabled />
               </el-form-item>
             </el-form>
             <el-form :model="form1">
-              <el-form-item label="黑名单类型：" :label-width="150">
+              <el-form-item label="黑名单类型：" :label-width="100">
                 <el-input v-model="form1.data3" style="width: 215px" disabled />
               </el-form-item>
             </el-form>
             <span class="as-gravity-center" style="font-size: 22px">黑名单上传日志</span>
             <el-form :model="form1" style="padding-top: 12px">
-              <el-form-item label="上传日志：" :label-width="150" style="color: rgb(209, 65, 65)">
+              <el-form-item label="上传日志：" :label-width="100" style="color: rgb(209, 65, 65)">
                 <el-input v-model="form1.data4" type="textarea" disabled />
               </el-form-item>
             </el-form>
             <span class="as-gravity-center" style="font-size: 22px">渠道下黑原因</span>
             <el-form :model="form1" style="padding-top: 12px">
-              <el-form-item label="查询结果：" :label-width="150" style="color: rgb(209, 65, 65)">
+              <el-form-item label="查询结果：" :label-width="100" style="color: rgb(209, 65, 65)">
                 <el-input v-model="form1.data5" style="width: 215px" disabled />
               </el-form-item>
             </el-form>
             <el-form :model="form1">
-              <el-form-item label="下黑原因：" :label-width="150" style="color: rgb(209, 65, 65)">
+              <el-form-item label="下黑原因：" :label-width="100" style="color: rgb(209, 65, 65)">
                 <el-input v-model="form1.data6" type="textarea" disabled />
               </el-form-item>
             </el-form>

src/views/shengbo/trafficFlow/trafficFlow.vue

@@ -12,7 +12,7 @@
       <el-date-picker
         v-model="value1"
         type="datetime"
-        placeholder="开始日志日期"
+        placeholder="开始日期"
         format="YYYY/MM/DD hh:mm:ss"
        
       />
@@ -22,7 +22,7 @@
         v-model="value1"
         type="datetime"
         
-        placeholder="结束日志日期"
+        placeholder="结束日期"
         format="YYYY/MM/DD hh:mm:ss"
          style="margin-left: 5px;"
       />
@@ -31,8 +31,8 @@
     <div class="topstyle">
       <el-button v-model="input4" type="success" :icon="Search" @click="search">搜索</el-button>
       <el-button type="warning" :icon="Refresh" @click="reset">重置</el-button>
-      <el-button type="primary" plain @click="exportCurrentPage">导出当前页</el-button>
-      <el-button type="primary" plain  @click="exportAll">导出所有</el-button>
+      <el-button type="primary" plain  @click="excelExport()">导出当前页</el-button>
+      <el-button type="primary" plain   @click="excelExport()">导出所有</el-button>
     </div>
   </div>
   <div style="padding-top: 12px">
@@ -97,14 +97,33 @@ const setCurrent = (row?: User) => {
 const handleCurrentChange = (val: User | undefined) => {
   currentRow.value = val
 }
-// const objectService = {
-//   url: 'http://localhost:8888/list2',
-// }
-
-// const { data } = useRequest(objectService)
-// console.log(data.value);
-
-// const tableData = data
+//点击导出
+function excelExport(){
+  import('@/vendor/Export2Excel').then(excel => {
+    const tHeader = ['用户名称', '账号', '手机号', '所属公司','用户角色','创建者','部门名称','创建时间','最近登录时间']
+    const filterVal = ['userName', 'email', 'phonenumber', 'orgName','roleName','createBy','deptName','createTime','loginTime']
+    const list = this.list
+    const data = this.formatJson(filterVal, list)
+    excel.export_json_to_excel({
+      header: tHeader,
+      data,
+      filename: "账号列表",
+      // filename: this.filename,
+      autoWidth: this.autoWidth,
+      bookType: this.bookType
+    })
+    this.downloadLoading = false
+  })
+}
+function formatJson(filterVal, jsonData) {
+  return this.dataList.map(v => filterVal.map(j => {
+    if (j === 'timestamp') {
+      return parseTime(v[j])
+    } else {
+      return v[j]
+    }
+  }))
+}
 const tableData: User[] = [
   {
     date1: '1',