政策找人页面

.env.development

@@ -1,7 +1,7 @@
 NODE_ENV=development
 # VUE_APP_API_SERVER =  http://epmet-dev.elinkservice.cn:41080/api
-VUE_APP_API_SERVER =  http://192.168.1.140/api
-# VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
+# VUE_APP_API_SERVER =  http://192.168.1.140/api
+VUE_APP_API_SERVER =  https://epdc-shibei.elinkservice.cn/api
 # VUE_APP_API_SERVER =   https://epmet-cloud.elinkservice.cn/api
 # VUE_APP_API_SERVER =   https://epdc-shibei.elinkservice.cn/api
 

.gitignore

@@ -14,6 +14,7 @@
 hs_err_pid*
 node_modules
 dist
+epmet-oper-gov
 epmet-oper
 package-lock.json
 .idea/

src/App.vue

@@ -194,4 +194,7 @@ export default {
   flex-direction: column;
   justify-content: center;
 }
+.vSelsect{
+    z-index: 4000 !important;
+}
 </style>

src/views/modules/base/microGrid/index.vue

@@ -0,0 +1,515 @@
+<template>
+    <div class="div_main">
+      <div class="div_search">
+        <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
+          <div>
+            <el-form-item label="所属组织" prop="serviceMatter">
+              <el-cascader class="customer_cascader" ref="myCascader" v-model="formData.agencyId" :options="orgOptions"
+                :props="orgOptionProps" :show-all-levels="false"></el-cascader>
+            </el-form-item>
+            <el-form-item label="微网格长" prop="contacts">
+              <el-input v-model="formData.contacts" class="item_width_1" clearable size="small" placeholder="请输入内容">
+              </el-input>
+            </el-form-item>
+            <el-button style="margin-left:10px" class="diy-button--search" size="small" @click="handleSearch">查询</el-button>
+            <el-button style="margin-left:10px" class="diy-button--reset" size="small" @click="resetSearch">重置</el-button>
+          </div>
+        </el-form>
+      </div>
+      <div class="div_table">
+        <div class="div_btn">
+          <el-button class="diy-button--add" size="small" @click="handleAdd">新增微网格</el-button>
+  
+          <el-button style="float:left;margin-left:10px" class="diy-button--reset" size="small"
+            @click="handleExport">导出</el-button>
+          <el-button class="diy-button--add" size="small" @click="deleteBatch">批量删除</el-button>
+        </div>
+        <!--  -->
+        <el-table class="table" :data="tableData" border :height="tableHeight" v-loading="tableLoading"
+          @select-all="selectAll" @selection-change="selectionChange"
+          :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" style="width: 100%">
+          <el-table-column type="selection" width="55"></el-table-column>
+          <el-table-column prop="communityName" header-align="center" align="center" label="所属社区" min-width="150">
+          </el-table-column>
+          <el-table-column prop="gridName" header-align="center" align="center" label="所属网格" min-width="200">
+          </el-table-column>
+          <el-table-column prop="microgridName" header-align="center" align="center" label="微网格名称" show-overflow-tooltip
+            max-width="150">
+          </el-table-column>
+          <el-table-column prop="contacts" header-align="center" align="center" label="微网格长" width="80">
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" width="200" header-align="center" align="center" class="operate">
+            <template slot-scope="scope">
+              <el-button type="text" class="div-table-button--detail" size="small"
+                @click="handleDetail(scope.row)">查看</el-button>
+              <el-button type="text" class="div-table-button--edit" size="small"
+                @click="handleEdit(scope.row)">修改</el-button>
+              <el-button type="text" class="div-table-button--delete" size="small"
+                @click="handleHouse(scope.row)">绑定房屋</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div>
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo"
+            :page-sizes="[10, 20, 50]" :page-size="pageSize" layout="sizes, prev, pager, next, total" :total="total">
+          </el-pagination>
+        </div>
+      </div>
+  
+      <!-- 修改弹出框 -->
+      <el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle"
+        :destroy-on-close="true" width="950px" top="5vh" class="dialog-h" @closed="editDiaClose">
+        <microGrid-add ref="ref_form" :orgOptions="orgOptions" @dialogCancle="addFormCancle"
+          @dialogOk="addFormOk"></microGrid-add>
+      </el-dialog>
+      <!--详情弹出框  -->
+      <el-dialog :visible.sync="detailShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'微网格详情'"
+        width="950px" top="5vh" class="dialog-h" @closed="diaClose">
+        <microGrid-detail ref="ref_detail" @diaClose="diaClose"></microGrid-detail>
+      </el-dialog>
+      <!-- 绑定房屋弹出框 -->
+      <el-dialog :visible.sync="houseShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'绑定房屋'"
+        width="950px" top="5vh" class="dialog-h" @closed="diaClose">
+        <microGrid-house ref="ref_house" @diaClose="houseShow = false"></microGrid-house>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  
+  import microGridAdd from './microGridAdd'
+  import microGridDetail from './microGridDetail'
+  import microGridHouse from './microGridHouse'
+  
+  import { requestPost } from "@/js/dai/request";
+  import { mapGetters } from 'vuex'
+  import { Loading } from 'element-ui' // 引入Loading服务
+  
+  let loading // 加载动画
+  export default {
+    data() {
+      return {
+        loading: false,
+        total: 0,
+        pageSize: 20,
+        pageNo: 0,
+        tableLoading: false,
+        agencyId: '',
+  
+  
+        formData: {
+          contacts: '',
+          agencyId: ''
+        },
+        tableData: [],
+  
+        selection: [],
+  
+        //form相关
+        formShow: false,
+        formTitle: '新增单位',
+        detailShow: false,
+        houseShow: false,
+  
+        orgOptions: [],
+        orgOptionProps: {
+          value: 'agencyId',
+          label: 'agencyName',
+          children: 'subAgencyList',
+          checkStrictly: true
+        },
+  
+      }
+    },
+    components: {
+      microGridAdd,
+      microGridDetail,
+      microGridHouse
+  
+    },
+    async created() {
+  
+    },
+    mounted() {
+      //获取服务事项
+      this.getOrgTreeList()
+  
+      const { user } = this.$store.state
+      this.agencyId = user.agencyId
+      this.loadTable()
+    },
+  
+    methods: {
+      handleSearch() {
+        this.loadTable()
+      },
+  
+      // 获取组织树
+      getOrgTreeList() {
+        const { user } = this.$store.state
+        this.$http
+          .post('/gov/org/customeragency/agencygridtree', {})
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg)
+            } else {
+              console.log('获取组织树成功', res.data)
+              this.orgOptions = []
+              this.orgOptions.push(res.data)
+            }
+          })
+          .catch(() => {
+            return this.$message.error('网络错误')
+          })
+      },
+      async handleExportModule() {
+        let url = "/gov/org/icPublicService/download";
+        // let url = "http://yapi.elinkservice.cn/mock/245/gov/org/icPublicService/download";
+  
+        let params = {};
+        await this.$http({
+          method: "POST",
+          url,
+          responseType: "blob",
+          data: params,
+        })
+          .then((res) => {
+            // this.download(res.data, title + '.xls')
+            if (res.headers["content-disposition"]) {
+              let fileName = window.decodeURI(
+                res.headers["content-disposition"].split(";")[1].split("=")[1]
+              );
+              console.log("filename", fileName);
+              let blob = new Blob([res.data], {
+                type: "application/vnd.ms-excel",
+              });
+              var url = window.URL.createObjectURL(blob);
+              var aLink = document.createElement("a");
+              aLink.style.display = "none";
+              aLink.href = url;
+              aLink.setAttribute("download", fileName);
+              document.body.appendChild(aLink);
+              aLink.click();
+              document.body.removeChild(aLink); //下载完成移除元素
+              window.URL.revokeObjectURL(url); //释放掉blob对象
+            } else this.$message.error("下载失败");
+          })
+          .catch((err) => {
+            console.log("err", err);
+            return this.$message.error("网络错误");
+          });
+      },
+  
+      async loadTable() {
+        this.tableLoading = true
+        const url = "/gov/org/customerMicroGrid/page"
+        // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icPublicService/list"
+        if (Array.isArray(this.formData.agencyId) && this.formData.agencyId.length > 0) {
+            this.formData.agencyId = this.formData.agencyId[this.formData.agencyId.length-1]
+        }
+        let params = {
+          pageSize: this.pageSize,
+          pageNo: this.pageNo,
+          ...this.formData
+        }
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.total = data.total
+          this.tableData = data.list
+        } else {
+          this.$message.error(msg)
+        }
+        this.tableLoading = false
+      },
+  
+      editDiaClose() {
+        this.$refs.ref_form.resetData()
+        this.formShow = false
+      },
+      diaClose() {
+        this.detailShow = false
+        this.finishDiaShow = false
+        this.scoreDiaShow = false
+      },
+  
+      handleDetail(row) {
+        this.detailShow = true
+        this.$nextTick(() => {
+          this.$refs.ref_detail.initForm(row)
+        })
+      },
+  
+      handleAdd() {
+        this.formTitle = '新增'
+        this.formShow = true
+        this.$nextTick(() => {
+          this.$refs.ref_form.initForm('add', null)
+        })
+      },
+      handleHouse(row) {
+        this.houseShow = true
+        this.$nextTick(() => {
+          this.$refs.ref_house.initForm(row)
+        })
+      },
+      handleEdit(row) {
+        this.formTitle = '修改'
+        this.formShow = true
+        this.$nextTick(() => {
+          this.$refs.ref_form.initForm('edit', row.id)
+        })
+      },
+  
+      addFormCancle() {
+        this.formShow = false
+      },
+      addFormOk() {
+        this.formShow = false
+        this.loadTable()
+      },
+  
+      async handleDelete(row) {
+  
+        this.$confirm("确认删除?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        })
+          .then(() => {
+            this.deleteUnit(row)
+          })
+          .catch(err => {
+            if (err == "cancel") {
+  
+            }
+  
+          });
+      },
+  
+      async deleteUnit(row) {
+        const url = "/gov/org/icPublicService/del"
+        // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icPublicService/del"
+  
+        let params = {
+          icPublicServiceId: row.icPublicServiceId
+        }
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.$message({
+            type: "success",
+            message: "删除成功"
+          });
+  
+          this.loadTable()
+        } else {
+          this.$message.error(msg)
+        }
+      },
+  
+      //重置搜索条件
+      resetSearch() {
+        this.formData = {
+          contacts: '',
+          agencyId: ''
+        }
+        this.pageSize = 10
+        this.pageNo = 0
+        this.loadTable()
+      },
+      deleteBatch() {
+        if (this.selection.length > 0) {
+          this.$confirm("确认删除选择的微网格?", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning"
+          })
+            .then(() => {
+              this.deleteMicroGridBatch()
+            })
+            .catch(err => {
+              if (err == "cancel") {
+                // this.$message({
+                //   type: "info",
+                //   message: "已取消删除"
+                // });
+              }
+  
+            });
+        } else {
+          this.$message.warning('请先选择要删除的微网格')
+        }
+      },
+      selectAll(selection) {
+        this.selection = selection
+  
+      },
+      selectionChange(selection) {
+        this.selection = selection
+  
+      },
+      async deleteMicroGridBatch() {
+        if (this.selection.length === 0) return this.$message.error('请选择之后进行操作')
+        let userIds = this.selection.map(item => item.id)
+        this.$http
+          .post('/gov/org/customerMicroGrid/delete', userIds)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg)
+            } else {
+              this.$message.success('删除成功')
+              this.loadTable()
+            }
+          })
+          .catch((err) => {
+            console.log('row4', err)
+            return this.$message.error('网络错误')
+          })
+      },
+      //导出表格
+      async handleExport() {
+        let title = '微网格管理列表'
+  
+        const url = "/gov/org/customerMicroGrid/export"
+        // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icPublicService/export"
+        let params = {
+          agencyId: this.agencyId,
+          ...this.formData
+        }
+  
+        app.ajax.exportFilePost(
+          url,
+          params,
+          (data, rspMsg) => {
+  
+            this.download(data, title + '.xls')
+          },
+          (rspMsg, data) => {
+            this.$message.error(rspMsg);
+          }
+        );
+  
+      },
+  
+      // 下载文件
+      download(data, fileName) {
+        if (!data) {
+          return
+        }
+  
+        var csvData = new Blob([data])
+  
+        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+          window.navigator.msSaveOrOpenBlob(csvData, fileName);
+        }
+        // for Non-IE (chrome, firefox etc.)
+        else {
+          var a = document.createElement('a');
+          document.body.appendChild(a);
+          a.style = 'display: none';
+          var url = window.URL.createObjectURL(csvData);
+          a.href = url;
+          a.download = fileName;
+          a.click();
+          a.remove();
+          window.URL.revokeObjectURL(url);
+        }
+  
+      },
+  
+  
+      handleSizeChange(val) {
+        this.pageSize = val
+        this.pageNo = 1
+        this.loadTable()
+      },
+      handleCurrentChange(val) {
+        this.pageNo = val
+        this.loadTable()
+      },
+  
+      // 开启加载动画
+      startLoading() {
+        loading = Loading.service({
+          lock: true, // 是否锁定
+          text: '正在加载……', // 加载中需要显示的文字
+          background: 'rgba(0,0,0,.7)' // 背景颜色
+        })
+      },
+      // 结束加载动画
+      endLoading() {
+        // clearTimeout(timer);
+        if (loading) {
+          loading.close()
+        }
+      }
+    },
+    computed: {
+      tableHeight() {
+  
+        return this.$store.state.inIframe ? this.clientHeight - 350 + this.iframeHeight : this.clientHeight - 350
+  
+      },
+  
+      ...mapGetters(['clientHeight', 'iframeHeight'])
+    },
+    watch: {
+  
+    },
+    props: {
+  
+    }
+  }
+  </script>
+  <style lang="scss" scoped >
+  @import "@/assets/scss/buttonstyle.scss";
+  @import "@/assets/scss/modules/management/list-main.scss";
+  
+  .div_main {
+    width: 100%;
+  }
+  
+  .div_search {
+    background: #ffffff;
+    border-radius: 4px;
+    padding: 30px 20px 5px;
+    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+  }
+  
+  .item_width_1 {
+    width: 260px;
+  }
+  
+  .item_width_2 {
+    width: 620px;
+  }
+  
+  .dialog-h {
+    z-index: 3020;
+  }
+  
+  .div_table {
+    background: #ffffff;
+    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    margin-top: 15px;
+    // padding: 23px 30px 10px;
+  
+    .table {
+      margin-top: 20px;
+    }
+  }
+  
+  .el-row {
+    /* margin-bottom: 20px; */
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 10px;
+    margin-right: 50px;
+  }
+  
+  </style>
+  

src/views/modules/base/microGrid/microGridAdd.vue

@@ -0,0 +1,385 @@
+<template>
+    <div>
+
+        <div class="dialog-h-content scroll-h">
+            <el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" :disabled="formType === 'detail'"
+                class="form">
+
+                <!-- <el-form-item label="所属网格	" prop="gridId" label-width="150px" style="display: block">
+                          
+                    <el-select v-model.trim="formData.gridId"   placeholder="请选择" clearable class="cell-width-1">
+                        <el-option v-for="item in gridList" :key="item.value" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item> -->
+
+                <el-form-item label="所属网格	" prop="gridId" label-width="150px" style="display: block">
+                    <el-cascader class="customer_cascader" ref="myCascader" v-model="formData.gridId" :options="orgOptions"
+                        :props="orgOptionProps" :show-all-levels="false" @change="handelAgency"></el-cascader>
+                </el-form-item>
+
+                <el-form-item label="微网格名称" prop="microgridName" label-width="150px" style="display: block">
+                    <el-input class="cell-width-1" :placeholder="'请输入微网格名称'" v-model="formData.microgridName" clearable>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item label="微网格长" prop="contacts" label-width="150px" style="display: block">
+                    <el-input class="cell-width-1" maxlength="10" placeholder="请输入微网格长" clearable
+                        v-model="formData.contacts">
+                    </el-input>
+                    <el-button style="margin-left: 10px" type="primary" size="mini"
+                        @click="handleShowPersonList">居民信息中选择</el-button>
+                </el-form-item>
+                <el-form-item label="性别" prop="sex" label-width="150px" style="display: block">
+                    <el-select v-model="formData.sex" placeholder="请选择">
+                        <el-option v-for="item in sexList" :label="item.label" :value="item.value" clearable
+                            :key="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="联系方式" prop="mobile" label-width="150px" style="display: block">
+                    <el-input class="cell-width-1" maxlength="11" placeholder="请输入联系方式" clearable
+                        v-model="formData.mobile"></el-input></el-form-item>
+                <el-form-item label="住址" prop="address" label-width="150px" style="display: block">
+                    <div class="item_width_1">
+                        <el-input style="width:420px" clearable :placeholder="'请输入所在地址'" v-model="formData.address">
+                        </el-input>
+                    </div>
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <div class="div_btn">
+            <el-button size="small" @click="handleCancle">取 消</el-button>
+            <el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable"
+                @click="handleComfirm">确 定</el-button>
+        </div>
+        <el-dialog :visible.sync="personTableShow" :close-on-click-modal="false" :close-on-press-escape="false"
+            :destroy-on-close="true" title="选择居民" z-index="3002" width="550px" top="5vh" class="dialog-h"
+            @closed="diaClose">
+            <div style="padding:10px 30px">
+                <el-form :inline="false" ref="ref_formSearch" :label-width="'90px'">
+                    <el-form-item label="所属网格" label-width="150px">
+                        <el-select class="cell-width-1" v-model.trim="selGridId" placeholder="请选择" clearable>
+                            <el-option v-for="item in gridList" @click.native="handleChangeGrid" :key="item.value"
+                                :label="item.label" :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="居民" label-width="150px" prop="selPersonIndex">
+
+                        <el-select v-model="selPersonIndex" class="cell-width-1" filterable placeholder="请选择" clearable>
+                            <el-option v-for="(item, index) in demandUserList" :key="index" :label="item.label"
+                                :value="label">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+
+                </el-form>
+                <div class="div-btn ">
+
+                    <el-button style="margin-left:20px" type="primary" size="small"
+                        @click="handleComfirmSelPerson">确定</el-button>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+
+
+
+var map
+var search
+var markers
+var infoWindowList
+var geocoder // 新建一个正逆地址解析类
+
+let loading // 加载动画
+export default {
+    data() {
+        return {
+            formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
+
+            btnDisable: false,
+
+            icPublicServiceId: '',
+            formData: {
+                microgridName: '',
+                address: '',
+                gridId: '',
+                contacts: '',
+                sex: '',
+                mobile: '',
+            },
+            selPersonIndex: '',
+            serviceList: [],//服务list
+            agencyId: '',
+
+            personTableShow: false,//选择居民弹框
+
+            gridList: [],//所属网格list
+
+            demandUserList: [],//网格下居民
+
+            selGridId: '',//选中网格接口入参
+
+            orgOptionProps: {
+                value: 'agencyId',
+                label: 'agencyName',
+                children: 'subAgencyList',
+                checkStrictly: true
+            },
+
+            sexList: [{ label: '男', value: '1' }, { label: '女', value: '0' }],
+            microGridId:null,//父组件传值微网格Id更新用
+        }
+    },
+    components: {},
+    mounted() {
+        const { user } = this.$store.state
+        this.agencyId = user.agencyId
+    },
+    watch: {
+        // "formData.name": function (val) {
+        //   this.$emit("changeName", val)
+        // },
+        // "formData.mobile": function (val) {
+        //   this.$emit("changeMobile", val)
+        // },
+        // "formData.gridId": function (val) {
+        //   this.selGridId = val
+        //   this.$emit("changeGridId", val)
+        // }
+    },
+    methods: {
+        // 选择居民隐藏
+        diaClose() {
+            this.personTableShow = false;
+        },
+        async initForm(type, id) {
+            this.startLoading()
+            this.$refs.ref_form.resetFields();
+            if (id) {
+                this.microGridId = id
+                this.getDetail(id)
+            }
+            //获取网格
+            await this.loadGrid()
+
+            this.formType = type
+
+            this.endLoading()
+
+        },
+        // 选择居民
+        async handleShowPersonList() {
+            if (this.formData.gridId) {
+                await this.handleChangeGrid()
+                this.personTableShow = true
+            } else {
+                this.$message.info("请先选择网格");
+            }
+
+        },
+        // 选择所属网格
+        async handleChangeGrid() {
+            const url = "/epmetuser/icresiuser/demandusers"
+            // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
+            let params = {
+                agencyId: '',
+                gridId: this.selGridId,
+                name: "",
+            }
+            const { data, code, msg } = await requestPost(url, params)
+
+            if (code === 0) {
+                this.demandUserList = data;
+
+            } else {
+                this.$message.error(msg)
+            }
+            this.tableLoading = false
+        },
+        //加载网格
+        async loadGrid() {
+            const url = "/gov/org/customergrid/gridoption"
+            let params = {
+                agencyId: this.agencyId,
+                purpose: "addorupdate"
+            }
+
+            const { data, code, msg } = await requestPost(url, params)
+
+            if (code === 0) {
+                this.gridList = data
+
+            } else {
+                this.$message.error(msg)
+            }
+
+        },
+        handelAgency(){
+            this.formData.gridId = this.formData.gridId[this.formData.gridId.length - 1]
+        },
+        async handleComfirm() {
+            this.btnDisable = true
+            setTimeout(() => {
+                this.btnDisable = false
+            }, 10000)
+            this.$refs['ref_form'].validate((valid, messageObj) => {
+                if (!valid) {
+                    app.util.validateRule(messageObj)
+                    this.btnDisable = false
+                } else {
+                    this.addmicrGrid()
+                }
+
+            })
+        },
+        // 新增提交
+        async addmicrGrid() {
+            let url = '/gov/org/customerMicroGrid/save'
+            let params = {}
+            if(this.formType == 'edit'){
+                let id = this.microGridId
+                params = {
+                    id,
+                ...this.formData
+                }
+            }else{
+                params = {
+                ...this.formData
+                } 
+            }
+            const { data, code, msg, internalMsg } = await requestPost(url, params)
+            if (code === 0) {
+                this.$message({
+                    type: 'success',
+                    message: '操作成功'
+                })
+                this.resetData()
+                this.$emit('dialogOk')
+                this.btnDisable = false
+            } else {
+                this.btnDisable = false
+                this.$message.error(internalMsg)
+            }
+        },
+
+        handleCancle() {
+            this.resetData()
+            this.$emit('dialogCancle')
+
+        },
+        resetData() {
+            this.icPublicServiceId = ''
+            this.formData = {
+                microgridName: '',
+                address: '',
+                gridId: '',
+                contacts: '',
+                sex: '',
+                mobile: '',
+            }
+        },
+        // 选中居民确定按钮
+        handleComfirmSelPerson() {
+
+            if (this.selPersonIndex === 0 || this.selPersonIndex) {
+                this.formData.contacts = selPerson.demandUserName
+                // this.formData.mobile = selPerson.demandUserMobile
+                // this.formData.reportUserId = selPerson.demandUserId
+                // this.formData.idCard = selPerson.idCard
+                this.personTableShow = false;
+
+            } else {
+                this.$message.info("请选择人员");
+            }
+
+        },
+        // 获取详情
+        async getDetail(id) {
+            const url = `/gov/org/customerMicroGrid/${id}`
+           
+            const { data, code, msg } = await requestPost(url)
+
+            if (code === 0) {
+               console.log(data);
+               this.formData = {...data}
+
+            } else {
+                this.$message.error(msg)
+            }
+
+        },
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: '正在加载……', // 加载中需要显示的文字
+                background: 'rgba(0,0,0,.7)' // 背景颜色
+            })
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close()
+            }
+        }
+    },
+    computed: {
+        dataRule() {
+            return {
+                microgridName: [
+                    { required: true, message: '微网格名称不能为空', trigger: 'blur' },
+                ],
+                address: [
+                    { required: true, message: '住址不能为空', trigger: 'blur' }
+                ],
+                gridId: [
+                    { required: true, message: '所属组织不能为空', trigger: 'blur' }
+                ],
+                contacts: [
+                    { required: true, message: '微网格长不能为空', trigger: 'blur' }
+                ],
+                sex: [
+                    { required: true, message: '性别不能为空', trigger: 'blur' }
+                ],
+                mobile: [
+                    { required: true, message: '联系电话不能为空', trigger: 'blur' }
+                ],
+            }
+        },
+
+    },
+    props: {
+        orgOptions: {
+            type: Array,
+            default: []
+        }
+    }
+}
+</script>
+<style scoped>
+.div_map {
+    position: relative;
+}
+
+.div_searchmap {
+    z-index: 5000;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+}
+</style>
+  
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/visual/communityManageForm.scss";
+</style>
+  

