<template>
  <div class="">
      <u-form label-width="120px" :model="form" labelAlign="right">
        <u-row>
          <u-col span="4">
            <u-form-item label="规格书类型:" prop="specificationSheetTypeStr">
              {{ form.specificationSheetTypeStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="品牌:" prop="brandName">
              {{ form.brandName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="英文名称:" prop="enName">
              {{ form.enName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="单位:" prop="unitOfMeasure">
              {{ form.unitOfMeasure }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="采购单位:" prop="purchaseUnit">
              {{ form.purchaseUnit }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="换算值:" prop="conversionValue">
              {{ form.conversionValue }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="单层厚(丝):" prop="singleLayerThick">
              {{ form.singleLayerThick }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="单重(KG):" prop="singleWeight">
              {{ form.singleWeight }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="层数:" prop="layerNum">
              {{ form.layerNum }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="长度cm:" prop="length">
              {{ form.length }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="高度cm:" prop="height">
              {{ form.height }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="宽度cm:" prop="width">
              {{ form.width }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="印张长度:" prop="printingPaperlenth">
              {{ form.printingPaperlenth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="印张宽度:" prop="printPaperwidth">
              {{ form.printPaperwidth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="派工倍数:" prop="sendworkMultiple">
              {{ form.sendworkMultiple }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="印刷正面颜色:" prop="frontColorName">
              {{ form.frontColorName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="印刷背面颜色:" prop="oppositeColorName">
              {{ form.oppositeColorName }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="仓库:" prop="storePlace">
              {{ form.storePlace }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="是否唯一码产品:" prop="isUniqueCode">
              {{ form.isUniqueCode }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="不考虑型体配色:" prop="isConsiderColor">
              {{ form.isConsiderColor }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="实物样/参考样:" 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="配方:" prop="formula">
              {{ form.formula }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="列双刀位:" prop="coldoubleCutspacing">
              {{ form.coldoubleCutspacing }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="行双刀位:" prop="rowdoubleCutspacing">
              {{ form.rowdoubleCutspacing }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="排版行数:" prop="rowNum">
              {{ form.rowNum }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="角型:" prop="shapeStr">
              {{ form.shapeStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="角度(mm):" prop="angle">
              {{ form.angle }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="吹膜宽度:" prop="blownFilmWidth">
              {{ form.blownFilmWidth }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="吹膜厚度:" prop="blownFilmThickness">
              {{ form.blownFilmThickness }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="印刷宽度:" 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="客户确认人:" prop="customerConfirmedByStr">
              {{ form.customerConfirmedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="客户确认日期:" prop="customerConfirmedDate">
              {{ form.customerConfirmedDate }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="研发核准人:" prop="rdApprovedByStr">
              {{ form.rdApprovedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="研发审核人:" prop="rdReviewedByStr">
              {{ form.rdReviewedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="4">
            <u-form-item label="研发制定人:" prop="rdPreparedByStr">
              {{ form.rdPreparedByStr }}
            </u-form-item>
          </u-col>
          <u-col span="6">
            <u-form-item label="产品正面:" 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="产品背面:" 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>
export default {
  props: {
    form: {
      type: Object,
      default: {}
    }
  },
  methods: {
    onPreviewTap(url) {
      uni.previewImage({
        current: url,
        urls: [url]
      });
    },
  }
}
</script>

<style scoped lang="scss">

</style>