新增显示终端培训签到二维码,分步表单修改

package.json

@@ -40,6 +40,7 @@
         "vue-cropper": "0.4.9",
         "vue-echarts": "^6.0.2",
         "vue-i18n": "^8.17.4",
+        "vue-print-nb": "^1.7.5",
         "vue-quill-editor": "^3.0.6",
         "vue-router": "^3.1.2",
         "vue-svg-component-runtime": "^1.0.1",

src/main.js

@@ -1,6 +1,8 @@
 // with polyfills
 import 'core-js/stable'
 import 'regenerator-runtime/runtime'
+import Print from 'vue-print-nb'
+
 
 import Vue from 'vue'
 import App from './App.vue'
@@ -41,6 +43,7 @@ Vue.prototype.$emptyImg = Empty.PRESENTED_IMAGE_SIMPLE
 
 Vue.config.productionTip = false
 
+Vue.use(Print); //注册
 Vue.use(VueAxios)
 Vue.component('pro-layout', ProLayout)
 Vue.component('page-header-wrapper', PageHeaderWrapper)

src/views/project/ProjectStepForm.vue

@@ -68,7 +68,7 @@ export default {
       form: {
         t: this.$route.query.t,
         projectType: 0,
-        trainWay: '1',
+        trainWay: '4',
         totalScore: 0
       },
       result: true,

src/views/project/terminalTrain/TerminalTrainDetail.vue

@@ -5,9 +5,7 @@
     </template>
     <a-descriptions title="" layout="horizontal" bordered size="small" :column="1">
       <a-descriptions-item label="培训名称">{{ detailData.trainName }}</a-descriptions-item>
-      <a-descriptions-item label="培训时间"
-        >{{ detailData.trainSdate }} 至 {{ detailData.trainEdate }}</a-descriptions-item
-      >
+      <a-descriptions-item label="培训时间">{{ detailData.trainSdate }} 至 {{ detailData.trainEdate }}</a-descriptions-item>
       <a-descriptions-item label="培训地点">{{ detailData.trainAddress }}</a-descriptions-item>
       <a-descriptions-item label="主持人">{{ detailData.host }}</a-descriptions-item>
       <a-descriptions-item label="会议人数">{{ detailData.personNum }}</a-descriptions-item>
@@ -19,7 +17,18 @@
     <div style="width: 100%; height: 32px; margin-bottom: 8px">
       <a-button v-if="hasPerm('terminal:train:edit') && detailData.status == 1" type="primary" @click="editInfo()">修 改 信 息</a-button>
       <a-button v-if="hasPerm('terminal:train:list')" type="primary" @click="signInfo()">会议签到信息</a-button>
+      <a-button type="primary" @click="showModal()">签到二维码</a-button>
     </div>
+    <a-modal title="签到二维码" :visible="visible" @ok="handleCancel" @cancel="handleCancel">
+      <div style="text-align:center;">
+        <div id="printArea" style="text-align:center;">
+          <h2>集中培训：{{ detailData.trainName }}</h2>
+          <h2>签到二维码</h2>
+          <img :src="detailData.signCodeQrCode">
+        </div>
+        <a-button type="primary" v-print="'#printArea'">打 印</a-button>
+      </div>
+    </a-modal>
   </a-card>
 </template>
 
@@ -34,6 +43,7 @@ export default {
     return {
       queryParam: this.$route.query.terminalTrainId,
       detailData: {},
+      visible: false
     }
   },
   created: function () {
@@ -43,6 +53,12 @@ export default {
     })
   },
   methods: {
+    showModal() {
+      this.visible = true;
+    },
+    handleCancel(e) {
+      this.visible = false;
+    },
     close() {
       this.$router.push({
         path: '/project/project/terminalTrain/list',