<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>
