From ce0e2e426799c953e030c725ae9fa6cecaba8219 Mon Sep 17 00:00:00 2001
From: HAHA <HAHA@etoak.com>
Date: Tue, 21 Jun 2022 10:23:51 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=91=E5=AE=9A=E7=BD=91=E6=A0=BC=EF=BC=8C?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/sys/CascadeBind.vue | 228 ++++++++++++++++++++++++++
 1 file changed, 228 insertions(+)
 create mode 100644 src/views/modules/sys/CascadeBind.vue

diff --git a/src/views/modules/sys/CascadeBind.vue b/src/views/modules/sys/CascadeBind.vue
new file mode 100644
index 00000000..7b67e949
--- /dev/null
+++ b/src/views/modules/sys/CascadeBind.vue
@@ -0,0 +1,228 @@
+<template>
+    <div>
+        <el-form :inline="true" ref="dataForm" :model="dataForm" label-width="100px">
+            <el-form-item label="组织名称">
+                <el-input clearable v-model="dataForm.name" style = "width:260px"></el-input>
+            </el-form-item>
+            <el-form-item label="是否绑定网格">
+                <el-select clearable v-model="dataForm.isBind" placeholder="请选择活动区域">
+                    <el-option label="是" value="1"></el-option>
+                    <el-option label="否" value="0"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="conditionQuery" >查询</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table
+            :data="dataList"
+            style="width: 100%;margin-bottom: 20px;margin-left:20px"
+            border>
+            <el-table-column 
+                prop="streetName"
+                label="街道名字"
+                width="180">
+            </el-table-column>
+            <el-table-column 
+                prop="communityName"
+                label="社区名字"
+                width="180">
+            </el-table-column>
+            <el-table-column 
+                prop="gridName"
+                label="网格名字"
+                width="180">
+            </el-table-column>
+            <el-table-column 
+                prop="caStreetName"
+                label="街道名字(综治)"
+                width="180">
+            </el-table-column>
+            <el-table-column 
+                prop="caCommunityName"
+                label="社区名字(综治)"
+                width="180">
+            </el-table-column>
+            <el-table-column 
+                prop="caGridName"
+                label="网格名字(综治)"
+                width="180">
+            </el-table-column>
+            <el-table-column label="操作">
+                <template slot-scope="scop">
+                    <el-button 
+                    size="mini"
+                    @click="handleBind(scop.row)">
+                    绑定
+                    </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination
+            :current-page="page"
+            :page-sizes="[10, 20, 50, 100]"
+            :page-size="limit"
+            :total="total"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange">
+        </el-pagination>
+        <el-dialog
+            title="确认绑定"
+            :visible.sync="dialogVisible"
+            width="30%"
+            :before-close="handleClose">
+            <el-form :model="BindForm">
+                <el-form-item label="要绑定的网格" prop="gridId">
+                    <el-cascader
+                        :options="caLouDongOptions"
+                        clearable
+                        @change="handlePartyChange">
+                    </el-cascader>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="bindSubmitForm">确 定</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+    import mixinViewModule from '@/mixins/view-module'
+    export default {
+        mixins: [mixinViewModule],
+        data(){
+            return {
+                dataForm:{
+                    name:"",
+                    isBind:""
+                },
+                dataList:[],
+                dialogVisible: false,
+                caLouDongOptions:[],
+                BindForm:{
+                    gridId:"",
+                    id:""
+                },
+                echoForm:{
+                    id:""
+                },
+                limit:10,
+                page:1,
+                total:0,
+                mixinViewModuleOptions: {
+                    activatedIsNeed: false,
+                    getDataListURL: '/sys/dept/getPage',
+                    getDataListIsPage: true,
+                },
+            }
+        },
+        created: function () {
+            this.mixinViewModuleOptions.getDataListURL = '/sys/dept/getPage'
+            this.mixinViewModuleOptions.getDataListIsPage = true
+            this.getDataList()
+        },
+        activated(){
+            this.getDataList()
+        },
+        created(){
+            this.getCascadeMenu()
+        },
+        methods:{
+            getCascadeMenu(){
+                this.$http.post(`/sys/dept/getCascadeMenu`).then(resp => {
+                    if(resp.data.code === 0) {
+                        this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data)
+                    }
+                }).catch(error => {
+                    this.$message.error(error)
+                })
+            },
+            removeEmptySubOrgList (orgArray) {
+                orgArray.forEach((orgInfo) => {
+                    if (orgInfo && orgInfo.children) {
+                        if (orgInfo.children.length === 0) {
+                            orgInfo.children = undefined
+                        } else {
+                            this.removeEmptySubOrgList(orgInfo.children)
+                        }
+                    }
+                })
+                return orgArray;
+            },
+            
+            // getTreeList(){
+            //     this.$http.post(`/dept/getTreeList`).then(resp => {
+            //         this.tableData = resp.data.data
+            //     }).catch(error => {
+            //         this.$message.error(error)
+            //     })
+            // },
+            // getPage(){
+            //     this.$http.get(`/sys/dept/getPage`).then(resp => {
+            //         this.tableData = resp.data.data
+            //         this.total = resp.data.data.total
+            //     }).catch(error => {
+            //         this.$message.error(error)
+            //     })
+            // },
+            conditionQuery(){
+                this.getDataList()
+            },
+            bindSubmitForm(){
+                this.$http.post(`/sys/dept/bindCascade`,this.BindForm).then(resp => {
+                    if(resp.data.code === 0){
+                        this.$message.success("绑定成功")
+                        this.dialogVisible = false
+                    }
+                }).catch(error => {
+                    this.$message.error(error)
+                })
+            },
+            handleBind(row){
+                this.casCadeEcho()
+                this.dialogVisible = true
+                this.BindForm.id = row.id
+                this.echoForm.id = row.id
+            },
+            casCadeEcho(){
+                this.$http.post(`/sys/dept/casCadeEcho`,this.echoForm).then(resp => {
+                    console.log(resp)
+                    this.BindForm.gridId = resp.data.data
+                    console.log(":::::::::::::",this.BindForm.gridId)
+                }).catch(error => {
+                    this.$message.error(error)
+                })
+            },
+            handleClose(done) {
+                this.$confirm('确认关闭？')
+                .then(_ => {
+                    done();
+                })
+                .catch(_ => {});
+            },
+            handlePartyChange(val) {
+                console.log('val------pp', val)
+                this.BindForm.gridId = val[val.length - 1]
+            },
+            handleSizeChange(val){
+                /* 更改每页记录数 */
+                this.limit = val
+                /* 回显 因为每页记录数更改了 */
+                this.getDataList()
+            },
+            handleCurrentChange(val){
+                /* 给当前页重新赋值 */
+                this.page = val
+                /* 回显，因为当前页变了 */
+                this.getDataList()
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file