|
|
@@ -14,13 +14,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="userId" label="管理人员">
|
|
|
<div class="subform">
|
|
|
- <el-select
|
|
|
- v-model="formData.userId"
|
|
|
- style="width: 360px"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- @change="chooseAdmin"
|
|
|
- >
|
|
|
+ <el-select v-model="formData.userId" style="width: 360px" filterable clearable>
|
|
|
<el-option v-for="item in users" :key="item.id" :value="item.id" :label="item.nickname">
|
|
|
<span style="float: left">{{ item.nickname }}</span>
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>
|
|
|
@@ -30,13 +24,30 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="employee" label="员工">
|
|
|
<div class="subform">
|
|
|
- <el-select v-model="formData.employee" style="width: 360px" filterable multiple>
|
|
|
- <el-option v-for="item in users" :key="item.id" :value="item.id" :label="item.nickname">
|
|
|
- <span style="float: left">{{ item.nickname }}</span>
|
|
|
- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <span v-for="item in formData.employee" :key="item">{{ item }}</span>
|
|
|
+ <div style="margin-bottom: 20px">
|
|
|
+ <el-select
|
|
|
+ v-model="employeeId"
|
|
|
+ style="width: 82.5%; margin-right: 10px;"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="请选择员工"
|
|
|
+ >
|
|
|
+ <el-option v-for="item in users" :key="item.id" :value="item.id" :label="item.nickname">
|
|
|
+ <span style="float: left">{{ item.nickname }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button @click="chooseEmp">确定</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table :data="emps">
|
|
|
+ <el-table-column prop="nickname" label="用户名"></el-table-column>
|
|
|
+ <el-table-column prop="phone" label="手机号"></el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-button @click="remove(row)" type="danger" size="mini" plain>移除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<!--<el-form-item prop="amount" label="团队余额">
|
|
|
@@ -55,19 +66,20 @@ export default {
|
|
|
name: 'CompanyEdit',
|
|
|
created() {
|
|
|
if (this.$route.query.id) {
|
|
|
- this.$http
|
|
|
- .get('company/get/' + this.$route.query.id)
|
|
|
- .then(res => {
|
|
|
- this.formData = res;
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.log(e);
|
|
|
- this.$message.error(e.error);
|
|
|
- });
|
|
|
this.$http
|
|
|
.post('user/user', { companyId: this.$route.query.id })
|
|
|
.then(res => {
|
|
|
this.users = res;
|
|
|
+ this.$http
|
|
|
+ .get('company/get/' + this.$route.query.id)
|
|
|
+ .then(res => {
|
|
|
+ this.formData = res;
|
|
|
+ this.getEmp(res);
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error(e.error);
|
|
|
+ });
|
|
|
})
|
|
|
.catch(e => {
|
|
|
console.log(e);
|
|
|
@@ -97,7 +109,9 @@ export default {
|
|
|
userId: [{ required: true, message: '请选择管理员', trigger: 'blur' }]
|
|
|
},
|
|
|
users: [],
|
|
|
- emps: []
|
|
|
+ emps: [],
|
|
|
+ employeeId: '',
|
|
|
+ employeeIds: []
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -112,7 +126,7 @@ export default {
|
|
|
},
|
|
|
submit() {
|
|
|
let data = { ...this.formData };
|
|
|
- // data.employee = this.emps;
|
|
|
+ data.employee = this.employeeIds;
|
|
|
|
|
|
this.saving = true;
|
|
|
this.$http
|
|
|
@@ -144,10 +158,33 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- chooseAdmin(id) {
|
|
|
- this.emps = this.users.find(item => {
|
|
|
- return item.id === id;
|
|
|
- });
|
|
|
+ getEmp(res) {
|
|
|
+ let data = res.employee;
|
|
|
+ if (data != undefined && data.length > 0) {
|
|
|
+ for (let index in data) {
|
|
|
+ this.emps.push(
|
|
|
+ this.users.find(item => {
|
|
|
+ return item.id === data[index];
|
|
|
+ })
|
|
|
+ );
|
|
|
+ }
|
|
|
+ this.employeeIds = data;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ chooseEmp() {
|
|
|
+ if (this.employeeIds.indexOf(this.employeeId) < 0 && this.employeeId != '') {
|
|
|
+ this.emps.push(
|
|
|
+ this.users.find(item => {
|
|
|
+ return item.id === this.employeeId;
|
|
|
+ })
|
|
|
+ );
|
|
|
+ this.employeeIds.push(this.employeeId);
|
|
|
+ this.employeeId = '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ remove(row) {
|
|
|
+ this.emps.pop(row);
|
|
|
+ this.employeeIds.pop(this.employeeId);
|
|
|
}
|
|
|
}
|
|
|
};
|