增加积木删除功能

src/utils/yqrange/yqrangeApi.js

@@ -337,3 +337,13 @@ export const getActivityList = (params) => {
     description: '活动列表',
   })
 };
+
+export const delActivity = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`circle/v1/app/delete?circleId=${params.circleId}&id=${params.id}`),
+    method: 'get',
+    data: params,
+    description: '活动列表',
+  })
+};

src/views/yqrange/range-setting.vue

@@ -62,7 +62,7 @@
                 src="../../assets/image/plus.png"
               />
               <img v-if="scope.row.appTag == 10 && count > 0"
-                @click="del(scope.$index)"
+                @click="del(scope.$index, scope.row)"
                 class="edit-img"
                 src="../../assets/image/trash.png"
               />
@@ -82,9 +82,10 @@
 </template>
 
 <script>
+let vm = null;
 import { openLoading, closeLoading } from "../../utils/utils";
 import BreadCrumb from "@/components/breadcrumb.vue";
-import { getRangeList,updateRangeStatus, getCircleSettingList, saveCircleSetting, getActivityList} from "../../utils/yqrange/yqrangeApi";
+import { getRangeList,updateRangeStatus, getCircleSettingList, saveCircleSetting, getActivityList, delActivity} from "../../utils/yqrange/yqrangeApi";
 import { isEmptyUtils } from "../../utils/index";
 
 export default {
@@ -118,6 +119,7 @@ export default {
     }
   },
   created() {
+    vm = this;
     this.circleId = this.$route.query.id;
     this.setting();
     this.initActivityList();
@@ -220,11 +222,11 @@ export default {
     BlurText(e) {
       console.log("BlurText() : e = " + e.target.value)
       let b = new RegExp("^[1-9][0-9]*$").test(e.target.value)
-      if (e.target.value >= 10) {
+      if (e.target.value >= 50) {
         b = false
       }
       if (!b) {
-        this.$message.warning('请输入 1~10 的正整数')
+        this.$message.warning('请输入 1~50 的正整数')
         e.target.value = ''
       }
     },
@@ -281,10 +283,50 @@ export default {
 
 
     },
-    del(index){
-       this.count --;
-      this.settingForm.settingData.splice(index, 1);
+    del(index, row){
+      let params = {
+        circleId: this.circleId,
+        id: row.id
+      }
+
+      vm.$confirm(`确定删除“${row.appName}”吗？`, "", {
+        confirmButtonText: "删除",
+        cancelButtonText: "取消",
+        type: "warning"
+        // customClass: 'range-make-box',
+      })
+        .then(() => {
+
+          if (params.id == "") {
+            vm.$message({
+              type: "success",
+              message: "删除成功"
+            });
+            vm.count--;
+            vm.settingForm.settingData.splice(index, 1);
+          } else {
+            //  confirm
+            delActivity(params).then(res => {
+              if (res.code == "000000") {
+                vm.$message({
+                  type: "success",
+                  message: "删除成功"
+                });
+                vm.count--;
+                vm.settingForm.settingData.splice(index, 1);
+              } else {
+                vm.$message({
+                  type: "warning",
+                  message: res.message
+                });
+              }
+            });
+          }
+        })
+        .catch(() => {});
+
     }
+
   },
 }
 </script>