src/views/modules/base/microGrid/microGridDetail.vue

@@ -0,0 +1,280 @@
+<template>
+    <div>
+      <div class="dialog-h-content scroll-h">
+  
+        <el-form ref="ref_form"
+                 :inline="true"
+                 :model="formData"
+                 class="form">
+  
+          <el-form-item label="所属组织："
+                        prop="gridName"
+                        label-width="150px"
+                        style="display: block">
+            <span>{{formData.gridName}}</span>
+  
+          </el-form-item>
+          <el-form-item label="微网格名称："
+                        prop="microgridName"
+                        label-width="150px"
+                        style="display: block">
+  
+            <span>{{formData.microgridName}}</span>
+  
+          </el-form-item>
+          <el-form-item label="微网格长："
+                        prop="contacts"
+                        label-width="150px"
+                        style="display: block">
+            <span>{{formData.contacts}}</span>
+  
+          </el-form-item>
+          <el-form-item label="性别："
+                        prop="sex"
+                        label-width="150px"
+                        style="display: block">
+            <span>{{formData.sex === '1'?'男':'女'}}</span>
+          </el-form-item>
+          <el-form-item label="联系方式："
+                        style="display: block"
+                        prop="mobile"
+                        label-width="150px">
+            <div class="item_width_1">
+              <span>{{formData.mobile}}</span>
+            </div>
+          </el-form-item>
+          <el-form-item label="地址："
+                        style="display: block"
+                        prop="address"
+                        label-width="150px">
+            <div class="item_width_1">
+              <span>{{formData.address}}</span>
+            </div>
+          </el-form-item>
+          <!-- <el-form-item label="地址："
+                        style="display: block"
+                        prop="address"
+                        label-width="150px">
+            <div class="item_width_1">
+              <span>{{formData.address}}</span>
+              <div id="app" class="div_map"></div>
+            </div>
+          </el-form-item> -->
+        </el-form>
+  
+      </div>
+      <div class="div_btn">
+        <el-button size="small"
+                   @click="handleCancle">取 消</el-button>
+  
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  
+    import { Loading } from 'element-ui' // 引入Loading服务
+    import { requestPost } from '@/js/dai/request'
+  
+    var map
+    var search
+    var markers
+    var infoWindowList
+    var geocoder // 新建一个正逆地址解析类
+  
+    let loading // 加载动画
+    export default {
+      data () {
+        return {
+          formData: {},
+  
+        }
+      },
+      components: {},
+      mounted () {
+        // this.initMap()
+      },
+  
+      methods: {
+        handleCancle () {
+  
+          this.$emit('diaClose')
+  
+        },
+  
+        async initForm (row) {
+          this.startLoading()
+          await this.getDetail(row.id)
+
+          // map.setCenter(new TMap.LatLng(this.formData.latitude, this.formData.longitude))
+          // this.setMarker(this.formData.latitude, this.formData.longitude)
+          this.endLoading()
+  
+        },
+        async getDetail(id) {
+            const url = `/gov/org/customerMicroGrid/${id}`
+           
+            const { data, code, msg } = await requestPost(url)
+
+            if (code === 0) {
+               console.log(data);
+               this.formData = {...data}
+
+            } else {
+                this.$message.error(msg)
+            }
+
+        },
+        // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+        initMap () {
+          // 定义地图中心点坐标
+          var center = new window.TMap.LatLng(36.0722275, 120.38945519)
+          // 定义map变量，调用 TMap.Map() 构造函数创建地图
+          map = new window.TMap.Map(document.getElementById('app'), {
+            center: center, // 设置地图中心点坐标
+            zoom: 17.2, // 设置地图缩放级别
+            pitch: 43.5, // 设置俯仰角
+            rotation: 45 // 设置地图旋转角度
+          })
+  
+          search = new window.TMap.service.Search({ pageSize: 10 })
+          // 新建一个地点搜索类
+          markers = new TMap.MultiMarker({
+            map: map,
+            geometries: []
+          })
+          infoWindowList = Array(10)
+  
+          geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
+  
+          // 监听地图平移结束
+          map.on('panend', () => {
+            this.handleMoveCenter()
+          })
+          this.handleMoveCenter()
+          this.convert()
+        },
+  
+        setMarker (lat, lng) {
+          markers.setGeometries([])
+          markers.add([
+            {
+              id: '4',
+              styleId: 'marker',
+              position: new TMap.LatLng(lat, lng),
+              properties: {
+                title: 'marker4'
+              }
+            }
+          ])
+        },
+  
+        handleSearchMap () {
+          infoWindowList.forEach((infoWindow) => {
+            infoWindow.close()
+          })
+          infoWindowList.length = 0
+          markers.setGeometries([])
+          // 在地图显示范围内以给定的关键字搜索地点
+          search
+                  .searchRectangle({
+                    keyword: this.keyWords,
+                    bounds: map.getBounds()
+                  })
+                  .then((result) => {
+                    let { data } = result
+                    if (Array.isArray(data) && data.length > 0) {
+                      const {
+                        location: { lat, lng }
+                      } = data[0]
+  
+  
+                      map.setCenter(new TMap.LatLng(lat, lng))
+                      this.setMarker(lat, lng)
+                      this.formData.latitude = lat
+                      this.formData.longitude = lng
+                      this.convert()
+                    } else {
+                      this.$message.error('未检索到相关位置坐标')
+                    }
+                  })
+        },
+  
+        handleMoveCenter () {
+          //修改地图中心点
+          const center = map.getCenter()
+          const lat = center.getLat()
+          const lng = center.getLng()
+          this.formData.latitude = lat
+          this.formData.longitude = lng
+          this.setMarker(lat, lng)
+          this.convert(lat, lng)
+        },
+  
+        convert (lat, lng) {
+          markers.setGeometries([]);
+          // var input = document.getElementById('location').value.split(',');
+          let location
+          if (lat && lng) {
+            location = new TMap.LatLng(lat, lng);
+          } else {
+            location = new TMap.LatLng(this.formData.latitude, this.formData.longitude);
+          }
+  
+          // map.setCenter(location);
+          markers.updateGeometries([
+            {
+              id: 'main', // 点标注数据数组
+              position: location,
+            },
+          ]);
+          geocoder
+                  .getAddress({ location: location }) // 将给定的坐标位置转换为地址
+                  .then((result) => {
+                    // this.formData.address = result.result.address
+                    // 显示搜索到的地址
+                  });
+        },
+  
+        // 开启加载动画
+        startLoading () {
+          loading = Loading.service({
+            lock: true, // 是否锁定
+            text: '正在加载……', // 加载中需要显示的文字
+            background: 'rgba(0,0,0,.7)' // 背景颜色
+          })
+        },
+        // 结束加载动画
+        endLoading () {
+          // clearTimeout(timer);
+          if (loading) {
+            loading.close()
+          }
+        }
+      },
+      computed: {
+      },
+      props: {
+  
+      }
+    }
+  </script>
+  <style lang="scss" scoped >
+    @import "@/assets/scss/modules/visual/communityManageForm.scss";
+  </style>
+  <style scoped>
+    .detail_span {
+      width: 500px;
+      font-weight: bold;
+      text-align: left;
+      margin: 0 0;
+      font-size: 16px;
+    }
+  
+    .form {
+      margin-top: 30px;
+    }
+  </style>
+  
+  
+  

src/views/modules/base/microGrid/microGridHouse.vue

