|
|
|
@ -70,61 +70,65 @@
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<!--审批正常流程-->
|
|
|
|
<!--审批正常流程-->
|
|
|
|
<el-dialog :title="completeTitle" :visible.sync="completeOpen" width="60%" append-to-body>
|
|
|
|
<el-dialog :title="completeTitle" :visible.sync="completeOpen" :width="checkSendUser? '60%':'40%'" append-to-body>
|
|
|
|
<div v-if="checkSendUser">
|
|
|
|
<el-form ref="taskForm" :model="taskForm" label-width="80px" >
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-form-item v-if="checkSendUser" label="处理人" prop="targetKey">
|
|
|
|
<!--部门数据-->
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-col :span="4" :xs="24">
|
|
|
|
<!--部门数据-->
|
|
|
|
<h6>部门列表</h6>
|
|
|
|
<el-col :span="4" :xs="24">
|
|
|
|
<div class="head-container">
|
|
|
|
<h6>部门列表</h6>
|
|
|
|
<el-input
|
|
|
|
<div class="head-container">
|
|
|
|
v-model="deptName"
|
|
|
|
<el-input
|
|
|
|
placeholder="请输入部门名称"
|
|
|
|
v-model="deptName"
|
|
|
|
clearable
|
|
|
|
placeholder="请输入部门名称"
|
|
|
|
size="small"
|
|
|
|
clearable
|
|
|
|
prefix-icon="el-icon-search"
|
|
|
|
size="small"
|
|
|
|
style="margin-bottom: 20px"
|
|
|
|
prefix-icon="el-icon-search"
|
|
|
|
/>
|
|
|
|
style="margin-bottom: 20px"
|
|
|
|
</div>
|
|
|
|
/>
|
|
|
|
<div class="head-container">
|
|
|
|
</div>
|
|
|
|
<el-tree
|
|
|
|
<div class="head-container">
|
|
|
|
:data="deptOptions"
|
|
|
|
<el-tree
|
|
|
|
:props="defaultProps"
|
|
|
|
:data="deptOptions"
|
|
|
|
:expand-on-click-node="false"
|
|
|
|
:props="defaultProps"
|
|
|
|
:filter-node-method="filterNode"
|
|
|
|
:expand-on-click-node="false"
|
|
|
|
ref="tree"
|
|
|
|
:filter-node-method="filterNode"
|
|
|
|
default-expand-all
|
|
|
|
ref="tree"
|
|
|
|
@node-click="handleNodeClick"
|
|
|
|
default-expand-all
|
|
|
|
/>
|
|
|
|
@node-click="handleNodeClick"
|
|
|
|
</div>
|
|
|
|
/>
|
|
|
|
</el-col>
|
|
|
|
</div>
|
|
|
|
<el-col :span="12" :xs="24">
|
|
|
|
</el-col>
|
|
|
|
<h6>待选人员</h6>
|
|
|
|
<el-col :span="12" :xs="24">
|
|
|
|
<el-table
|
|
|
|
<h6>待选人员</h6>
|
|
|
|
ref="singleTable"
|
|
|
|
<el-table
|
|
|
|
:data="userList"
|
|
|
|
ref="singleTable"
|
|
|
|
border
|
|
|
|
:data="userList"
|
|
|
|
style="width: 100%"
|
|
|
|
border
|
|
|
|
@selection-change="handleSelectionChange">
|
|
|
|
style="width: 100%"
|
|
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
|
|
@selection-change="handleSelectionChange">
|
|
|
|
<el-table-column label="用户名" align="center" prop="nickName" />
|
|
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
|
|
<el-table-column label="部门" align="center" prop="dept.deptName" />
|
|
|
|
<el-table-column label="用户名" align="center" prop="nickName" />
|
|
|
|
</el-table>
|
|
|
|
<el-table-column label="部门" align="center" prop="dept.deptName" />
|
|
|
|
</el-col>
|
|
|
|
</el-table>
|
|
|
|
<el-col :span="8" :xs="24">
|
|
|
|
</el-col>
|
|
|
|
<h6>已选人员</h6>
|
|
|
|
<el-col :span="8" :xs="24">
|
|
|
|
<el-tag
|
|
|
|
<h6>已选人员</h6>
|
|
|
|
v-for="tag in userData"
|
|
|
|
<el-tag
|
|
|
|
:key="tag.nickName"
|
|
|
|
v-for="tag in userData"
|
|
|
|
closable
|
|
|
|
:key="tag.nickName"
|
|
|
|
@close="handleClose(tag)">
|
|
|
|
closable
|
|
|
|
{{tag.nickName}} {{tag.dept.deptName}}
|
|
|
|
@close="handleClose(tag)">
|
|
|
|
</el-tag>
|
|
|
|
{{tag.nickName}} {{tag.dept.deptName}}
|
|
|
|
</el-col>
|
|
|
|
</el-tag>
|
|
|
|
</el-row>
|
|
|
|
</el-col>
|
|
|
|
</div>
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="处理意见" prop="comment" :rules="[{ required: true, message: '请输入处理意见', trigger: 'blur' }]">
|
|
|
|
|
|
|
|
<el-input type="textarea" v-model="taskForm.comment" placeholder="请输入处理意见"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<el-input style="width: 50%;margin-right: 34%" type="textarea" v-model="taskForm.comment" placeholder="请输入处理意见"/>
|
|
|
|
|
|
|
|
<el-button @click="completeOpen = false">取 消</el-button>
|
|
|
|
<el-button @click="completeOpen = false">取 消</el-button>
|
|
|
|
<el-button type="primary" @click="taskComplete">确 定</el-button>
|
|
|
|
<el-button type="primary" @click="taskComplete">确 定</el-button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
WangHui
3 years ago