小组权限复制功能阶段提交

com.actionsoft.apps.coe.pal.cooperation/src/views/manage/ManageList.vue

@@ -135,10 +135,13 @@
                             <template slot-scope="scope">
                                 <div style="width: 30px;display: inline-block;">
                                     <div class="operate-icon-display">
+                                        <el-tooltip v-if="!scope.row.isOlderVersion && scope.row.hasUserPerm" content="权限复制" placement="bottom" :hide-after=2000>
+                                            <i class="awsui-iconfont" style="cursor: pointer;padding-right: 10px;" @click="copyUser(scope.row.userId)">&#xe8be;</i>
+                                        </el-tooltip>
                                         <el-tooltip v-if="!scope.row.isOlderVersion && scope.row.hasUserPerm" content="用户权限" placement="bottom" :hide-after=2000>
                                             <i class="awsui-iconfont" style="cursor: pointer;padding-right: 10px;" @click="updateUser(scope.row.userId)">&#xe615;</i>
                                         </el-tooltip>
-                                      <el-tooltip content="修改角色" placement="bottom" :hide-after=2000>
+                                        <el-tooltip content="修改角色" placement="bottom" :hide-after=2000>
                                             <i class="iconfont icon-jiaoseguanli" style="cursor: pointer;padding-right: 10px;" @click="updateRole(scope.row.userId)"></i>
                                         </el-tooltip>
                                         <el-tooltip v-if="scope.row.userId != currTeam.userId" content="删除成员" placement="bottom" :hide-after=2000>
@@ -190,6 +193,17 @@
             v-on:cancel="roleUpdate.visible = false"
             v-on:setUserRole="setUserRole"
             v-on:getResult="updateUserDone"/>
+
+        <perm-copy
+          :visible.sync="memberCopy.visible"
+          :teamId="teamId"
+          :userid ="memberCopy.userid"
+          :teamMembers="memberCopy.teamMembers"
+          v-on:cancel="memberCopy.visible = false"
+          v-on:getResult="memberCopyDone"
+          :title="memberCopy.title"
+        />
+
     </awsui-layout>
 </template>
 
@@ -201,9 +215,10 @@
     const footerHeight = '45px';
     import awsuiAxios from "../../awsuiAxios";
     import MemberAdd from "../member/MemberAdd";
