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

src/views/shengbo/blacklistQuery/blacklistQuery.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="font-size: 13px; color: rgb(209, 65, 65);margin-left: 16px;">
+  <div style="font-size: 13px; color: rgb(209, 65, 65); margin-left: 16px">
     注：目前仅支持中国工商银行贵州省分行、中国工商银行股份有限公司贵州省分行、农业银行、部互联网发行、
     世纪恒通、工行微ETC、工总行直连模式三、贵州农信联社、贵州工行微ETC、世纪恒通GH查询下黑原因！
   </div>
@@ -7,12 +7,12 @@
     <!-- 输入框 -->
     <div class="topstyle">
       <span style="margin-right: 10px; width: 40px">卡号</span>
-      <el-input v-model="input4" placeholder="请输入卡号" style="width: 220px;"> </el-input>
+      <el-input v-model="formdata.ardNumber" placeholder="请输入卡号" style="width: 220px"> </el-input>
     </div>
     <!-- 日期框 -->
     <div class="topstyle">
       <el-date-picker
-        v-model="value1"
+        v-model="formdata.startDate"
         type="datetime"
         placeholder="开始日期"
         format="YYYY/MM/DD hh:mm:ss"
@@ -20,7 +20,7 @@
       <!-- <span>-</span> -->
       <!-- <el-button>至</el-button> -->
       <el-date-picker
-        v-model="value1"
+        v-model="formdata.endDate"
         type="datetime"
         placeholder="结束日期"
         format="YYYY/MM/DD hh:mm:ss"
@@ -30,108 +30,109 @@
     <!-- 下拉框 -->
     <div class="topstyle">
       <span style="margin-right: 10px">查询类型</span>
-      <el-select v-model="value1" style="width: 100px">
-        <el-option label="下黑" value="shanghai" />
-        <el-option label="反白" value="beijing" />
+      <el-select v-model="formdata.queryType" style="width: 100px">
+        <el-option label="下黑" value="下黑" />
+        <el-option label="反白" value="下黑" />
       </el-select>
     </div>
     <!-- 按钮 -->
     <div class="topstyle">
-      <el-button v-model="input4" type="success" :icon="Search" @click="search">搜索</el-button>
+      <el-button 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-button type="primary" :icon="Plus" @click="addTo">添加</el-button>
     </div>
   </div>
   <!-- 弹窗 -->
   <div>
     <el-dialog v-model="dialogFormVisible" class="as-gravity-center">
-        <span class="as-gravity-center" style="font-size: 25px;">卡黑名单-操作(下黑反白)</span>
-        <el-form :model="form" style="padding-top:22px;">
-          <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="100">
-            <el-select v-model="form.region" placeholder="请选择黑名单类型">
-              <el-option label="卡挂失" value="shanghai" />
-              <el-option label="无卡挂起" value="beijing" />
-              <el-option label="无卡销售" value="shanghai" />
-              <el-option label="账户透支" value="beijing" />
-              <el-option label="合作机构黑名单" value="shanghai" />
-              <el-option label="车型不符" value="beijing" />
-              <el-option label="储值卡余额不足" value="shanghai" />
-            </el-select>
-          </el-form-item>
-          <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="100">
-            <el-input v-model="form.desc" type="textarea" />
-          </el-form-item>
-        </el-form>
-        <template #footer>
-          <span class="dialog-footer">
-            <el-button @click="dialogFormVisible = false">关闭</el-button>
-            <el-button type="primary" @click="dialogFormVisible = false">提交</el-button>
-          </span>
-        </template>
-      </el-dialog>
+      <span class="as-gravity-center" style="font-size: 25px">卡黑名单-操作(下黑反白)</span>
+      
+      <el-form :model="addtodata" style="padding-top: 22px" :rules="rules">
+        <el-form-item prop="ardNumber" label="卡号：" :label-width="110">
+          <el-input v-model="addtodata.ardNumber" style="width: 215px" />
+        </el-form-item>
+        <el-form-item prop="blacklistType" label="黑名单类型：" :label-width="110">
+          <el-select v-model="addtodata.blacklistType" placeholder="请选择黑名单类型">
+            <el-option label="卡挂失" value="卡挂失" />
+            <el-option label="无卡挂起" value="无卡挂起" />
+            <el-option label="无卡销售" value="无卡销售" />
+            <el-option label="账户透支" value="账户透支" />
+            <el-option label="合作机构黑名单" value="合作机构黑名单" />
+            <el-option label="车型不符" value="车型不符" />
+            <el-option label="储值卡余额不足" value="储值卡余额不足" />
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="statusType" label="状态类型：" :label-width="110">
+          <el-select v-model="addtodata.statusType" placeholder="请选择状态类型">
+            <el-option label="下黑" value="下黑" />
+            <el-option label="反白" value="反白" />
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="reason" label="原因：" :label-width="110">
+          <el-input v-model="addtodata.reason" type="textarea" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">关闭</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">提交</el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
   <div style="padding-top: 12px">
     <el-table :data="tableData" border style="width: 100%">
