h5背景图

src/main/h5/src/views/PageMenu.vue

@@ -1,26 +1,31 @@
 <template>
   <div class="menus">
-    <van-button
-      type="primary"
-      block
-      @click="$router.push('/recordList')"
-      :color="$colors.prim"
-      >现场检查</van-button
-    >
-    <van-button
-      type="primary"
-      block
-      @click="$router.push('/expertList')"
-      :color="$colors.prim"
-      >等级评定</van-button
-    >
-    <van-button
-      type="primary"
-      block
-      @click="$router.push('/arrangeList')"
-      :color="$colors.prim"
-      >节目评审</van-button
-    >
+    <div class="box">
+      <img class="bg-img" src="../assets/bg@3x.png" alt="" />
+      <div class="btn-con">
+        <van-button
+          type="primary"
+          block
+          @click="$router.push('/recordList')"
+          :color="$colors.prim"
+          >现场检查</van-button
+        >
+        <van-button
+          type="primary"
+          block
+          @click="$router.push('/expertList')"
+          :color="$colors.prim"
+          >等级评定</van-button
+        >
+        <van-button
+          type="primary"
+          block
+          @click="$router.push('/arrangeList')"
+          :color="$colors.prim"
+          >节目评审</van-button
+        >
+      </div>
+    </div>
   </div>
 </template>
 
@@ -29,13 +34,31 @@ export default {};
 </script>
 
 <style lang="less" scoped>
+.bg-img {
+  width: 100%;
+  height: 100vh;
+}
 .menus {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
-  padding: 0 20px;
+  // padding: 0 20px;
   justify-content: center;
-
+  /deep/.van-button {
+    border-radius: 24px;
+  }
+  .box {
+    position: relative;
+    height: 100vh;
+    .btn-con {
+      position: absolute;
+      padding: 0 20px;
+      left: 0;
+      right: 0;
+      top: 54%;
+      margin: 0 auto;
+    }
+  }
   .van-button + .van-button {
     margin-top: 30px;
   }

src/main/vue/src/widgets/PieChartWidget.vue

@@ -1,5 +1,11 @@
 <template>
     <widget-card :bodyStyle="bodyStyle" ref="container">
+        <template #header>
+            <span>投诉数量</span>
+            <el-select @change="setChart" style="float:right" v-model="chooseYear" size="mini" placeholder="请选择">
+                <el-option v-for="item in years" :key="item" :label="item" :value="item"> </el-option>
+            </el-select>
+        </template>
         <canvas ref="chart" class="chart"></canvas>
     </widget-card>
 </template>
@@ -39,4 +45,9 @@ export default {
     }
 };
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.chart {
+    width: 250px;
+    height: 250px;
+}
+</style>