From ab379de161c44c04a7d7bd9160db4626de873a5f Mon Sep 17 00:00:00 2001
From: wally <18603454788@163.com>
Date: Wed, 17 Nov 2021 23:10:21 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=B8=8A=E6=8A=A5=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E7=82=B9=E6=B7=BB=E5=8A=A0=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/config/function-config-pending.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/config/function-config-pending.vue b/src/components/config/function-config-pending.vue
index 7f480f6..dffa4c7 100644
--- a/src/components/config/function-config-pending.vue
+++ b/src/components/config/function-config-pending.vue
@@ -84,12 +84,13 @@
 
     <!--    定时上报输入-->
     <el-row v-if="data.report.type === 'POINT'" :gutter="20">
-      <el-col v-for="(item, index) in data.report.timePoints" :key="index" :lg="6" :md="8" :sm="12" :xl="4">
+      <el-col v-for="(item, index) in data.report.timePoints" :key="index" :lg="6" :md="12" :sm="24" :xl="4">
         <el-form-item prop="report.timePoints" style="margin-bottom: 10px !important">
           <el-time-picker v-model="data.report.timePoints[index]" :placeholder="`上报时间点${index + 1}`" format="HH:mm"></el-time-picker>
+          <el-button circle type="text" @click="removeTimePoint(index)">
+            <i class="el-icon-circle-close text-lg text-red-600"></i>
+          </el-button>
         </el-form-item>
-        <i class="el-icon-semi-select"></i>
-        <el-button circle type="danger"></el-button>
       </el-col>
       <el-col v-if="!data.report.timePoints || data.report.timePoints.length < 6" :lg="6" :md="8" :sm="12" :xl="4">
         <el-button plain @click="addTimePoints">
@@ -275,4 +276,12 @@ function validateTimePoints(points) {
   }
   return true;
 }
+
+/**
+ * 移除上报时间点
+ * @param {number} index 索引
+ */
+function removeTimePoint(index) {
+  data.value.report.timePoints.splice(index, 1);
+}
 </script>