【联户结亲】-【关联小组干部】-（王童）-2021/7/19

src/views/modules/workRecord/group-user.vue

@@ -0,0 +1,196 @@
+<template>
+  <el-dialog :visible.sync="visible"
+              title="选择干部"
+              :close-on-click-modal="false"
+              :close-on-press-escape="false"
+              width="80%"
+              height="90%">
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__user">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
+        <el-form-item label="用户名">
+          <el-input v-model="dataForm.username" :placeholder="$t('user.username')" clearable maxlength="10" @keyup.native="btKeyUpUserName"></el-input>
+        </el-form-item>
+        <el-form-item label="真实姓名">
+          <el-input v-model="dataForm.realname" placeholder='真实姓名' clearable maxlength="10" @keyup.native="btKeyUpRealname"></el-input>
+        </el-form-item>
+        <el-form-item label="邮箱">
+          <el-input v-model="dataForm.email" placeholder="邮箱" clearable maxlength="20" @keyup.native="btKeyUpEmail"></el-input>
+        </el-form-item>
+        <el-form-item label="手机号">
+          <el-input v-model="dataForm.mobile" placeholder="手机号" clearable maxlength="11" @keyup.native="btKeyUpMobile"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()" type="success">{{ $t('query') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" max-height="450" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column
+          type="index"
+          header-align="center"
+          align="center"
+          width="50"
+          label='序号'
+        ></el-table-column>
+        <el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center" align="center" width="100"></el-table-column>
+        <el-table-column prop="realName" :label="$t('user.realName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="deptName" :label="$t('user.deptName')" header-align="center" align="center" min-width="120"></el-table-column>
+        <el-table-column prop="email" :label="$t('user.email')" header-align="center" align="center" width="200"></el-table-column>
+        <el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center" align="center" width="120"></el-table-column>
+        <el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center" align="center" width="180">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('user.status0') }}</el-tag>
+            <el-tag v-else size="small" type="success">{{ $t('user.status1') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createDate" :label="$t('user.createDate')" sortable="custom" header-align="center" align="center" width="180"></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-form>
+        <el-button type="primary" @click="submitGroupUser()" style="margin-left:48%" class="end">{{"确定"}}</el-button>
+      </el-form>
+    </div>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+  import mixinViewModule from '@/mixins/view-module'
+
+  export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/user/getGroupUser',
+        getDataListIsPage: true,
+        deleteURL: '/sys/user',
+        deleteIsBatch: true,
+        exportURL: '/sys/user/export'
+      },
+      visible: false,
+      dataForm: {
+        groupId:'',
+        username: '',
+        realname: '',
+        mobile: '',
+        email: '',
+        userIds:''
+      },
+      pageIndex: 1,
+      limitVal: 10,
+      userIdListl:[],
+      responseData: []
+    }
+  },
+  methods: {
+    btKeyUpUserName (e) {
+      e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, '')
+      this.dataForm.username = e.target.value
+    },
+    btKeyUpRealname (e) {
+      e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, '')
+      this.dataForm.realname = e.target.value
+    },
+    btKeyUpEmail (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\-+=<>?:"{}|~！#￥%……&*（）——={}|《》？：“”【】、；‘’，。、]/g, '')
+      this.dataForm.email = e.target.value
+    },
+    btKeyUpMobile (e) {
+      e.target.value = e.target.value.replace(/[`~!@#$%^&*()_=<>?:"{}|·~！@#￥%……&*（）——={}|《》？：“”【】、；‘’，。、]/g, '')
+      this.dataForm.mobile = e.target.value
+    },
+    getDataListOverWrite () {
+      this.page = 1
+      this.getDataList()
+    },
+    // 获取数据列表
+    // getGroupUserList () {
+    //   this.$http
+    //       .get(`/sys/user/getGroupUser`,{
+    //         params: { username: this.dataForm.username, realname: this.dataForm.realname,
+    //           mobile: this.dataForm.mobile, email: this.dataForm.email, userIds: this.dataForm.userIds,
+    //           page: this.pageIndex, limit: this.limitVal}
+    //       })
+    //       .then(({ data: res }) => {
+    //         if (res.code !== 0) {
+    //           return this.$message.error(res.msg)
+    //         }
+    //         this.dataList = res.data
+    //       })
+    //       .catch(() => {})
+    // },
+    // 获取数据列表
+    init () {
+      this.dataForm.userIds = this.userIdListl.join(",")
+      this.visible = true
+      this.$nextTick(() => {
+        this.getDataList()
+      })
+    },
+    handleSelectionChange (val) {
+      this.responseData = val
+    },
+    // 返回主列表
+    backToGroupList () {
+      this.$emit('refreshDataList')
+      // this.$parent.selectComponent = 'Helpgroup'
+      // this.$router.push({ path: '/helpgrouproute' })
+    },
+    submitGroupUser(){
+      if (this.responseData.length === 0) {
+        this.$message({
+          message: '请选择书记！',
+          type: 'warning'
+        })
+        return false
+      }
+      this.$http.post(`/workRecord/groupcadrerelation/submitGroupUser`,
+              {groupId:this.dataForm.groupId,userList:this.responseData}).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.backToGroupList()
+          }
+        })
+        this.visible = false
+      }).catch(() => {})
+    },
+    getInfo () {
+      if (this.responseData.length === 0) {
+        this.$message({
+          message: '请选择干部！',
+          type: 'warning'
+        })
+        return false
+      }
+      this.$emit('connectResponse', this.responseData)
+      this.visible = false
+    }
+  }
+}
+</script>
+<style scoped lang='scss'>
+.el-form{
+  .end{
+    margin-top: 10px;
+  }
+}
+.el-button--success{
+  margin-top: 0px!important;
+}
+</style>

src/views/modules/workRecord/helpgroup.vue

@@ -35,6 +35,7 @@
 <!--            <el-button v-if="$hasPermission('workrecord:helpgroup:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>-->
 <!--            <el-button v-if="$hasPermission('workrecord:helpgroup:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>-->
             <el-button type="text" size="small" @click="addFamily(scope.row.id)">{{ $t('添加家庭') }}</el-button>
+            <el-button type="text" size="small" @click="addGroupUser(scope.row.id,scope.row.userIdList)">{{ $t('关联干部') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -50,6 +51,7 @@
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
       <groupfamily-add v-if="familyAddVisible" ref="groupfamilyAdd" @refreshDataList="getDataList"></groupfamily-add>
+      <group-user v-if="groupUserVisible" ref="groupUser" @refreshDataList="getDataList"></group-user>
     </div>
   </el-card>
 </template>
@@ -58,6 +60,7 @@
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './helpgroup-add-or-update'
 import GroupfamilyAdd from './groupfamily-add'
+import GroupUser from './group-user'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -71,12 +74,14 @@ export default {
       dataForm: {
         id: ''
       },
-      familyAddVisible:false
+      familyAddVisible:false,
+      groupUserVisible:false
     }
   },
   components: {
     AddOrUpdate,
-    GroupfamilyAdd
+    GroupfamilyAdd,
+    GroupUser
   },
   created: function () {
     this.getDataList()
@@ -89,6 +94,15 @@ export default {
         this.$refs.groupfamilyAdd.init()
       })
     },
+      addGroupUser(infoId,userIdList) {
+          this.groupUserVisible = true
+          this.$nextTick(() => {
+              this.$refs.groupUser.dataForm.groupId = infoId
+              console.log(userIdList)
+              this.$refs.groupUser.userIdListl = userIdList
+              this.$refs.groupUser.init()
+          })
+      },
   }
 }
 </script>