zx

package.json

@@ -13,7 +13,7 @@
     "axios": "^0.27.2",
     "core-js": "^3.8.3",
     "cz-storage": "^1.0.1",
-    "echarts": "^5.3.2",
+    "echarts": "^5.3.3",
     "element-plus": "^2.2.0",
     "less": "^4.1.2",
     "less-loader": "^10.2.0",

src/views/HomePage/index.vue

@@ -72,8 +72,12 @@
                 <el-button size="default" text>本周</el-button>
                 <el-button size="default" text>本月</el-button>
                 <el-button size="default" text>全年</el-button>
+                <el-date-picker type="daterange" ></el-date-picker>
             </div>
         </div>
+        <div class="chart-content">
+            <div class="chart-item" id="chartItem"></div>
+        </div>
         <div class="bottom-table" style="margin-top: 24px">
             <el-tabs v-model="form.status" @tab-change="statusChange">
                 <el-tab-pane label="经销商统计" :name="1"></el-tab-pane>
@@ -86,13 +90,20 @@
             </div>
         </div>
         <div class="table-content">
-            test
+            <el-table :data="tableData" size="large" stripe
+               :header-cell-style="{background: '#FAFAFA'}">
+               <el-table-column prop="sort" label="排序" width="180"></el-table-column>
+               <el-table-column prop="name" label="经销商名称" width="360"></el-table-column>
+               <el-table-column prop="address" label="地址" ></el-table-column>
+               <el-table-column prop="transValue" label="传播值"></el-table-column>
+           </el-table>
         </div>
     </div>
 </template>
 
 <script>
-import {defineComponent, reactive, getCurrentInstance} from 'vue'
+import * as echarts from "echarts";
+import {defineComponent, reactive, ref, getCurrentInstance} from 'vue'
 export default defineComponent({
     name: 'v-home',
     setup() {
@@ -102,15 +113,40 @@ export default defineComponent({
         const playNumForm = reactive({
             type: 1,
         })
+        const tableData = ref([]);
+        const { proxy } = getCurrentInstance();
         return {
-            form,playNumForm
+            form,playNumForm,proxy,
+            tableData
         }
     },
     mounted() {
-
+        this.drawChart();
     },
     methods: {
-        statusChange() {}
+        statusChange() {},
+        drawChart() {
+            let myChart = echarts.init(document.getElementById('chartItem'));
+            let option = {
+                title: {
+                    show: true,
+                    text: '播放量趋势'
+                },
+                xAxis: { data: ['第一季度','第二季度','第三季度','第四季度'] },
+                yAxis: { },
+                series: [
+                    {
+                        type: 'bar',
+                        data: [10,20,30,40],
+                        barWidth: 20,
+                        itemStyle: {
+                            color: 'rgb(61,147,253)',
+                        },
+                    }
+                ]
+            };
+            myChart.setOption(option);
+        }
     }
 })
 </script>

src/views/HomePage/title.less

@@ -79,7 +79,7 @@
 .average-number {
     font-size: 16px;
     font-family: MiSans-Regular, MiSans;
-    font-weight: 400;
+    font-weight: 700;
     color: rgba(0, 0, 0, 0.85);
 }
 .bottom-table {
@@ -88,6 +88,16 @@
     display: flex;
     justify-content: space-between;
 }
+.chart-content {
+    padding: 0px 24px 24px 24px;
+    background: #FFF;
+    display: flex;
+    justify-content: center;
+    .chart-item {
+        width: calc(100% + 100px);
+        height: 297px;
+    }
+}
 .table-content {
     padding: 0px 24px 24px 24px;
     background: #FFF;

src/views/Login/index.vue

@@ -9,9 +9,9 @@
           <span class="login-title-item">账户登录</span>
         </div>
         <el-form>
-          <el-form-item label="账号"><el-input v-model="form.name" placeholder="账号" /></el-form-item>
+          <el-form-item size="default" label="账号"><el-input v-model="form.name" placeholder="账号" /></el-form-item>
-          <el-form-item label="密码"><el-input type="password" v-model="form.password" placeholder="密码" /></el-form-item>
+          <el-form-item size="default" label="密码"><el-input type="password" v-model="form.password" placeholder="密码" /></el-form-item>
-          <el-form-item><el-button type="primary" style="width: 100%" @click="submit">登 录</el-button></el-form-item>
+          <el-form-item><el-button size="default" type="primary" style="width: 100%;margin-top: 24px" @click="submit">登 录</el-button></el-form-item>
         </el-form>
       </div>
       <div class="footer">

src/views/MemberManage/_levelManage/index.vue

@@ -18,6 +18,7 @@
                    <el-button size="default" type="primary" @click="visible = true">添加级别</el-button>
                </template>
            </el-popover>
+           <el-button size="default" type="primary" @click="refresh">刷新企业部门信息</el-button>
        </div>
        <div class="area-table">
            <el-table :data="tableData.data" size="default" border
@@ -268,6 +269,17 @@ export default defineComponent({
                     }
                 }).catch(() => {});
             }).catch(() => {})
+        },
+        //刷新企业部门信息
+        refresh() {
+            this.proxy.$post("/user/departmentRefresh", {}).then(res => {
+                if(res.code == 200) {
+                    this.$message.success('更新成功');
+                    this.getData();
+                } else {
+                    this.$message.error(res.msg)
+                }
+            }).catch(() => {});
         }
     }
 })

src/views/MemberManage/_memberList/index.vue

@@ -14,6 +14,7 @@
                </el-form-item>
            </el-form>
        </div>
+       <el-button size="default" type="primary" @click="refresh">刷新企业部门信息</el-button>
        <div class="area-table">
            <el-table :data="tableData.data" size="default" border :header-cell-style="{background: '#EEE'}">
                <el-table-column prop="name" label="员工" width="360"></el-table-column>
@@ -108,6 +109,18 @@ export default defineComponent({
             ).then(() => {
                 this.$message.success('删除成功')
             }).catch(() => {})
+        },
+        //刷新企业部门信息
+        refresh() {
+            this.proxy.$post("/user/departmentRefresh", {}).then(res => {
+                if(res.code == 200) {
+                    this.$message.success('更新成功');
+                    this.getApi();
+                    this.getData();
+                } else {
+                    this.$message.error(res.msg)
+                }
+            }).catch(() => {});
         }
     }
 })