物业项目管理，pc页面提示解散群

src/views/modules/property/propertyproject.vue

@@ -17,10 +17,12 @@
                     <el-button @click="getDataList()">{{ $t('query') }}</el-button>
                 </el-form-item>
                 <el-form-item>
-                    <el-button v-if="$hasPermission('propertyproject:add')"  type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+                    <el-button v-if="$hasPermission('propertyproject:add')" type="primary" @click="addOrUpdateHandle()">
+                        {{ $t('add') }}
+                    </el-button>
                 </el-form-item>
                 <el-form-item>
-                    <el-button v-if="$hasPermission('propertyproject:delete')" type="danger" @click="deleteHandle()">{{
+                    <el-button v-if="$hasPermission(':propertyproject:delete')" type="danger" @click="deleteHandle()">{{
                         $t('deleteBatch') }}
                     </el-button>
                 </el-form-item>
@@ -41,10 +43,12 @@
                                  align="center"></el-table-column>
                 <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
                     <template slot-scope="scope">
-                        <el-button v-if="$hasPermission('propertyproject:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update')
+                        <el-button v-if="$hasPermission('propertyproject:update')" type="text" size="small"
+                                   @click="addOrUpdateHandle(scope.row.id)">{{ $t('update')
                             }}
                         </el-button>
-                        <el-button v-if="$hasPermission('propertyproject:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}
+                        <el-button v-if="$hasPermission('propertyproject:delete')" type="text" size="small"
+                                   @click="beforeDeleteHandle(scope.row.id)">{{ $t('delete') }}
                         </el-button>
                     </template>
                 </el-table-column>
@@ -60,6 +64,16 @@
             </el-pagination>
             <!-- 弹窗, 新增 / 修改 -->
             <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+            <el-dialog
+                    title="提示"
+                    :visible.sync="dialogVisible"
+                    width="420px">
+                <span>是否确认解散物业项目群？</span>
+                <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="deleteData">确 定</el-button>
+  </span>
+            </el-dialog>
         </div>
     </el-card>
 </template>
@@ -83,7 +97,9 @@
                     gridId: '',
                     projectName: '',
                 },
-                options: []
+                options: [],
+                dialogVisible: false,
+                deleteId: ''
             }
         },
         components: {
@@ -108,6 +124,14 @@
             },
             handleChange(value) {
                 this.dataForm.gridId = value.slice(-1).shift();
+            },
+            beforeDeleteHandle(id) {
+                this.deleteId = id;
+                this.dialogVisible = true
+            },
+            deleteData() {
+                this.dialogVisible = false;
+                this.deleteHandle(this.deleteId);
             }
         }
     }