+    import PermCopy  from "../role/PermCopy";
     export default {
         name: "ManageList",
-        components: {MemberAdd, RoleManage, RoleUpdate},
+        components: {MemberAdd, RoleManage, RoleUpdate,PermCopy},
         props: {
             teamId: {
                 type: String,
@@ -251,6 +266,12 @@
                     visible: false,
                     title: '添加小组成员'
                 },
+                memberCopy:{
+                  visible: false,
+                  title: '权限复制',
+                  userid: '',
+                  teamMembers:[]
+                },
                 roleUpdate: {
                   visible: false,
                   userid:'',
@@ -403,6 +424,11 @@
               this.roleUpdate.userid = userId;
               this.roleUpdate.visible = true;
             },
+            copyUser(userId){
+              this.memberCopy.userid = userId;
+              this.memberCopy.teamMembers = this.tableData;
+              this.memberCopy.visible = true;
+            },
             updateUserDone(result) {// 角色修改完成
               this.roleUpdate.visible = false;
               if (result == 'ok') {
@@ -448,6 +474,12 @@
                     this.initData();
                 }
             },
+            memberCopyDone(result) {
+              this.memberCopy.visible = false;
+              if (result == 'ok') {
+                this.initData();
+              }
+            },
             removeUser(userId) {
                 this.removeUserRequest([userId]);
             },

com.actionsoft.apps.coe.pal.cooperation/src/views/role/PermCopy.vue

@@ -0,0 +1,172 @@
+<template>
+  <awsui-layout>
+    <awsui-main>
+      <awsui-dialog
+        v-loading="loading"
+        element-loading-text="加载中"
+        :border=false
+        :title=title
+        :visible.sync="dialogVisible"
+        width="400px"
+        :close-on-click-modal=false
+        :before-close="handleClose">
+        <!--awsui-dialog标签中的内容都可以自行去控制-->
+        <div class="text-general-color">
+          <awsui-form ref="form" :model="form" label-position="top" style="padding:0 5px">
+            <div class="awsui-form-item">
+              <label class="awsui-form-item__label">成员</label>
+              <div class="awsui-form-item__content">
+                <awsui-select filterable v-model="form.targetUserid" :options="form.userOpts" size="large" key="user"></awsui-select>
+              </div>
+            </div>
+          </awsui-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+            <awsui-button :disabled="buttonDisabled" class="button-general-color" type="primary" @click="submit">确定</awsui-button>
+            <awsui-button @click="cancel">取消</awsui-button>
+        </span>
+      </awsui-dialog>
+    </awsui-main>
+  </awsui-layout>
+</template>
+
+<script>
+import awsuiAxios from "../../awsuiAxios";
+
+export default {
+  name: "MemberAdd",
+  components: {},
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    teamId: {// 小组ID
+      type: String,
+      default: ''
+    },
+    title: {// 标题
+      type: String,
+      default: ''
+    },
+    userid:{
+      type: String,
+      default:''
+    },
+    teamMembers:{
+      type: Array,
+      default: []
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      loading: false,
+      buttonDisabled: false,
+      form: {
+        userOpts: [],
+        targetUserid: ''
+      },
+    }
+  },
+  methods: {
+    initData() {
+      const that = this;
+      that.loading = true;
+      console.log("teams",that.teamMembers);
+      that.teamMembers.forEach(member=>{
+        let option = {
+          value: member.userId,
+          label: member.userName
+        }
+        that.form.userOpts.push(option);
+      })
+      that.loading = false;
+    },
+    clearAllData() {// 清空数据
+      const that = this;
+      that.form.userOpts = [];
+      that.form.targetUserid = '';
+      that.buttonDisabled = false;
+    },
+    handleClose(done) {
+      this.closeDlalog('cancel');
+      done();
+    },
+    cancel() {
+      this.closeDlalog('cancel');
+    },
+    submit() {
+      this.closeDlalog('save');
+    },
+    closeDlalog(type) {// 取消/确定之后的关闭
+      const that = this;
+      if (type == 'save') {
+
+        if (that.form.targetUserid == '') {
+          that.$message.error('请选择[成员]');
+          return;
+        }
+
+        // 权限复制
+        that.loading = true;
+        that.buttonDisabled = true;
+        const params = {
+          url:'jd',
+          data:{
+            cmd: 'com.actionsoft.apps.coe.pal.cooperation_manage_team_member_perm_copy',
+            teamId: that.teamId,
+            userid: that.userid,
+            targetUserid: that.form.targetUserid
+          }
+        };
+        awsuiAxios.post(params).then(function (ro) {
+          that.loading = false;
+          if (ro.result == 'ok') {
+            that.$message({
+              message: '权限复制成功',
+              type: 'success'
+            });
+            that.$emit('getResult', 'ok');
+            that.dialogVisible = false;
+            // 清空所有数据
+            that.clearAllData();
+          } else {
+            that.$message({
+              message: ro.msg,
+              type: 'warning'
+            });
+            that.$emit('cancel');
+            that.dialogVisible = false;
+            // 清空所有数据
+            that.clearAllData();
+          }
+        }).catch(error=>{
+          console.log(error);
+          that.loading = false;
+          that.buttonDisabled = false;
+        })
+      } else {
+        that.$emit('cancel');
+        that.dialogVisible = false;
+        // 清空所有数据
+        that.clearAllData();
+      }
+    },
+
+  },
+  watch: {
+    visible(val) {
+      this.dialogVisible = val;
+      if (val) {// 打开
+        this.initData();
+      } else {// 关闭
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>