推

attendance-performance-manager-ui/admin/src/views/perform/attend/appeal/list.vue

@@ -13,8 +13,17 @@
         <div class="content">
           <div class="search_box">
             <div class="search">
-              <el-select v-model="dateValue" placeholder="请选择" style="margin: 0 10px;">
-                <el-option v-for="item in optionsMonths" :key="item.value" :label="item.label" :value="item.value">
+              <el-select
+                v-model="dateValue"
+                placeholder="请选择"
+                style="margin: 0 10px;"
+              >
+                <el-option
+                  v-for="item in optionsMonths"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
               <el-button type="primary">搜索</el-button>
@@ -23,17 +32,29 @@
           <div class="data_box">
             <div class="top">
               <div class="box">
-                <bar-charts :title="'申诉次数部门排名TOP20'" :id="'dept_20'" :legendName="'申诉次数'"
-                  :styleObj="{ width: '800px', height: '360px' }" />
+                <bar-charts
+                  :title="'申诉次数部门排名TOP20'"
+                  :id="'dept_20'"
+                  :legendName="'申诉次数'"
+                  :styleObj="{ width: '800px', height: '360px' }"
+                />
               </div>
               <div class="box">
-                <bar-charts :title="'申诉次数个人排名TOP20'" :id="'person_20'" :legendName="'申诉次数'"
-                  :styleObj="{ width: '800px', height: '360px' }" />
+                <bar-charts
+                  :title="'申诉次数个人排名TOP20'"
+                  :id="'person_20'"
+                  :legendName="'申诉次数'"
+                  :styleObj="{ width: '800px', height: '360px' }"
+                />
               </div>
             </div>
             <div class="down">
-              <bar-charts :title="'申诉次数规则排名TOP20'" :id="'rule_20'" :legendName="'申诉次数'"
-                :styleObj="{ width: '1800px', height: '320px' }" />
+              <bar-charts
+                :title="'申诉次数规则排名TOP20'"
+                :id="'rule_20'"
+                :legendName="'申诉次数'"
+                :styleObj="{ width: '1800px', height: '320px' }"
+              />
             </div>
           </div>
         </div>
@@ -225,68 +246,9 @@ export default {
         ],
       },
       activeName: "1",
-      optionsMonths: [
-        {
-          value: "2023-01-00 00:00:00",
-          label: "1月",
-        },
-        {
-          value: "2023-02-00 00:00:00",
-          label: "2月",
-        },
-        {
-          value: "2023-03-00 00:00:00",
-          label: "3月",
-        },
-        {
-          value: "2023-04-00 00:00:00",
-          label: "4月",
-        },
-        {
-          value: "2023-05-00 00:00:00",
-          label: "5月",
-        },
-        {
-          value: "2023-06-00 00:00:00",
-          label: "6月",
-        },
-        {
-          value: "2023-07-00 00:00:00",
-          label: "7月",
-        },
-        {
-          value: "2023-08-00 00:00:00",
-          label: "8月",
-        },
-        {
-          value: "2023-09-00 00:00:00",
-          label: "9月",
-        },
-        {
-          value: "2023-10-00 00:00:00",
-          label: "10月",
-        },
-        {
-          value: "2023-11-00 00:00:00",
-          label: "11月",
-        },
-        {
-          value: "2023-12-00 00:00:00",
-          label: "12月",
-        },
-      ],
-      dateValue: '2023-01-00 00:00:00',
+      dateValue: "2023-01-00 00:00:00",
     };
   },
-  mounted() {
-    // this.$post('/perform/attend/appeal/stat', { appealTimeStart: this.dateValue }).then(res => {
-    //   console.log(res)
-    // })
-  },
-  methods: {
-
-  }
-
 };
 </script>
 <style lang="less" scoped>