-      <el-table-column property="date1" label="序号" width="60" />
-      <el-table-column property="date2" label="卡号" width="120" />
-      <el-table-column property="date3" label="黑名单类型" width="100" />
-      <el-table-column property="date4" label="黑名单生效时间" width="170" />
-      <el-table-column property="date5" label="状态" width="60" />
-      <el-table-column property="date6" label="黑名单反白时间" width="130" />
-      <el-table-column property="date7" label="下黑操作工号" width="110" />
-      <el-table-column property="date8" label="下黑原因" width="200" />
-      <el-table-column property="date9" label="反白操作工号" width="130" />
-      <el-table-column property="date10" label="反白原因" width="110" />
+      <el-table-column prop="serialNumber" label="序号" width="60" />
+      <el-table-column prop="ardNumber" label="卡号" width="120" />
+      <el-table-column prop="blacklistType" label="黑名单类型" width="100" />
+      <el-table-column prop="effectiveTimeOfBlacklist" label="黑名单生效时间" width="170" />
+      <el-table-column prop="state" label="状态" width="60" />
+      <el-table-column prop="blacklistAntiWhiteTime" label="黑名单反白时间" width="130" />
+      <el-table-column prop="xiaheiOperatorNo" label="下黑操作工号" width="110" />
+      <el-table-column prop="causeOfBlack" label="下黑原因" width="200" />
+      <el-table-column prop="antiWhiteOperatorNo" label="反白操作工号" width="130" />
+      <el-table-column prop="negativeeasons" label="反白原因" width="110" />
       <el-table-column label="操作" width="90">
         <el-button @click="dialogFormVisible1 = true" style="border-style: none">详情</el-button>
       </el-table-column>
     </el-table>
     <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="100">
