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

This commit is contained in:
Yjhon 2022-03-09 14:11:51 +08:00
parent cd4d5eb9a6
commit 9a0bde409d
4 changed files with 112 additions and 92 deletions

View File

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

View File

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

View File

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

View File

@ -5,9 +5,7 @@
</template> </template>
<a-descriptions title="" layout="horizontal" bordered size="small" :column="1"> <a-descriptions title="" layout="horizontal" bordered size="small" :column="1">
<a-descriptions-item label="培训名称">{{ detailData.trainName }}</a-descriptions-item> <a-descriptions-item label="培训名称">{{ detailData.trainName }}</a-descriptions-item>
<a-descriptions-item label="培训时间" <a-descriptions-item label="培训时间">{{ detailData.trainSdate }} {{ detailData.trainEdate }}</a-descriptions-item>
>{{ detailData.trainSdate }} {{ detailData.trainEdate }}</a-descriptions-item
>
<a-descriptions-item label="培训地点">{{ detailData.trainAddress }}</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.host }}</a-descriptions-item>
<a-descriptions-item label="会议人数">{{ detailData.personNum }}</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"> <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: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 v-if="hasPerm('terminal:train:list')" type="primary" @click="signInfo()">会议签到信息</a-button>
<a-button type="primary" @click="showModal()">签到二维码</a-button>
</div> </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> </a-card>
</template> </template>
@ -34,6 +43,7 @@ export default {
return { return {
queryParam: this.$route.query.terminalTrainId, queryParam: this.$route.query.terminalTrainId,
detailData: {}, detailData: {},
visible: false
} }
}, },
created: function () { created: function () {
@ -43,6 +53,12 @@ export default {
}) })
}, },
methods: { methods: {
showModal() {
this.visible = true;
},
handleCancel(e) {
this.visible = false;
},
close() { close() {
this.$router.push({ this.$router.push({
path: '/project/project/terminalTrain/list', path: '/project/project/terminalTrain/list',
@ -55,7 +71,7 @@ export default {
}, },
}) })
}, },
editInfo(){ // editInfo() { //
this.$router.push({ this.$router.push({
path: '/project/terminalTrain/form', path: '/project/terminalTrain/form',
query: { query: {
@ -64,7 +80,7 @@ export default {
}) })
}, },
signInfo(){ // signInfo() { //
this.$router.push({ this.$router.push({
path: '/project/terminalTrain/signList', path: '/project/terminalTrain/signList',
query: { query: {