update

src/api/cert/admin.js

@@ -16,3 +16,11 @@ export function listUserBalance(query) {
       params: query
     })
 }
+
+//查询模型消费列表
+export function getModelList(beginTime,endTime) {
+    return request({
+      url: '/cert/admin/modelList?beginDate='+beginTime+'&endDate='+endTime,
+      method: 'get'
+    })
+}

src/views/cert/admin/index.vue

@@ -21,6 +21,28 @@
         <el-col :span="6">所有消费：￥<el-text class="mx-1" >{{ NumFilter(balanceDayAll) }}</el-text></el-col>
       </el-row>
     </el-card>
+    <div class="main2">
+      <el-card class="box-card">
+        <el-row :gutter="20" class="info" style="margin-bottom: 20px;">
+          <el-col :span="8">
+            <el-date-picker
+              v-model="daterangeCreateTime"
+              value-format="YYYY-MM-DD"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-col>
+          <el-col :span="8">
+            <el-button style="margin-right: 10px;" @click="query()">查询</el-button>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20" class="info" v-for="model in modelList" :key="model.model">
+          <el-col :span="6">{{model.model}}：￥<el-text class="mx-1" >{{ NumFilter(model.fee) }}</el-text></el-col>
+        </el-row>
+      </el-card>
+    </div>
     <div class="main2">
       <el-table v-loading="loading" :data="userBalanceList" >
           <el-table-column type="selection" width="55" align="center" />
@@ -41,16 +63,18 @@
   </template>
   
   <script setup name="Admin">
-  import { getAdminIndex, listUserBalance } from '@/api/cert/admin'
+  import { getAdminIndex, listUserBalance, getModelList } from '@/api/cert/admin'
   import { refreshUserBalance } from "@/api/cert/userBalance";
   import { ref } from 'vue';
   
+  const daterangeCreateTime = ref([]);
   const { proxy } = getCurrentInstance();
   const userBalance = ref(0);
   const balanceDay = ref(0);
   const balanceDayMonth = ref(0);
   const balanceDayAll = ref(0);
   
+  const modelList = ref([]);
   const userBalanceList = ref([]);
   const loading = ref(true);
   const model = ref('');
@@ -63,6 +87,7 @@
       },
   });
   
+  
   const { queryParams } = toRefs(data);
 
    /** 查询用户余额列表 */
@@ -73,6 +98,17 @@
         total.value = response.total;
         loading.value = false;
       });
+      const start = '';  
+      if(daterangeCreateTime.value[0]){
+        start = daterangeCreateTime.value[0];
+      }
+      const end = '';
+      if(daterangeCreateTime.value[1]){
+        end = daterangeCreateTime.value[1];
+      }
+      getModelList(start, end).then(response => {
+        modelList.value = response.data;
+      });
     }
   
   function getIndex() {
@@ -103,6 +139,11 @@
     proxy.$modal.msgSuccess("刷新成功")
   }
 
+  function query(){
+    getModelList(daterangeCreateTime.value[0], daterangeCreateTime.value[1]).then(response => {
+      modelList.value = response.data;
+    });
+  }
   getIndex()
   </script>