-                <el-input v-model="form1.data" style="width: 215px" disabled />
-              </el-form-item>
-              <el-form-item label="车辆号：" :label-width="100">
-                <el-input v-model="form1.data1" style="width: 215px" disabled />
-              </el-form-item>
-              <el-form-item label="机构名称：" :label-width="100">
-                <el-input v-model="form1.data2" style="width: 215px" disabled />
-              </el-form-item>
-              <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="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="100" style="color: rgb(209, 65, 65)">
-                <el-input v-model="form1.data5" style="width: 215px" disabled />
-              </el-form-item>
-              <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>
-            <template #footer>
-              <span>
-                <el-button @click="dialogFormVisible1 = false">关闭</el-button>
-              </span>
-            </template>
-          </el-dialog>
+      <span class="as-gravity-center" style="font-size: 22px">基本信息</span>
+      <el-form :model="detailsPopup" style="padding-top: 12px">
+        <el-form-item label="卡号：" :label-width="100">
+          <el-input v-model="detailsPopup.ardNumber" style="width: 215px" disabled />
+        </el-form-item>
+        <el-form-item label="车辆号：" :label-width="100">
+          <el-input v-model="detailsPopup.vehicleNumber" style="width: 215px" disabled />
+        </el-form-item>
+        <el-form-item label="机构名称：" :label-width="100">
+          <el-input v-model="detailsPopup.organizationName" style="width: 215px" disabled />
+        </el-form-item>
+        <el-form-item label="黑名单类型：" :label-width="100">
+          <el-input v-model="detailsPopup.blacklistType" style="width: 215px" disabled />
+        </el-form-item>
+      </el-form>
+      <span class="as-gravity-center" style="font-size: 22px">黑名单上传日志</span>
+      <el-form :model="detailsPopup" style="padding-top: 12px">
+        <el-form-item label="上传日志：" :label-width="100" style="color: rgb(209, 65, 65)">
+          <el-input v-model="detailsPopup.uploadLog" type="textarea" disabled />
+        </el-form-item>
+      </el-form>
+      <span class="as-gravity-center" style="font-size: 22px">渠道下黑原因</span>
+      <el-form :model="detailsPopup" style="padding-top: 12px">
+        <el-form-item label="查询结果：" :label-width="100" style="color: rgb(209, 65, 65)">
+          <el-input v-model="detailsPopup.queryResults" style="width: 215px" disabled />
+        </el-form-item>
+        <el-form-item label="下黑原因：" :label-width="100" style="color: rgb(209, 65, 65)">
+          <el-input v-model="detailsPopup.causeOfBlack" type="textarea" disabled />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span>
+          <el-button @click="dialogFormVisible1 = false">关闭</el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
   <div style="padding-top: 12px" class="as-gravity-center-end">
     <el-pagination :page-sizes="[10, 20, 30, 40]" layout="sizes, prev, pager, next" :total="1000" />
@@ -139,58 +140,90 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref } from 'vue'
+import { reactive, ref, toRaw } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Calendar, Search, Refresh, Plus } from '@element-plus/icons-vue'
-import type { ElTable } from 'element-plus'
-
-const input3 = ref('')
-const input4 = ref('')
-const value1 = ref('')
-
-function reset() {}
-function search() {}
-function addTo() {}
+import type { ElTable,  FormInstance, FormRules} from 'element-plus'
 const dialogFormVisible = ref(false)
 const dialogFormVisible1 = ref(false)
