You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

149 lines
5.2 KiB
Vue

<template>
<div>
<el-dialog title="OA流程审批查看"
v-if="showFlag"
:visible.sync="showFlag"
:modal= false
width="1400px"
>
<el-row :gutter="20">
<el-col :span="24" :xs="24">
<el-table v-loading="loading" :data="itemList" ref="myTable" >
<el-table-column width="50" align="center" type="selection">
</el-table-column>
<!-- 序号 -->
<el-table-column label="请求id" align="left" prop="requestid" width="120"/>
<el-table-column label="工作流id" align="left" prop="workflowid" width="120"/>
<el-table-column label="操作节点id" align="left" prop="nodeid" width="120"/>
<el-table-column label="签字类型" align="left" prop="logtype" width="120">
<template slot-scope="scope">
<dict-tag :options="dict.type.logtype" :value="scope.row.logtype"/>
</template>
</el-table-column>
<el-table-column label="操作日期" align="left" prop="operatedate" width="120"/>
<el-table-column label="操作时间" align="left" prop="operatetime" width="120"/>
<el-table-column label="操作者" align="left" prop="operator" width="120"/>
<el-table-column label="意见" align="left" prop="remark1" width="120"/>
<el-table-column label="客户端ip" align="left" prop="clientip" width="120"/>
<el-table-column label="操作者类型" align="left" prop="operatortype" width="120" :formatter="OPERATORTYPECodeFormate"/>
<el-table-column label="下一节点id" align="left" prop="destnodeid" width="120"/>
<el-table-column label="接收人" align="left" prop="receivedpersons_1" width="120"/>
<el-table-column label="显示顺序" align="left" prop="showorder" width="120"/>
<el-table-column label="代理人" align="left" prop="agentorbyagentid" width="120"/>
<el-table-column label="代理类型" align="left" prop="agenttype" width="120"/>
<el-table-column label="日志id" align="left" prop="logid" width="120"/>
<el-table-column label="签字信息" align="left" prop="remark" width="120"/>
<el-table-column label="相关附件" align="left" prop="annexdocids" width="120"/>
<el-table-column label="日志id" align="left" prop="requestlogid" width="120"/>
<el-table-column label="操作者部门" align="left" prop="operatordept" width="120"/>
<el-table-column label="相关文档" align="left" prop="signdocids" width="120"/>
<el-table-column label="相关流程" align="left" prop="signworkflowids" width="120"/>
<el-table-column label="接收者名称" align="left" prop="receivedpersons" width="120"/>
<el-table-column label="是否为手机版本" align="left" prop="ismobile" width="120"/>
<el-table-column label="手写签批" align="left" prop="handwrittensign" width="120"/>
<!--<el-table-column label="语音附件" align="left" prop="speechattachment" width="120"/>-->
<el-table-column label="接收人id" align="left" prop="receivedpersonids" width="120"/>
<el-table-column label="意见位置" align="left" prop="remarklocation" width="120"/>
</el-table>
</el-col>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button @click="cancelForm" >关闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getOAInfoList } from "@/api/quality/unqualified";
export default {
name: "itemSelectUser",
dicts: ['logtype'],
data() {
return {
showFlag : false,
// 选中数组
selectedRows: {},
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// BOM产品表格数据
itemList: null,
//树名称
bomCode: undefined,
defaultProps: {
id: "id",
label: "label"
},
// 查询参数
queryParams: {
recordId:''
},
data:{},
dynamicValidateForm: {
domains: [{
value: ''
}]
},
// 是否显示弹出层
valueOpen: false,
//检测详情的id
recordId:''
};
},
created() {
},
methods: {
//内容格式化
OPERATORTYPECodeFormate(row, column, cellValue){
if("1" == cellValue){
return "人力资源";
}else if("2" == cellValue){
return "客户";
}else{
return "";
}
},
init(row){
this.queryParams.taskId = row.requestid;
this.getList();
},
/** 查询表格列表*/
getList() {
this.loading = true;
getOAInfoList(this.queryParams).then(response => {
this.itemList = response;
this.loading = false;
}
);
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
//取消
cancelForm() {
this.showFlag = false;
}
}
};
</script>