<template>
    <el-dialog :title="$t('编排单号')"
      v-if="showFlag"
      :visible.sync="showFlag"
      :modal= false
      width="80%"
      center
      >
      <el-form :model="queryParams" @submit.native.prevent ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
            <el-form-item :label="$t('编排单号')" prop="arrangeCode">
              <el-input
                v-model="queryParams.arrangeCode"
               
                clearable
                @keyup.enter.native="handleQuery"
              />
            </el-form-item>
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
            </el-form-item>
      </el-form>
  
        <el-table v-loading="loading" :data="protaskList" @current-change="handleCurrent" @row-dblclick="handleRowDbClick">
          <el-table-column  width="55" align="center" >
            <template v-slot="scope">
              <el-radio v-model="selectedTaskId" :label="scope.row.arrangeId" @change="handleRowChange(scope.row)">{{""}}</el-radio>
            </template>
          </el-table-column>
          <el-table-column :label="$t('编排单号')" align="center"  prop="arrangeCode" :show-overflow-tooltip="true"/>
          <el-table-column :label="$t('生产工单')" align="center"  prop="workorderCode" :show-overflow-tooltip="true"/>
          <el-table-column :label="$t('分组号')" align="center"  prop="groupCode" :show-overflow-tooltip="true"/>
      
          <el-table-column v-if="btnShow" :label="$t('common.option')" align="center" width="100px" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['mes:pro:protask:edit']"
              >{{ $t('common.edit') }}</el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                @click="handleDelete(scope.row)"
                v-hasPermi="['mes:pro:protask:remove']"
              >{{ $t('common.del') }}</el-button>
            </template>
          </el-table-column>
        </el-table>
        <pagination
          v-show="total>0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
        <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="confirmSelect">{{ $t('common.confirm') }}</el-button>
        <el-button @click="showFlag=false">{{ $t('common.cancel') }}</el-button>
      </div>
      </el-dialog>
    </template>
  
    <script>


    import { listArrange } from "@/api/mes/pro/arrange";
    // import {listAllProcess} from "@/api/mes/pro/process";
    export default {
      name: "ProtaskSelect",
      props: {
        workorderId: null,
        workorderCode: null,
        processId: null,
        processCode: null,
        workstationId: null,
        workstationCode: null,
        arrangeCode: null,
        btnShow: false
      },
      watch: {
        arrangeCode(v){
            if(v) {
                this.queryParams.arrangeCode = v;
                this.getList();
            }
        }
      },
      data() {
        return {
          showFlag: false,
          selectedTaskId: undefined,
          selectedRow: undefined,
          // 遮罩层
          loading: true,
          // 选中数组
          ids: [],
          // 非单个禁用
          single: true,
          // 非多个禁用
          multiple: true,
          // 显示搜索条件
          showSearch: true,
          // 总条数
          total: 0,
          // 生产任务表格数据
          protaskList: [],
          // 弹出层标题
          title: "",
          // 是否显示弹出层
          open: false,
          // 查询参数
          queryParams: {
            pageNum: 1,
            pageSize: 10,
            arrangeCode: null,
            taskName: null,
            workorderId: this.workorderId,
            workorderCode: null,
            workorderName: null,
            workstationId: null,
            workstationCode: null,
            workstationName: null,
            routeId: null,
            processId: this.processId,
            processCode: null,
            processName: null,
            itemId: null,
            itemCode: null,
            itemName: null,
            specification: null,
            unitOfMeasure: null,
            quantity: null,
            quantityProduced: null,
            quantityChanged: null,
            clientId: null,
            clientCode: null,
            clientName: null,
            clientNick: null,
            startTime: null,
            duration: null,
            endTime: null,
            colorCode: null,
            requestDate: null,
          },
          // 表单参数
          form: {},
          // 表单校验
          rules: {
            workstationId: [
              { required: true, message: this.$t('工作中心不能为空'), trigger: "blur" }
            ],
            quantity: [
              { required: true, message: this.$t('排产数量不能为空'), trigger: "blur" }
            ],
            startTime: [
              { required: true, message: this.$t('请选择开始生产日期'),trigger: "blur"}
            ],
            duration: [
              { required: true, message: this.$t('清输入估算的生产用时'),trigger: "blur"}
            ]
          }
        };
      },
      created() {
        this.getList();
      },
      methods: {
        /** 查询生产任务列表 */
        getList() {
          this.loading = true;
          listArrange(this.queryParams).then(response => {
            this.protaskList = response.rows;
            this.total = response.total;
            this.loading = false;
          });
        },
  
        /** 搜索按钮操作 */
        handleQuery() {
          this.queryParams.pageNum = 1;
          this.getList();
        },
        /** 重置按钮操作 */
        resetQuery() {
            this.queryParams = {
            pageNum: 1,
            pageSize: 10,
            arrangeCode: null,
            taskName: null,
            workorderId: null,
            workorderCode: null,
            workorderName: null,
            workstationId: null,
            workstationCode: null,
            workstationName: null,
            routeId: null,
            processId: null,
            processCode: null,
            processName: null,
            itemId: null,
            itemCode: null,
            itemName: null,
            specification: null,
            unitOfMeasure: null,
            quantity: null,
            quantityProduced: null,
            quantityChanged: null,
            clientId: null,
            clientCode: null,
            clientName: null,
            clientNick: null,
            startTime: null,
            duration: null,
            endTime: null,
            colorCode: null,
            requestDate: null,
          }
          this.resetForm("queryForm");
          this.handleQuery();
        },
  
        handleCurrent(row){
          if(row){
              this.selectedRow = row;
            }
        },
        //行双击选中
        handleRowDbClick(row){
          if(row){
            this.selectedRow = row;
            this.$emit('onSelected',this.selectedRow);
            this.showFlag = false;
          }
        },
        // 单选选中数据
        handleRowChange(row) {
          debugger;
          if(row){
            this.selectedRow = row;
          }
        },
        //确定选中
        confirmSelect(){
            if(this.selectedTaskId ==null || this.selectedTaskId==0){
                this.$notify({
                    title:this.$t('提示'),
                    type:'warning',
                    message: this.$t('请至少选择一条数据!')
                });
                return;
            }
            this.$emit('onSelected',this.selectedRow);
            this.showFlag = false;
        }
      }
    };
    </script>
  