|
@@ -21,56 +21,97 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div class="report-people">
|
|
|
- <div class="report-people_header">
|
|
|
- <div class="normal-title" style="font-size:14px;margin-right:10px">汇报人员</div>
|
|
|
- <addPeople :data="data" @selectPeople="selectPeopleFun" v-model="form.hrids"></addPeople>
|
|
|
- </div>
|
|
|
- <el-form-item label-width="20px" prop="hrids">
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- :data="selectPeople"
|
|
|
- style="width: 100%"
|
|
|
- size="mini"
|
|
|
- v-model="form.hrids"
|
|
|
- height="400px"
|
|
|
- border>
|
|
|
- <el-table-column
|
|
|
- prop="hrcode"
|
|
|
- label="编号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="姓名">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="depname"
|
|
|
- label="部门">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="position"
|
|
|
- label="职位">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="操作">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="mini" @click="delSelecrPeople(scope.row)">删 除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <div style="margin-top:16px;text-align:right">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- small
|
|
|
- @current-change="peopleCurrentChange"
|
|
|
- :current-page="selectPeopleParam.content.pageNumber"
|
|
|
- :page-size="selectPeopleParam.content.pageSize"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="peopleTotal">
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div class="report-people">
|
|
|
+ <div class="report-people_header">
|
|
|
+ <div class="normal-title" style="font-size:14px;margin-right:10px">汇报人员</div>
|
|
|
+ <addPeople :data="data" @selectPeople="selectPeopleFun" v-model="form.hrids"></addPeople>
|
|
|
+ </div>
|
|
|
+ <el-form-item label-width="20px" prop="hrids">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :data="selectPeople"
|
|
|
+ style="width: 100%"
|
|
|
+ size="mini"
|
|
|
+ v-model="form.hrids"
|
|
|
+ height="400px"
|
|
|
+ border>
|
|
|
+ <el-table-column
|
|
|
+ prop="hrcode"
|
|
|
+ label="编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="name"
|
|
|
+ label="姓名">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="depname"
|
|
|
+ label="部门">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="position"
|
|
|
+ label="职位">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="mini" @click="delSelecrPeople(scope.row)">删 除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="margin-top:16px;text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ small
|
|
|
+ @current-change="peopleCurrentChange"
|
|
|
+ :current-page="selectPeopleParam.content.pageNumber"
|
|
|
+ :page-size="selectPeopleParam.content.pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="peopleTotal">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+<!-- <el-col :span="12">
|
|
|
+ <div class="report-people" >
|
|
|
+ <div class="report-people_header">
|
|
|
+ <div class="normal-title" style="font-size:14px;margin-right:10px">汇报部门</div>
|
|
|
+ <addDepartment @selectDepartment="selectDepartmentFun" v-model="form.hrids"></addDepartment>
|
|
|
+ </div>
|
|
|
+ <el-form-item label-width="20px" prop="hrids">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :data="selectDepartment"
|
|
|
+ style="width: 100%"
|
|
|
+ size="mini"
|
|
|
+ v-model="form.hrids"
|
|
|
+ border>
|
|
|
+ <el-table-column
|
|
|
+ prop="depno"
|
|
|
+ label="编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="depname"
|
|
|
+ label="部门">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="parentname"
|
|
|
+ label="上级部门">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="mini" @click="delSelecrDepartment(scope.row)">删 除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>-->
|
|
|
+ </el-row>
|
|
|
+
|
|
|
<div class="report-people">
|
|
|
<div class="report-people_header">
|
|
|
<div class="normal-title" style="font-size:14px;margin-right:10px">汇报内容预设</div>
|
|
@@ -155,10 +196,11 @@
|
|
|
import selectTeam from './teamSelect'
|
|
|
import addPeople from './addPeople'
|
|
|
import addOption from './addOption'
|
|
|
+import addDepartment from './addDepartment'
|
|
|
export default {
|
|
|
name: "add",
|
|
|
props:['data'],
|
|
|
- components:{selectTeam,addPeople,addOption},
|
|
|
+ components:{selectTeam,addPeople,addOption,addDepartment},
|
|
|
data(){
|
|
|
return {
|
|
|
dialog:false,
|
|
@@ -196,6 +238,7 @@ export default {
|
|
|
selectPeople:[],
|
|
|
selectReport:[],
|
|
|
selectOption:[],
|
|
|
+ selectDepartment:[],
|
|
|
selectPeopleParam: {
|
|
|
"id": "20230522140702",
|
|
|
"content": {
|
|
@@ -218,6 +261,17 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
+ selectDepartmentParam: {
|
|
|
+ "id": "20230619103402",
|
|
|
+ "content": {
|
|
|
+ "sys_workreportmodelid": '',
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 20,
|
|
|
+ "where": {
|
|
|
+ "condition": ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
peopleTotal:0
|
|
|
}
|
|
|
},
|
|
@@ -228,6 +282,7 @@ export default {
|
|
|
this.getDepList()
|
|
|
this.getSelectPeople()
|
|
|
this.getselectOption()
|
|
|
+ this.getSelectDepartment()
|
|
|
},
|
|
|
async getDetail (init) {
|
|
|
let res = await this.$api.requested({
|
|
@@ -242,7 +297,7 @@ export default {
|
|
|
} else {
|
|
|
this.selectReport = res.data.reportuser
|
|
|
}
|
|
|
- console.log(this.form);
|
|
|
+ console.log(this.form,'编辑数据');
|
|
|
},
|
|
|
async getpeopleList () {
|
|
|
let res = await this.$api.requested({
|
|
@@ -276,6 +331,11 @@ export default {
|
|
|
this.selectOption = res.data
|
|
|
console.log(this.selectOption);
|
|
|
},
|
|
|
+ async getSelectDepartment(){
|
|
|
+ this.selectDepartmentParam.content.sys_workreportmodelid = this.data.sys_workreportmodelid
|
|
|
+ const res = await this.$api.requested(this.selectDepartmentParam)
|
|
|
+ this.selectDepartment = res.data
|
|
|
+ },
|
|
|
async selectPeopleFun (data) {
|
|
|
let id = data.map(item => item.hrid)
|
|
|
let res = await this.$api.requested({
|
|
@@ -310,6 +370,21 @@ export default {
|
|
|
this.getselectOption()
|
|
|
})
|
|
|
},
|
|
|
+ async selectDepartmentFun(data){
|
|
|
+ /* let result = []
|
|
|
+ result[0] = data
|
|
|
+ this.selectDepartment.push(...result)*/
|
|
|
+ let res = await this.$api.requested({
|
|
|
+ "id": 20230619100102,
|
|
|
+ "content": {
|
|
|
+ "sys_workreportmodelid": this.data.sys_workreportmodelid,
|
|
|
+ "departmentids": [data.departmentid]
|
|
|
+ },
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.getSelectDepartment()
|
|
|
+ })
|
|
|
+ },
|
|
|
async delSelecrPeople (data) {
|
|
|
let res = await this.$api.requested({
|
|
|
"id": "20230522101502",
|
|
@@ -323,6 +398,18 @@ export default {
|
|
|
this.selectPeople.splice(this.selectPeople.findIndex(item => item.hrid == data.hrid),1)
|
|
|
})
|
|
|
},
|
|
|
+ async delSelecrDepartment(data) {
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20230619101102,
|
|
|
+ "content": {
|
|
|
+ "sys_workreportmodelid": 1,
|
|
|
+ "departmentids": [data.departmentid]
|
|
|
+ },
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.selectDepartment.splice(this.selectDepartment.findIndex(item => item.departmentid == data.departmentid),1)
|
|
|
+ })
|
|
|
+ },
|
|
|
async delOption (data) {
|
|
|
let res = await this.$api.requested({
|
|
|
"id": "20230522143402",
|
|
@@ -352,6 +439,7 @@ export default {
|
|
|
})
|
|
|
this.form.hrids = res2.data.map(item => item.hrid)
|
|
|
this.form.reporttohrids = this.selectReport.map(item => item.hrid)
|
|
|
+ this.form.departmentids = this.selectDepartment.map(item => item.departmentid)
|
|
|
this.$refs['form'].validate(async (valid) => {
|
|
|
if (!valid) return false
|
|
|
const res = await this.$api.requested({
|