From dc7b9e2f91e949b4de27b1dbbe0e2911277a95ce Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Mon, 10 Oct 2022 15:09:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/widgets/components/eventlist.vue     | 123 +++++++-----------
 1 file changed, 50 insertions(+), 73 deletions(-)

diff --git a/src/views/home/widgets/components/eventlist.vue b/src/views/home/widgets/components/eventlist.vue
index ee9b97a0..4b15dd27 100644
--- a/src/views/home/widgets/components/eventlist.vue
+++ b/src/views/home/widgets/components/eventlist.vue
@@ -1,6 +1,6 @@
 <template>
   <el-row :gutter="6">
-    <el-col :md="4" :sm="24">
+    <el-col :md="3" :sm="24">
       <el-card shadow="hover">
         <template #header>
           <div class="card-header">
@@ -9,20 +9,15 @@
         </template>
         <div class="card-body">
           <div v-for="item in dutyAgg" :key="item.workflow">
-              <el-badge :value="item.count" class="item">
-                <el-button
-                  icon="el-icon-promotion"
-                  type="primary"
-                  size="small"
-                  @click="toTicket"
-                ></el-button>
-              </el-badge>
-              <div style="font-size:12px">{{ item.workflow__name }}</div>
-            </div>
+            <el-badge :value="item.count" class="item">
+              <el-button icon="el-icon-promotion" type="primary" size="small" @click="toTicket"></el-button>
+            </el-badge>
+            <div style="font-size:12px">{{ item.workflow__name }}</div>
           </div>
+        </div>
       </el-card>
     </el-col>
-    <el-col :md="12" :sm="24">
+    <el-col :md="13" :sm="24">
       <el-card shadow="hover">
         <template #header>
           <div class="card-header">
@@ -31,75 +26,47 @@
           </div>
         </template>
         <div style="height:340px">
-        <scTable
-          ref="table"
-          :apiObj="apiObj"
-          :params="params"
-          row-key="id"
-          fit
-          stripe
-          hideDo
-        >
-          <el-table-column label="#" type="index" width="50"></el-table-column>
-          <el-table-column label="事件种类">
-            <template #default="scope">
-              <el-span
-                v-for="item in scope.row.cates_"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-                >{{ item.name }}</el-span
-              >
-            </template>
-          </el-table-column>
-          <el-table-column label="发生区域" prop="area_.name"></el-table-column>
-          <el-table-column label="当事人" prop="employee_.name">
-            <template #default="scope">
-              <span
-                v-if="scope.row.employee && scope.row.obj_cate == 'people'"
-                >{{ scope.row.employee_.name }}</span
-              >
-              <span v-else>未知人员</span>
-            </template>
-          </el-table-column>
+          <scTable ref="table" :apiObj="apiObj" :params="params" row-key="id" fit stripe hideDo>
+            <!-- <el-table-column label="#" type="index" width="50"></el-table-column> -->
+            <el-table-column label="事件种类">
+              <template #default="scope">
+                <el-span v-for="item in scope.row.cates_" :key="item.id" :label="item.name" :value="item.id">{{
+                item.name }}/</el-span>
+              </template>
+            </el-table-column>
+            <el-table-column label="发生区域" prop="area_.name"></el-table-column>
+            <el-table-column label="当事人" prop="employee_.name">
+              <template #default="scope">
+                <span v-if="scope.row.employee && scope.row.obj_cate == 'people'">{{ scope.row.employee_.name }}</span>
+                <span v-else>未知人员</span>
+              </template>
+            </el-table-column>
 
-          <el-table-column label="人员类型" prop="employee_.type">
-            <template #default="scope">
-              <span v-if="scope.row.employee && scope.row.obj_cate == 'people'">
-                <span
-                  v-if="
+            <!-- <el-table-column label="人员类型" prop="employee_.type">
+              <template #default="scope">
+                <span v-if="scope.row.employee && scope.row.obj_cate == 'people'">
+                  <span v-if="
                     scope.row.employee_.type != '' &&
                     scope.row.employee_.type == 'employee'
-                  "
-                  >正式员工</span
-                >
-                <span
-                  v-if="
+                  ">正式员工</span>
+                  <span v-if="
                     scope.row.employee_.type != '' &&
                     scope.row.employee_.type == 'remployee'
-                  "
-                  >相关方</span
-                >
-                <span
-                  v-if="
+                  ">相关方</span>
+                  <span v-if="
                     scope.row.employee_.type != '' &&
                     scope.row.employee_.type == 'visitor'
-                  "
-                  >访客</span
-                >
-              </span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="发生时间"
-            prop="create_time"
-          ></el-table-column>
+                  ">访客</span>
+                </span>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="发生时间" prop="create_time"></el-table-column>
 
-          <!-- <el-table-column
+            <!-- <el-table-column
               label="处理人"
               prop="handle_user_name"
             ></el-table-column> -->
-        </scTable>
+          </scTable>
         </div>
 
       </el-card>
@@ -162,13 +129,21 @@ export default {
       tooltip: {
         trigger: "item",
       },
+      legend: {
+        // orient: 'vertical',
+        left: 'center'
+      },
       series: [
         {
           name: "事件分类",
           type: "pie",
           radius: ["40%", "70%"],
           center: ["50%", "60%"],
-          label: false,
+          label: {
+            formatter: '{c}',
+            position: 'inside',
+            color: 'white'
+          },
           data: this.postOptions,
         },
       ],
@@ -255,16 +230,18 @@ export default {
   text-align: center;
   margin: 40px 0 20px 0;
 }
+
 .card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  height:24px;
+  height: 24px;
 }
+
 .card-body {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  height:340px;
+  height: 340px;
 }
 </style>