新增通用合格证模板组件

src/views/batchRecord/components/tables/certificateTemplate/certificate_conformity_general_template.vue

@@ -0,0 +1,130 @@
+<template>
+  <div
+    style="
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      padding: 20px;
+    "
+  >
+    <div
+      style="
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        border: 2px solid #000;
+        padding: 30px 20px;
+      "
+    >
+      <div
+        style="
+          font-size: 28px;
+          font-weight: 800;
+          text-align: center;
+          width: 100%;
+          margin-bottom: 30px;
+        "
+      >
+        合格证
+      </div>
+
+      <div
+        style="
+          width: 100%;
+          font-size: 16px;
+          margin-bottom: 40px;
+          text-align: center;
+        "
+      >
+        本产品经检验符合技术条件要求，准予按序流转。
+      </div>
+
+      <div style="width: 100%; font-size: 16px; line-height: 2.5">
+        <div style="display: flex"
+          >产品编号：
+          <span
+            style="flex: 1; margin-left: 10px; border-bottom: solid 1px #000"
+          >
+            {{ form.productCode }}
+          </span>
+        </div>
+        <div style="display: flex">
+          产品名称：
+          <span
+            style="flex: 1; margin-left: 10px; border-bottom: solid 1px #000"
+          >
+            {{ form.productName }}
+          </span></div
+        >
+        <div style="display: flex"
+          >批　　号：
+          <span
+            style="flex: 1; margin-left: 10px; border-bottom: solid 1px #000"
+          >
+            {{ form.batchNo }}
+          </span></div
+        >
+        <div style="display: flex"
+          >检 验 员：
+          <span
+            style="flex: 1; margin-left: 10px; border-bottom: solid 1px #000"
+          >
+            {{ form.approvalUserName }}
+          </span></div
+        >
+        <div style="display: flex"
+          >检验时间：<span
+            style="flex: 1; margin-left: 10px; border-bottom: solid 1px #000"
+          >
+            {{ form.approvalTime }}
+          </span></div
+        >
+        <div style="display: flex"
+          >合格证号：<span
+            style="flex: 1; margin-left: 10px; border-bottom: solid 1px #000"
+          >
+            {{ form.code }}
+          </span></div
+        >
+      </div>
+
+      <div
+        style="
+          width: 100%;
+          font-size: 16px;
+          margin-top: 40px;
+          text-align: right;
+        "
+      >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { mapGetters } from 'vuex';
+  export default {
+    computed: {
+      ...mapGetters(['user'])
+    },
+
+    data() {
+      return {
+        form: {}
+      };
+    },
+
+    methods: {
+      async init(row) {
+        this.form = row || {};
+      },
+      getValue() {
+        return this.form;
+      }
+    }
+  };
+</script>
+
+<style lang="scss"></style>