11

src/components/CommodityMan/skuForm.vue

+<template>
+  <div class="skuForm">
+    <div class="content">
+      <template v-if="MonthDayList&&MonthDayList.length>0">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane v-for="(item,index) in MonthDayList" :key='index' :label="item.YearMonth">
+            <template v-if="item.DateList && item.DateList.length>0">
+              <table>
+                <thead>
+                  <tr>
+                    <th>日期</th>
+                    <th>价格</th>
+                    <th>库存</th>
+                    <th>成本</th>
+                  </tr>
+                </thead>
+                <tbody v-for="(subItem,subIndex) in item.DateList">
+                  <tr>
+                    <td>
+                      {{subItem.Day}}
+                    </td>
+                    <td>
+                      <el-input v-model="subItem.SellingPrice" @keyup.native="checkPrice(subItem,'SellingPrice')"
+                        size="small" style="width:100px;"></el-input>
+                    </td>
+                    <td>
+                      <el-input v-model="subItem.InventoryNum" @keyup.native="checkPrice(subItem,'InventoryNum')"
+                        size="small" style="width:100px;"></el-input>
+                    </td>
+                    <td>
+                      <el-input v-model="subItem.CostMoney" @keyup.native="checkPrice(subItem,'CostMoney')"
+                        size="small" style="width:100px;"></el-input>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </template>
+          </el-tab-pane>
+        </el-tabs>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {},
+    name: "skuForm",
+    props: ["addMsg", "SpecificationValueList", "SpecificationList", "SpecificationPriceList"],
+    data() {
+      return {
+        QMsg: {
+          StartDate: "2024-01-01",
+          EndDate: '2024-05-20'
+        },
+        MonthDayList: [], //
+        activeName: ""
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+      this.getDayData();
+    },
+    methods: {
+      handleClick() {
+
+      },
+      getDayData() {
+        this.apipost('/api/product/CreateSkuCalendar', this.QMsg,
+          res => {
+            if (res.data.resultCode === 1) {
+              this.MonthDayList = res.data.data;
+              this.Success(res.data.message)
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      }
+    },
+  };
+
+</script>
+
+<style>
+
+</style>

src/components/tradePavilion/DataStatic.vue

+<style>
+  .CarrierList {
+    border-bottom: 1px dashed #eee;
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+  }
+
+  .CarrierList span {
+    display: inline-block;
+    margin-right: 10px;
+  }
+
+</style>
+<template>
+  <div class="VehicleManagement">
+    <div class="head-title">
+      数据统计
+    </div>
+    <div class="content">
+      <div>
+        <el-date-picker v-model="msg.StartDate" type="date" placeholder="开始日期" @change="getList">
+        </el-date-picker>
+        <el-date-picker v-model="msg.EndDate" type="date" placeholder="截止日期" @change="getList">
+        </el-date-picker>
+      </div>
+      <el-table :data="dataList" v-loading="loading" border style="width: 100%; margin: 20px 0" show-summary
+        :summary-method="getSummaries">
+        <el-table-column prop="CreateTimeStr" width="100" label="日期">
+        </el-table-column>
+        <el-table-column prop="CarrierNum" width="100" label="新增载体">
+        </el-table-column>
+        <el-table-column prop="BuildingCarrierNum" width="100" label="新增楼宇">
+        </el-table-column>
+        <el-table-column prop="BrandNum" width="100" label="新增品牌">
+        </el-table-column>
+        <el-table-column prop="EnterpriseNum" width="100" label="新增企业">
+        </el-table-column>
+        <el-table-column prop="CarrierTotalNum" width="100" label="载体总数">
+        </el-table-column>
+        <el-table-column prop="BuildingCarrierTotalNum" width="100" label="楼宇总数">
+        </el-table-column>
+        <el-table-column prop="BrandTotalNum" width="100" label="品牌总数">
+        </el-table-column>
+        <el-table-column prop="EnterpriseTotalNum" width="100" label="企业总数">
+        </el-table-column>
+        <el-table-column prop="CarrierVisitNum" width="100" label="访问载体数">
+        </el-table-column>
+        <el-table-column prop="BuildingCarrierVisitNum" width="100" label="访问楼宇数">
+        </el-table-column>
+        <el-table-column prop="BrandVisitNum" width="100" label="访问品牌数">
+        </el-table-column>
+        <el-table-column prop="EnterpriseVisitNum" width="100" label="访问企业数">
+        </el-table-column>
+        <el-table-column prop="NewVisitUV" width="100" label="新增用户留存">
+        </el-table-column>
+        <el-table-column prop="VisitUV" width="100" label="活跃用户留存">
+        </el-table-column>
+        <el-table-column prop="Visit_Total" width="100" label="累计用户数">
+        </el-table-column>
+        <el-table-column prop="Share_PV" width="100" label="转发次数">
+        </el-table-column>
+        <el-table-column prop="Share_UV" width="100" label="转发人数">
+        </el-table-column>
+        <el-table-column prop="Session_CNT" width="100" label="打开次数">
+        </el-table-column>
+        <el-table-column prop="Visit_PV" width="100" label="访问次数">
+        </el-table-column>
+        <el-table-column prop="Visit_UV" width="100" label="访问人数">
+        </el-table-column>
+        <el-table-column prop="Stay_Time_UV" width="100" label="人均停留时长(s)">
+        </el-table-column>
+        <el-table-column prop="Stay_Time_Session" width="100" label="平均停留时长(s)">
+        </el-table-column>
+        <el-table-column prop="Visit_Depth" width="100" label="平均访问深度">
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        msg: {
+          StartDate: "2024-12-01", //开始日期
+          EndDate: "", //	截止日期
+        },
+        loading: false,
+        dataList: [],
+        totalObj: {},
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getSummaries(param) {
+        console.log("getSummaries",param);
+        const {
+          columns,
+          data
+        } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+      },
+      getList() {
+        this.loading = true;
+        this.apipost("/api/Trade/WechatStatistics", this.msg, (res) => {
+          this.loading = false;
+          console.log("res", res);
+          if (res.data.resultCode == 1) {
+
+            this.dataList = res.data.data.List;
+            //this.totalObj=res.data.
+          }
+        });
+      },
+    },
+    mounted() {
+      this.getList();
+    },
+  };
+
+</script>
+<style>
+  .VehicleManagement .content .searchInput {
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+  }
+
+  .VehicleManagement .content .searchInput .el-input__inner {
+    border: none;
+    outline: none;
+    height: 30px;
+    line-height: 30px;
+  }
+
+  .VehicleManagement .content .searchInput {
+    line-height: normal;
+    display: inline-table;
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    width: 250px;
+    margin-right: 20px;
+  }
+
+  .VehicleManagement .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+
+</style>

src/components/tradePavilion/tradePavilionIndex.vue

@@ -340,6 +340,10 @@
             @click="(isChecked = '/prizeMange'), CommonJump('prizeMange')">
             <i class="el-icon-menu"></i><span>奖项管理</span>
           </li>
+          <li class="menu_item" :class="{ Fchecked: isChecked == '/DataStatic' }"
+            @click="(isChecked = '/DataStatic'), CommonJump('DataStatic')">
+            <i class="el-icon-menu"></i><span>数据统计</span>
+          </li>
         </ul>
       </div>
     </div>

src/router/index.js

@@ -820,6 +820,12 @@ export default new Router({
           name: 'BrandManager',
           component: resolve => require(['@/components/tradePavilion/BrandEnterpriseManager'], resolve),
         },
+        //数据统计【商载通】
+        {
+          path: '/DataStatic',
+          name: 'DataStatic',
+          component: resolve => require(['@/components/tradePavilion/DataStatic'], resolve),
+        },
         //企业服务管理
         {
           path: '/EnterpriseManager',