<template>
  <div class="">
      <u-form label-width="120px" :model="form" labelAlign="right">
        <u-row>
          <u-col span="4">
            <u-form-item :label="$t('规格书类型:')" prop="specificationSheetTypeStr">
              {{ form.specificationSheetTypeStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('品牌:')" prop="brandName">
              {{ form.brandName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('英文名称:')" prop="enName">
              {{ form.enName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('单位:')" prop="unitOfMeasure">
              {{ form.unitOfMeasure }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('采购单位:')" prop="purchaseUnit">
              {{ form.purchaseUnit }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('换算值:')" prop="conversionValue">
              {{ form.conversionValue }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('单层厚(丝):')" prop="singleLayerThick">
              {{ form.singleLayerThick }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('单重(KG):')" prop="singleWeight">
              {{ form.singleWeight }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('层数:')" prop="layerNum">
              {{ form.layerNum }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('长度cm:')" prop="length">
              {{ form.length }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('高度cm:')" prop="height">
              {{ form.height }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('宽度cm:')" prop="width">
              {{ form.width }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('印张长度:')" prop="printingPaperlenth">
              {{ form.printingPaperlenth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('印张宽度:')" prop="printPaperwidth">
              {{ form.printPaperwidth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('派工倍数:')" prop="sendworkMultiple">
              {{ form.sendworkMultiple }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('印刷正面颜色:')" prop="frontColorName">
              {{ form.frontColorName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('印刷背面颜色:')" prop="oppositeColorName">
              {{ form.oppositeColorName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('仓库:')" prop="storePlace">
              {{ form.storePlace }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('是否唯一码产品:')" prop="isUniqueCode">
              {{ form.isUniqueCode }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('不考虑型体配色:')" prop="isConsiderColor">
              {{ form.isConsiderColor }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('实物样/参考样:')" prop="isAddSimple">
              {{ form.isAddSimple }}
            </u-form-item>
          </u-col>
          <!-- <u-col span="4">
            <u-form-item label="AI/PDF文档:" prop="aiOrPdfDocuments">
              {{ form.aiOrPdfDocuments }}
            </u-form-item>
          </u-col> -->
          <u-col span="4">
            <u-form-item :label="$t('配方:')" prop="formula">
              {{ form.formula }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('列双刀位:')" prop="coldoubleCutspacing">
              {{ form.coldoubleCutspacing }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('行双刀位:')" prop="rowdoubleCutspacing">
              {{ form.rowdoubleCutspacing }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('排版行数:')" prop="rowNum">
              {{ form.rowNum }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('角型:')" prop="shapeStr">
              {{ form.shapeStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('角度(mm):')" prop="angle">
              {{ form.angle }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('吹膜宽度:')" prop="blownFilmWidth">
              {{ form.blownFilmWidth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('吹膜厚度:')" prop="blownFilmThickness">
              {{ form.blownFilmThickness }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('印刷宽度:')" prop="printingWidth">
              {{ form.printingWidth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="Inlay:" prop="inlay">
              {{ form.inlay }}
            </u-form-item>
          </u-col>
          
          <u-col span="4">
            <u-form-item :label="$t('客户确认人:')" prop="customerConfirmedByStr">
              {{ form.customerConfirmedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('客户确认日期:')" prop="customerConfirmedDate">
              {{ form.customerConfirmedDate }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('研发核准人:')" prop="rdApprovedByStr">
              {{ form.rdApprovedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('研发审核人:')" prop="rdReviewedByStr">
              {{ form.rdReviewedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item :label="$t('研发制定人:')" prop="rdPreparedByStr">
              {{ form.rdPreparedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="6">
            <u-form-item :label="$t('产品正面:')" prop="frontImg">
              <!-- {{ form.frontImg }} -->
              <image style="width: 90%;" :src="form.frontImg" @click="onPreviewTap(form.frontImg)" mode="aspectFill"></image>
            </u-form-item>
          </u-col>
          <u-col span="6">
            <u-form-item :label="$t('产品背面:')" prop="backImg">
              <!-- {{ form.backImg }} -->
              <image style="width: 90%;" :src="form.backImg" @click="onPreviewTap(form.backImg)" mode="aspectFill"></image>
            </u-form-item>
          </u-col>
        </u-row>
      </u-form>
  </div>
</template>

<script>
import i18n from '../../../../lang/index'

export default {
  props: {
    form: {
      type: Object,
      default: {}
    }
  },
  methods: {
    onPreviewTap(url) {
      uni.previewImage({
        current: url,
        urls: [url]
      });
    },
  }
}
</script>

<style scoped lang="scss">

</style>