<template>
  <div>
    <!--		工作流引用  显示表单-->
    <!--		{{workflow.workId}}-->
    <!-- <H4>测试表单展示</H4> -->
  </div>
  <el-form :model="form" label-width="80px" label-position="right" inline ref="ruleFormRef" :rules="rules">

    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="年度" prop="yearNo">
          <el-date-picker v-model="form.yearNo" clearable type="year" style="width: 100px" placeholder="请选择"
            @change="handleYearChange" disabled />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="季度" prop="quartNo" v-if="form.quartNo">
          <el-select v-model="form.quartNo" placeholder="请选择" clearable style="width: 100px">
            <el-option v-for="n in 4" :key="n" :label="n" :value="n" disabled/>
          </el-select>
        </el-form-item>
        <el-form-item label="月度" prop="monthNo" v-if="form.monthNo">
          <el-select v-model="form.monthNo" placeholder="请选择" clearable style="width: 100px">
            <el-option v-for="n in 12" :key="n" :label="n" :value="n" disabled/>
          </el-select>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="入选矿量(吨)" style="white-space: nowrap;" prop="oreQty">
          <el-input v-model="form.oreQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="入磨矿量(吨)" style="white-space: nowrap;" prop="ballmQty">
          <el-input v-model="form.ballmQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <div style="font-size: 18px; color: black; background-color: #f0f0f0; margin-bottom: 10px;">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品产量</div>
    <el-row> </el-row>
    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="铁精粉产品产量(吨)" style="white-space: nowrap;" prop="ironCcttQty">
          <el-input v-model="form.ironCcttQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="铜精粉产品产量(吨)" style="white-space: nowrap;" prop="coppCcttQty">
          <el-input v-model="form.coppCcttQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="铜金属产品产量(吨)" style="white-space: nowrap;" prop="coppMeltQty">
          <el-input v-model="form.coppMeltQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="废石量(吨)" style="white-space: nowrap;" prop="wstonQty">
          <el-input v-model="form.wstonQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="5">
        <el-form-item label="尾矿量(吨)" style="white-space: nowrap;" prop="tailQty">
          <el-input v-model="form.tailQty" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <div style="font-size: 18px; color: black; background-color: #f0f0f0; margin-bottom: 10px;">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品质量</div>
    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="铁精粉品位(%)" style="white-space: nowrap;" prop="ironCcttGrd">
          <el-input v-model="form.ironCcttGrd" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="铜精粉品位(%)" style="white-space: nowrap;" prop="coppCcttGrd">
          <el-input v-model="form.coppCcttGrd" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <div style="font-size: 18px; color: black; background-color: #f0f0f0; margin-bottom: 10px;">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金属回收率</div>
    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="铁金属回收率(%)" style="white-space: nowrap;" prop="rcvyIronDry">
          <el-input v-model="form.rcvyIronDry" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="湿铁金属回收率(%)" style="white-space: nowrap;" prop="rcvyIronWet">
          <el-input v-model="form.rcvyIronWet" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="铜金属回收率(%)" style="white-space: nowrap;" prop="rcvyCoppDry">
          <el-input v-model="form.rcvyCoppDry" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="5">
        <el-form-item label="湿铜金属回收率(%)" style="white-space: nowrap;" prop="rcvyCoppWet">
          <el-input v-model="form.rcvyCoppWet" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <div style="font-size: 18px; color: black; background-color: #f0f0f0; margin-bottom: 10px;">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选矿比</div>
    <el-row>
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="入磨矿选矿比(倍)" style="white-space: nowrap;" prop="ccttRatiBallm">
          <el-input v-model="form.ccttRatiBallm" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="入选矿选矿比(倍)" style="white-space: nowrap;" prop="ccttRatiOre">
          <el-input v-model="form.ccttRatiOre" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <div style="font-size: 18px; color: black; background-color: #f0f0f0; margin-bottom: 10px;" v-if="!quart">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;粉矿品位</div>
    <el-row v-if="!quart">
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="粉矿铁品位(%)" style="white-space: nowrap;" prop="foreIronGrd">
          <el-input v-model="form.foreIronGrd" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="粉矿铜品位(%)" style="white-space: nowrap;" prop="foreCoppGrd">
          <el-input v-model="form.foreCoppGrd" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <div style="font-size: 18px; color: black; background-color: #f0f0f0; margin-bottom: 10px;" v-if="!quart">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原矿品位</div>
    <el-row v-if="!quart">
      <el-col :span="1"></el-col>
      <el-col :span="6">
        <el-form-item label="原矿铁品位(%)" style="white-space: nowrap;" prop="oreIronGrd">
          <el-input v-model="form.oreIronGrd" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="原矿铜品位(%)" style="white-space: nowrap;" prop="oreCoppGrd">
          <el-input v-model="form.oreCoppGrd" clearable style="width: 100px" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>

</template>

<script setup>

import {
  ref,
  reactive,
  onMounted,
  getCurrentInstance,
  nextTick
} from 'vue'
const {
  proxy
} = getCurrentInstance()
import style from '@/tools/style'
const cardBodyStyle = ref(style.card)

const form = ref({
  birthDate: '',
  sex: '',
  type: '',
  age: '',
  code: '',
  name: ''
})

import {
  useWorkflowStore
} from "@/stores/workflow"
const workflow = useWorkflowStore()
//
onMounted(() => {
  var url = 'pla/ProdPlan/queryByWorkId'
  var param = {
    workId: workflow.workId
  }
  proxy.$axios.get(url, param).then(response => {
    if (response.data.code == '0') {
      console.log(response.data.data)
      form.value = response.data.data
    } else {
      ElMessage.error('操作失败！' + response.data.msg)
    }
  })
})


</script>

<style></style>