<template>
  <div class="ele-body">
    <div class="d-basic-item">
      <HeaderTitle title="生产基本信息" size="16px"></HeaderTitle>
      <el-form label-width="120px">
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品分类"> </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="d-basic-item">
      <HeaderTitle title="工艺路线" size="16px"></HeaderTitle>
      <ele-pro-table
        ref="table"
        :columns="columns"
        :toolbar="false"
        :datasource="datasource"
        :needPage="false"
        cache-key="dBasicTable"
      >
        <!-- 表头工具栏 -->

        <!-- 操作列 -->
        <template v-slot:action="{ row }">
          <el-link type="primary" :underline="false" @click="SendOrders(row)">
            派单
          </el-link>
          <el-link
            type="primary"
            :underline="false"
            icon="el-icon-view"
            @click="btnView(row)"
          >
            查看详情
          </el-link>
        </template>
      </ele-pro-table>
    </div>
    <div class="d-basic-item">
      <HeaderTitle title="物料需求" size="16px"></HeaderTitle>
      <el-radio-group v-model="tabPosition" style="margin-bottom: 30px">
        <el-radio-button label="top">原料</el-radio-button>
        <el-radio-button label="right">模具</el-radio-button>
        <el-radio-button label="bottom">舟皿</el-radio-button>
        <el-radio-button label="left">周转车</el-radio-button>
      </el-radio-group>
      <ele-pro-table
        ref="table"
        :columns="columns"
        :toolbar="false"
        :datasource="datasource"
        :needPage="false"
        cache-key="dBasicTable"
      >
        <!-- 操作列 -->
        <template v-slot:action="{ row }">
          <el-link type="primary" :underline="false" @click="SendOrders(row)">
            派单
          </el-link>
          <el-link
            type="primary"
            :underline="false"
            icon="el-icon-view"
            @click="btnView(row)"
          >
            查看详情
          </el-link>
        </template>
      </ele-pro-table>
    </div>
    <div class="d-basic-item">
      <HeaderTitle title="设备需求" size="16px"></HeaderTitle>
      <el-radio-group v-model="tabPosition" style="margin-bottom: 30px">
        <el-radio-button label="top">挤压成型</el-radio-button>
        <el-radio-button label="right">自然干燥</el-radio-button>
        <el-radio-button label="bottom">升温干燥</el-radio-button>
        <el-radio-button label="left">半加定长</el-radio-button>
      </el-radio-group>
      <ele-pro-table
        ref="table"
        :columns="columns"
        :toolbar="false"
        :datasource="datasource"
        :needPage="false"
        cache-key="dBasicTable"
      >
        <!-- 操作列 -->
        <template v-slot:action="{ row }">
          <el-link type="primary" :underline="false" @click="SendOrders(row)">
            派单
          </el-link>
          <el-link
            type="primary"
            :underline="false"
            icon="el-icon-view"
            @click="btnView(row)"
          >
            查看详情
          </el-link>
        </template>
      </ele-pro-table>
    </div>
    <div class="d-basic-item">
      <HeaderTitle title="当班人员信息" size="16px"></HeaderTitle>
      <ele-pro-table
        ref="table"
        :columns="columns"
        :toolbar="false"
        :datasource="datasource"
        :needPage="false"
        cache-key="dBasicTable"
      >
        <!-- 表头工具栏 -->

        <!-- 操作列 -->
        <template v-slot:action="{ row }">
          <el-link type="primary" :underline="false" @click="SendOrders(row)">
            派单
          </el-link>
          <el-link
            type="primary"
            :underline="false"
            icon="el-icon-view"
            @click="btnView(row)"
          >
            查看详情
          </el-link>
        </template>
      </ele-pro-table>
    </div>
  </div>
</template>

<script>
  import dTable from '@/views/mes/workOrder/detail/d-table';

  export default {
    components: {
      dTable
    },
    data() {
      return {
        columns: [],
        tabPosition: 'top'
      };
    },
    methods: {
      datasource() {
        return {
          list: []
        };
      }
    }
  };
</script>

<style lang="scss" scoped>
  .el-form-item {
    font-size: 12px !important;
    margin-bottom: 10px;
  }
  .d-basic-item {
    margin-bottom: 30px;
  }
  .el-radio-button {
  }
</style>
