yudao-init/src/views/produce/data/add-or-updata.vue

<!--
 * @Author: zhp
 * @Date: 2023-11-06 15:15:30
 * @LastEditTime: 2024-06-05 15:28:07
 * @LastEditors: DY
 * @Description:
-->
<template>
  <el-drawer class="drawer" :visible.sync="visible" size="55%" @closed="$emit('destroy')">
    <small-title slot="title" :no-padding="true">
      {{ '碲化镉工厂生产数据详情' }}
    </small-title>
    <div class="detailBox">
      <el-row :gutter="24">
        <el-col :span="8">
          <p class="title">工厂名称</p>
          <p class="text">{{ dataForm.factory }}</p>
        </el-col>
        <el-col :span="8">
          <p class="title">时间维度</p>
          <p class="text">{{ date }}</p>
        </el-col>
        <el-col :span="8">
          <p class="title">时间</p>
          <p class="text">{{ dataForm.reportDate.length > 0 ? dataForm.reportDate[0] + '年' + dataForm.reportDate[1] + '月' + dataForm.reportDate[2] + '日' : '' }}</p>
        </el-col>
      </el-row>
      <el-divider></el-divider>
      <small-title style=" margin: 0;padding: 26px 32px 24px;margin-bottom: 22px;" :no-padding="false">
        {{ '芯片' }}
      </small-title>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">芯片产量(片)</p>
          <p class="text">{{ }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片良率(%)</p>
          <p class="text">{{ dataForm.yieldRate }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片BOM</p>
          <p class="text">{{ dataForm.bom }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片总功率(MW)</p>
          <p class="text">{{ dataForm.totalPower }}</p>
        </el-col>
      </el-row>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">FTO投入量(片)</p>
          <p class="text">{{ dataForm.chipInput }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">CSS稼动率(%)</p>
          <p class="text">{{ dataForm.marriageRate }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片段OEE</p>
          <p class="text">{{ dataForm.oee }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片平均功率(W)</p>
          <p class="text">{{ dataForm.averagePower }}</p>
        </el-col>
      </el-row>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">芯片人均产量(片/人)</p>
          <p class="text">{{ dataForm.annualAverageProduction }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片产能利用率(%)</p>
          <p class="text">{{ dataForm.capacityUtilizationRate }}</p>
        </el-col>
      </el-row>
      <small-title style=" margin: 0;padding: 26px 32px 24px;margin-bottom: 22px;" :no-padding="false">
        {{ '标准组件' }}
      </small-title>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">封装BOM</p>
          <!-- 没参数 -->
          <!-- <p class="text">{{ dataForm.bom }}</p> -->
        </el-col>
        <el-col :span="6">
          <p class="title">封装线OEE(%)</p>
          <!-- <p class="text">{{ dataForm.code }}</p> -->
        </el-col>
        <el-col :span="6">
          <p class="title">标准组件良率(%)</p>
          <!-- <p class="text">{{ dataForm.productName }}</p> -->
        </el-col>
        <el-col :span="6">
          <p class="title">标准组件产量(片)</p>
          <!-- <p class="text">{{ dataForm.productName }}</p> -->
        </el-col>
      </el-row>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">标准组件总功率(MW)</p>
          <p class="text">{{ }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">封装产能利用率(%)</p>
          <!-- <p class="text">{{ dataForm.code }}</p> -->
        </el-col>
        <el-col :span="6">
          <p class="title">标准组件人均产量</p>
          <!-- <p class="text">{{ dataForm.productName }}</p> -->
        </el-col>
        <el-col :span="6">
          <p class="title">标准组件平均功率</p>
          <!-- <p class="text">{{ dataForm.productName }}</p> -->
        </el-col>
      </el-row>
      <small-title style=" margin: 0;padding: 26px 32px 24px;margin-bottom: 22px;" :no-padding="false">
        {{ 'BIPV产品' }}
      </small-title>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">产品产量</p>
          <p class="text">{{ }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">人均产量</p>
          <p class="text">{{ dataForm.code }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片使用量</p>
          <p class="text">{{ dataForm.productName }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">芯片使用量</p>
          <p class="text">{{ dataForm.productName }}</p>
        </el-col>
      </el-row>
      <el-row :gutter="24">
        <el-col :span="6">
          <p class="title">内部材料成本</p>
          <p class="text">{{ }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">内部材料成本</p>
          <p class="text">{{ dataForm.code }}</p>
        </el-col>
        <el-col :span="6">
          <p class="title">内部材料成本</p>
          <p class="text">{{ dataForm.productName }}</p>
        </el-col>
      </el-row>
    </div>
  </el-drawer>

</template>

<script>
// import basicAdd from './basic-add';
import {
  getProduceDataDetail
} from "@/api/produceData";
// import { getList, } from "@/api/base/qualityScrapType";
import SmallTitle from './SmallTitle';
export default {
  components: {
    SmallTitle,
  },
  // mixins: [basicAdd],
  props: {
    date: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      urlOptions: {
        isGetCode: false,
        // codeURL: getCode,
        // createURL: createQualityScrapLog,
        // updateURL: updateQualityScrapLog,
        // infoURL: getQualityScrapLog,
      },
      lineList: [],
      typeList: [],
      workOrderList: [],
      detList: [],
      teamList: [],
      sourceList: [
        {
          id: 1,
          name: '手动',
        },
        {
          id: 2,
          name: '自动',
        }
      ],
      sectionList: [],
      visible: false,
      dataForm: {
        id: undefined,
        logTime: undefined,
        source: 1,
        detId: undefined,
        workOrderId: null,
        teamId: undefined,
        num: undefined,
        lineId: undefined,
        description: undefined,
        // description: undefined,
        remark: undefined,
      },
      // materialList: [],
      dataRule: {
        // materialId: [{ required: true, message: "", trigger: "blur" }],
        workOrderId: [{ required: true, message: "工单号不能为空", trigger: "change" }],
        num: [{ required: true, message: "数量不能为空", trigger: "blur" }],
        detId: [{ required: true, message: "报废原因不能为空", trigger: "change" }],

        logTime: [{ required: true, message: "报废时间不能为空", trigger: "change" }],
      }
    };
  },
  mounted() {
    this.getDict()
    console.log('我看看', this.dataForm)
    // this.getCurrentTime()
  },
  methods: {
    init(id) {
      this.visible = true
      console.log('打印', id)
      if (id) {
        getProduceDataDetail(id).then(res => {
          this.dataForm = res.data
          console.log('你好', res.data)
        })
      }
    },
    // getCurrentTime() {
    //   // new Date().Format("yyyy-MM-dd HH:mm:ss")
    //   this.dataForm.logTime = new Date()
    //   // this.dataForm.logTime = year + "-" + month + "-" + day;
    //   console.log(this.dataForm.logTime);
    // },
    async getDict() {
    //   // 物料列表
    //   const res = await getList()
    //   this.typeList = res.data
    //   getWorkOrderList().then((res) => {
    //     console.log(res);
    //     // console.log(response);
    //     this.workOrderList = res.data.map((item) => {
    //       return {
    //         name: item.name,
    //         id: item.id
    //       }
    //     })
    //     // console.log(this.formConfig[0].selectOptions);
    //     // this.listQuery.total = response.data.total;
    //   })
    //   getLineList().then((res) => {
    //     console.log(res);
    //     // console.log(response);
    //     this.lineList = res.data.map((item) => {
    //       return {
    //         name: item.name,
    //         id: item.id
    //       }
    //     })
    //     // console.log(this.formConfig[0].selectOptions);
    //     // this.listQuery.total = response.data.total;
    //   })
    //   getDetList().then((res) => {
    //     console.log(res);
    //     // console.log(response);
    //     this.detList = res.data.map((item) => {
    //       return {
    //         name: item.content,
    //         id: item.id
    //       }
    //     })
    //     // console.log(this.formConfig[0].selectOptions);
    //     // this.listQuery.total = response.data.total;
    //   })
    //   getTeamList().then((res) => {
    //     console.log(res);
    //     // console.log(response);
    //     this.teamList = res.data.map((item) => {
    //       return {
    //         name: item.name,
    //         id: item.id
    //       }
    //     })
    //     // console.log(this.formConfig[0].selectOptions);
    //     // this.listQuery.total = response.data.total;
    //   })
    // },
    // async getWorksectionById(lineId) {
    //   if (lineId) {
    //     const { code, data } = await this.$axios({
    //       url: '/base/core-workshop-section/listByParentId',
    //       method: 'get',
    //       params: {
    //         id: lineId,
    //       },
    //     });
    //     if (code == 0) {
    //       console.log(data)
    //       this.sectionList = data.map((item) => {
    //         return {
    //           name: item.name,
    //           id: item.id,
    //         };
    //       });
    //     }
    //   } else {
    //     this.$axios({
    //       url: '/base/core-workshop-section/listAll',
    //       method: 'get',
    //       // params: {
    //       //   id: lineId,
    //       // },
    //     }).then((res) => {
    //       // console.log(data)
    //       this.sectionList = res.data.map((item) => {
    //         return {
    //           name: item.name,
    //           id: item.id,
    //         };
    //       });
    //     })
    //   }
    },
  },
};
</script>
<style scoped>
  .drawer >>> .el-drawer {
  border-radius: 8px 0 0 8px;
}

.drawer >>> .el-form-item__label {
  padding: 0;
}

.drawer >>> .el-drawer__header {
  margin: 0;
  padding: 32px 32px 24px;
  border-bottom: 1px solid #dcdfe6;
  margin-bottom: 30px;
}
.detailBox p {
  margin: 0;
  padding: 0 32px;
}
.detailBox .title {
  /* width: 56px; */
  /* height: 14px; */
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 16px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.detailBox .text {
  font-size: 14px;
  font-weight: 400;
  color: rgba(102,102,102,0.75);
  padding-bottom: 20px;
}

</style>