@@ -0,0 +1,497 @@
+<template>
+    <div class="div_main">
+        <div class="div_btn">
+            <el-button class="diy-button--add" size="small" @click="handleAdd">新增绑定</el-button>
+        </div>
+        <el-table class="table" :data="tableData" border :height="tableHeight" v-loading="tableLoading"
+            :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" style="width: 100%">
+            <el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column>
+            <el-table-column prop="houseName" header-align="center" align="center" label="房屋">
+            </el-table-column>
+            <el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" class="operate">
+                <template slot-scope="scope">
+                    <el-popconfirm title="确认删除？"
+                             @confirm="handleDelete(scope.row)">
+                             <el-button slot='reference' type="text" class="div-table-button--delete" size="small"
+                       >删除</el-button>
+              </el-popconfirm>
+                  
+                </template>
+            </el-table-column>
+        </el-table>
+        <div>
+            <el-pagination @size-change="handleSizeChange"  :current-page="pageNo" @current-change="handleCurrentChange" :total="total" :current-page.sync="pageNo" :page-sizes="[10, 20, 50]" :page-size="pageSize" layout="total,sizes, prev, pager, next">
+            </el-pagination>
+        </div>
+        <el-dialog v-if="addHouseShow" :visible.sync="addHouseShow" :close-on-click-modal="false" :close-on-press-escape="false" width="920px"
+            destroy-on-close :before-close="beforeClose" top="30vh" @closed="addHouseShow = false" class="dialog-h"
+            z-index="3000">
+            <div style="padding:10px;">
+                <div> 所属组织:{{ gridName }}</div>
+                <el-row>
+                    <el-col :span="24">
+                        <div class="resi-cell">
+                            <div class="resi-cell-label">选择房屋</div>
+                            <div class="resi-cell-value">
+                                <el-select v-model.trim="VILLAGE_ID" placeholder="请选择小区" size="small" clearable
+                                    class="resi-cell-select" @clear="handleClearVillage" @change="handleChangeV"
+                                    popper-class="vSelsect">
+                                    <el-option v-for="(item, index) in optionsV" :key="index" :label="item.label"
+                                        :value="item.value">
+                                    </el-option>
+                                </el-select>
+                                <!-- multiple collapse-tags -->
+                                <el-select v-model.trim="BUILD_ID" placeholder="楼号" size="small" clearable
+                                    style="width: 150px;" class="resi-cell-select " :disabled="changeVDisabled"
+                                    @clear="handleClearBuild"  @change="handleChangeB"
+                                    popper-class="vSelsect" ref="buildS">
+                                    <el-option v-for="(item, index) in optionsB" :key="index" :label="item.label"
+                                        :value="item.value">
+                                    </el-option>
+                                </el-select>
+                                <!-- multiple collapse-tags -->
+                                <el-select v-model.trim="UNIT_ID"  :disabled="changeBDisabled"
+                                    placeholder="单元" size="small" clearable style="width: 150px;" class="resi-cell-select "
+                                    @clear="handleClearDan" @change="handleChangeD" popper-class="vSelsect">
+                                    <el-option v-for="(item, index) in optionsD " :key="index" :label="item.label"
+                                        :value="item.value">
+                                    </el-option>
+                                </el-select>
+                                <el-select v-model.trim="HOME_ID"  :disabled="changeDDisabled"
+                                    placeholder="房号" size="small" multiple collapse-tags clearable style="width: 150px;" class="resi-cell-select "
+                                    popper-class="vSelsect" @clear="handleClearHouse" @change="handleChangeH">
+                                    <el-option v-for="(item, index) in optionsH" :key="index" :label="item.label"
+                                        :value="item.value">
+                                    </el-option>
+                                </el-select>
+                                <el-button type="primary" style="margin-left: 10px;" size="small" @click="handelClickCheck">选取</el-button>
+                            </div>
+                        </div>
+                        <section>
+                            <div v-for="(item, index) in selArr" :key="index" style="margin-top: 10px;">
+                                <span>{{ item.name }}</span><img src="../../../../assets/img/del.png"
+                                    style="cursor: pointer;" @click="handelClickDel(item)" width="16px" alt="">
+                            </div>
+                        </section>
+                       
+                    </el-col>
+                    <el-col :span="24">
+                        <div class="btn_bto">
+                                    <el-button type="primary" plain @click="handleClose">取消</el-button>
+                                    <el-button type="primary" plain @click="handelSave"> 确定</el-button>
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+
+
+import { requestGet, requestPost } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+
+let loading // 加载动画
+export default {
+    data() {
+        return {
+            loading: false,
+            pageSize: 20,
+            pageNo: 0,
+            tableLoading: false,
+            microGridId: '',//微网格Id
+            tableData: [],//已绑定房屋列表
+            addHouseShow: false,//新增绑定房屋弹框
+            gridName: '',//网格名称
+            gridId: '',
+
+            optionsV: [],
+            optionsB: [],
+            optionsD: [],
+            optionsH: [],
+
+            AGENCY_ID: '',
+            GRID_ID: '',
+            VILLAGE_ID: '',
+            BUILD_ID: '',
+            UNIT_ID: '',
+            HOME_ID: '',
+            selArr: [],
+            prevSelectedOptionsB: [],
+            prevSelectedOptionsD: [],
+            prevSelectedOptionsH: [],
+            total:0
+
+        }
+    },
+    components: {
+
+    },
+    async created() {
+
+    },
+    async mounted() {
+
+    },
+    methods: {
+        async initForm(row) {
+            this.microGridId = row.id
+            this.gridName = row.gridName
+            this.gridId = row.gridId
+            console.log(row);
+            console.log(row.gridId);
+            //获取数据
+            await this.loadTable()
+        },
+
+        async loadTable() {
+            this.tableLoading = true
+            const url = `/gov/org/house/getMicroGridHouseList?microGridId=${this.microGridId}&pageSize=${this.pageSize}&pageNo=${this.pageNo}`
+            // const url = "http://yapi.elinkservice.cn/mock/245/heart/userdemand/recordList"
+            const { data, code, msg } = await requestGet(url)
+
+            if (code === 0) {
+                this.tableData = data.list || []
+                this.total = data.total
+            } else {
+                this.$message.error(msg)
+            }
+            this.tableLoading = false
+        },
+        getValiheList() {
+            const { user } = this.$store.state
+            console.log(this.gridId);
+            this.$http
+                .post('/gov/org/icneighborhood/neighborhoodoption', {
+                    gridId: this.gridId,
+                    agencyId: ''
+                })
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取查询详情成功', res.data)
+                        this.optionsV = res.data
+                    }
+                })
+                .catch(() => {
+                    return this.$message.error('网络错误')
+                })
+        },
+        getBuildList() {
+            this.$http
+                .post('/gov/org/icbuilding/buildingoption', {
+                    neighborHoodId: this.VILLAGE_ID
+                })
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取查询详情成功', res.data)
+                        this.optionsB.push(...res.data)
+                    }
+                })
+                .catch((err) => {
+                    return this.$message.error('网络错误')
+                })
+        },
+        getUniList() {
+            this.$http
+                .post('/gov/org/icbuildingunit/unitoption', {
+                    buildingId: this.BUILD_ID
+                })
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取查询详情成功', res.data)
+                        this.optionsD.push(...res.data)
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                    return this.$message.error('网络错误')
+                })
+        },
+        getHouseList() {
+            this.$http
+                .post('/gov/org/ichouse/houseoption', { unitId: this.UNIT_ID })
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取查询详情成功', res.data)
+                        this.optionsH.push(...res.data)
+                    }
+                })
+                .catch(() => {
+                    return this.$message.error('网络错误')
+                })
+        },
+        handleChangeV(val) {
+            console.log('val', val)
+            this.BUILD_ID = ''
+            this.UNIT_ID = ''
+            this.HOME_ID = ''
+            this.getBuildList()
+        },
+        handleChangeB(val) {
+            // const selected = val.filter(item => !this.prevSelectedOptionsB.includes(item));
+            // const unselected = this.prevSelectedOptionsB.filter(item => !val.includes(item));
+            // console.log(unselected);
+            // if (unselected.length > 0) {
+            //     this.selArr = this.selArr.filter(item => item.id !== unselected[0])
+            // } else {
+            //     this.getMicroGridHouseName(selected[selected.length - 1], 'building')
+            // }
+            // this.prevSelectedOptionsB = [...val];
+            // 在这里处理选中或取消选中的逻辑
+            this.UNIT_ID = ''
+            this.HOME_ID = ''
+            this.getUniList()
+        },
+        handleChangeD(val) {
+            // const selected = val.filter(item => !this.prevSelectedOptionsD.includes(item));
+            // const unselected = this.prevSelectedOptionsD.filter(item => !val.includes(item));
+            // if (unselected.length > 0) {
+            //     this.selArr = this.selArr.filter(item => item.id !== unselected[0])
+            // } else {
+            //     this.getMicroGridHouseName(selected[selected.length - 1], 'unit')
+            // }
+            // this.prevSelectedOptionsD = [...val];
+
+            this.HOME_ID = ''
+            this.getHouseList()
+        },
+        handleChangeH(val) {
+            // const selected = val.filter(item => !this.prevSelectedOptionsH.includes(item));
+            // const unselected = this.prevSelectedOptionsH.filter(item => !val.includes(item));
+            // if (unselected.length > 0) {
+            //     this.selArr = this.selArr.filter(item => item.id !== unselected[0])
+            // } else {
+            //     this.getMicroGridHouseName(selected[selected.length - 1], 'house')
+            // }
+            // this.prevSelectedOptionsH = [...val];
+
+        },
+        handleClearVillage() {
+            this.BUILD_ID = ''
+            this.HOME_ID = ''
+        },
+        handelClickCheck(){
+            if(this.HOME_ID.length > 0){
+                for(let i in this.HOME_ID){
+                    this.getMicroGridHouseName(this.HOME_ID[i],'house')
+                }
+            }else if(this.UNIT_ID){
+                this.getMicroGridHouseName(this.UNIT_ID,'unit')
+            }else if(this.BUILD_ID){
+                this.getMicroGridHouseName(this.BUILD_ID,'building')
+            }
+        },
+        handleClearBuild() {
+            this.BUILD_ID = ''
+            this.UNIT_ID = ''
+            this.HOME_ID = ''
+        },
+        handleClearDan() {
+            this.UNIT_ID = ''
+            this.HOME_ID = ''
+        },
+        handleClearHouse() {
+        },
+        handleSizeChange(val) {
+            this.pageSize = val
+            this.pageNo = 1
+            this.loadTable()
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val
+            this.loadTable()
+        },
+        // 新增绑定房屋
+        handleAdd() {
+            this.addHouseShow = true
+            this.getValiheList()
+        },
+        beforeClose(done) {
+            this.VILLAGE_ID = '';
+            this.BUILD_ID = '';
+            this.UNIT_ID = '';
+            this.HOME_ID = '';
+            this.selArr = []
+            this.addHouseShow = false
+        },
+        async getMicroGridHouseName(id, level) {
+            const url = `/gov/org/house/getMicroGridHouseName?levelId=${id}&level=${level}`
+            // const url = "http://yapi.elinkservice.cn/mock/245/heart/userdemand/recordList"
+            const { data, code, msg } = await requestGet(url)
+            if (code === 0) {
+                // 判断 selArr 中是否已包含相同的 id
+                const isIdInSelArr = this.selArr.some(item => item.id === id);
+                if (!isIdInSelArr) {
+                    this.selArr.push(data);
+                }
+            } else {
+                this.$message.error(msg)
+            }
+            this.tableLoading = false
+        },
+        handelClickDel(val) {
+            this.selArr = this.selArr.filter(item => item.id !== val.id);
+        },
+        handleClose() {
+            this.addHouseShow = false
+            this.restData()
+        },
+        async handleDelete(row) {
+            let parm = {
+                houseId: row.homeId
+            }
+            let url = '/gov/org/house/removeMicroGridHouse'
+            const { data, code, msg } = await requestPost(url, parm)
+            if (code == 0) {
+                this.loadTable()
+            } else {
+                console.log(mas);
+            }
+        },
+        async handelSave() {
+            let parm = {
+                houseIds: this.selArr.filter(item=>item.level == 'house').map(item=>item.id).join(',') || '',
+                unitIds:  this.selArr.filter(item=>item.level == 'unit').map(item=>item.id).join(',') || '',
+                buildingIds: this.selArr.filter(item=>item.level == 'building').map(item=>item.id).join(',')|| '' ,
+                microGridId: this.microGridId
+            }
+            let url = '/gov/org/house/addMicroGridHouse'
+            const { data, code, msg } = await requestPost(url, parm)
+            if (code == 0) {
+                this.addHouseShow = false
+                this.restData()
+                this.loadTable()
+            } else {
+                console.log(mas);
+            }
+        },
+        restData(){
+            this.VILLAGE_ID = '';
+            this.UNIT_ID = [];
+            this.BUILD_ID = [];
+            this.HOME_ID = [];
+            this.selArr = [];
+            this.optionsB= [];
+            this.optionsD= [];
+            this.optionsH= [];
+        },
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: '正在加载……', // 加载中需要显示的文字
+                background: 'rgba(0,0,0,.7)' // 背景颜色
+            })
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close()
+            }
+        }
+    },
+    computed: {
+        tableHeight() {
+
+            return (this.clientHeight - 460)
+
+        },
+        rowHeight() {
+            return (this.clientHeight - 200) + 'px'
+        },
+        changeVDisabled() {
+            return !this.VILLAGE_ID
+        },
+        changeBDisabled() {
+            return !this.BUILD_ID
+        },
+        changeDDisabled() {
+            return !this.UNIT_ID
+        },
+        ...mapGetters(['clientHeight'])
+    },
+    watch: {
+
+    },
+    props: {
+        serviceType: {
+            type: String,
+            default: ''
+        }
+    }
+}
+</script>
+<style lang="scss" scoped >
+@import "@/assets/scss/buttonstyle.scss";
+
+// @import "@/assets/scss/common.scss";
+.div_main {
+    background: #ffffff;
+    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    margin-top: 15px;
+    padding: 23px 30px 10px;
+}
+
+.div_search {
+    background: #ffffff;
+    border-radius: 4px;
+    padding: 30px 20px 5px;
+    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+}
+
+.item_width_1 {
+    width: 260px;
+}
+
+.item_width_2 {
+    width: 495px;
+}
+
+.div_table {
+    background: #ffffff;
+    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    margin-top: 15px;
+    padding: 23px 30px 10px;
+
+
+}
+
+.table {
+    margin-top: 20px;
+}
+
+.el-row {
+    /* margin-bottom: 20px; */
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 10px;
+    margin-right: 50px;
+}
+.btn_bto{
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+.resi-cell{
+    display: flex;
+    align-items: center;
+    .resi-cell-label{
+        margin-right: 10px;
+    }
+}
+</style>
+  

src/views/modules/communityParty/communityFrameWork/index.vue

@@ -0,0 +1,717 @@
+<template>
+  <div v-if="pageLoading" class="resi-container">
+    <el-card ref="searchCard" class="search-card">
+      <div class="">
+        <el-form ref="searchForm" :inline="true" :model="searchForm" class="demo-form-inline">
+          <el-form-item label="所属社区" prop="communityId">
+            <el-select v-model="searchForm.communityId" filterable placeholder="请选择" clearable>
+              <el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姓名" prop="name">
+            <el-input v-model="searchForm.name" placeholder="请输入" clearable></el-input>
+          </el-form-item>
+          <el-form-item label="职位" prop="type">
+            <el-select v-model="searchForm.type" filterable placeholder="请选择" clearable>
+              <el-option v-for="item in optionsEditC" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button>
+            <el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-card>
+    <el-card class="resi-card-table">
+
+      <div class="resi-row-btn">
+        <el-button class="diy-button--add" size="small" @click="handleAdd">新增</el-button>
+        <!-- <el-button
+                   class="diy-button--export"
+                   size="small"
+                   @click="handleExportModule('room')">下载模板</el-button> -->
+        <!-- <el-upload ref="upload" class="upload-demo" action="uploadUlr" :limit="1" :accept="'.xls,.xlsx'"
+          :with-credentials="true" :show-file-list="false" :auto-upload="true" :on-success="handleExcelSuccess"
+          :before-upload="beforeExcelUpload" :http-request="uploadHttpRequest">
+          <el-button size="small" class="diy-button--delete" :loading="importLoading">{{ importBtnTitle }}</el-button>
+        </el-upload> -->
+        <!-- <el-button class="diy-button--reset" size="small" :loading="exportBtn" @click="handleExport">{{ exportBtnTitle
+        }}</el-button> -->
+
+      </div>
+
+      <el-table :data="tableData" row-key="id" v-loading="tableLoading" border :height="tableHeight" style="width: 100%"
+        class="resi-table">
+        <el-table-column label="序号" type="index" align="center" width="50">
+        </el-table-column>
+        <el-table-column v-for="item in tableHeader" :key="item.columnName" :prop="item.columnName" :label="item.label"
+          :align="item.align" :width="item.width">
+          <template slot-scope="scope">
+            <div class="div-content">{{ handleFilterSpan(scope.row, item) }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">查看</el-button>
+            <el-button @click="handleEdit(scope.row, 'edit')" type="text" size="small"
+              class="btn-color-edit">修改</el-button>
+            <el-popconfirm title="删除之后无法恢复，确认删除？" @confirm="handleDel(scope.row)">
+              <el-button slot="reference" type="text" size="small" class="btn-color-del">删除</el-button>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page.sync="currentPage" :page-sizes="[20, 50, 100, 200]" :page-size="pageSize"
+          layout="sizes, prev, pager, next, total" :total="total">
+        </el-pagination>
+      </div>
+    </el-card>
+
+    <el-dialog title="社区人员架构" :visible.sync="dialogVisible" width="50%" top="5vh" class="dialog-h" append-to-body
+      :close-on-click-modal="false" :before-close="handlerCancle">
+      <el-form v-if="dialogVisible" label-width="100px" :model="form" :rules="rules" ref="ruleForm"
+        class="form-wr dialog-h-content scroll-h">
+        <el-form-item label="所属社区" prop="communityId">
+          <el-select v-model="form.communityId" filterable placeholder="请选择" clearable>
+            <el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话" prop="mobile">
+          <el-input v-model="form.mobile" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="职位" prop="type">
+          <el-select v-model="form.type" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
+            <el-option v-for="item in optionsEditC" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div class="resi-btns">
+        <el-button size="small" @click="handlerCancle">取消</el-button>
+        <el-button v-if="!disabled" type="primary" size="small" :loading="btnLoading" @click="handleSUbmit">提交</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+import { mapGetters } from 'vuex'
+import { requestPost } from "@/js/dai/request";
+export default {
+  data() {
+    return {
+      uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+      importBtnTitle: '导入',
+      importLoading: false,
+      exportBtn: false,
+      exportBtnTitle: '导出',
+      tableLoading: false,
+      btnLoading: false,
+      uploading: false,
+      disabled: false,
+      pageLoading: false,
+      dialogVisible: false,
+      currentPage: 1,
+      pageSize: 20,
+      total: null,
+      tableData: [],
+      searchH: 0,
+      unloadPencent: 0,
+      value: '',
+      optionsG: [],
+      optionsEditC: [],
+      options: [
+        {
+          label: '是',
+          value: 1
+        }, {
+          label: '否',
+          value: 2
+        }
+      ],
+      tableHeader: [
+        {
+          label: '组织名称',
+          columnName: 'agencyName',
+          align: 'center',
+          width: '160',
+          options: []
+        }, {
+          label: '姓名',
+          align: 'center',
+          columnName: 'name',
+          width: '200',
+          options: []
+        }, {
+          label: '职责',
+          align: 'center',
+          columnName: 'type',
+          width: '',
+          options: []
+        }
+      ],
+      customerId: '',
+      searchForm: {
+        type: '',
+        mainDeed: '',
+        name: ''
+      },
+      form: {
+        communityId: '',
+        name: '',
+        mobile: '',
+        type: ''
+      },
+      rules: {
+        communityId: [{ required: true, message: '社区不能为空', trigger: 'blur' }],
+        type: [{ required: true, message: '职责不能为空', trigger: 'blur' }],
+        name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+        mobile: [{ required: true, message: '联系电话不能为空', trigger: 'blur' }],
+      },
+      orgOptions: [],
+
+    }
+  },
+  computed: {
+    ...mapGetters(['clientHeight', 'iframeHeight']),
+    tableHeight() {
+      const h = this.clientHeight - this.searchH - 280 + this.iframeHeigh
+      const _h = this.clientHeight - 280 - this.searchH
+      return this.$store.state.inIframe ? h : _h
+    }
+  },
+  async created() {
+    this.customerId = localStorage.getItem('customerId')
+    this.getTableData()
+    this.pageLoading = true
+  },
+  mounted() {
+    this.getOrgTreeList()
+    this.getCateList()
+    this.$nextTick(() => {
+      this.searchH = this.$refs.searchCard.$el.offsetHeight
+      console.log('tableHeight', this.tableHeight)
+    })
+
+  },
+  methods: {
+    getOrgTreeList() {
+      this.$http
+        .post('/gov/org/customeragency/agencygridtree', {})
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取组织树成功', res.data)
+            this.orgOptions = []
+            this.orgOptions = this.filterCommunity([res.data]).map(item => ({ label: item.agencyName, value: item.agencyId }))
+            console.log(this.orgOptions);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+          return this.$message.error('网络错误')
+        })
+    },
+    filterCommunity(data) {
+      // 如果数据为空，返回空数组
+      if (!data || data.length === 0) {
+        return [];
+      }
+      // 用于存储符合条件的节点
+      const result = [];
+
+      // 遍历数据
+      for (const node of data) {
+        // 如果当前节点的 level 是 community，则加入结果集
+        if (node.level === 'community') {
+          result.push(node);
+        }
+        // 如果当前节点有子节点，递归调用 filterCommunity 处理子节点
+        if (node.subAgencyList && node.subAgencyList.length > 0) {
+          const communityChildren = this.filterCommunity(node.subAgencyList);
+          // 将符合条件的子节点合并到结果集中
+          result.push(...communityChildren);
+        }
+      }
+      return result;
+    },
+
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.pageSize = val
+      this.getTableData()
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`)
+      this.currentPage = val
+      this.getTableData()
+    },
+    handleFilterSpan(row, item) {
+      let _val = ''
+      if (item.options && item.options.length > 0) {
+        item.options.forEach((n) => {
+          if (n.value === row[item.columnName]) _val = n.label
+        })
+      }
+      return _val || row[item.columnName]
+    },
+    // 上传大图标成功
+    handleExcelSuccess(res, file) {
+      if (res.code === 0 && res.msg === 'success') {
+
+        console.log('resss---ppp', res)
+
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    handleProgress(event, file, fileList) {
+      console.log('percentage', event, file.percentage)
+      this.uploading = true
+      this.unloadPencent = Number(file.percentage.toFixed(0))
+    },
+
+    download(data, fileName) {
+      console.log('data', data)
+      if (!data) {
+        return
+      }
+
+      var csvData = new Blob([data])
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName)
+      }
+      // for Non-IE (chrome, firefox etc.)
+      else {
+        var a = document.createElement('a')
+        document.body.appendChild(a)
+        a.style = 'display: none'
+        var url = window.URL.createObjectURL(csvData)
+        a.href = url
+        a.download = fileName
+        a.click()
+        a.remove()
+        window.URL.revokeObjectURL(url)
+      }
+    },
+    async handleExportModule() {
+      let url = "/resi/partymember/icpartymemberstyle/import/template-download"
+
+
+      let params = {}
+      // app.ajax.exportFilePost(
+      //   url,
+      //   params,
+      //   (data, rspMsg) => {
+
+      //     this.download(data, 'a.xls')
+      //   },
+      //   (rspMsg, data) => {
+      //     this.$message.error(rspMsg);
+      //   }
+      // );
+      await this.$http({
+        method: 'POST',
+        url,
+        responseType: 'blob',
+        data: params
+      })
+        .then(res => {
+          console.log('res-------dd', res)
+          if (res.headers["content-disposition"]) {
+            let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+            this.download(res.data, fileName)
+            // console.log('filename', fileName)
+            // let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+            // var url = window.URL.createObjectURL(blob)
+            // var aLink = document.createElement('a')
+            // aLink.style.display = 'none'
+            // aLink.href = url
+            // aLink.setAttribute('download', fileName)
+            // document.body.appendChild(aLink)
+            // aLink.click()
+            // document.body.removeChild(aLink) //下载完成移除元素
+            // window.URL.revokeObjectURL(url) //释放掉blob对象
+          } else this.$message.error('下载失败')
+        })
+        .catch(err => {
+          console.log('err', err)
+          return this.$message.error('网络错误')
+        })
+    },
+    beforeExcelUpload(file) {
+      console.log('file', file)
+      const isType = file.type === 'application/vnd.ms-excel'
+      const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      const fileType = isType || isTypeComputer
+      const isLt1M = (file.size / 1024 / 1024) < 10
+      if (!fileType) {
+        this.$message.error('上传文件只能是xls/xlsx格式！')
+      }
+
+      if (!isLt1M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+      }
+      return fileType && isLt1M
+    },
+    async uploadHttpRequest(file) {
+      this.importLoading = true
+      this.importBtnTitle = '正在上传中...'
+      this.$message({
+        showClose: true,
+        message: '导入中，请到系统管理-导入记录中查看进度',
+        duration: 0
+      })
+      const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加
+      formData.append('file', file.file) //添加文件对象
+      this.$http
+        .post('/resi/partymember/icpartymemberstyle/import', formData).then(res => {
+          console.log('res-up', res)
+          if (res.data.code == 0 && res.data.msg == 'success') {
+            // this.$message.success('导入成功')
+            this.getTableData()
+          } else {
+            this.$message.error(res.data.msg)
+          }
+        }).catch(err => {
+          console.log('失败', err)
+          file.onError() //上传失败的文件会从文件列表中删除
+          // this.$message.error('导入失败')
+        })
+      // await axios({
+      //   url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/import',
+      //   method: 'post',
+      //   data: formData,
+      //   responseType: 'blob'
+      // })
+      // .then((res) => {
+      //   // this.importLoading = false
+      //   // this.importBtnTitle = '导入人员数据'
+      //   // let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+      //   //   console.log('filename', fileName)
+      //   // let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+      //   // var url = window.URL.createObjectURL(blob)
+      //   // var aLink = document.createElement('a')
+      //   // aLink.style.display = 'none'
+      //   // aLink.href = url
+      //   // aLink.setAttribute('download', fileName)
+      //   // document.body.appendChild(aLink)
+      //   // aLink.click()
+      //   // document.body.removeChild(aLink) //下载完成移除元素
+      //   // window.URL.revokeObjectURL(url) //释放掉blob对象
+      //   this.getTableData()
+      // })
+      // .catch( err => {
+      //     console.log('失败', err)
+      //     file.onError() //上传失败的文件会从文件列表中删除
+      //     this.$message.error('导入失败')
+      // })
+      this.importLoading = false
+      this.importBtnTitle = '导入'
+      this.$refs.upload.clearFiles()
+    },
+    async handleExport() {
+      this.exportBtn = true
+      this.exportBtnTitle = '正在导出...'
+      let params = {
+        agencyId: this.$store.state.user.agencyId,
+        pageSize: 9999,
+        pageNo: this.currentPage
+      }
+      // .post('epmetuser/icresiuser/exportExcel', params)
+      await axios({
+        url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/export',
+        // url: 'epmetuser/icresiuser/exportExcel',
+        method: 'post',
+        data: params,
+        responseType: 'blob'
+      })
+        .then(res => {
+          console.log('resllll', res)
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+          var url = window.URL.createObjectURL(blob)
+          var aLink = document.createElement('a')
+          aLink.style.display = 'none'
+          aLink.href = url
+          aLink.setAttribute('download', fileName)
+          document.body.appendChild(aLink)
+          aLink.click()
+          document.body.removeChild(aLink) //下载完成移除元素
+          window.URL.revokeObjectURL(url) //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log('获取导出情失败', err)
+          this.$message.error('获取导出失败')
+        })
+      this.exportBtn = false
+      this.exportBtnTitle = '导出'
+    },
+
+    handleSearch(val) {
+      console.log('searchhh--', val)
+      this.currentPage = 1
+      this.getTableData()
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.dialogVisible = true
+    },
+
+    handlerCancle() {
+      for (const n in this.form) {
+        this.form[n] = ''
+        if (n === 'imageList') this.form[n] = []
+      }
+      this.disabled = false
+      this.dialogVisible = false
+    },
+    async handleLook(row) {
+      this.disabled = true
+      await this.getDetail(row.id)
+    },
+    async handleEdit(row, addType) {
+      // this.form = { ...row }
+      await this.getDetail(row.id)
+      // this.dialogVisible = true
+    },
+    async addNew() {
+      const _form = {
+        ...this.form,
+      }
+      await this.$http
+        .post('/gov/org/customerCommunityManageUser/save', _form)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.$message.success('操作成功')
+            this.handlerCancle()
+            this.getTableData()
+          }
+        })
+        .catch(err => {
+          console.log('err', err)
+          return this.$message.error('网络错误')
+        })
+      this.btnLoading = false
+    },
+    handleSUbmit() {
+      this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.addNew()
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+
+    },
+    handleDel(row) {
+      console.log('row1', row)
+      this.$http
+        .post('/gov/org/customerCommunityManageUser/delete', [row.id])
+        .then(({ data: res }) => {
+          console.log('row2', row)
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('row3', row)
+            this.$message.success('删除成功')
+            this.getTableData()
+          }
+        })
+        .catch((err) => {
+          console.log('row4', err)
+          return this.$message.error('网络错误')
+        })
+    },
+    async getDetail(id) {
+      this.$http
+        .post(`/gov/org/customerCommunityManageUser/${id}`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.form = { ...res.data }
+            this.dialogVisible = true
+          }
+        })
+        .catch((err) => {
+          console.log('row4', err)
+          return this.$message.error('网络错误')
+        })
+    },
+
+
+    async getCateList() {
+      const url = "/sys/dict/data/dictlist"
+
+      let params = {
+        dictType: 'communityFrameWork'
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.optionsEditC = data;
+        this.tableHeader[2].options = data;
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+    async getTableData() {
+      this.tableLoading = true
+      const { user } = await this.$store.state
+      let params = {
+        ...this.searchForm,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize
+      }
+      await this.$http
+        .post('/gov/org/customerCommunityManageUser/page', params)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.tableData = res.data.list
+            this.total = res.data.total
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+      this.tableLoading = false
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+
+.resi-container .resi-card-table {
+  ::v-deep .el-table th {
+    color: #fff;
+    background-color: rgba(33, 149, 254, 1);
+    // border-right: 1px solid rgba(33, 149, 254, 1);
+  }
+}
+
+.resi-table {
+  ::v-deep .el-button--text {
+    text-decoration: underline;
+  }
+
+  ::v-deep .btn-color-del {
+    margin-left: 10px;
+    color: rgba(213, 16, 16, 1);
+  }
+
+  ::v-deep .btn-color-edit {
+    color: rgba(0, 167, 169, 1);
+  }
+}
+
+.form-wr {
+  .input-width {
+    width: 260px;
+
+  }
+
+  .input-width-textarea {
+    width: 500px;
+  }
+
+  .imsg-list {
+    display: flex;
+    align-items: center;
+
+    .imgs-item {
+      position: relative;
+      margin-right: 10px;
+
+      .el-icon-delete {
+        position: absolute;
+        top: 0;
+        right: 0;
+        font-size: 18px;
+        color: red;
+        z-index: 3;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.div-content {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>
+
+<style lang="scss" scoped>
+.resi-row-btn {
+  display: flex;
+  margin-bottom: 13px;
+
+  ::v-deep .el-button {
+    // margin-left: 10px;
+    border: 0;
+  }
+
+  ::v-deep .el-select {
+    margin-right: 10px;
+  }
+
+  .el-button--success {
+    background: rgba(34, 193, 195, 1);
+  }
+
+  .el-button {
+    margin-left: 10px;
+    border: 0;
+  }
+
+  .el-button--success {
+    background: rgba(34, 193, 195, 1);
+  }
+
+  .el-button--warning {
+    background: rgba(254, 179, 73, 1);
+  }
+
+  .el-button--danger {
+    background: rgba(254, 98, 82, 1);
+  }
+}
+
+
+.resi-btns {
+  margin-top: 20px;
+  text-align: center;
+}
+</style>

src/views/modules/communityParty/gridFrameWork/index.vue

@@ -0,0 +1,733 @@
+<template>
+  <div v-if="pageLoading" class="resi-container">
+    <el-card ref="searchCard" class="search-card">
+      <div class="">
+        <el-form ref="searchForm" :inline="true" :model="searchForm" class="demo-form-inline">
+          <el-form-item label="所属网格" prop="gridId">
+            <el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
+              <el-option v-for="item in optionsEditG" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姓名" prop="name">
+            <el-input v-model="searchForm.name" placeholder="请输入" clearable></el-input>
+          </el-form-item>
+          <el-form-item label="职位" prop="type">
+            <el-select v-model="searchForm.type" filterable placeholder="请选择" clearable>
+              <el-option v-for="item in optionsEditC" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button>
+            <el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-card>
+    <el-card class="resi-card-table">
+
+      <div class="resi-row-btn">
+        <el-button class="diy-button--add" size="small" @click="handleAdd">新增</el-button>
+        <!-- <el-button
+                   class="diy-button--export"
+                   size="small"
+                   @click="handleExportModule('room')">下载模板</el-button> -->
+        <!-- <el-upload ref="upload" class="upload-demo" action="uploadUlr" :limit="1" :accept="'.xls,.xlsx'"
+          :with-credentials="true" :show-file-list="false" :auto-upload="true" :on-success="handleExcelSuccess"
+          :before-upload="beforeExcelUpload" :http-request="uploadHttpRequest">
+          <el-button size="small" class="diy-button--delete" :loading="importLoading">{{ importBtnTitle }}</el-button>
+        </el-upload> -->
+        <!-- <el-button class="diy-button--reset" size="small" :loading="exportBtn" @click="handleExport">{{ exportBtnTitle
+        }}</el-button> -->
+
+      </div>
+
+      <el-table :data="tableData" row-key="id" v-loading="tableLoading" border :height="tableHeight" style="width: 100%"
+        class="resi-table">
+        <el-table-column label="序号" type="index" align="center" width="50">
+        </el-table-column>
+        <el-table-column v-for="item in tableHeader" :key="item.columnName" :prop="item.columnName" :label="item.label"
+          :align="item.align" :width="item.width">
+          <template slot-scope="scope">
+            <div class="div-content">{{ handleFilterSpan(scope.row, item) }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">查看</el-button>
+            <el-button @click="handleEdit(scope.row, 'edit')" type="text" size="small"
+              class="btn-color-edit">修改</el-button>
+            <el-popconfirm title="222" @confirm="handleDel(scope.row)">
+              <el-button slot="reference" type="text" size="small" class="btn-color-del">删除</el-button>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page.sync="currentPage" :page-sizes="[20, 50, 100, 200]" :page-size="pageSize"
+          layout="sizes, prev, pager, next, total" :total="total">
+        </el-pagination>
+      </div>
+    </el-card>
+
+    <el-dialog title="网格人员架构" :visible.sync="dialogVisible" width="50%" top="5vh" class="dialog-h" append-to-body
+      :close-on-click-modal="false" :before-close="handlerCancle">
+      <el-form v-if="dialogVisible" label-width="100px" :model="form" :rules="rules" ref="ruleForm"
+        class="form-wr dialog-h-content scroll-h">
+        <el-form-item label="所属网格" prop="gridId">
+          <el-select v-model="form.gridId" filterable :disabled="disabled" placeholder="请选择" class="input-width"
+            clearable>
+            <el-option v-for="item in optionsEditG" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话" prop="mobile">
+          <el-input v-model="form.mobile" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="人员属性" prop="property">
+          <el-input v-model="form.property" placeholder="请输入" :disabled="disabled" class="input-width"
+            clearable></el-input>
+        </el-form-item>
+        <el-form-item label="职位" prop="type">
+          <el-select v-model="form.type" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
+            <el-option v-for="item in optionsEditC" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div class="resi-btns">
+        <el-button size="small" @click="handlerCancle">取消</el-button>
+        <el-button v-if="!disabled" type="primary" size="small" :loading="btnLoading" @click="handleSUbmit">提交</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+import { mapGetters } from 'vuex'
+import { requestPost, requestGet } from "@/js/dai/request";
+export default {
+  data() {
+    return {
+      uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+      importBtnTitle: '导入',
+      importLoading: false,
+      exportBtn: false,
+      exportBtnTitle: '导出',
+      tableLoading: false,
+      btnLoading: false,
+      uploading: false,
+      disabled: false,
+      pageLoading: false,
+      dialogVisible: false,
+      currentPage: 1,
+      pageSize: 20,
+      total: null,
+      tableData: [],
+      searchH: 0,
+      unloadPencent: 0,
+      value: '',
+      optionsEditG: [],
+      optionsC: [],
+      optionsEditC: [],
+      options: [
+        {
+          label: '是',
+          value: 1
+        }, {
+          label: '否',
+          value: 2
+        }
+      ],
+      tableHeader: [
+        {
+          label: '组织名称',
+          columnName: 'agencyName',
+          align: 'center',
+          width: '160',
+          options: []
+        }, {
+          label: '姓名',
+          align: 'center',
+          columnName: 'name',
+          width: '200',
+          options: []
+        }, {
+          label: '职位',
+          align: 'center',
+          columnName: 'type',
+          width: '',
+          options: []
+        }
+      ],
+      customerId: '',
+      searchForm: {
+        gridId: null,
+        type: null,
+        name: null
+      },
+      form: {
+        type: '',
+        gridId: '',
+        name: '',
+        property: '',
+        mobile: ''
+      },
+      rules: {
+        gridId: [{ required: true, message: '网格不能为空', trigger: 'blur' }],
+        property: [{ required: true, message: '人员属性不能为空', trigger: 'blur' }],
+        name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+        type: [{ required: true, message: '职位不能为空', trigger: 'blur' }],
+        mobile: [{ required: true, message: '手机号不能为空', trigger: 'blur' }]
+      },
+
+      orgOptions: [],
+      orgOptionProps: {
+        multiple: false,
+        value: 'agencyId',
+        label: 'agencyName',
+        children: 'subAgencyList',
+        checkStrictly: true
+      },
+    }
+  },
+  computed: {
+    ...mapGetters(['clientHeight', 'iframeHeight']),
+    tableHeight() {
+      const h = this.clientHeight - this.searchH - 280 + this.iframeHeigh
+      const _h = this.clientHeight - 280 - this.searchH
+      return this.$store.state.inIframe ? h : _h
+    }
+  },
+  async created() {
+    this.customerId = localStorage.getItem('customerId')
+    this.getTableData()
+    this.pageLoading = true
+  },
+
+  mounted() {
+    this.getCateList()
+    this.getGridList()
+    this.$nextTick(() => {
+      this.searchH = this.$refs.searchCard.$el.offsetHeight
+      console.log('tableHeight', this.tableHeight)
+    })
+
+  },
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.pageSize = val
+      this.getTableData()
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`)
+      this.currentPage = val
+      this.getTableData()
+    },
+    handleFilterSpan(row, item) {
+      let _val = ''
+      if (item.options && item.options.length > 0) {
+        item.options.forEach((n) => {
+          if (n.value === row[item.columnName]) _val = n.label
+        })
+      }
+      return _val || row[item.columnName]
+    },
+    // 上传大图标成功
+    handleExcelSuccess(res, file) {
+      if (res.code === 0 && res.msg === 'success') {
+        console.log('resss---ppp', res)
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    handleProgress(event, file, fileList) {
+      console.log('percentage', event, file.percentage)
+      this.uploading = true
+      this.unloadPencent = Number(file.percentage.toFixed(0))
+    },
+    download(data, fileName) {
+      console.log('data', data)
+      if (!data) {
+        return
+      }
+
+      var csvData = new Blob([data])
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName)
+      }
+      // for Non-IE (chrome, firefox etc.)
+      else {
+        var a = document.createElement('a')
+        document.body.appendChild(a)
+        a.style = 'display: none'
+        var url = window.URL.createObjectURL(csvData)
+        a.href = url
+        a.download = fileName
+        a.click()
+        a.remove()
+        window.URL.revokeObjectURL(url)
+      }
+    },
+    async handleExportModule() {
+      let url = "/resi/partymember/icpartymemberstyle/import/template-download"
+
+
+      let params = {}
+      await this.$http({
+        method: 'POST',
+        url,
+        responseType: 'blob',
+        data: params
+      })
+        .then(res => {
+          console.log('res-------dd', res)
+          if (res.headers["content-disposition"]) {
+            let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+            this.download(res.data, fileName)
+            // console.log('filename', fileName)
+            // let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+            // var url = window.URL.createObjectURL(blob)
+            // var aLink = document.createElement('a')
+            // aLink.style.display = 'none'
+            // aLink.href = url
+            // aLink.setAttribute('download', fileName)
+            // document.body.appendChild(aLink)
+            // aLink.click()
+            // document.body.removeChild(aLink) //下载完成移除元素
+            // window.URL.revokeObjectURL(url) //释放掉blob对象
+          } else this.$message.error('下载失败')
+        })
+        .catch(err => {
+          console.log('err', err)
+          return this.$message.error('网络错误')
+        })
+    },
+    beforeExcelUpload(file) {
+      console.log('file', file)
+      const isType = file.type === 'application/vnd.ms-excel'
+      const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      const fileType = isType || isTypeComputer
+      const isLt1M = (file.size / 1024 / 1024) < 10
+      if (!fileType) {
+        this.$message.error('上传文件只能是xls/xlsx格式！')
+      }
+
+      if (!isLt1M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+      }
+      return fileType && isLt1M
+    },
+    async uploadHttpRequest(file) {
+      this.importLoading = true
+      this.importBtnTitle = '正在上传中...'
+      this.$message({
+        showClose: true,
+        message: '导入中，请到系统管理-导入记录中查看进度',
+        duration: 0
+      })
+      const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加
+      formData.append('file', file.file) //添加文件对象
+      this.$http
+        .post('/resi/partymember/icpartymemberstyle/import', formData).then(res => {
+          console.log('res-up', res)
+          if (res.data.code == 0 && res.data.msg == 'success') {
+            // this.$message.success('导入成功')
+            this.getTableData()
+          } else {
+            this.$message.error(res.data.msg)
+          }
+        }).catch(err => {
+          console.log('失败', err)
+          file.onError() //上传失败的文件会从文件列表中删除
+          // this.$message.error('导入失败')
+        })
+      // await axios({
+      //   url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/import',
+      //   method: 'post',
+      //   data: formData,
+      //   responseType: 'blob'
+      // })
+      // .then((res) => {
+      //   // this.importLoading = false
+      //   // this.importBtnTitle = '导入人员数据'
+      //   // let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+      //   //   console.log('filename', fileName)
+      //   // let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+      //   // var url = window.URL.createObjectURL(blob)
+      //   // var aLink = document.createElement('a')
+      //   // aLink.style.display = 'none'
+      //   // aLink.href = url
+      //   // aLink.setAttribute('download', fileName)
+      //   // document.body.appendChild(aLink)
+      //   // aLink.click()
+      //   // document.body.removeChild(aLink) //下载完成移除元素
+      //   // window.URL.revokeObjectURL(url) //释放掉blob对象
+      //   this.getTableData()
+      // })
+      // .catch( err => {
+      //     console.log('失败', err)
+      //     file.onError() //上传失败的文件会从文件列表中删除
+      //     this.$message.error('导入失败')
+      // })
+      this.importLoading = false
+      this.importBtnTitle = '导入'
+      this.$refs.upload.clearFiles()
+    },
+    async handleExport() {
+      this.exportBtn = true
+      this.exportBtnTitle = '正在导出...'
+      let params = {
+        agencyId: this.$store.state.user.agencyId,
+        pageSize: 9999,
+        pageNo: this.currentPage
+      }
+      // .post('epmetuser/icresiuser/exportExcel', params)
+      await axios({
+        url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icpartymemberstyle/export',
+        // url: 'epmetuser/icresiuser/exportExcel',
+        method: 'post',
+        data: params,
+        responseType: 'blob'
+      })
+        .then(res => {
+          console.log('resllll', res)
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+          var url = window.URL.createObjectURL(blob)
+          var aLink = document.createElement('a')
+          aLink.style.display = 'none'
+          aLink.href = url
+          aLink.setAttribute('download', fileName)
+          document.body.appendChild(aLink)
+          aLink.click()
+          document.body.removeChild(aLink) //下载完成移除元素
+          window.URL.revokeObjectURL(url) //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log('获取导出情失败', err)
+          this.$message.error('获取导出失败')
+        })
+      this.exportBtn = false
+      this.exportBtnTitle = '导出'
+    },
+    beforeImgUpload(file) {
+      const isPNG = (file.type === 'image/png') || (file.type === 'image/jpeg')
+      const isLt1M = file.size / 1024 / 1024 < 10
+
+      if (!isPNG) {
+        this.$message.error('上传图片只能是 PNG 或 JPEG 格式!')
+      }
+      if (!isLt1M) {
+        this.$message.error('上传图片大小不能超过 10MB!')
+      }
+      return isPNG && isLt1M
+    },
+    handleSearch(val) {
+      console.log('searchhh--', val)
+      this.currentPage = 1
+      this.getTableData()
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+      this.handleSearch()
+    },
+    handleAdd() {
+
+      this.dialogVisible = true
+    },
+
+
+    async handleLook(row) {
+      this.disabled = true
+      await this.getDetail(row.id)
+    },
+    async handleEdit(row, addType) {
+      // this.form = { ...row }
+      await this.getDetail(row.id)
+      // this.dialogVisible = true
+    },
+    async addNew() {
+      const { user } = await this.$store.state
+      const _form = {
+        ...this.form,
+        // customerId: 'b09527201c4409e19d1dbc5e3c3429a1'
+      }
+      await this.$http
+        .post('/gov/org/customerGridManageUser/save', _form)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.$message.success('操作成功')
+            this.handlerCancle()
+            this.getTableData()
+          }
+        })
+        .catch(err => {
+          console.log('err', err)
+          return this.$message.error('网络错误')
+        })
+      this.btnLoading = false
+    },
+    handleSUbmit() {
+      this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.addNew()
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+
+    },
+    handleDel(row) {
+      this.$http
+        .post('/gov/org/customerGridManageUser/delete', [row.id])
+        .then(({ data: res }) => {
+          console.log('row2', row)
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('row3', row)
+            this.$message.success('删除成功')
+            this.getTableData()
+          }
+        })
+        .catch((err) => {
+          console.log('row4', err)
+          return this.$message.error('网络错误')
+        })
+    },
+    handlerCancle() {
+      for (const n in this.form) {
+        this.form[n] = ''
+        if (n === 'imageList') this.form[n] = []
+      }
+      this.disabled = false
+      this.dialogVisible = false
+    },
+    async getDetail(id) {
+      this.$http
+        .post(`/gov/org/customerGridManageUser/${id}`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.form = { ...res.data }
+            // const _arr = this.optionsEditC.map(item => item.property)
+
+            // if (!_arr.includes(res.data.property) && !this.disabled) this.form.property = ''
+
+            this.dialogVisible = true
+          }
+        })
+        .catch((err) => {
+          console.log('row4', err)
+          return this.$message.error('网络错误')
+        })
+    },
+    async getGridList(type, agencyId) {
+      const { user } = await this.$store.state
+      console.log('user---ppp', user)
+      // addorupdate  query
+      await this.$http
+        .post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.optionsEditG = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+
+    async getCateList() {
+      const url = "/sys/dict/data/dictlist"
+      let params = {
+        dictType: 'gridFrameWork'
+      }
+      const { data, code, msg } = await requestPost(url, params)
+      if (code === 0) {
+        this.optionsEditC = data;
+        this.tableHeader[2].options = data;
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    async getTableData() {
+      this.tableLoading = true
+      const { user } = await this.$store.state
+      let url = '/gov/org/customerGridManageUser/page'
+      let params = {
+        ...this.searchForm,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize
+      }
+      const { data, code, msg } = await requestPost(url, params)
+      if (code == 0) {
+        console.log(data);
+        this.tableData = data.list;
+        this.total = data.total;
+      } else {
+        this.$message.error(msg)
+      }
+
+      this.tableLoading = false
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+
+.resi-container .resi-card-table {
+  ::v-deep .el-table th {
+    color: #fff;
+    background-color: rgba(33, 149, 254, 1);
+    // border-right: 1px solid rgba(33, 149, 254, 1);
+  }
+}
+
+.resi-table {
+  ::v-deep .el-button--text {
+    text-decoration: underline;
+  }
+
+  ::v-deep .btn-color-del {
+    margin-left: 10px;
+    color: rgba(213, 16, 16, 1);
+  }
+
+  ::v-deep .btn-color-edit {
+    color: rgba(0, 167, 169, 1);
+  }
+}
+
+.form-wr {
+  .input-width {
+    width: 260px;
+
+  }
+
+  .input-width-textarea {
+    width: 500px;
+  }
+
+  .imsg-list {
+    display: flex;
+    align-items: center;
+
+    .imgs-item {
+      position: relative;
+      margin-right: 10px;
+
+      .el-icon-delete {
+        position: absolute;
+        top: 0;
+        right: 0;
+        font-size: 18px;
+        color: red;
+        z-index: 3;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.div-content {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>
+
+<style lang="scss" scoped>
+.resi-row-btn {
+  display: flex;
+  margin-bottom: 13px;
+
+  ::v-deep .el-button {
+    // margin-left: 10px;
+    border: 0;
+  }
+
+  ::v-deep .el-select {
+    margin-right: 10px;
+  }
+
+  .el-button--success {
+    background: rgba(34, 193, 195, 1);
+  }
+
+  .el-button {
+    margin-left: 10px;
+    border: 0;
+  }
+
+  .el-button--success {
+    background: rgba(34, 193, 195, 1);
+  }
+
+  .el-button--warning {
+    background: rgba(254, 179, 73, 1);
+  }
+
+  .el-button--danger {
+    background: rgba(254, 98, 82, 1);
+  }
+}
+
+.avatar-uploader {
+  ::v-deep .el-upload {
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .el-upload:hover {
+    border-color: #409EFF;
+  }
+
+  .avatar {
+    width: 100px;
+    height: 100px;
+    display: block;
+  }
+
+  .avatar-uploader-icon {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    font-size: 28px;
+    color: #8c939d;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+  }
+}
+
+
+
+.resi-btns {
+  margin-top: 20px;
+  text-align: center;
+}
+</style>

src/views/modules/communityService/policy/addPolicy.vue

@@ -0,0 +1,763 @@
+<template>
+  <div>
+    <div class="dialog-h-content scroll-h">
+
+      <el-form ref="ref_form"
+               :inline="true"
+               :model="formData"
+               :rules="dataRule"
+               :disabled="formType==='detail'"
+               class="div_form">
+
+        <el-form-item label="政策级别"
+                      style="display: block"
+                      label-width="150px"
+                      prop="policyLevel">
+          <el-select class="item_width_2"
+                     v-model="formData.policyLevel"
+                     placeholder="全部"
+                     clearable>
+            <el-option v-for="item in policyLevelArray"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+
+        </el-form-item>
+
+        <el-form-item label="政策日期"
+                      style="display: block"
+                      label-width="150px"
+                      prop="startDate">
+          <el-date-picker v-model="formData.startDate"
+                          class="item_width_2"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          value="yyyy-MM-dd"
+                          placeholder="开始时间">
+          </el-date-picker>
+          <span class="data-tag">至</span>
+          <el-date-picker v-model="formData.endDate"
+                          class="item_width_2 data-tag"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          value="yyyy-MM-dd"
+                          placeholder="结束时间">
+          </el-date-picker>
+        </el-form-item>
+
+        <el-form-item label="政策标题"
+                      prop="title"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    placeholder="请输入政策标题"
+                    v-model="formData.title">
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="政策内容"
+                      prop="content"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_3"
+                    type="textarea"
+                    maxlength="1000"
+                    show-word-limit
+                    :rows="10"
+                    placeholder="请输入政策内容"
+                    v-model="formData.content"></el-input>
+        </el-form-item>
+
+        <div v-for="(item,index) in formData.ruleList"
+             :key="index"
+             style="margin-bottom:15px">
+
+          <el-form-item :label="'政策细则'+(index+1)"
+                        :prop="`ruleList.${index}.ruleName`"
+                        :rules="[
+                          { required: true, message: '政策细则'+(index+1)+'不能为空', trigger: 'change' },
+                        ]"
+                        label-width="150px"
+                        style="display: block">
+            <el-input class="item_width_short"
+                      placeholder="请输入政策细则名称"
+                      v-model="item.ruleName">
+            </el-input>
+
+            <el-button v-if="index!==0"
+                       type="danger"
+                       size="mini"
+                       plain
+                       style="margin-left:20px"
+                       @click="delRule(index)">删除细则</el-button>
+          </el-form-item>
+          <div class="item_rule">
+            <div class="item_label">{{'匹配规则'+(index+1)}}</div>
+
+            <rule :ref="'ref_rule'+index"
+                  :formType="formType"
+                  :index="index"></rule>
+          </div>
+
+        </div>
+
+        <div class="btn-add-rule">
+          <el-button type="primary"
+                     size="mini"
+                     @click="addRule">增加细则</el-button>
+        </div>
+
+        <el-form-item label="匹配资源类型"
+                      prop="serviceScope"
+                      label-width="150px"
+                      style="display: block">
+          <el-cascader class="item_width_1"
+                       ref="myCascader"
+                       v-model="demandIdArray"
+                       :options="demandOptions"
+                       :props="optionProps"
+                       @change="handleCateSlect"></el-cascader>
+        </el-form-item>
+
+        <el-form-item class="block"
+                      label="附件"
+                      label-width="150px"
+                      prop="attach">
+          <el-upload   class="upload-demo"
+                     :action="uploadUlr"
+                     accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
+                     :on-success="handleFileSuccess"
+                     :on-remove="handleFileRemove"
+                     :on-preview="handleFileDownload"
+                     :limit="3"
+                     :before-upload="beforeUpload"
+                     :file-list="fileList">
+            <el-button size="small"
+                       :disabled="fileList.length===3"
+                       type="primary">点击上传</el-button>
+            <div slot="tip"
+                 class="el-upload__tip">支持图片、word、pdf</div>
+          </el-upload>
+        </el-form-item>
+
+      </el-form>
+
+    </div>
+
+    <div class="div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+      <el-button v-if="formType!=='detail'"
+                 size="small"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleAdd">确 定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+import rule from './rule'
+
+
+
+let loading // 加载动画
+export default {
+  data () {
+    let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now()
+      if (this.formData.serviceTimeStart) {
+        let serviceTimeStart = new Date(this.formData.serviceTimeStart)
+        return time.getTime() > nowData || time.getTime() < serviceTimeStart || time.getTime() === serviceTimeStart
+      } else {
+        return time.getTime() > nowData
+      }
+
+    }
+    let startDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now()
+      return time.getTime() > nowData
+    }
+
+    return {
+      uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+
+      ruleList: [
+        {
+          ruleName: '',
+          resiRuleList: [],
+          houseRuleList: [],
+          statRuleList: []
+        }
+      ],
+
+      policyLevelArray: [],
+
+      btnDisable: false,
+      demandOptions: [],
+      demandIdArray: [],
+
+      optionProps: {
+        multiple: true,
+        // value: 'objectId',
+        // label: 'objectName',
+        // children: 'children',
+        checkStrictly: true
+      },
+
+      formData: {
+        policyLevel: '',//政府级别
+        startDate: '',//起始时间yyyy-MM-dd	
+        endDate: '',//截止时间yyyy-MM-dd	
+        title: '',//
+        content: '',//
+        categoryList: [],
+        attachmentList: [],
+        ruleList: [
+          {
+            ruleName: '',
+            resiRuleList: [],
+            houseRuleList: [],
+            statRuleList: []
+          }
+        ],
+
+      },
+
+      endPickerOptions: {
+        disabledDate: endDisabledDate
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate
+      },
+
+      fileList: [],
+
+    }
+  },
+
+  watch: {
+    "formData.serviceTimeEnd": function (val) {
+      if (val && val != '') {
+        let arrayTemp = val.split(' ')
+        this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59'
+      }
+
+    },
+  },
+  components: { rule },
+  async mounted () {
+    this.startLoading()
+
+    this.getDictOptions();
+    await this.loadDemandoption()
+
+    if (this.formType === 'add') {
+      this.$refs.ref_form.resetFields();
+
+    } else {
+      this.loadFormInfo()
+
+    }
+
+    this.endLoading()
+
+  },
+
+
+  methods: {
+    addRule () {
+      let obj = {
+        name: '',
+        detail: []
+      }
+
+      this.formData.ruleList.push(obj)
+    },
+    delRule (index) {
+      this.formData.ruleList.splice(index, 1);
+    },
+
+    async loadFormInfo () {
+      const url = '/heart/policy/detail/' + this.policyId
+
+      let params = {}
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.demandIdArray = []
+        data.categoryList.forEach(element => {
+          let arr = element.codePath.split(',')
+          this.demandIdArray.push(arr)
+        });
+        this.formData.ruleList = data.ruleList
+
+
+        this.formData = data
+
+        if (data.attachmentList) {
+          this.fileList = data.attachmentList
+        }
+
+
+        this.$nextTick(() => {
+          data.ruleList.forEach((element, index) => {
+
+            this.$refs['ref_rule' + index][0].setRule(element.resiRuleList, element.houseRuleList, element.statRuleList)
+          });
+        })
+
+
+      } else {
+        this.$message.error(msg)
+      }
+
+
+    },
+
+    async getDictOptions () {
+
+      this.$http
+        .post("/sys/dict/data/dictlist", {
+          dictType: "policy_level",
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            this.policyLevelArray = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+
+    },
+
+
+    // 获取服务范围树
+    loadDemandoption () {
+      const url = '/heart/icresidemanddict/demandoption'
+      // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+      let params = {}
+      window.app.ajax.post(
+        url,
+        params,
+        (data, rspMsg) => {
+
+          this.demandOptions = this.getFlagData(
+            this.getTreeData(data),
+            "usableFlag"
+          );
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg)
+        }
+      )
+
+    },
+
+
+    handleCateSlect (val) {
+      debugger
+      console.log("val", val);
+      let arr = []
+      val.forEach((item) => {
+        let obj = {
+          codePath: item.join(','),
+          categoryCode: item[item.length - 1]
+        }
+
+        arr.push(obj)
+      });
+
+      console.log("arr", arr);
+      this.formData.categoryList = arr
+
+    },
+
+    async handleAdd () {
+
+      var oDate1 = new Date(this.formData.startDate);
+      var oDate2 = new Date(this.formData.endDate);
+      if (oDate1.getTime() > oDate2.getTime()) {
+        this.$message.error('结束日期必须大于开始日期')
+        return false
+      }
+
+
+      let isOk = false
+
+      for (let index = 0; index < this.formData.ruleList.length; index++) {
+        let oneRule = this.formData.ruleList[index]
+
+        let refObj = this.$refs['ref_rule' + index][0]
+
+        refObj.getRule()
+
+        if (refObj.okflag) {
+
+          if (!refObj.personChecked && !refObj.houseChecked && !refObj.staticChecked) {
+            this.$message.error('请选择匹配规则' + (index + 1))
+            isOk = false
+            break
+          } else {
+
+            if (refObj.personChecked) {
+              oneRule.resiRuleList = refObj.resiRuleList
+              oneRule.resiRuleList.forEach(element => {
+                element.itemList = []
+                element.colOption = []
+
+                if (!element.colValLabel) {
+                  element.colValLabel = element.colVal
+                }
+                if (!element.nextLogicalRelName) {
+                  element.nextLogicalRelName = ''
+                }
+
+                element.ruleDesc = element.itemGroupName + element.itemLabel + element.queryTypeName + element.colValLabel + element.nextLogicalRelName
+
+              });
+            } else {
+              oneRule.resiRuleList = []
+            }
+
+            if (refObj.houseChecked) {
+
+              oneRule.houseRuleList = refObj.houseRuleList
+              oneRule.houseRuleList.forEach(element => {
+                element.itemList = []
+                element.colOption = []
+
+                if (!element.colValLabel) {
+                  element.colValLabel = element.colVal
+                }
+                if (!element.nextLogicalRelName) {
+                  element.nextLogicalRelName = ''
+                }
+
+                element.ruleDesc = element.itemGroupName + element.itemLabel + element.queryTypeName + element.colValLabel + element.nextLogicalRelName
+
+              });
+            } else {
+              oneRule.houseRuleList = []
+            }
+
+            if (refObj.staticChecked) {
+
+              oneRule.statRuleList = refObj.statRuleList
+
+              oneRule.statRuleList.forEach(element => {
+                element.itemList = []
+                element.colOption = []
+
+                if (!element.colValLabel) {
+                  element.colValLabel = element.colVal
+                }
+                if (!element.nextLogicalRelName) {
+                  element.nextLogicalRelName = ''
+                }
+
+                element.ruleDesc = element.itemGroupName + element.itemLabel + element.queryTypeName + element.colValLabel + element.nextLogicalRelName
+
+              });
+
+            } else {
+              oneRule.statRuleList = []
+            }
+
+            isOk = true
+          }
+
+        } else {
+          isOk = false
+          break
+
+
+        }
+      }
+
+      if (!isOk) {
+        return false
+      }
+
+      // this.formData.ruleList = this.ruleList
+      console.log(this.formData.ruleList)
+
+      // return false
+
+
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 5000)
+      this.$refs['ref_form'].validate((valid, messageObj) => {
+        if (!valid) {
+          // app.util.validateRule(messageObj)
+          this.btnDisable = false
+        } else {
+          this.addFuwu()
+
+        }
+
+      })
+
+    },
+
+    async addFuwu () {
+      console.log(this.formData)
+      this.formData.attachmentList = [...this.fileList]
+      let url = '/heart/policy/add'
+
+      if (this.formType === 'add' || this.formType === 'copy') {
+        url = '/heart/policy/add'
+        this.formData.policyId = ''
+      } else {
+        url = '/heart/policy/update'
+        this.formData.policyId = this.policyId
+      }
+
+      // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/initiate'
+      let params = {
+
+        ...this.formData
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message.success('操作成功')
+        this.resetData()
+        this.$emit('handleOk')
+      } else {
+        this.btnDisable = false
+        this.$message.error(msg)
+      }
+    },
+
+    getTreeData (data) {
+      if (!Array.isArray(data)) return [];
+      let arr = data.map((item) => {
+        let _item = {};
+        if (item.children) {
+          if (item.children.length === 0)
+            _item = { ...item, children: undefined };
+          else _item = { ...item, children: this.getTreeData(item.children) };
+        } else {
+          _item = { ...item };
+        }
+        return _item;
+      });
+      return arr;
+    },
+    getFlagData (data, flag) {
+      if (!Array.isArray(data)) return [];
+      let arr1 = data.filter((item) => item[flag]);
+      let arr2 = arr1.map((item) => {
+        if (item.children)
+          return { ...item, children: this.getFlagData(item.children, flag) };
+        else return item;
+      });
+      // console.log('arrr-oppp', arr2)
+      return arr2;
+    },
+
+    beforeUpload (file) {
+      const array = file.name.split('.')
+      const extension = array[array.length - 1]
+
+      const formatarray = ['jpg', 'png', 'jpeg', 'bmp', 'mp4', 'wma', 'm4a', 'mp3', 'doc', 'docx', 'xls', 'xlsx', 'pdf']
+
+      if (formatarray.indexOf(extension) === -1) {
+        this.$message.error('只支持图片、word、pdf')
+        return false
+      }
+
+    },
+
+    handleFileRemove (file) {
+
+      if (file && file.status === "success") {
+        this.fileList.splice(this.fileList.findIndex(item => item.uid === file.uid), 1)
+      }
+    },
+
+    handleFileSuccess (res, file) {
+
+      if (res.code === 0 && res.msg === 'success') {
+        const array = file.name.split('.')
+        const fileType = array[array.length - 1]
+
+        const picArray = ['jpg', 'png', 'jpeg', 'bmp']
+        const videoarray = ['mp4', 'wma', 'm4a']
+        const docArray = ['doc', 'docx', 'xls', 'xlsx', 'pdf']
+        const mp3Array = ['mp3']
+
+        if (picArray.indexOf(fileType) > -1) {
+          file.attachmentFormat = 'image'
+        } else if (videoarray.indexOf(fileType) > -1) {
+          file.attachmentFormat = 'video'
+        } else if (docArray.indexOf(fileType) > -1) {
+          file.attachmentFormat = 'doc'
+        } else if (mp3Array.indexOf(fileType) > -1) {
+          file.attachmentFormat = 'voice'
+        }
+
+        file.url = res.data.url
+        file.type = fileType
+
+        file.attachmentName = file.name
+        file.attachmentType = file.type
+        file.attachmentUrl = file.url
+
+        this.fileList.push(file)
+        console.log(this.fileList)
+      } else this.$message.error(res.msg)
+    },
+
+    //下载
+    handleFileDownload (file) {
+
+      var a = document.createElement('a');
+      var event = new MouseEvent('click');
+      a.download = file.name;
+      console.log(a)
+      a.href = file.url;
+      a.dispatchEvent(event);
+
+
+    },
+    handleCancle () {
+      this.resetData()
+      this.$emit('handleClose')
+
+    },
+    //下载
+    handleFileDownload (file) {
+
+      var a = document.createElement('a');
+      var event = new MouseEvent('click');
+      a.download = file.name;
+      console.log(a)
+      a.href = file.url;
+      a.dispatchEvent(event);
+
+
+    },
+
+    resetData () {
+      this.ruleList = []
+      this.formData = {
+        policyLevel: '',//政府级别
+        startDate: '',//起始时间yyyy-MM-dd	
+        endDate: '',//截止时间yyyy-MM-dd	
+        title: '',//
+        content: '',//
+        categoryList: [],
+        attachmentList: [],
+        ruleList: [],
+      }
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+
+
+      // this.ruleList.forEach((element, index) => {
+      //   let one = [
+      //     { required: true, message: '政策细则' + (index + 1) + '不能为空', trigger: 'blur' }
+      //   ]
+      //   rules['ruleName' + (index + 1)] = one
+
+      // });
+
+
+
+      return {
+
+        policyLevel: [
+          { required: true, message: '政策级别不能为空', trigger: 'change' }
+        ],
+        startDate: [
+          { required: true, message: '政策日期不能为空', trigger: 'change' }
+        ],
+        title: [
+          { required: true, message: '政策标题不能为空', trigger: 'change' }
+        ],
+
+
+
+      }
+    },
+
+
+  },
+  props: {
+
+    policyId: {
+      type: String,
+      required: ''
+    },
+
+    formType: { //表单操作类型 add新增，edit编辑，detail详情,feedback反馈
+      type: String,
+      required: ''
+    },
+
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/form-main.scss";
+
+.btn-add-rule {
+  margin-left: 150px;
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 20px;
+}
+
+.item_width_short {
+  width: 380px;
+}
+
+.item_rule {
+  display: flex;
+  justify-content: flex-start;
+}
+.item_label {
+  flex: 0 0 150px;
+  line-height: 30px;
+  text-align: right;
+  padding-right: 12px;
+}
+.item_label:before {
+  content: "*";
+  color: #f56c6c;
+  margin-right: 4px;
+}
+</style>

src/views/modules/communityService/policy/detailForm.vue

@@ -0,0 +1,693 @@
+<template>
+  <div>
+    <div class="dialog-h-content scroll-h">
+
+      <el-form ref="ref_form"
+               :inline="true"
+               :model="formData"
+               :disabled="formType==='detail'"
+               :rules="dataRule"
+               class="div_form">
+
+        <el-form-item label="服务分类"
+                      label-width="150px"
+                      prop="serviceCategoryKey">
+          <span>{{formData.serviceCategoryName}}</span>
+
+          <!-- <el-select v-model="formData.serviceCategoryKey"
+                     placeholder="请选择"
+                     clearable
+                     class="item_width_1">
+            <el-option v-for="(item,index) in categrayArray"
+                       @click.native="hancleClickCategray(index)"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select> -->
+        </el-form-item>
+
+        <el-form-item label="服务项目"
+                      prop="serviceProjectId"
+                      label-width="150px"
+                      style="display: block">
+          <span>{{formData.serviceProjectName}}</span>
+          <!-- <el-select class="item_width_1"
+                     v-model="formData.serviceProjectId"
+                     placeholder="请选择"
+                     filterable
+                     clearable>
+            <el-option v-for="(item,index) in projectList"
+                       @click.native="hancleClickProject(index)"
+                       :key="item.serviceProjectId"
+                       :label="item.serviceName"
+                       :value="item.serviceProjectId">
+            </el-option>
+          </el-select> -->
+
+        </el-form-item>
+        <el-form-item label="服务组织"
+                      prop="serviceOrgId"
+                      label-width="150px"
+                      style="display: block">
+          <span>{{formData.serviceOrgName}}</span>
+          <!-- <el-select class="item_width_1"
+                     v-model="formData.serviceOrgId"
+                     placeholder="请选择"
+                     filterable
+                     clearable>
+            <el-option v-for="item in orgList"
+                       :key="item.icServiceOrgId"
+                       :label="item.orgName"
+                       :value="item.icServiceOrgId">
+            </el-option>
+          </el-select> -->
+
+        </el-form-item>
+
+        <el-form-item label="服务范围"
+                      prop="serviceScope"
+                      label-width="150px"
+                      style="display: block">
+          <div v-for="item in formData.serviceScope"
+               :key="item.objectId">
+            <div>{{item.objectName}}</div>
+          </div>
+          <!-- <el-cascader class="item_width_1"
+                       ref="myCascader"
+                       v-model="scopeIdArray"
+                       :key="iscascaderShow"
+                       :options="casOptions"
+                       :props="optionProps"
+                       :show-all-levels="false"
+                       @change="handleChangeScope"></el-cascader> -->
+        </el-form-item>
+
+        <el-form-item label="经办人"
+                      prop="principalName"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    placeholder="请输入联系人姓名"
+                    v-model="formData.principalName">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="联系方式"
+                      prop="principalContact"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    placeholder="请输入联系人电话"
+                    v-model="formData.principalContact">
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="服务时间"
+                      label-width="150px"
+                      prop="serviceTimeStart">
+          <el-date-picker v-model="formData.serviceTimeStart"
+                          :picker-options="startPickerOptions"
+                          class="item_width_2"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          value="yyyy-MM-dd"
+                          placeholder="开始时间">
+          </el-date-picker>
+          <span class="data-tag">至</span>
+          <el-date-picker v-model="formData.serviceTimeEnd"
+                          :picker-options="endPickerOptions"
+                          class="item_width_2 data-tag"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          value="yyyy-MM-dd"
+                          placeholder="结束时间">
+          </el-date-picker>
+        </el-form-item>
+
+        <el-form-item label="备注"
+                      prop="remark"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    type="textarea"
+                    maxlength="500"
+                    show-word-limit
+                    :rows="3"
+                    placeholder="请输入备注，不超过500字"
+                    v-model="formData.remark"></el-input>
+        </el-form-item>
+
+      </el-form>
+
+      <div v-show="formData.serviceStatus==='completed'">
+        <h3 class="d-h3">反馈内容</h3>
+
+        <el-form ref="ref_form_feedback"
+                 :inline="true"
+                 :disabled="true"
+                 :model="feedbackFormData"
+                 class="div_form">
+
+          <el-form-item label="服务目标"
+                        prop="serviceGoal"
+                        label-width="150px"
+                        style="display: block">
+            <el-input class="item_width_1"
+                      type="textarea"
+                      maxlength="1000"
+                      show-word-limit
+                      :rows="3"
+                      placeholder="请输入服务目标，不超过1000字"
+                      v-model="feedbackFormData.serviceGoal"></el-input>
+          </el-form-item>
+
+          <el-form-item label="服务效果"
+                        prop="serviceEffect"
+                        label-width="150px"
+                        style="display: block">
+            <el-input class="item_width_1"
+                      type="textarea"
+                      maxlength="1000"
+                      show-word-limit
+                      :rows="3"
+                      placeholder="请输入服务效果，不超过1000字"
+                      v-model="feedbackFormData.serviceEffect"></el-input>
+          </el-form-item>
+
+          <el-form-item label="服务人数"
+                        style="display: block"
+                        prop="servicePeopleNumber"
+                        label-width="150px">
+            <el-input-number class="item_width_1"
+                             v-model="feedbackFormData.servicePeopleNumber"
+                             :min="0"
+                             :max="9999"
+                             label="服务人数"></el-input-number>
+          </el-form-item>
+
+          <el-form-item label="服务状态"
+                        label-width="150px"
+                        prop="serviceStatus">
+            <span>已完成</span>
+            <!-- <el-select class="item_width_1"
+                       v-model="feedbackFormData.serviceStatus"
+                       placeholder="全部"
+                       clearable>
+              <el-option v-for="item in statusArray"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select> -->
+
+          </el-form-item>
+          <el-form-item label="满意度"
+                        label-width="150px"
+                        prop="satisfaction">
+            <el-select class="item_width_1"
+                       v-model="feedbackFormData.satisfaction"
+                       placeholder="全部"
+                       clearable>
+              <el-option v-for="item in satisfyArray"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+
+          </el-form-item>
+          <el-form-item label="地址"
+                        prop="address"
+                        label-width="150px"
+                        style="display: block">
+            <el-input class="item_width_1"
+                      v-model="feedbackFormData.address"></el-input>
+          </el-form-item>
+          <!-- <el-form-item label="地图位置"
+                        label-width="150px"
+                        style="display: block">
+            <div style="width:500px">
+
+              <div class="div_map">
+                <div id="map_app">
+
+                </div>
+                <div class="div_searchmap">
+                  <el-input maxlength="50"
+                            size="mini"
+                            placeholder="请输入关键字"
+                            v-model="keyWords">
+                  </el-input>
+                  <el-button style="margin-left: 10px"
+                             type="primary"
+                             size="mini"
+                             @click="handleSearchMap">查询</el-button>
+                </div>
+              </div>
+
+            </div>
+          </el-form-item> -->
+
+          <el-form-item class="block"
+                        label="附件"
+                        label-width="150px"
+                        prop="attach">
+            <!-- <el-upload :headers="$getElUploadHeaders()"  v-if="feedbackFormData.attachmentList&&feedbackFormData.attachmentList.length>0"
+                       class="upload-demo"
+                       :on-preview="handleFileDownload"
+                       accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
+                       :limit="3"
+                       :file-list="fileList">
+
+            </el-upload> -->
+            <div v-if="feedbackFormData.attachmentList&&feedbackFormData.attachmentList.length>0"
+                 class="attachement-list">
+              <a :href="att.attachmentUrl"
+                 target="_blank"
+                 :key="att.attachmentUrl"
+                 v-for="att in feedbackFormData.attachmentList">
+                <i class="el-icon-folder-opened"></i>
+                {{ att.attachmentName }}
+              </a>
+            </div>
+            <span v-else>无附件</span>
+          </el-form-item>
+        </el-form>
+      </div>
+
+    </div>
+
+    <div class="div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+      <el-button size="small"
+                 v-if="formType != 'detail'"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleComfirm">确 定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+
+
+
+var map
+var search
+var markers
+var infoWindowList
+var geocoder // 新建一个正逆地址解析类
+
+let loading // 加载动画
+export default {
+  data () {
+    let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now()
+      if (this.formData.serviceTimeStart) {
+        let serviceTimeStart = new Date(this.formData.serviceTimeStart)
+        return time.getTime() > nowData || time.getTime() < serviceTimeStart || time.getTime() === serviceTimeStart
+      } else {
+        return time.getTime() > nowData
+      }
+
+    }
+    let startDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now()
+      return time.getTime() > nowData
+    }
+
+    return {
+
+
+      btnDisable: false,
+
+      keyWords: '',
+      formData: {
+        unitName: '',
+        serviceMatterList: [],
+        type: '',
+        contact: '',
+        contactMobile: '',
+        memberCount: 0,
+        remark: '', //备注【最大500字】
+        address: '', //详细地址
+        longitude: 36.0722275, //经度
+        latitude: 120.38945519 //纬度
+      },
+
+      feedbackFormData: {
+        serviceProjectId: '',//	服务项目id	
+        serviceProjectName: '',
+        serviceGoal: '',//	服务目标	
+        serviceEffect: '',//	服务效果	
+        servicePeopleNumber: null,//	服务人数	
+        serviceStatus: 'completed',//	服务状态。in_service服务中；completed:已完成	
+        satisfaction: '',//满意度。不满意:bad、基本满意:good、非常满意:perfect	
+        longitude: '',//	经度	
+        latitude: '',//	维度	
+        address: '',
+        attachmentList: [],//	附件列表
+      },
+      serviceList: [],//服务list
+
+      endPickerOptions: {
+        disabledDate: endDisabledDate
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate
+      },
+
+      projectList: [],
+      fileList: [],
+      uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadvariedfile',
+    }
+  },
+  components: {},
+  mounted () {
+    if (this.serviceRecordId) {//详情
+      this.loadInfo()
+
+    }
+    // this.initMap()
+
+  },
+
+
+  methods: {
+
+
+    //加载组织
+    async loadInfo () {
+      const url = `/heart/icServiceProject/service/detail/${this.serviceRecordId}`
+      // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/detail' + this.serviceRecordId
+      let params = {}
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.formData = { ...data }
+        this.formData.serviceRecordId = this.serviceRecordId
+        this.feedbackFormData = { ...data.feedBack }
+        this.feedbackFormData.servicePeopleNumber = this.formData.servicePeopleNumber
+        this.fileList = []
+        if (data.feedBack.attachmentList && data.feedBack.attachmentList.length > 0) {
+          data.feedBack.attachmentList.forEach(element => {
+            let obj = {
+              name: element.attachmentName,
+              format: element.attachmentFormat,
+              url: element.attachmentUrl,
+            }
+            this.fileList.push(obj)
+          });
+        }
+
+
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    async handleComfirm () {
+
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 10000)
+      this.$refs['ref_form'].validate((valid, messageObj) => {
+        if (!valid) {
+          app.util.validateRule(messageObj)
+          this.btnDisable = false
+        } else {
+          this.editFuwu()
+        }
+
+      })
+
+
+    },
+    async editFuwu () {
+      const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
+      if (regPhone.test(this.formData.principalContact) === false) {
+        this.btnDisable = false
+        this.$message({
+          type: 'warning',
+          message: '请输入正确的手机号码'
+        })
+        return false;
+      }
+
+      let url = '/heart/icServiceProject/service/update'
+      // let url = "http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/update"
+
+
+      const { data, code, msg } = await requestPost(url, this.formData)
+
+      if (code === 0) {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.resetData()
+
+        this.$emit('handleOk')
+      } else {
+        this.btnDisable = false
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+      this.resetData()
+      this.$emit('handleClose')
+
+    },
+
+    //下载
+    handleFileDownload (file) {
+
+      var a = document.createElement('a');
+      var event = new MouseEvent('click');
+      a.download = file.name;
+      console.log(a)
+      a.href = file.url;
+      a.dispatchEvent(event);
+
+
+    },
+
+    // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+    initMap () {
+      // 定义地图中心点坐标
+      var center = new window.TMap.LatLng(36.0722275, 120.38945519)
+      // 定义map变量，调用 TMap.Map() 构造函数创建地图
+      map = new window.TMap.Map(document.getElementById('app'), {
+        center: center, // 设置地图中心点坐标
+        zoom: 17.2, // 设置地图缩放级别
+        pitch: 43.5, // 设置俯仰角
+        rotation: 45 // 设置地图旋转角度
+      })
+
+      search = new window.TMap.service.Search({ pageSize: 10 })
+      // 新建一个地点搜索类
+      markers = new TMap.MultiMarker({
+        map: map,
+        geometries: []
+      })
+      infoWindowList = Array(10)
+
+      geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
+
+      // 监听地图平移结束
+      map.on('panend', () => {
+        this.handleMoveCenter()
+      })
+      this.handleMoveCenter()
+      this.convert()
+    },
+
+    setMarker (lat, lng) {
+      markers.setGeometries([])
+      markers.add([
+        {
+          id: '4',
+          styleId: 'marker',
+          position: new TMap.LatLng(lat, lng),
+          properties: {
+            title: 'marker4'
+          }
+        }
+      ])
+    },
+
+    handleSearchMap () {
+      infoWindowList.forEach((infoWindow) => {
+        infoWindow.close()
+      })
+      infoWindowList.length = 0
+      markers.setGeometries([])
+      // 在地图显示范围内以给定的关键字搜索地点
+      search
+        .searchRectangle({
+          keyword: this.keyWords,
+          bounds: map.getBounds()
+        })
+        .then((result) => {
+          let { data } = result
+          if (Array.isArray(data) && data.length > 0) {
+            const {
+              location: { lat, lng }
+            } = data[0]
+
+
+            map.setCenter(new TMap.LatLng(lat, lng))
+            this.setMarker(lat, lng)
+            this.formData.latitude = lat
+            this.formData.longitude = lng
+            this.convert()
+          } else {
+            this.$message.error('未检索到相关位置坐标')
+          }
+        })
+    },
+
+    handleMoveCenter () {
+      //修改地图中心点
+      const center = map.getCenter()
+      const lat = center.getLat()
+      const lng = center.getLng()
+      this.formData.latitude = lat
+      this.formData.longitude = lng
+      this.setMarker(lat, lng)
+      this.convert(lat, lng)
+    },
+
+    convert (lat, lng) {
+      markers.setGeometries([]);
+      // var input = document.getElementById('location').value.split(',');
+      let location
+      if (lat && lng) {
+        location = new TMap.LatLng(lat, lng);
+      } else {
+        location = new TMap.LatLng(this.formData.latitude, this.formData.longitude);
+      }
+
+      // map.setCenter(location);
+      markers.updateGeometries([
+        {
+          id: 'main', // 点标注数据数组
+          position: location,
+        },
+      ]);
+      geocoder
+        .getAddress({ location: location }) // 将给定的坐标位置转换为地址
+        .then((result) => {
+          this.formData.address = result.result.address
+          // 显示搜索到的地址
+        });
+    },
+
+
+    resetData () {
+      this.formData = {
+        serviceCategoryKey: '',//服务分类id	
+        serviceProjectId: '',//服务项目id	
+        serviceOrgId: '',//服务组织id	
+        serviceScope: [],//
+        principalName: '',//经办人(责任人)姓名	
+        principalContact: '',//经办人联系方式	
+        serviceTimeStart: '',//服务起始时间yyyy-MM-dd	
+        serviceTimeEnd: '',//服务截止时间yyyy-MM-dd	
+        remark: '',//
+
+      }
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+
+        serviceCategoryKey: [
+          { required: true, message: '服务类别不能为空', trigger: 'blur' },
+        ],
+        serviceProjectId: [
+          { required: true, message: '服务项目不能为空', trigger: 'blur' }
+        ],
+
+        serviceOrgId: [
+          { required: true, message: '服务组织不能为空', trigger: 'blur' }
+        ],
+        serviceTimeStart: [
+          { required: true, message: '服务时间不能为空', trigger: 'blur' }
+        ],
+        serviceScope: [
+          { required: true, message: '服务范围不能为空', trigger: 'blur' }
+        ],
+
+      }
+    },
+  },
+  props: {
+
+    serviceRecordId: {
+      type: String,
+      required: true
+    },
+    formType: {//表单操作类型 add新增，edit编辑，detail详情,feedback反馈
+      type: String,
+      required: true
+    },
+    categrayArray: {
+      type: Array,
+      required: true,
+      default () {
+        return []
+      }
+    },
+    satisfyArray: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/form-main.scss";
+
+.attachement-list {
+  // padding-left: 20px;
+  a {
+    display: block;
+    cursor: pointer;
+    // color: #4df0ff;
+    font-size: 14px;
+
+    i {
+      color: #333;
+    }
+  }
+}
+</style>

src/views/modules/communityService/policy/personList.vue

@@ -0,0 +1,113 @@
+<template>
+  <div class="dialog-h-content scroll-h  div_main">
+    <div v-for="(item,index) in ruleList"
+         :key="index">
+      <div class="div_name">{{'政策细则'+(index+1)}}：{{item.ruleName}}</div>
+      <person-list-item :ruleId="item.id"> </person-list-item>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+
+
+import { requestPost } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import personListItem from './personListItem'
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      loading: false,
+      total: 0,
+      pageSize: 20,
+      pageNo: 1,
+      tableLoading: false,
+
+      agencyId: '',
+      initLoading: false,
+
+      tableArray: [
+
+      ],
+
+
+
+    }
+  },
+  components: {
+    personListItem
+  },
+  async created () {
+
+  },
+  activated () {
+    // this.$refs['ref_table'].doLayout()
+  },
+  async mounted () {
+
+
+  },
+
+  methods: {
+
+
+
+
+
+
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+
+  },
+  watch: {
+
+  },
+  props: {
+    policyId: {
+      type: String,
+      required: ''
+    },
+    ruleList: {
+      type: Array,
+      required: true,
+      default () {
+        return []
+      }
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/list-main.scss";
+
+.div_name {
+  padding: 5px 20px;
+  font-size: 16px;
+}
+</style>
+
+
+

src/views/modules/communityService/policy/personListItem.vue

@@ -0,0 +1,628 @@
+<template>
+  <div class="div_main">
+
+    <div class="div_search">
+      <el-form :inline="true"
+               :model="formData"
+               ref="ref_searchform"
+               :label-width="'90px'">
+        <div>
+          <el-form-item label="所属组织"
+                        prop="orgId">
+            <el-cascader class="customer_cascader"
+                         filterable
+                         ref="myCascader"
+                         size="small"
+                         v-model="agencyIdArray"
+                         :options="orgOptions"
+                         :props="orgOptionProps"
+                         :show-all-levels="false"
+                         @change="handleChangeAgency"></el-cascader>
+
+          </el-form-item>
+
+          <el-form-item label="所属房屋">
+
+            <el-form-item prop="neighborHoodId">
+              <el-select v-model.trim="formData.neighborHoodId"
+                         placeholder="小区"
+                         size="small"
+                         clearable
+                         class="item_width_2"
+                         @change="handleChangeV">
+                <el-option v-for="item in optionsV"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="buildingId">
+              <el-select v-model.trim="formData.buildingId"
+                         placeholder="楼号"
+                         :disabled="!this.formData.neighborHoodId"
+                         size="small"
+                         clearable
+                         class="item_width_2 item_width_2-middle item_width_2"
+                         @change="handleChangeB">
+                <el-option v-for="item in optionsB"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="unitId">
+              <el-select v-model.trim="formData.unitId"
+                         placeholder="单元"
+                         size="small"
+                         :disabled="!this.formData.buildingId"
+                         clearable
+                         class="item_width_2 item_width_2-middle item_width_2"
+                         @change="handleChangeD">
+                <el-option v-for="item in optionsD"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="houseId">
+              <el-select v-model.trim="formData.houseId"
+                         placeholder="房号"
+                         :disabled="!this.formData.unitId"
+                         size="small"
+                         clearable
+                         class="item_width_2 item_width_2-middle item_width_2">
+                <el-option v-for="item in optionsH"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+          </el-form-item>
+
+          <el-form-item label="姓名"
+                        prop="name">
+            <el-input v-model="formData.name"
+                      size="small"
+                      class="item_width_2"
+                      clearable
+                      placeholder="请输入姓名">
+            </el-input>
+
+          </el-form-item>
+          <el-form-item label="手机号"
+                        prop="mobile">
+            <el-input v-model="formData.mobile"
+                      size="small"
+                      class="item_width_2"
+                      clearable
+                      placeholder="请输入手机号">
+            </el-input>
+
+          </el-form-item>
+
+          <el-form-item label="身份证"
+                        prop="mobile">
+            <el-input v-model="formData.idCard"
+                      size="small"
+                      class="item_width_2"
+                      clearable
+                      placeholder="请输入身份证">
+            </el-input>
+
+          </el-form-item>
+          <el-button style="margin-left:30px"
+                     size="small"
+                     class="diy-button--search"
+                     @click="handleSearch">查询</el-button>
+          <el-button style="margin-left:10px"
+                     size="small"
+                     class="diy-button--reset"
+                     @click="resetSearch">重置</el-button>
+          <el-button style="margin-left:10px"
+                     class="diy-button--add"
+                     size="small"
+                     @click="handleExport">导出</el-button>
+        </div>
+      </el-form>
+    </div>
+    <div class="div_table">
+
+      <el-table ref="ref_table"
+                class="table"
+                :data="tableData"
+                border
+                :height="tableHeight"
+                v-loading="tableLoading"
+                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                style="width: 100%">
+        <el-table-column type="selection"
+                         width="55"></el-table-column>
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         type="index"
+                         width="50"></el-table-column>
+
+        <el-table-column prop="name"
+                         header-align="center"
+                         align="center"
+                         label="姓名"
+                         width="90">
+        </el-table-column>
+        <el-table-column prop="mobile"
+                         header-align="center"
+                         align="center"
+                         label="手机号"
+                         width="110">
+        </el-table-column>
+        <el-table-column prop="idCard"
+                         header-align="center"
+                         align="center"
+                         label="身份证"
+                         width="170">
+        </el-table-column>
+        <el-table-column prop="neighborHoodName"
+                         header-align="center"
+                         align="center"
+                         label="所属小区"
+                         min-width="200">
+        </el-table-column>
+        <el-table-column prop="age"
+                         header-align="center"
+                         align="center"
+                         label="年龄"
+                         width="80">
+        </el-table-column>
+
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+
+    </div>
+
+  </div>
+
+</template>
+
+<script>
+
+
+
+import { requestPost } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      loading: false,
+      total: 0,
+      pageSize: 20,
+      pageNo: 1,
+      tableLoading: false,
+
+      agencyId: '',
+      initLoading: false,
+
+      tableArray: [
+
+      ],
+
+      formData: {
+        gridId: '',
+        agencyId: '',
+        orgId: '',
+        orgType: '',
+        ruleId: '',
+        ruleList: {},
+        name: '',
+        mobile: '',
+        idCard: '',
+
+        neighborHoodId: '',
+        buildingId: '',
+        unitId: '',
+        houseId: ''
+      },
+      optionsV: [],
+      optionsB: [],
+      optionsH: [],
+      optionsD: [],
+      optionsG: [],
+      orgOptions: [],
+      agencyIdArray: [],
+      tableData: [],
+
+      orgOptionProps: {
+        multiple: false,
+        value: 'agencyId',
+        label: 'agencyName',
+        children: 'subAgencyList',
+        checkStrictly: true
+      }
+
+    }
+  },
+  components: {
+
+  },
+  async created () {
+
+  },
+  activated () {
+    this.$refs['ref_table'].doLayout()
+  },
+  async mounted () {
+
+    this.getOrgTreeList()
+
+    await this.loadTable()
+
+  },
+
+  methods: {
+    handleSearch () {
+      this.loadTable()
+    },
+
+
+    async loadTable () {
+      this.tableLoading = true
+
+      const url = "/data/aggregator/icuser/listByPolicyRules"
+      // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icEpidemicSpecialAttention/list"
+      let params = {
+        pageSize: this.pageSize,
+        pageNo: this.pageNo,
+        ...this.formData,
+        ruleId: this.ruleId,
+        ruleList: this.ruleList
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.total = data.total
+        this.tableData = data.list
+
+      } else {
+        this.$message.error(msg)
+      }
+      this.tableLoading = false
+    },
+
+
+    handleChangeAgency (val) {
+      let obj = this.$refs["myCascader"].getCheckedNodes()[0].data
+      if (obj) {
+        if (obj.level === 'grid') {
+          this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+          this.formData.orgType = 'grid'
+          this.formData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+          this.formData.agencyId = ''
+
+
+        } else {
+          this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+          this.formData.orgType = 'agency'
+          this.formData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+          this.formData.gridId = ''
+        }
+
+      } else {
+        this.formData.orgId = ''
+        this.formData.orgType = ''
+        this.formData.agencyId = ''
+        this.formData.gridId = ''
+      }
+
+      this.formData.neighborHoodId = ''
+      this.formData.buildingId = ''
+      this.formData.unitId = ''
+      this.formData.houseId = ''
+      this.getValiheList()
+    },
+
+    handleChangeV (val) {
+      console.log('val', val)
+      this.formData.buildingId = ''
+      this.formData.unitId = ''
+      this.formData.houseId = ''
+      this.getBuildList()
+      this.getUniList()
+      this.getHouseList()
+    },
+    handleChangeB (val) {
+      console.log('val', val)
+      this.formData.unitId = ''
+      this.formData.houseId = ''
+      this.getUniList()
+      this.getHouseList()
+    },
+    handleChangeD () {
+      this.formData.houseId = ''
+      this.getHouseList()
+    },
+    getOrgTreeList () {
+      const { user } = this.$store.state
+      this.$http
+        .post('/gov/org/customeragency/agencygridtree', {})
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取组织树成功', res.data)
+            this.orgOptions = []
+            this.orgOptions.push(res.data)
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getValiheList () {
+      const { user } = this.$store.state
+      this.$http
+        .post('/gov/org/icneighborhood/neighborhoodoption', { gridId: this.formData.gridId, agencyId: this.formData.agencyId })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询详情成功', res.data)
+            this.optionsV = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+
+    getBuildList () {
+      this.$http
+        .post('/gov/org/icbuilding/buildingoption', { neighborHoodId: this.formData.neighborHoodId })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询详情成功', res.data)
+            this.optionsB = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getUniList () {
+      this.$http
+        .post('/gov/org/icbuildingunit/unitoption', { buildingId: this.formData.buildingId })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询详情成功', res.data)
+            this.optionsD = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getHouseList () {
+      this.$http
+        .post('/gov/org/ichouse/houseoption', { unitId: this.formData.unitId })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询详情成功', res.data)
+            this.optionsH = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+
+    //重置搜索条件
+    resetSearch () {
+      this.agencyIdArray = []
+      this.formData = {
+        orgId: '',
+        orgType: '',
+        ruleId: '',
+        ruleList: {},
+        name: '',
+        mobile: '',
+        idCard: '',
+
+        neighborHoodId: '',
+        buildingId: '',
+        unitId: '',
+        houseId: ''
+      }
+
+      this.pageNo = 1
+      this.loadTable()
+    },
+
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+    //导出表格
+    async handleExport () {
+      this.exportBtn = true
+      this.exportBtnTitle = '正在导出...'
+      let params = {
+        ...this.formData,
+        ruleId: this.ruleId,
+        ruleList: this.ruleList
+      }
+
+
+      await this.$http({
+        method: 'POST',
+        url: '/data/aggregator/icuser/exportByPolicyRules',
+        responseType: 'blob',
+        data: params
+      })
+        .then(res => {
+
+          console.log('resllll', res)
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+          var url = window.URL.createObjectURL(blob)
+          var aLink = document.createElement('a')
+          aLink.style.display = 'none'
+          aLink.href = url
+          aLink.setAttribute('download', fileName)
+          document.body.appendChild(aLink)
+          aLink.click()
+          document.body.removeChild(aLink) //下载完成移除元素
+          window.URL.revokeObjectURL(url) //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log('获取导出情失败', err)
+          this.$message.error('获取导出失败')
+        })
+      this.exportBtnTitle = '导出'
+      this.exportBtn = false
+
+    },
+
+    // 下载文件
+    download (data, fileName) {
+      if (!data) {
+        return
+      }
+
+      var csvData = new Blob([data])
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName);
+      }
+      // for Non-IE (chrome, firefox etc.)
+      else {
+        var a = document.createElement('a');
+        document.body.appendChild(a);
+        a.style = 'display: none';
+        var url = window.URL.createObjectURL(csvData);
+        a.href = url;
+        a.download = fileName;
+        a.click();
+        a.remove();
+        window.URL.revokeObjectURL(url);
+      }
+
+    },
+
+
+
+
+
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+      return 400
+
+    },
+
+    ...mapGetters(['clientHeight', 'iframeHeight'])
+  },
+  watch: {
+
+  },
+  props: {
+    ruleId: {
+      type: String,
+      required: ''
+    },
+    ruleList: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+.div_main {
+  width: 100%;
+
+  .div_search {
+    background: #ffffff;
+    border-radius: 4px;
+    padding: 20px 20px 5px 15px;
+    .item_width_2 {
+      width: 160px;
+    }
+  }
+}
+
+.div_table {
+  background: #ffffff;
+
+  border-radius: 4px;
+
+  padding: 0 20px;
+  position: relative;
+
+  .table {
+    .img-voice {
+      width: 30px;
+      height: 30px;
+    }
+  }
+
+  .div_notice {
+    position: absolute;
+    left: 15px;
+    bottom: 0;
+  }
+}
+</style>
+
+
+

src/views/modules/communityService/policy/policyList.vue

@@ -0,0 +1,506 @@
+<template>
+  <div class="div_main">
+    <div>
+      <div class="div_search">
+        <el-form :inline="true"
+                 :model="formData"
+                 ref="ref_searchform"
+                 :label-width="'80px'">
+          <div>
+
+            <el-form-item label="政策标题"
+                          prop="title">
+              <el-input v-model="formData.title"
+                        class="item_width_1"
+                        size="small"
+                        clearable
+                        placeholder="请输入">
+              </el-input>
+            </el-form-item>
+
+            <el-form-item label="政策内容"
+                          prop="content">
+              <el-input v-model="formData.content"
+                        class="item_width_2"
+                        size="small"
+                        clearable
+                        placeholder="请输入">
+              </el-input>
+            </el-form-item>
+
+            <el-form-item label="是否过期"
+                          prop="expiredFlag">
+              <el-select class="item_width_2"
+                         v-model="formData.expiredFlag"
+                         placeholder="全部"
+                         size="small"
+                         clearable>
+                <el-option v-for="item in statusArray"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select>
+
+            </el-form-item>
+
+            <el-button style="margin-left:30px"
+                       size="small"
+                       class="diy-button--search"
+                       @click="handleSearch">查询</el-button>
+            <el-button style="margin-left:10px"
+                       size="small"
+                       class="diy-button--reset"
+                       @click="resetSearch">重置</el-button>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="div_table">
+
+        <div class="div_btn">
+          <el-button class="diy-button--add"
+                     size="small"
+                     @click="handleAdd">新增政策</el-button>
+
+          <!-- <el-button @click="handleExport"
+                     class="diy-button--reset"
+                     size="small">导出</el-button> -->
+        </div>
+
+        <el-table :data="tableData"
+                  border
+                  v-loading="tableLoading"
+                  :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                  class="table"
+                  style="width: 100%"
+                  :height="maxTableHeight">
+          <el-table-column label="序号"
+                           fixed="left"
+                           type="index"
+                           align="center"
+                           width="50" />
+
+          <el-table-column prop="policyLevelName"
+                           label="政策级别"
+                           width="100"
+                           align="center"
+                           :show-overflow-tooltip="true">
+          </el-table-column>
+
+          <el-table-column prop="title"
+                           align="center"
+                           min-width="150"
+                           label="政策标题"
+                           :show-overflow-tooltip="true">
+
+          </el-table-column>
+          <el-table-column prop="content"
+                           align="center"
+                           min-width="250"
+                           label="政策内容"
+                           :show-overflow-tooltip="true">
+
+          </el-table-column>
+
+          <el-table-column prop="serviceTimeStart"
+                           align="center"
+                           width="300"
+                           :show-overflow-tooltip="true"
+                           label="政策时间">
+            <template slot-scope="scope">
+              <span>{{scope.row.startDate}}-{{scope.row.endDate}}</span>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="expiredFlag"
+                           align="center"
+                           width="100"
+                           label="是否过期"
+                           :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{scope.row.expiredFlag==='1'?'已过期':'未过期'}}</span>
+            </template>
+          </el-table-column>
+
+          <el-table-column fixed="right"
+                           label="操作"
+                           align="center"
+                           width="220">
+            <template slot-scope="scope">
+              <el-button @click="handleDetail(scope.row)"
+                         type="text"
+                         size="small"
+                         class="div-table-button--detail">详情</el-button>
+              <el-button @click="handleEdit(scope.row)"
+                         type="text"
+                         size="small"
+                         class="div-table-button--edit">编辑</el-button>
+              <el-button @click="handleCopy(scope.row)"
+                         type="text"
+                         size="small"
+                         class="div-table-button--edit">复制</el-button>
+              <el-button @click="handlePersonList(scope.row)"
+                         type="text"
+                         size="small"
+                         class="div-table-button--edit">人员名单</el-button>
+              <el-button @click="handleDel(scope.row)"
+                         type="text"
+                         size="small"
+                         class="div-table-button--delete">删除</el-button>
+
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination @size-change="handleSizeChange"
+                         @current-change="handleCurrentChange"
+                         :current-page.sync="pageNo"
+                         :page-sizes="[20, 50, 100, 200]"
+                         :page-size="parseInt(pageSize)"
+                         layout="sizes, prev, pager, next, total"
+                         :total="total">
+          </el-pagination>
+        </div>
+
+      </div>
+
+    </div>
+    <el-dialog v-if="showAdd"
+               :visible.sync="showAdd"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="addDiaTitle"
+               :modal-append-to-body="false"
+               width="1050px"
+               top="5vh"
+               class="dialog-h"
+               @closed="showAdd = false">
+      <add-policy ref="ref_add_form"
+                  :formType="formType"
+                  :policyId="policyId"
+                  @handleOk="handleOk"
+                  @handleClose="handleClose"></add-policy>
+    </el-dialog>
+    <el-dialog v-if="showPersonList"
+               :visible.sync="showPersonList"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="'人员名单'"
+               width="1150px"
+               top="5vh"
+               class="dialog-h"
+               @closed="showPersonList = false">
+      <person-list ref="ref_detail_form"
+                   :policyId="policyId"
+                   :ruleList="ruleList"
+                   @handleOk="handleOk"
+                   @handleClose="handleClose"
+                   :formType="formType">
+      </person-list>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+// import eventInfo from "./cpts/event-info";
+import axios from "axios";
+import addPolicy from "./addPolicy";
+import personList from "./personList";
+
+
+export default {
+  components: { addPolicy, personList },
+
+  data () {
+
+
+    return {
+      tableLoading: false,
+      user: {},
+      agencyId: '',
+
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "1",
+          label: "是",
+        },
+        {
+          value: "0",
+          label: "否",
+        },
+      ],
+
+
+      formData: {
+        title: '',//	政策标题	
+        content: '',//政策内容		
+        expiredFlag: '',//是否过期；1：已过期；0：未过期	
+
+      },
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+
+      policyId: '',
+      serviceProjectName: '',
+
+      showAdd: false,
+
+      formType: 'add',
+      addDiaTitle: '新增政策',
+
+      showPersonList: false,
+      ruleList: []
+
+
+    };
+  },
+  computed: {
+    maxTableHeight () {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 350 + this.iframeHeigh
+        : this.clientHeight - 350;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+
+  },
+  mounted () {
+    console.log(this.$store.state)
+    this.user = this.$store.state.user
+    this.agencyId = this.user.agencyId
+
+    this.getTableData();
+  },
+  methods: {
+
+    handleSearch (val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async handleAdd () {
+      this.addDiaTitle = '新增政策'
+      this.formType = 'add'
+      this.showAdd = true;
+    },
+
+    async handleDetail (row) {
+      this.policyId = row.policyId
+      this.addDiaTitle = '政策详情'
+      this.formType = 'detail'
+      this.showAdd = true
+
+    },
+    async handleEdit (row) {
+      this.policyId = row.policyId
+      this.addDiaTitle = '编辑政策'
+      this.formType = 'edit'
+      this.showAdd = true;
+
+    },
+    async handleCopy (row) {
+      this.policyId = row.policyId
+      this.addDiaTitle = '新增政策'
+      this.formType = 'copy'
+      this.showAdd = true;
+
+    },
+
+    //加载组织数据
+    async handlePersonList (row) {
+
+      this.policyId = row.policyId
+      await this.loadRuleList()
+      this.formType = 'personList'
+      this.showPersonList = true;
+    },
+
+    async loadRuleList () {
+
+      const url = "/heart/policy/rulelist/" + this.policyId
+
+      let params = {}
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.ruleList = data
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+
+
+    handleClose () {
+      this.policyId = ""
+      this.formType = ''
+
+      this.showAdd = false
+      this.showPersonList = false
+
+
+
+    },
+    handleOk () {
+      this.handleClose()
+      this.pageNo = 1
+      this.getTableData()
+
+    },
+
+
+    async handleDel (row) {
+
+      this.policyId = row.policyId
+
+      this.$confirm("确认删除政策?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          this.delPolicy()
+        })
+        .catch(err => {
+          if (err == "cancel") {
+            // this.$message({
+            //   type: "info",
+            //   message: "已取消删除"
+            // });
+          }
+        });
+
+    },
+
+    async delPolicy () {
+
+      const url = `/heart/policy/delete/${this.policyId}`;
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData () {
+      this.tableLoading = true
+      const url = "/heart/policy/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/recordList";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+
+      this.tableLoading = false
+      if (code === 0) {
+
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+            return item;
+          })
+          : [];
+
+        this.tableData.forEach(item => {
+          if (item.operationType === '2') {
+            item.operationTypeShow = '已转需求'
+          }
+          if (item.operationType === '1') {
+            item.operationTypeShow = '已立项'
+          }
+          if (item.operationType === '0') {
+            item.operationTypeShow = '已回复'
+          }
+
+        });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport () {
+      const url = "/gov/project/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    handleSizeChange (val) {
+
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange (val) {
+
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch () {
+      this.formData = {
+        title: '',//	政策标题	
+        content: '',//政策内容		
+        expiredFlag: '',//是否过期；1：已过期；0：未过期	
+      }
+
+
+      this.pageNo = 1
+      this.getTableData()
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+</style>

src/views/modules/shequzhili/tuceng/anquan/qunzufang/index.vue

@@ -0,0 +1,412 @@
+<template>
+    <div  class="div_main">
+        <div class="div_search">
+          <el-form
+            :inline="true"
+            :model="formData"
+            ref="ref_searchform"
+            :label-width="'100px'"
+          >
+            <div>
+              <el-form-item label="所属组织" prop="orgId" >
+                <el-cascader
+                  class="item_width_2"
+                  ref="myCascaderm"
+                  filterable
+                  size="small"
+                  v-model="agencyIdArray"
+                  :options="orgOptions"
+                  :props="orgOptionProps"
+                  :show-all-levels="false"
+                  @change="handleChangeAgency"
+                ></el-cascader>
+              </el-form-item>
+  
+              <el-form-item label="房主姓名" prop="ownerName">
+                <el-input
+                  class="item_width_2"
+                  size="small"
+                  v-model="formData.ownerName"
+                  clearable
+                  placeholder="请输入"
+                >
+                </el-input>
+              </el-form-item>
+  
+           
+  
+              <el-form-item label="联系方式" prop="ownerPhone">
+                <el-input
+                  class="item_width_2"
+                  size="small"
+                  v-model="formData.ownerPhone"
+                  clearable
+                  placeholder="请输入"
+                >
+                </el-input>
+              </el-form-item>
+  
+              <el-form-item label="房屋用途" prop="purpose">
+                <el-select v-model="formData.purpose"
+                           placeholder="请选择"
+                           size="small"
+                           class="item_width_2"
+                           clearable
+                           style="width: 240px"
+                           :multiple="false">
+                  <el-option v-for="item in housePurposeOption"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="备注" prop="remark">
+                <el-input
+                  class="item_width_2"
+                  size="small"
+                  v-model="formData.remark"
+                  clearable
+                  placeholder="请输入"
+                >
+                </el-input>
+              </el-form-item>
+              
+              <el-button
+                style="margin-left: 30px"
+                size="small"
+                class="diy-button--search"
+                @click="handleSearch"
+                >查询</el-button
+              >
+              <el-button
+                style="margin-left: 10px"
+                size="small"
+                class="diy-button--reset"
+                @click="resetSearch"
+                >重置</el-button
+              >
+            </div>
+          </el-form>
+        </div>
+  
+      <div class="div_table">
+        <el-table
+          border
+          :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
+          class="table"
+          :data="tableData"
+          style="width: 100%"
+          :height="maxTableHeight"
+        >
+       
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            prop="gridName"
+            align="center"
+            min-width="190"
+            label="所属组织"
+            :show-overflow-tooltip="true"
+          >
+          <template slot-scope="scope">
+              <span>{{scope.row.agencyName }}-{{ scope.row.gridName}}</span>
+          </template>
+          </el-table-column>
+          <el-table-column
+            prop="houseName"
+            align="center"
+            min-width="180"
+            label="房屋名称"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+  
+          <el-table-column
+            prop="houseType"
+            label="类型"
+            min-width="150"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+  
+          <el-table-column
+            prop="purpose"
+            align="center"
+            min-width="150"
+            label="用途"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+  
+          <el-table-column
+            prop="rentFlag"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
+            label="房屋状态"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="ownerName"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
+            label="房主姓名"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="ownerPhone"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
+            label="联系方式"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="ownerIdCard"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
+            label="身份证"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="remark"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
+            label="备注"
+          >
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center" width="100">
+            <template slot-scope="scope">
+              <!-- <el-button v-if="scope.row.issueStatus==='voting'&& agencyId===scope.row.orgId"
+                   @click="handleDispose(scope.row)"
+                   type="text"                 size="small"
+                   class="div-table-button--edit">处理</el-button> -->
+  
+              <el-button @click="handleWatch(scope.row)" type="text" size="small"
+                >查看</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+  
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+      <el-dialog
+      title="房屋详情"
+      :visible.sync="showhtglDialog"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="950px"
+      v-if="showhtglDialog"
+      @close="detailFormCancle"
+     >
+      <qzf-info 
+      ref="qzf_info"
+      @diaDetailClose="detailFormCancle"
+      >
+      </qzf-info>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { mapGetters } from "vuex";
+  import { requestPost } from "@/js/dai/request";
+  import qzfInfo from "./qzfInfo.vue"
+  import axios from "axios";
+  
+  export default {
+   
+    data() {
+        let orgOptionProps = {
+            multiple: false,
+            value: 'agencyId',
+            label: 'agencyName',
+            children: 'subAgencyList',
+            checkStrictly: true
+        }
+      return {
+        orgOptions: [],
+        orgOptionProps,
+        housePurposeOption:[
+            { value: '1', label: '住宅' },
+            { value: '2', label: '商业' },
+            { value: '3', label: '办公' },
+            { value: '4', label: '工业' },
+            { value: '5', label: '仓储' },
+            { value: '6', label: '商住混用' },
+            { value: '7', label: '其他' }
+            ],
+        formData: {
+          ownerName: '',
+          ownerPhone: '',
+          startDate: '',
+          endDate: '',
+          purpose:'',
+          remark:'',
+          orgId:''
+        },
+        showhtglDialog:false,
+        topicId:'',
+        tableData:[],
+        dialogVisible:false,
+        agencyIdArray: [],
+        pageNo: 1,
+        pageSize: window.localStorage.getItem("pageSize") || 20,
+        total: 1,
+      };
+    },
+    created() {
+      this.getTableData()
+    },
+    mounted() {
+      this.getOrgTreeList();
+    },
+    methods: {
+      async getOrgTreeList() {
+        const url = "/gov/org/customeragency/agencygridtree";
+        let params = {
+          agencyId: this.agencyId,
+          purpose: "query",
+        };
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.orgOptions = [];
+          this.orgOptions.push(data);
+        } else {
+          this.$message.error(msg);
+        }
+      },
+      handleChangeAgency (val) {
+      let obj = this.$refs["myCascaderm"].getCheckedNodes()[0].data
+        console.log(obj);
+      if (obj) {
+        if (obj.level === 'grid') {
+          this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+        } else {
+          this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+        }
+
+      } else {
+        this.formData.orgId = ''
+      }
+    },
+      handleSizeChange (val) {
+  
+          this.pageSize = val;
+          window.localStorage.setItem("pageSize", val);
+          this.getTableData();
+      },
+      handleCurrentChange (val) {
+              this.pageNo = val;
+              this.getTableData();
+      },
+      handleSearch (val) {
+        this.pageNo = 1;
+        this.getTableData();
+        console.log(this.agencyIdArray);
+      },
+     
+      resetSearch () {
+          this.agencyIdArray = []
+          this.formData = {
+          ownerName: '',
+          ownerPhone: '',
+          startDate: '',
+          endDate: '',
+      }
+      this.pageNo = 1
+      },
+  
+      async getTableData () {
+        const url = "/gov/org/house/group-rent-house-list";
+        let { pageSize, pageNo, formData } = this;
+        // if(this.agencyIdArray.length ==1){
+        //     orgId = JSONparse(JSON.stringify(this.agencyIdArray[0])).join()
+        // }else if(this.agencyIdArray.length ==2){
+        //     orgId = JSONparse(JSON.stringify(this.agencyIdArray[1])).splice(1).join()
+        // }else if(this.agencyIdArray.length ==3){
+        //     orgId = JSONparse(JSON.stringify(this.agencyIdArray[0])).splice(2).join()
+        // }else if(this.agencyIdArray.length ==4){
+        //     orgId = JSONparse(JSON.stringify(this.agencyIdArray[0])).splice(3).join()
+        // }else{
+        //   this.agencyIdArray = []
+        // }
+        console.log( this.agencyIdArray);
+        const { data, code, msg } = await requestPost(url, {
+          pageSize,
+          pageNo,
+        //   orgId,
+          orgType: "agency",
+          ...formData,
+        });
+        if (code === 0) {
+          this.total = data.total || 0;
+          this.tableData = data.list
+            ? data.list.map((item) => {
+              return item;
+            })
+            : [];
+        } else {
+          this.$message.error(msg);
+        }
+      },
+      detailFormCancle () {
+        this.showhtglDialog = false
+      },
+      async handleWatch (row) {
+        console.log(row,'see');
+        this.showhtglDialog = true
+        this.$nextTick(() => {
+        this.$refs.qzf_info.initForm(row)
+        })
+
+      },
+    },
+    components: {
+      qzfInfo
+    },
+    computed: {
+      maxTableHeight () {
+        return this.$store.state.inIframe
+          ? this.clientHeight - 240 + this.iframeHeigh
+          : this.clientHeight - 240;
+      },
+      ...mapGetters(["clientHeight", "iframeHeight"]),
+    },
+    watch: {},
+  };
+  </script>
+  <style lang="scss" scoped>
+  @import "@/assets/scss/buttonstyle.scss";
+  @import "@/assets/scss/modules/management/list-main.scss";
+  @import "@/assets/scss/modules/shequzhili/event-info.scss";
+   ::v-deep .el-row{
+  margin:20px 0px 10px;
+  font-size: 15px;
+  }
+  </style>
+  

src/views/modules/shequzhili/tuceng/anquan/qunzufang/qzfInfo.vue

@@ -0,0 +1,360 @@
+<template>
+    <div>
+      <div class="dialog-h-content scroll-h">
+        <div class="div_tuomin">
+          <el-button
+                     size="mini"
+                     class="diy-button--search"
+                     @click="handleTuomin">显示脱敏信息</el-button>
+        </div>
+        <div v-if="initLoading"
+             class="m-row">
+          <div class="m-info">
+            <div class="info-prop">
+              <span class="info-title-2">所属楼栋：</span>
+              <span>{{ dataForm.neighborHoodName }}-{{dataForm.buildingName}}</span>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">单元号：</span>
+              <span>{{ dataForm.unitName?dataForm.unitName:'--' }}</span>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">门牌号：</span>
+              <span>{{ dataForm.doorName}}</span>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">房屋编码：</span>
+              <span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
+            </div>
+            <div v-if="dataForm.houseQrcodeUrl"
+                 style="display: flex;flex-direction: column;">
+              <img style="margin-left: 70px;width: 200px;"
+                   :src="dataForm.houseQrcodeUrl">
+              <a style="margin-left: 80px"
+                 :href="dataForm.houseQrcodeUrl"
+                 target="_blank">下载</a>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">房屋类型：</span>
+              <span>{{dataForm.houseTypeName?dataForm.houseTypeName:'--' }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">房屋用途：</span>
+              <span>{{dataForm.purposeName?dataForm.purposeName:'--' }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">房屋状态：</span>
+              <span>{{dataForm.rentName?dataForm.rentName:'--' }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">房主姓名：</span>
+              <span>{{dataForm.ownerName?dataForm.ownerName:'--' }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">联系方式：</span>
+              <span>{{dataForm.showOwnerPhone?dataForm.showOwnerPhone:'--' }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">房主身份证：</span>
+              <span>{{dataForm.showOwnerIdCard?dataForm.showOwnerIdCard:'--' }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">备注：</span>
+              <span>{{dataForm.remark?dataForm.remark:'--' }}</span>
+            </div>
+            <div class="leftPostion_box">
+                <span class="">居住成员信息</span>
+                <span v-if="quanzufangResiList.length==0">--</span>
+            </div>
+            <section>
+                      <el-row >
+                          <el-col :span="3"> 姓名</el-col>
+                          <el-col :span="7">联系方式</el-col>
+                          <el-col :span="9">房主身份证</el-col>
+                      </el-row>
+                      <el-row type="flex"  v-for="(item,index) in quanzufangResiList" :key="index">
+                          <el-col :span="3"> {{item.name}}</el-col>
+                          <el-col :span="7"> {{item.mobile?item.mobile:"--"}}</el-col>
+                          <el-col :span="9"> {{item.idCard?item.idCard:"--"}}</el-col>
+                      </el-row>
+            </section>
+          </div>
+        </div>
+  
+      </div>
+      <div class="div-btn">
+        <el-button size="small"
+                   @click="handleCancle">关 闭</el-button>
+  
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import { mapGetters } from 'vuex'
+  import { Loading } from 'element-ui' // 引入Loading服务
+  import { requestPost, requestGet } from '@/js/dai/request'
+  
+  
+  let loading // 加载动画
+  export default {
+    data () {
+      return {
+        formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
+        btnDisable: false,
+        initLoading: false,
+        unitList: [],
+  
+        houseId: '', //房屋ID
+        houseType: '1',
+        purpose: '1',
+        rentFlag: 0,
+        dataForm: {
+          neighborHoodId: '', // 所属小区ID
+          buildingId: '',//所属楼栋ID
+          buildingUnitId: '',//所属单元ID
+          doorName: '',//门牌号
+          houseType: '',//房屋类型【楼房，平房，别墅】
+          purpose: '',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】
+          rentFlag: 0,//房屋状态【是：1，否：0】	出租1、闲置2、自住	0
+          ownerPhone: '', //联系方式
+          ownerName: '', //房主名字
+          ownerIdCard: '', //房主身份证
+          remark: '',
+          quanzufangResiList:[],//群租房人员
+          // realPerson: 0,
+          coding: '',
+          sysCoding: ''
+        },
+  
+        keyWords: '',
+        agencyObj: {},
+  
+      }
+    },
+    components: {},
+    mounted () {
+  
+    },
+  
+    methods: {
+      handleCancle () {
+        // this.diaDestroy()
+        this.$emit('diaDetailClose')
+  
+      },
+      diaDestroy () {
+       
+      },
+      async initForm (row, agencyObj) {
+        //  this.dataForm = JSON.parse(JSON.stringify(row))
+        this.agencyObj = agencyObj
+        this.houseId = row.houseId
+        await this.loadHouseInfo()
+        await this.loadQunzufangInfo()
+        this.initLoading = true
+
+
+        // this.$refs.ref_form.resetFields();
+        // this.agencyObj = agencyObj
+        // this.formType = type
+        // console.log('agencyObj-----', agencyObj)
+        // if (row) {
+  
+        //   this.houseId = row.houseId
+        //   await this.loadHouseInfo()
+  
+  
+        // } else {
+  
+        //   this.dataForm.neighborHoodId = this.agencyObj.neighborHoodId
+        //   this.dataForm.buildingId = this.agencyObj.id
+        // }
+  
+  
+        // await this.loadUnitList()
+  
+      },
+  
+      async handleTuomin () {
+        const url = "/data/aggregator/epmetuser/detailByType";
+  
+        const { data, code, msg } = await requestPost(url, {
+          id:this.houseId,
+          type: "checkHouse",
+        });
+        for(let i in this.quanzufangResiList){
+            await this.getResiTuomin( this.quanzufangResiList[i].id)
+        }
+        if (code === 0) {
+          this.$set(this.dataForm, 'showOwnerPhone', data.mobile)
+          this.$set(this.dataForm, 'showOwnerIdCard', data.idCard)
+        } else {
+          this.$message.error(msg);
+        }
+      },
+      async getResiTuomin(id){
+        const url = "/data/aggregator/epmetuser/detailByType";
+        const { data, code, msg } = await requestPost(url, {
+            id:id,
+            type: "checkIcResiUser",
+        });
+        if(code == 0){
+           for(let i in this.quanzufangResiList){
+            // console.log(this.quanzufangResiList[i].mobile.split(7,11));
+            // console.log(data.mobile.split(7,11));
+            if(this.quanzufangResiList[i].mobile.substr(7,4) == data.mobile.substr(7,4)){
+                this.$set(this.quanzufangResiList[i],'mobile',data.mobile)
+                this.$set(this.quanzufangResiList[i],'idCard',data.idCard)
+            }
+           }
+
+        }else {
+            this.$message.error(msg)
+        }
+        
+      },
+      async loadHouseInfo () {
+  
+        const url = "/gov/org/ichouse/" + this.houseId
+  
+        const { data, code, msg } = await requestGet(url)
+  
+        if (code === 0) {
+          // debugger
+          this.dataForm = { ...data }
+  
+          this.houseType = this.dataForm.houseType
+          this.purpose = this.dataForm.purpose
+          this.rentFlag = parseInt(this.dataForm.rentFlag)
+  
+  
+        } else {
+          this.$message.error(msg)
+        }
+  
+      },
+      
+      async loadQunzufangInfo () {
+  
+        const url = "/epmetuser/icresiuser/listhomeuserbrief-encrypt/" + this.houseId
+
+        const { data, code, msg } = await requestPost(url)
+
+        if (code === 0) {
+            // debugger
+            // this.dataForm = { ...data }
+
+            // this.houseType = this.dataForm.houseType
+            // this.purpose = this.dataForm.purpose
+            // this.rentFlag = parseInt(this.dataForm.rentFlag)
+            this.quanzufangResiList = data
+            console.log(data);
+        } else {
+            this.$message.error(msg)
+        }
+
+      },
+      resetData () {
+        this.houseId = '' //房屋ID
+        this.houseType = '1'
+        this.purpose = '1'
+        this.rentFlag = 0
+        this.dataForm = {
+          neighborHoodId: '', // 所属小区ID
+          buildingId: '',//所属楼栋ID
+          buildingUnitId: '',//所属单元ID
+          doorName: '',//门牌号
+          houseType: '1',//房屋类型【楼房，平房，别墅】
+          purpose: '1',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】
+          rentFlag: 0,//是否出租【是：1，否：0】
+          ownerPhone: '', //联系方式
+          ownerName: '', //房主名字
+          ownerIdCard: '', //房主身份证
+          remark: '', // 备注
+          coding: '',
+          sysCoding: ''
+        }
+  
+      },
+      // 开启加载动画
+      startLoading () {
+        loading = Loading.service({
+          lock: true, // 是否锁定
+          text: '正在加载……', // 加载中需要显示的文字
+          background: 'rgba(0,0,0,.7)' // 背景颜色
+        })
+      },
+      // 结束加载动画
+      endLoading () {
+        // clearTimeout(timer);
+        if (loading) {
+          loading.close()
+        }
+      }
+    },
+    computed: {
+      dataRule () {
+        return {
+          buildingUnitId: [
+            { required: true, message: '所属单元不能为空', trigger: 'blur' },
+          ],
+          doorName: [
+            { required: true, message: '门牌号不能为空', trigger: 'blur' }
+          ],
+          coding: [
+            { required: true, message: '房屋编码不能为空', trigger: 'blur' }
+          ],
+          houseType: [
+            { required: true, message: '房屋类型不能为空', trigger: 'blur' }
+          ],
+          purpose: [
+            { required: true, message: '房屋用途不能为空', trigger: 'blur' }
+          ],
+          rentFlag: [
+            { required: true, message: '是否出租不能为空', trigger: 'blur' }
+          ],
+          ownerPhone: [
+            { required: false }
+          ],
+          ownerName: [
+            { required: false }
+          ],
+          ownerIdCard: [
+            { required: false }
+          ],
+          remark: [
+            { required: false }
+          ],
+        }
+      },
+  
+    },
+    props: {
+      view_real_data: {//显示【显示脱敏信息】按钮
+        type: Boolean,
+        default: false,
+      }
+    }
+  }
+  </script>
+  <style lang="scss" scoped >
+  // @import "@/assets/scss/modules/management/detail-main.scss";
+  
+  .div_tuomin {
+    position: absolute;
+    top: 52px;
+    right: 40px;
+    z-index: 1000;
+  }
+  .leftPostion_box{
+    position: relative;
+    left: -80px;
+    font-size: 18px;
+  }
+  </style>
+  

src/views/modules/shequzhili/tuceng/anquan/xuncharecord/icenterprisechangerecord-add-or-update.vue

@@ -0,0 +1,142 @@
+<template>
+  <el-dialog :visible.sync="visible" title="操作记录" :close-on-click-modal="false" :close-on-press-escape="false">
+      <el-table :cell-style="cellStyle" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
+          <el-table-column show-overflow-tooltip width="200" prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="200" prop="address" label="场所地址" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="200" prop="placeType" label="场所类型" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="150" prop="scale" label="规模" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="150" prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="250" prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="200" prop="createdTime" label="操作日期" header-align="center" align="center"></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="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import debounce from 'lodash/debounce'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/gov/org/enterprise/history/0',
+        getDataListIsPage: true,
+        createdIsNeed: false,
+      },
+      visible: false,
+      historyList:[],
+      dataForm: {
+        id: '',
+        customerId: '',
+        gridId: '',
+        agencyId: '',
+        agencyPids: '',
+        placeType: '',
+        placeOrgName: '',
+        address: '',
+        longitude: '',
+        latitude: '',
+        scale: '',
+        personInCharge: '',
+        mobile: '',
+        sourceType: '',
+        latestResult: '',
+        latestPatrolTime: '',
+        delFlag: '',
+        revision: '',
+        createdBy: '',
+        createdTime: '',
+        updatedBy: '',
+        updatedTime: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    cellStyle({row, column, rowIndex, columnIndex}) {
+      let mark = 'background:red;font-weight:bold;color:#303133;'
+      if(row.placeOrgName.includes('->') && columnIndex === 0){
+        return mark
+      }
+      if(row.address.includes('->') && columnIndex === 1){
+        return mark
+      }
+      if(row.placeType.includes('->') && columnIndex === 2){
+        return mark
+      }
+      if(row.scale.includes('->') && columnIndex === 3){
+        return mark
+      }
+      if(row.personInCharge.includes('->') && columnIndex === 4){
+        return mark
+      }
+      if(row.mobile.includes('->') && columnIndex === 5){
+        return mark
+      }
+    },
+    // 获取信息
+    getInfo () {
+      this.mixinViewModuleOptions.getDataListURL = `/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}`
+      this.getDataList()
+      // this.$http.get(`/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}`).then(({ data: res }) => {
+      //   if (res.code !== 0) {
+      //     this.historyList = []
+      //     this.total = 0
+      //     return this.$message.error(res.msg)
+      //   }
+      //   this.historyList =  res.data.list
+      //   this.total = res.data.total
+      //
+      // }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/gov/org/icEnterpriseChangeRecord/', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/shequzhili/tuceng/anquan/xuncharecord/icenterprisechangerecord.vue

@@ -0,0 +1,358 @@
+<template>
+    <div class="mod-__icEnterpriseChangeRecord} resi-container">
+      <el-card ref="searchCard" class="search-card">
+        <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="100px">
+          <el-form-item label="场所名称"
+                        prop="placeOrgName">
+            <el-input v-model="dataForm.placeOrgName"
+                      size="small"
+                      style="width: 240px"
+                      clearable
+                      placeholder="请输入场所名称">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="联系电话"
+                        prop="createdUser">
+            <el-input v-model="dataForm.mobile"
+                      size="small"
+                      style="width: 240px"
+                      clearable
+                      placeholder="请输入联系电话">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="场所区域"
+                        prop="gridId">
+            <el-select
+                    v-model.trim="dataForm.gridId"
+                    placeholder="请选择"
+                    style="width: 240px"
+                    clearable
+            >
+              <el-option
+                      v-for="item in optionsG"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="场所类型"
+                        prop="placeType">
+            <el-select v-model="dataForm.placeType"
+                       placeholder="请选择"
+                       size="small"
+                       style="width: 240px"
+                       clearable>
+              <el-option v-for="item in placeTypeArr"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="规模"
+                        prop="placeType">
+            <el-select v-model="dataForm.scale"
+                       placeholder="请选择"
+                       size="small"
+                       style="width: 240px"
+                       clearable>
+              <el-option v-for="item in scaleArr"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" class="diy-button--search" @click="getDataList()">{{ $t('query') }}</el-button>
+
+            <el-button  style="margin-left:10px"
+                        size="small"
+                        type="primary"
+                        class="diy-button--reset"
+                        @click="resetSearch">重置</el-button>
+          </el-form-item>
+          <!-- <el-button style="margin-left:10px"
+                     size="small"
+                     type="primary"
+                     class="diy-button--reset"
+                     @click="resetSearch">重置</el-button> -->
+          <!--        <el-form-item>-->
+          <!--          <el-button type="primary" size="small"  @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>-->
+          <!--        </el-form-item>-->
+          <!-- <el-form-item>
+            <el-button size="small" style="margin-left:10px" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          </el-form-item> -->
+        </el-form>
+      </el-card>
+      <el-card class="resi-card-table">
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
+        <el-table-column label="序号" type="index" align="center" width="50" />
+        <el-table-column prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="address" label="场所地址" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="placeType" label="场所类型" :formatter="placeTypeFormatter" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="scale" label="规模" :formatter="scaleFormatter" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="mobile" label="联系电话" header-align="center" 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 type="text" size="small" @click="addOrUpdateHandle(scope.row.enterpriseId)">{{ '操作记录' }}</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="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      </el-card>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './icenterprisechangerecord-add-or-update'
+import { requestPost } from "@/js/dai/request";
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/gov/org/enterprise/page',
+        getDataListIsPage: true,
+        deleteURL: '/gov/org/icEnterpriseChangeRecord',
+        deleteIsBatch: true
+      },
+      scaleArr: [],
+      resultArr: [{
+        value: '0',
+        label: '合格'
+      },{
+        value: '1',
+        label: '不合格'
+      }],
+      placeTypeArr: [],
+      agencyIdArray: [],
+      optionsG: [],
+      orgOptions: [],
+      orgOptionProps:{
+        multiple: false,
+        value: 'value',
+        label: 'label',
+        children: 'children',
+        checkStrictly: true
+      },
+      dataForm: {
+        id: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  created () {
+    this.getGridList()
+    this.getPlaceTypeList()
+    this.getScaleList()
+  },
+  methods: {
+    placeTypeFormatter (row) {
+      let re = ''
+      this.placeTypeArr.forEach((item) => {
+        if (item.value === row.placeType) {
+          re = item.label
+        }
+      })
+      return re
+    },
+    scaleFormatter (row) {
+      let re = ''
+      this.scaleArr.forEach((item) => {
+        if (item.value === row.scale) {
+          re = item.label
+        }
+      })
+      return re
+    },
+    resultFormatter (row) {
+      let re = ''
+      this.resultArr.forEach((item) => {
+        if (item.value === row.latestResult) {
+          re = item.label
+        }
+      })
+      return re
+    },
+    getPlaceTypeList() {
+      const { user } = this.$store.state
+      this.$http
+              .post('/gov/org/coverage/dict-select-list/enterprise_patrol', {})
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                } else {
+                  console.log('获取查询详情成功', res.data)
+                  this.placeTypeArr = res.data
+                }
+              })
+              .catch(() => {
+                return this.$message.error('网络错误')
+              })
+    },
+    getGridList() {
+      const { user } = this.$store.state
+      this.$http
+              .post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' })
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                } else {
+                  console.log('获取查询详情成功', res.data)
+                  this.optionsG = res.data
+                }
+              })
+              .catch(() => {
+                return this.$message.error('网络错误')
+              })
+    },
+    exportHandle () {
+      const url = this.mixinViewModuleOptions.exportURL
+      this.$http({
+        method: 'GET',
+        url,
+        responseType: 'blob',
+        params: this.dataForm
+      }).then(res => {
+        // this.download(res.data, title + '.xls')
+        if (res.headers["content-disposition"]) {
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+          var url = window.URL.createObjectURL(blob)
+          var aLink = document.createElement('a')
+          aLink.style.display = 'none'
+          aLink.href = url
+          aLink.setAttribute('download', fileName)
+          document.body.appendChild(aLink)
+          aLink.click()
+          document.body.removeChild(aLink) //下载完成移除元素
+          window.URL.revokeObjectURL(url) //释放掉blob对象
+        } else this.$message.error('下载失败')
+      }).catch(err => {
+        console.log('err', err)
+        return this.$message.error('网络错误')
+      })
+    },
+    //重置搜索条件
+    resetSearch () {
+      this.agencyIdArray = []
+      this.dataForm = {
+        agencyId: '',
+        gridId: '',
+        logType: '',
+        createdUser: '',
+        startTime: '',
+        endTime: '',
+        mobile: ''
+      }
+
+      this.getDataList()
+    },
+    // 字典
+    async getScaleList () {
+      console.log(localStorage.getItem('token'))
+      const url = "/sys/dict/data/dictlist"
+
+      let params = {
+        dictType: 'scale'
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.scaleArr = data
+      } else {
+        this.$message.error(msg)
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+  @import "@/assets/scss/buttonstyle.scss";
+
+  .resi-container .resi-card-table {
+    ::v-deep .el-table th {
+      color: #fff;
+      background-color: rgba(33, 149, 254, 1);
+      // border-right: 1px solid rgba(33, 149, 254, 1);
+    }
+  }
+  .resi-table {
+    ::v-deep .el-button--text {
+      text-decoration: underline;
+    }
+    ::v-deep .btn-color-del {
+      margin-left: 10px;
+      color: rgba(213, 16, 16, 1);
+    }
+    ::v-deep .btn-color-edit {
+      color: rgba(0, 167, 169, 1);
+    }
+  }
+
+  .resi-row-btn {
+    margin-bottom: 13px;
+    .upload-btn {
+      display: inline-block;
+      margin: 0 10px;
+    }
+  }
+
+  .form-wr {
+    .input-width {
+      width: 260px;
+
+    }
+    .input-width-textarea {
+      width: 500px;
+    }
+    .imsg-list {
+      display: flex;
+      align-items: center;
+      .imgs-item {
+        position: relative;
+        margin-right: 10px;
+        .el-icon-delete {
+          position: absolute;
+          top: 0;
+          right: 0;
+          font-size: 18px;
+          color: red;
+          z-index: 3;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  .div-content {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+
+<style>
+  .el-table .warning-row {
+    background: #ffe168;
+  }
+</style>

vue.config.js

@@ -23,7 +23,7 @@ module.exports = {
       .loader('svg-sprite-loader')
   },
   productionSourceMap: false,
-  outputDir: 'dist',
+  outputDir: 'epmet-oper-gov',
   assetsDir: 'static',
   devServer: {
     open: true,