-const form1 = reactive({
-  data: '52011640230217310678',
-  data1: '云AG9L76',
-  data2: '中国工商银行贵州省分行',
-  data3: '账户透支黑名单',
-  data4: '未查到黑名单上传日志！',
-  data5: '成功',
-  data6:
-    '银行卡号：621476*********6594,总欠额：229.78元,最后一次补扣时间：2022-05-09 07:31:06,失败原因：总行处理失败:帐户余额不足,请保证余额充足系统每天会自动补扣',
+
+const formdata = reactive({
+  ardNumber: '', //卡号
+  startDate: '', //开始日期
+  endDate: '', //结束日期
+  queryType: '', //查询类型
 })
-const form = reactive({
-  name: '',
-  region: '',
-  date1: '',
-  date2: '',
-  delivery: false,
-  type: [],
-  resource: '',
-  desc: '',
+const addtodata = reactive({
+  ardNumber: '', //卡号
+  blacklistType: '', //黑名单类型
+  statusType: '', //状态类型
+  reason: '', //原因
+})
+//搜索
+function search() {
+  console.log(toRaw(formdata))
+  console.log('发送搜索请求')
+}
+//重置
+function reset() {
+  console.log('重置')
+}
+//添加
+function addTo() {
+  dialogFormVisible.value = true
+  console.log(toRaw(addtodata))
+  console.log('添加弹窗')
+}
+const rules = reactive<FormRules>({
+    ardNumber: [{
+      required: true,
+      message: '卡号不能为空',
+      trigger: 'blur',
+    }],
+    blacklistType: [{
+      required: true,
+      message: '黑名单类型不能为空',
+      trigger: 'blur',
+    }],
+    statusType: [{
+      required: true,
+      message: '状态类型不能为空',
+      trigger: 'blur',
+    }],
+    reason: [{
+      required: true,
+      message: '原因不能为空',
+      trigger: 'blur',
+    }],
+   
+  })
+
+ // 详情弹窗
+const detailsPopup = reactive({
+  ardNumber: '52011640230217310678', //卡号
+  vehicleNumber: '云AG9L76', //车辆号
+  organizationName: '中国工商银行贵州省分行', //机构名称
+  blacklistType: '账户透支黑名单', //黑名单类型
+  uploadLog: '未查到黑名单上传日志！', //上传日志
+  queryResults: '成功', //查询结果
+  causeOfBlack: '银行卡号：621476*********6594,总欠额：229.78元,最后一次补扣时间：2022-05-09 07:31:06,失败原因：总行处理失败:帐户余额不足,请保证余额充足系统每天会自动补扣', //下黑原因
 })
 
 interface User {
-  date1: string
-  date2: string
-  date3: string
-  date4: string
-  date5: string
-  date6: string
-  date7: string
-  date8: string
-  date9: string
-  date10: string
-  date11: string
+  serialNumber: string //序号
+  ardNumber: string //卡号  
+  blacklistType: string //黑名单类型
+  effectiveTimeOfBlacklist: string //黑名单生效时间
+  state: string //状态
+  blacklistAntiWhiteTime: string //黑名单反白时间
+  xiaheiOperatorNo: string //下黑操作工号
+  causeOfBlack: string //下黑原因
+  antiWhiteOperatorNo: string //反白操作工号
+  negativeeasons: string //反白原因
 }
 
 const currentRow = ref()
 const singleTableRef = ref<InstanceType<typeof ElTable>>()
-
 const setCurrent = (row?: User) => {
   singleTableRef.value!.setCurrentRow(row)
 }
@@ -199,43 +232,52 @@ const handleCurrentChange = (val: User | undefined) => {
 }
 const tableData: User[] = [
   {
-    date1: '1',
-    date2: '52011640230217310678',
-    date3: '账户透支',
-    date4: '2020-12-19T03:41:04',
-    date5: '在黑',
-    date6: '',
-    date7: 'ETCGsyh002',
-    date8: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
-    date9: '',
-    date10: '',
-    date11: '',
+    serialNumber: '1',
+    ardNumber: '52011640230217310678',
+    blacklistType: '账户透支',
+    effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
+    state: '在黑',
+    blacklistAntiWhiteTime: '',
+    xiaheiOperatorNo: 'ETCGsyh002',
+    causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
+    antiWhiteOperatorNo: '',
+    negativeeasons: '',
+  },
+ {
+    serialNumber: '2',
+    ardNumber: '52011640230217310678',
+    blacklistType: '账户透支',
+    effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
+    state: '在黑',
+    blacklistAntiWhiteTime: '',
+    xiaheiOperatorNo: 'ETCGsyh002',
+    causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
+    antiWhiteOperatorNo: '',
+    negativeeasons: '',
   },
   {
-    date1: '2',
-    date2: '52011640230217310678',
-    date3: '账户透支',
-    date4: '2020-12-19T03:41:04',
-    date5: '在黑',
-    date6: '',
-    date7: 'ETCGsyh002',
-    date8: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
-    date9: '',
-    date10: '',
-    date11: '',
+    serialNumber: '3',
+    ardNumber: '52011640230217310678',
+    blacklistType: '账户透支',
+    effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
+    state: '在黑',
+    blacklistAntiWhiteTime: '',
+    xiaheiOperatorNo: 'ETCGsyh002',
+    causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
+    antiWhiteOperatorNo: '',
+    negativeeasons: '',
   },
   {
-    date1: '3',
-    date2: '52011640230217310678',
-    date3: '账户透支',
-    date4: '2020-12-19T03:41:04',
-    date5: '在黑',
-    date6: '',
-    date7: 'ETCGsyh002',
-    date8: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
-    date9: '',
-    date10: '',
-    date11: '',
+    serialNumber: '4',
+    ardNumber: '52011640230217310678',
+    blacklistType: '账户透支',
+    effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
+    state: '在黑',
+    blacklistAntiWhiteTime: '',
+    xiaheiOperatorNo: 'ETCGsyh002',
+    causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
+    antiWhiteOperatorNo: '',
+    negativeeasons: '',
   },
 ]
 </script>
@@ -250,6 +292,5 @@ const tableData: User[] = [
   margin-right: 10px;
   align-items: center;
   justify-content: flex-start;
-
 }
 </style>

src/views/shengbo/trafficFlow/trafficFlow.vue

@@ -35,27 +35,27 @@
     <div class="topstyle">
       <el-button type="success" :icon="Search" @click="submitForm">搜索</el-button>
       <el-button type="warning" :icon="Refresh" @click="submitReset">重置</el-button>
-      <el-button type="primary" plain @click="downloadExcel">导出当前页</el-button>
-      <el-button type="primary" plain @click="dddd">导出所有</el-button>
+      <el-button type="primary" plain @click="exportAll">导出当前页</el-button>
+      <el-button type="primary" plain @click="exportAll">导出所有</el-button>
     </div>
   </div>
   <div style="padding-top: 12px">
-    <el-table :data="tableData1" border style="width: 100%">
-      <el-table-column property="serialNumber" label="序号" width="60" />
-      <el-table-column property="etcCardNumber" label="ETC卡号" width="190" />
-      <el-table-column property="licensePlateNumber" label="车牌号" width="100" />
-      <el-table-column property="consumptionType" label="消费类型" width="90" />
-      <el-table-column property="entranceTime" label="入口时间" width="110" />
-      <el-table-column property="entryStationName" label="入口站名" width="110" />
-      <el-table-column property="exportTime" label="出口时间" width="110" />
-      <el-table-column property="exitStationName" label="出口站名" width="110" />
-      <el-table-column property="balanceBeforeTransaction" label="交易前余额（元）" width="140" />
-      <el-table-column property="transactionAmount" label="交易金额（元）" width="125" />
-      <el-table-column property="postransactionalance" label="交易后余额（元）" width="140" />
+    <el-table :data="tableData1" style="width: 100%" border>
+      <el-table-column prop="serialNumber" label="序号" width="60" />
+      <el-table-column prop="etcCardNumber" label="ETC卡号" width="190" />
+      <el-table-column prop="licensePlateNumber" label="车牌号" width="100" />
+      <el-table-column prop="consumptionType" label="消费类型" width="90" />
+      <el-table-column prop="entranceTime" label="入口时间" width="110" />
+      <el-table-column prop="entryStationName" label="入口站名" width="110" />
+      <el-table-column prop="exportTime" label="出口时间" width="110" />
+      <el-table-column prop="exitStationName" label="出口站名" width="110" />
+      <el-table-column prop="balanceBeforeTransaction" label="交易前余额（元）" width="140" />
+      <el-table-column prop="transactionAmount" label="交易金额（元）" width="125" />
+      <el-table-column prop="postransactionalance" label="交易后余额（元）" width="140" />
     </el-table>
   </div>
   <div style="padding-top: 12px" class="as-gravity-center-end">
-    <el-pagination :page-sizes="[10, 20, 30, 40]" layout="sizes, prev, pager, next" :total="1000" />
+    <el-pagination :page-sizes="[10, 20, 30, 40]" :total="1000" />
   </div>
 </template>
 
@@ -65,15 +65,19 @@ import { useRoute, useRouter } from 'vue-router'
 import { Calendar, Search, Refresh } from '@element-plus/icons-vue'
 import type { ElTable } from 'element-plus'
 import { getCurrentInstance, onMounted } from 'vue'
+
 const { proxy } = getCurrentInstance()
 onMounted(() => {
   proxy.$request
-    .get('api/user', {})
+    .get('api/user',{},{
+        baseURL: 'http://192.168.1.101:8080',
+      }
+    )
     .then((res) => {
-      console.log(res, '=====123')
+      console.log(res,'12345')
     })
     .catch((err) => {
-      console.log(err, '=====456')
+      console.log(err)
     })
 })
 
@@ -82,6 +86,7 @@ const formData = reactive({
   licensePlateNumber: '', //车牌号
   startDate: '', //开始日期
   endDate: '', //结束日期
+  
 })
 const tableData = reactive({
   serialNumber: '', //序号