停车卡，错峰卡修改为平台页面接口

src/api/audit.js

@@ -88,7 +88,7 @@ export default {
   },
   // 停车卡_规则分页列表
   tckListByPage(params) {
-    return axios.get('/opt/parking/card/page', {params})
+    return axios1.post('/coupon-activity/activity/queryByPage.do', params)
   },
   // 停车卡_添加规则
   addTckRule(params) {
@@ -104,11 +104,11 @@ export default {
   },
   // 停车卡_查看订单分页列表
   tckOrderListByPage(params) {
-    return axios.post('/reformer-blessing-b/card-mall-system/mall/queryList', params)
+    return axios1.post('/reformer-blessing-b/card-mall-system/mall/queryList', params)
   },
   // 停车卡_统计信息
   tckTjxxListByPage(params) {
-    return axios.get('/opt/parking/card/stat/page', {params})
+    return axios1.post('/reformer-saas-business/tenantcard/buycard/newQuerycouponsCount.do', params)
   },
   // 错峰停车_规则分页列表
   cftcListByPage(params) {

src/pages/index/components/business_record.vue

@@ -362,7 +362,7 @@ export default {
         parkId: '',
         carno: '',
         parkingSpaceNo: '',
-        time: [date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() > 10 ? date.getDate() : '0' + date.getDate()) + ' 00:00:00', date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() > 10 ? date.getDate() : '0' + date.getDate() + ' 23:59:59')],
+        time: [date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() > 9 ? date.getDate() : '0' + date.getDate()) + ' 00:00:00', date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() > 10 ? date.getDate() : '0' + date.getDate() + ' 23:59:59')],
       },
       carParkingNameValue: '',
       carParkingNameOptions: [],

src/pages/index/components/parking_card.vue

@@ -4,34 +4,57 @@
       <el-tab-pane label="规则配置" name="规则配置">
         <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
           <el-row>
-            <el-col :span="8">
-              <el-form-item label="停车卡名称: ">
-                <el-input v-model="formInline1.cardName" placeholder="请输入"></el-input>
+            <el-col :span="6">
+              <el-form-item label="活动名称: ">
+                <el-input v-model="formInline1.activity_name" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="活动状态:">
+                <el-select clearable v-model="formInline1.activity_status" placeholder="请选择" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="未开始" value="0"></el-option>
+                  <el-option label="活动中" value="1"></el-option>
+                  <el-option label="已过期" value="2"></el-option>
+                  <el-option label="已停用" value="3"></el-option>
+                </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item>
-                <el-button type="primary" class="query-btn" @click="onSubmit1" icon="el-icon-search">查询</el-button>
+              <el-form-item label="创建时间:">
+                <el-date-picker
+                  v-model="formInline1.time"
+                  type="daterange"
+                  range-separator="至"
+                  value-format="yyyy-MM-dd"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
               </el-form-item>
+            </el-col>
+            <el-col :span="4">
               <el-form-item>
-                <el-button type="success" @click="handleAdd">添加规则</el-button>
+                <el-button type="primary" class="query-btn" @click="onSubmit1" icon="el-icon-search">查询</el-button>
               </el-form-item>
+<!--              <el-form-item>-->
+<!--                <el-button type="success" @click="handleAdd">添加规则</el-button>-->
+<!--              </el-form-item>-->
             </el-col>
           </el-row>
         </el-form>
         <el-table border :row-class-name="rowClassName" :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
-          <el-table-column
-            label="操作"
-            width="200">
-            <template slot-scope="scope" style="display: inline-block">
-              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
-              <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
-                <el-button type="danger" slot="reference">删除</el-button>
-              </el-popconfirm>
-            </template>
-          </el-table-column>
+<!--          <el-table-column-->
+<!--            label="操作"-->
+<!--            width="200">-->
+<!--            <template slot-scope="scope" style="display: inline-block">-->
+<!--              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>-->
+<!--              <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">-->
+<!--                <el-button type="danger" slot="reference">删除</el-button>-->
+<!--              </el-popconfirm>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
         </el-table>
         <div class="table-pagination">
           <el-pagination layout="total, prev, pager, next, jumper" :total="total1" @current-change="handlePageChange1"
