123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369 |
- <template>
- <view class="content">
- <view class="team">
- <image class="top-image" :src="baseURL + list.image"></image>
- <!-- <view class="box">
- <jyf-parser :html="description" ref="article"></jyf-parser>
- </view> -->
- <view class="top-title canten">免费报名</view>
- <view class="sign-tip">完成信息填写,即可参加红十字会救护员培训</view>
- <view class="form-box">
- <view class="label">
- 姓名/企业姓名
- <text>*</text>
- </view>
- <input type="text" v-model="name" placeholder="请填写姓名" />
- <view class="label">
- 联系方式
- <text>*</text>
- </view>
- <input type="number" v-model="phone" placeholder="请输入联系方式" />
- <view class="label">
- 参加培训人数
- <text>*</text>
- </view>
- <input type="number" v-model="num" placeholder="请输入参加培训人数" />
- </view>
- <view class="top-title">免费报名</view>
- <view class="text-box" v-html="description">
- <view class="text">请参训学员在培训当天携带身份证复印件1张,一寸证件照2张。</view>
- <view class="text">报名咨询电话:0716-4163849</view>
- </view>
- <view class="submit" @click="submit">立即报名</view>
- </view>
- </view>
- </template>
- <script>
- import { get_training, sign_training, detail_training } from '@/api/train.js';
- import jyfParser from '@/components/jyf-parser/jyf-parser';
- import { weixindata, weixinlocation } from '@/utils/wxAuthorized.js';
- import { userinfo } from '@/api/user.js';
- import { mapState, mapMutations } from 'vuex';
- export default {
- components: {
- jyfParser
- },
- data() {
- return {
- id: '',
- description: '',
- list: '',
-
- name: '',
- phone: '',
-
- num: '',
- size: 180
- };
- },
- onLoad(option) {
- this.type = option.type;
- this.id = option.id;
- if (option.uid) {
- this.uid = option.uid;
- } else {
- this.uid = this.userInfo.uid;
- }
- this.loadData();
- },
- onReady() {},
- computed: {
- ...mapState('user', ['hasLogin', 'userInfo']),
- ...mapState(['baseURL'])
- },
- methods: {
- ...mapMutations('user', ['setUserInfo']),
-
- async loadData() {
- let obj = this;
- get_training({
- id: obj.id
-
- }).then(({ data }) => {
- obj.list = data;
- console.log(9988, obj.list);
- if (obj.list.content != null) {
- obj.description = obj.list.content.replace(/<img/g, "<img style='max-width:100%;height:auto;'");
- }
- });
- },
- submit() {
- let obj = this;
- let data = {};
- if (!obj.name) {
- obj.$api.msg('请填写姓名/企业名!');
- return;
- }
- if (!obj.phone) {
- obj.$api.msg('请输入联系方式!');
- return;
- }
- if (!obj.num) {
- obj.$api.msg('请输入培训人数!');
- return;
- }
- data = {
- training_id:obj.id,
- name: obj.name,
- Phone: obj.phone,
- num:obj.num
- };
- sign_training(data)
- .then(function(e) {
- console.log(data.type);
- let type = data.type;
- uni.setStorageSync('type', type);
- obj.$api.msg(e.msg);
- setTimeout(function() {
- uni.navigateTo({
- url: '/pages/train/index'
- });
- }, 1000);
- })
- .catch(e => {
- obj.$api.msg(e.message);
- setTimeout(function() {
- uni.navigateTo({
- url: '/pages/train/index'
- });
- }, 1000);
- });
- },
- getRecTime(timestamp, fmt) {
- let d = new Date(timestamp * 1000),
-
- f = fmt || 'yyyy.MM.dd hh:mm:ss',
- o = {
- 'M+': d.getMonth() + 1,
- 'd+': d.getDate(),
- 'h+': d.getHours(),
- 'm+': d.getMinutes(),
- 's+': d.getSeconds(),
- 'q+': Math.floor((d.getMonth() + 3) / 3),
- S: d.getMilliseconds()
- };
- if (/(y+)/.test(f)) {
- f = f.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length));
- }
- for (let k in o) {
- if (new RegExp('(' + k + ')').test(f)) {
- f = f.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
- }
- }
- return f;
- console.log(f);
- }
- }
- };
- </script>
- <style lang="scss">
- page {
- background: #ffffff;
- width: 100%;
- height: 100%;
- .content {
- height: 100%;
- }
- }
- .box {
- padding: 0rpx 25rpx;
- width: 100%;
- }
- .top-image {
- width: 100%;
- height: 300rpx;
- }
- .top-title {
- width: 100%;
- text-align: center;
- padding: 25rpx 0rpx;
- font-size: 34rpx;
- border-bottom: 1rpx dashed #b5b5b5;
- }
- .canten {
- text-align: center !important;
- }
- .addr {
- color: #222222;
- font-size: 28rpx;
- padding: 25rpx 35rpx;
- }
- .text-box {
- padding: 25rpx 25rpx;
- padding-bottom: 0rpx !important;
- }
- .text {
- color: #222222;
- font-size: 28rpx;
- padding-bottom: 15rpx;
- }
- .weixin-icon {
- width: 100%;
- text-align: center;
- padding-top: 45rpx;
- image {
- width: 248rpx;
- height: 248rpx;
- }
- }
- .tip {
- color: #222222;
- font-size: 28rpx;
- width: 100%;
- text-align: center;
- padding-bottom: 50rpx;
- }
- .sign-tip {
- padding: 25rpx 0rpx;
- text-align: center;
- color: #222222;
- font-size: 28rpx;
- }
- .form-box {
- padding: 0rpx 35rpx;
- .label {
- font-size: 34rpx;
- padding: 25rpx 0rpx;
- text {
- color: #e62129;
- padding-left: 5rpx;
- }
- }
- input {
- font-size: 28rpx;
- color: #222222;
- border: 2rpx solid #979797;
- padding: 0rpx 15rpx;
- border-radius: 15rpx;
- height: 80rpx;
- }
- }
- .submit {
- width: 70%;
- margin: 0rpx auto;
- margin-top: 80rpx;
- margin-bottom: 80rpx;
- padding: 25rpx 0;
- text-align: center;
- background-color: #e62129;
- color: #ffffff;
- font-size: 32rpx;
- border-radius: 10rpx;
- }
- .grey {
- background-color: #9b9b9b !important;
- }
- .certificates {
-
- width: 100%;
- height: 100vh;
- }
- .tki-qrcode-canvas {
-
-
- width: 750rpx;
-
- height: 1350rpx;
- margin: 0 auto;
- }
- .bgimg {
- width: 100%;
- height: 100%;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .box-mian {
- width: 100%;
- height: 100%;
- position: absolute;
- padding: 380rpx 94rpx 200rpx 94rpx;
- color: #333;
- left: 0;
- top: 0;
- display: flex;
- flex-direction: column;
- justify-content: center;
-
- .name {
- display: flex;
- font-size: 32rpx;
- .name-left {
- text-align: center;
-
- width: 150rpx;
- border-bottom: 2rpx solid #333;
- }
- }
- .info {
- margin-top: 68rpx;
- text-indent: 64rpx;
- line-height: 58rpx;
- }
- .signName {
- margin-top: 32rpx;
- display: flex;
- .signName-left {
- line-height: 34rpx;
- .signName-1 {
- }
- .signName-2 {
- font-size: 28rpx;
- }
- }
- .signName-right {
- text-align: left;
-
- padding: 0 12rpx;
- margin-left: 12rpx;
-
- border-bottom: 2rpx solid #333;
-
- .list-input {
- width: 100%;
- padding: 0 12rpx;
- height: 70rpx;
- font-size: 32rpx;
- text-align: left;
- }
- .signDate {
- display: flex;
- align-items: center;
- }
- }
- }
- .signDate {
- margin-top: 22rpx;
- display: flex;
- .signName-left {
- line-height: 34rpx;
- .signName-1 {
- }
- .signName-2 {
- font-size: 28rpx;
- }
- }
- .signName-right {
- text-align: left;
- padding-left: 12rpx;
- margin-left: 12rpx;
- width: 288rpx;
- border-bottom: 2rpx solid #333;
- .list-input {
- height: 70rpx;
- font-size: 32rpx;
- text-align: left;
- }
-
- }
- }
-
- }
- .imgbox {
- height: 1350rpx;
- width: 750rpx;
- }
- </style>
|