@@ -108,7 +131,7 @@
           </el-table-column>
         </el-table>
         <div class="table-pagination">
-          <el-pagination layout="total, prev, pager, next, jumper" :total="total1" @current-change="handlePageChange2"
+          <el-pagination layout="total, prev, pager, next, jumper" :total="total2" @current-change="handlePageChange2"
                          :current-page.sync="pageNum2" :page-size.sync="pageSize2">
           </el-pagination>
         </div>
@@ -139,12 +162,29 @@
       <el-tab-pane label="统计信息" name="统计信息">
         <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
           <el-row>
-            <el-col :span="8">
-              <el-form-item label="停车卡名称:">
-                <el-input v-model="formInline3.cardName" placeholder="请输入"></el-input>
+            <el-col :span="6">
+              <el-form-item label="卡券名称:">
+                <el-select clearable v-model="formInline3.rccId" placeholder="请选择" popper-class="cur-select">
+                  <el-option label="测试代金券" value="1737646855015104512"></el-option>
+                  <el-option label="测试全免券" value="1737394638060257280"></el-option>
+                  <el-option label="测试卡券1" value="1737378555370668032"></el-option>
+                  <el-option label="测试卡券" value="1737377941760770048"></el-option>
+                </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
+              <el-form-item label="可购买时间:">
+                <el-date-picker
+                  v-model="formInline3.time"
+                  type="daterange"
+                  range-separator="至"
+                  value-format="yyyy-MM-dd"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
               <el-form-item>
                 <el-button type="primary" class="query-btn" @click="onSubmit3" icon="el-icon-search">查询</el-button>
               </el-form-item>
@@ -168,7 +208,7 @@
 import api from "@/api/audit.js";
 import dictionary from "@/util/dictionary";
 import moment from "moment/moment";
-
+const date = new Date;
 export default {
   components: {},
   data() {
@@ -179,16 +219,36 @@ export default {
       activeName: '规则配置',
       columns1: [
         {
-          label: '停车卡名称',
-          key: 'cardName'
+          label: '活动ID（点击可复制）',
+          key: 'activity_id'
         },
         {
-          label: '可用次数',
-          key: 'useTimes'
+          label: '活动方',
+          key: 'activity_organizer_name'
         },
         {
-          label: '有效期至',
-          key: 'effectTime'
+          label: '活动名称',
+          key: 'activity_name'
+        },
+        {
+          label: '活动时间范围',
+          key: 'activity_time'
+        },
+        {
+          label: '活动状态',
+          key: 'activity_status'
+        },
+        {
+          label: '活动范围',
+          key: 'activity_range_name'
+        },
+        {
+          label: '活动卡券份数',
+          key: 'activity_card_total'
+        },
+        {
+          label: '创建时间',
+          key: 'activity_create_time'
         },
       ],
       tableData1: [],
@@ -196,7 +256,9 @@ export default {
       pageSize1: 10,
       pageNum1: 1,
       formInline1: {
-        cardName: ''
+        activity_name: '',
+        activity_status: '',
+        time: []
       },
       title:'',
       dialogVisible:false,
@@ -258,28 +320,48 @@ export default {
       },
       columns3: [
         {
-          label: '停车卡名称',
-          key: 'cardName'
+          label: '所属机构',
+          key: 'rspcMarketName'
+        },
+        {
+          label: '发放机构',
+          key: 'rspcSellerName'
         },
         {
-          label: '购买数量',
-          key: 'buyCount'
+          label: '卡券名称',
+          key: 'rccName'
         },
         {
-          label: '客户端购买数量',
-          key: 'clientBuyCount'
+          label: '每张可减免',
+          key: 'rccDiscount'
         },
         {
-          label: '后台录入数量',
-          key: 'adminRecordCount'
+          label: '类型',
+          key: 'rccType'
         },
         {
-          label: '使用中数量',
-          key: 'usedCount'
+          label: '发放数量（张）',
+          key: 'count'
         },
         {
-          label: '金额总计',
-          key: 'totalFee'
+          label: '已消费（张）',
+          key: 'count0'
+        },
+        {
+          label: '未消费（张）',
+          key: 'count1'
+        },
+        {
+          label: '已过期（张）',
+          key: 'count2'
+        },
+        {
+          label: '领取率',
+          key: 'sendRate'
+        },
+        {
+          label: '使用率',
+          key: 'useRate'
         },
       ],
       tableData3: [],
@@ -287,8 +369,15 @@ export default {
       pageSize3: 10,
       pageNum3: 1,
       formInline3: {
-        parkingCardName: ''
+        rccId: '',
+        time: [date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() > 9 ? date.getDate() : '0' + date.getDate()) + ' 00:00:00', date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() >= 10 ? date.getDate() : '0' + date.getDate() + ' 23:59:59')],
       },
+      statusMap: {
+        0: '未开始',
+        1: '活动中',
+        2: '已过期',
+        3: '已停用',
+      }
     }
   },
   mounted() {
@@ -383,10 +472,19 @@ export default {
     },
     getTableData1() {
       this.loading1 = true
+      let params = {...this.formInline1}
+      if (
+        this.formInline1.time && this.formInline1.time.length === 2 &&
+        this.formInline1.time[1] !== ""
+      ) {
+        params.activity_create_start_time = this.formInline1.time[0].substring(0, 10) + " 00:00:00";
+        params.activity_create_end_time = this.formInline1.time[1].substring(0, 10) + " 23:59:59";
+      }
+      delete params.time
       const {pageNum1, pageSize1} = this
-      api.tckListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
-        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
-        this.total1 = res.data.total
+      api.tckListByPage({cur_page: pageNum1, page_size: pageSize1, ...params}).then(res => {
+        this.tableData1 = (res.data || []).map(item => ({...item, activity_status: this.statusMap[item.activity_status]}))
+        this.total1 = res.total_rows
         this.loading1 = false
       })
     },
@@ -416,10 +514,19 @@ export default {
     },
     getTableData3() {
       this.loading3 = true
+      let params = {...this.formInline3}
+      if (
+        this.formInline3.time && this.formInline3.time.length === 2 &&
+        this.formInline3.time[1] !== ""
+      ) {
+        params.rcciCreateTime = this.formInline3.time[0].substring(0, 10);
+        params.rcciLimitTime = this.formInline3.time[1].substring(0, 10);
+      }
+      delete params.time
       const {pageNum3, pageSize3} = this
-      api.tckTjxxListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
-        this.tableData3 = res.data.records || []
-        this.total3 = res.data.total
+      api.tckTjxxListByPage({pageIndex: pageNum3, pageSize: pageSize3, ...params}).then(res => {
+        this.tableData3 = res.data || []
+        this.total3 = res.totalRows || 0
         this.loading3 = false
       })
     },

src/pages/index/components/parking_card_copy.vue

@@ -0,0 +1,574 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="规则配置" name="规则配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="活动名称: ">
+                <el-input v-model="formInline1.activity_name" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="活动状态:">
+                <el-select clearable v-model="formInline1.activity_status" placeholder="请选择" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="未开始" value="0"></el-option>
+                  <el-option label="活动中" value="1"></el-option>
+                  <el-option label="已过期" value="2"></el-option>
+                  <el-option label="已停用" value="3"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="创建时间:">
+                <el-date-picker
+                  v-model="formInline1.time"
+                  type="daterange"
+                  range-separator="至"
+                  value-format="yyyy-MM-dd"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit1" icon="el-icon-search">查询</el-button>
+              </el-form-item>
+<!--              <el-form-item>-->
+<!--                <el-button type="success" @click="handleAdd">添加规则</el-button>-->
+<!--              </el-form-item>-->
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table border :row-class-name="rowClassName" :data="tableData1" v-loading="loading1">
+          <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+<!--          <el-table-column-->
+<!--            label="操作"-->
+<!--            width="200">-->
+<!--            <template slot-scope="scope" style="display: inline-block">-->
+<!--              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>-->
+<!--              <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">-->
+<!--                <el-button type="danger" slot="reference">删除</el-button>-->
+<!--              </el-popconfirm>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="total, prev, pager, next, jumper" :total="total1" @current-change="handlePageChange1"
+                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title"
+          :visible.sync="dialogVisible"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign">
+              <el-form-item label="停车卡名称">
+                <el-input v-model="formLabelAlign.cardName"></el-input>
+              </el-form-item>
+              <el-form-item label="可用次数">
+                <el-input v-model="formLabelAlign.useTimes"></el-input>
+              </el-form-item>
+              <el-form-item label="有效期至">
+                <el-date-picker
+                  v-model="formLabelAlign.effectTime"
+                  type="date"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="查看订单" name="查看订单">
+        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="商品名称:">
+                <el-input v-model="formInline2.goods_name" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="发布状态:">
+                <el-select clearable v-model="formInline2.release_status" placeholder="请选择" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="上架" value="1"></el-option>
+                  <el-option label="下架" value="0"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="可购买时间:">
+                <el-date-picker
+                  v-model="formInline2.time"
+                  type="daterange"
+                  range-separator="至"
+                  value-format="yyyy-MM-dd"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit2" icon="el-icon-search">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table border :row-class-name="rowClassName" :data="tableData2" v-loading="loading2">
+          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="total, prev, pager, next, jumper" :total="total2" @current-change="handlePageChange2"
+                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title2"
+          :visible.sync="dialogVisible2"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign2">
+              <el-form-item label="停车卡名称">
+                <el-input v-model="formLabelAlign2.parkingCardName"></el-input>
+              </el-form-item>
+              <el-form-item label="下单人">
+                <el-input v-model="formLabelAlign2.memberId"></el-input>
+              </el-form-item>
+              <el-form-item label="支付金额">
+                <el-input v-model="formLabelAlign2.payAmount"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible2 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm2">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="统计信息" name="统计信息">
+        <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="卡券名称:">
+                <el-select clearable v-model="formInline3.rccId" placeholder="请选择" popper-class="cur-select">
+                  <el-option label="测试代金券" value="1737646855015104512"></el-option>
+                  <el-option label="测试全免券" value="1737394638060257280"></el-option>
+                  <el-option label="测试卡券1" value="1737378555370668032"></el-option>
+                  <el-option label="测试卡券" value="1737377941760770048"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="可购买时间:">
+                <el-date-picker
+                  v-model="formInline3.time"
+                  type="daterange"
+                  range-separator="至"
+                  value-format="yyyy-MM-dd"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit3" icon="el-icon-search">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table border :row-class-name="rowClassName" :data="tableData3" v-loading="loading3">
+          <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="total, prev, pager, next, jumper" :total="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+import moment from "moment/moment";
+const date = new Date;
+export default {
+  components: {},
+  data() {
+    return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
+      activeName: '规则配置',
+      columns1: [
+        {
+          label: '活动ID（点击可复制）',
+          key: 'activity_id'
+        },
+        {
+          label: '活动方',
+          key: 'activity_organizer_name'
+        },
+        {
+          label: '活动名称',
+          key: 'activity_name'
+        },
+        {
+          label: '活动时间范围',
+          key: 'activity_time'
+        },
+        {
+          label: '活动状态',
+          key: 'activity_status'
+        },
+        {
+          label: '活动范围',
+          key: 'activity_range_name'
+        },
+        {
+          label: '活动卡券份数',
+          key: 'activity_card_total'
+        },
+        {
+          label: '创建时间',
+          key: 'activity_create_time'
+        },
+      ],
+      tableData1: [],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        activity_name: '',
+        activity_status: '',
+        time: []
+      },
+      title:'',
+      dialogVisible:false,
+      formLabelAlign: {
+        cardName: '',
+        useTimes: '',
+        effectTime: '',
+      },
+      columns2: [
+        {
+          label: '商品名称',
+          key: 'goods_name'
+        },
+        {
+          label: '所需金额（分）',
+          key: 'reality_price'
+        },
+        {
+          label: '总库存',
+          key: 'goods_total_number'
+        },
+        {
+          label: '剩余库存量',
+          key: 'goods_number'
+        },
+        {
+          label: '发布状态',
+          key: 'release_status'
+        },
+        {
+          label: '可购买时间',
+          key: 'good_range'
+        },
+        {
+          label: '创建时间',
+          key: 'goods_create_time'
+        },
+        {
+          label: '最后修改时间',
+          key: 'goods_update_time'
+        },
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        goods_name: '',
+        release_status:'',
+        time: []
+      },
+      title2:'',
+      dialogVisible2:false,
+      formLabelAlign2: {
+        id: '',
+        parkingCardName: '',
+        placeOrderPerson: '',
+        payMoney: '',
+      },
+      columns3: [
+        {
+          label: '所属机构',
+          key: 'rspcMarketName'
+        },
+        {
+          label: '发放机构',
+          key: 'rspcSellerName'
+        },
+        {
+          label: '卡券名称',
+          key: 'rccName'
+        },
+        {
+          label: '每张可减免',
+          key: 'rccDiscount'
+        },
+        {
+          label: '类型',
+          key: 'rccType'
+        },
+        {
+          label: '发放数量（张）',
+          key: 'count'
+        },
+        {
+          label: '已消费（张）',
+          key: 'count0'
+        },
+        {
+          label: '未消费（张）',
+          key: 'count1'
+        },
+        {
+          label: '已过期（张）',
+          key: 'count2'
+        },
+        {
+          label: '领取率',
+          key: 'sendRate'
+        },
+        {
+          label: '使用率',
+          key: 'useRate'
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        rccId: '',
+        time: [date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() > 9 ? date.getDate() : '0' + date.getDate()) + ' 00:00:00', date.getFullYear() + "-" + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)) + "-" + (date.getDate() >= 10 ? date.getDate() : '0' + date.getDate() + ' 23:59:59')],
+      },
+      statusMap: {
+        0: '未开始',
+        1: '活动中',
+        2: '已过期',
+        3: '已停用',
+      }
+    }
+  },
+  mounted() {
+    this.getTableData1()
+    this.getTableData2()
+    this.getTableData3()
+  },
+  watch: {
+  },
+  methods: {
+    rowClassName({ rowIndex }) {
+      // 偶数行和奇数行分别返回不同的类名，也可以根据实际需求基于rowData进行条件判断
+      return rowIndex % 2 === 0 ? 'even-row' : 'odd-row';
+    },
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd () {
+      this.title = '添加规则'
+      this.formLabelAlign = {}
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改规则'
+      this.formLabelAlign = {...row}
+      this.dialogVisible = true
+    },
+    deleteRow (record) {
+      api.deleteEckRule({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData1()
+        }
+      })
+    },
+    handleConfirm() {
+      if (this.title === '修改规则') {
+        api.editTckRule({...this.formLabelAlign}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      } else {
+        api.addTckRule({...this.formLabelAlign, effectTime: this.formLabelAlign.effectTime ? this.formLabelAlign.effectTime.substring(0, 10) + " 23:59:59" :''}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      }
+    },
+    onSubmit2() {
+      this.pageNum2 = 1
+      this.getTableData2()
+    },
+    handleAdd2 () {
+      this.title = '录入订单'
+      this.formLabelAlign2.parkingCardName= ''
+      this.formLabelAlign2.totalEnable= ''
+      this.formLabelAlign2.payMoney= ''
+      this.dialogVisible2 = true
+    },
+
+    handleConfirm2() {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '录入成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handlePageChange1() {
+      this.getTableData1()
+    },
+    getTableData1() {
+      this.loading1 = true
+      let params = {...this.formInline1}
+      if (
+        this.formInline1.time && this.formInline1.time.length === 2 &&
+        this.formInline1.time[1] !== ""
+      ) {
+        params.activity_create_start_time = this.formInline1.time[0].substring(0, 10) + " 00:00:00";
+        params.activity_create_end_time = this.formInline1.time[1].substring(0, 10) + " 23:59:59";
+      }
+      delete params.time
+      const {pageNum1, pageSize1} = this
+      api.tckListByPage({cur_page: pageNum1, page_size: pageSize1, ...params}).then(res => {
+        this.tableData1 = (res.data || []).map(item => ({...item, activity_status: this.statusMap[item.activity_status]}))
+        this.total1 = res.total_rows
+        this.loading1 = false
+      })
+    },
+    handlePageChange2() {
+      this.getTableData2()
+    },
+    getTableData2() {
+      this.loading2 = true
+      let params = {...this.formInline2}
+      if (
+        this.formInline2.time && this.formInline2.time.length === 2 &&
+        this.formInline2.time[1] !== ""
+      ) {
+        params.goods_start_time = this.formInline2.time[0].substring(0, 10) + " 00:00:00";
+        params.goods_end_time = this.formInline2.time[1].substring(0, 10) + " 23:59:59";
+      }
+      delete params.time
+      const {pageNum2, pageSize2} = this
+      api.tckOrderListByPage({curPage: pageNum2, pageSize: pageSize2, ...params}).then(res => {
+        this.tableData2 = res.data.data.goods_list.map(item => ({...item, release_status: item.release_status === '1' ? '上架' : '下架', good_range: `${moment(item.goods_start_time).format('YYYY-MM-DD')}~${moment(item.goods_end_time).format('YYYY-MM-DD')}`})) || []
+        this.total2 = res.data.data.total_rows || 0
+        this.loading2 = false
+      })
+    },
+    handlePageChange3() {
+      this.getTableData3()
+    },
+    getTableData3() {
+      this.loading3 = true
+      let params = {...this.formInline3}
+      if (
+        this.formInline3.time && this.formInline3.time.length === 2 &&
+        this.formInline3.time[1] !== ""
+      ) {
+        params.rcciCreateTime = this.formInline3.time[0].substring(0, 10);
+        params.rcciLimitTime = this.formInline3.time[1].substring(0, 10);
+      }
+      delete params.time
+      const {pageNum3, pageSize3} = this
+      api.tckTjxxListByPage({pageIndex: pageNum3, pageSize: pageSize3, ...params}).then(res => {
+        this.tableData3 = res.data || []
+        this.total3 = res.totalRows || 0
+        this.loading3 = false
+      })
+    },
+  }
+}
+</script>
+<style  lang="scss" scoped>
+.body-wrapper {
+  .form-wrapper {
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+  }
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+
+  .audit-dialog{
+    .mg-bt{
+      margin-bottom: 24px;
+    }
+    .label{
+      text-align: right;
+    }
+    .form-div{
+      /deep/ .el-input__inner{
+        height: 35px;
+        width: 90%;
+        border: 1px solid #a6a5a5;
+      }
+    }
+  }
+}
+</style>

src/router/index.js

@@ -55,7 +55,7 @@ export default new Router({
         {
           name: "parking_unpeak",
           path: "/parking_unpeak",
-          component: () => import("../pages/index/components/parking_unpeak.vue")
+          component: () => import("../pages/index/components/parking_card_copy.vue")
         },
         {
           name: "appointment_rules",