'normal'

src/components/SvgIcon/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+
+var isExternal= function(path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.iconClass)
+    },
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+    styleExternalIcon() {
+      return {
+        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
+        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover!important;
+  display: inline-block;
+}
+</style>

src/components/nav/navbar.vue

@@ -2,7 +2,9 @@
   <div>
     <div class="m-header ng-scope">
       <div class="p-wrap-full tc" >
-        <span class="logo " style="color: white;font-size: 56px;">  三明市建设人才服务中心  </span>
+        <span class="logo " style="color: white;font-size: 56px;">
+          
+          三明市建设人才服务中心  </span>
       </div>
     </div>
 

src/containers/center/components/pay/IBuyCourse.vue

@@ -0,0 +1,186 @@
+<template>
+  <div>
+    <el-form label-width="80px" min-width="820px"
+    label-position="right"
+    :inline="true"
+    :model="buyForm" status-icon :rules="rules" ref="elForm" v-if="canpay">
+    <el-row>
+      <el-col :lg="12" class="pl20 pr20">
+        <el-form-item lable="报考岗位" prop="courseName">
+          <label slot="label">报考岗位</label>
+          <el-input v-model="buyForm.courseName" type="text" placeholder="报考岗位" style="width: 220px;"></el-input>
+        </el-form-item>
+
+      </el-col>
+
+      <el-col :lg="12" class="pl20 pr20">
+        <el-form-item lable="证书编号" prop="rzCode">
+          <label slot="label">证书编号</label>
+          <el-input v-model="buyForm.rzCode" type="text" placeholder="证书编号" style="width: 220px;"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <span style="color: red;padding:10px"> 请认真核实报考岗位与证书编号，本课程不支持退款</span>
+    </el-row>
+    <el-row>
+      <el-col :lg="12" class="pl20 pr20">
+        <el-form-item lable="邮箱地址" prop="email">
+          <label slot="label">邮箱地址</label>
+          <el-input v-model="buyForm.email" type="textarea" placeholder="邮箱地址" style="width: 220px;"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12" class="pl20 pr20">
+        <el-form-item lable="订单号" prop="payNo">
+          <label slot="label">订单编号</label>
+          <el-input v-model="buyForm.payNo" placeholder="输入订单编号后6位" style="width: 220px;" :minlength="6" :maxlength="6" show-word-limit ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+     <el-row>
+       <el-col :span="12" class="pl20 pr20">
+         <el-form-item lable="工作单位" prop="company">
+           <label slot="label">工作单位</label>
+           <el-input v-model="buyForm.company" type="textarea" placeholder="工作单位" style="width: 220px;"></el-input>
+         </el-form-item>
+       </el-col>
+      <el-col :span="12" class="pl20 pr20">
+        <el-form-item lable="备注信息" prop="marks">
+          <label slot="label">备注信息</label>
+          <el-input v-model="buyForm.marks" type="textarea" placeholder="姓名+工种名称，例：张三+土建施工员" style="width: 220px;"></el-input>
+        </el-form-item>
+      </el-col>
+
+    </el-row>
+    <el-row>
+      <h2 class="tc"> 本课程费用: <strong style="color: red;"> {{buyForm.fee/100}} 元 </strong> </h2>
+      <div style="width: 300px; margin: 0px auto;">
+        <img src="/static/images/wxpay.jpg"   width="300px" @click="showImg(buyForm.buyImg)">
+      </div>
+    </el-row>
+
+    <el-row>
+      <el-button @click="this.$emit('finish')">取 消</el-button>
+      <el-button @click="buyCourse" type="primary">确 定</el-button>
+    </el-row>
+  </el-form>
+   <div v-else> 暂未开放支付。。。。。。 </div>
+  </div>
+</template>
+
+<script>
+  import {httpServer } from "@/components/httpServer/httpServer.js";
+  import exampleImg from '@/assets/template.png'
+  export default {
+    name: "Index",
+    props:['courseId'],
+    data() {
+      return {
+        exampleImg: exampleImg,
+        canpay: false,
+        buyForm:{
+          marks:'',
+          payNo:'',
+          courseId: 0,
+          courseName:'',
+          rzCode:'',
+          name:'',
+          email:''
+        },
+        rules: {
+          rzCode: [{
+            required: true,
+            message: '请输入证书编号'
+          }],
+          payNo:[
+            {
+              required: true,
+              message: '请输入订单编号后六位'
+            }
+          ],
+          marks:[
+            {
+              required: true,
+              message: '请输入备注信息'
+            }
+          ],
+          email: [{
+              required: true,
+              message: '请输入有效邮箱'
+            },
+            {
+              type: 'string',
+              message: '邮箱格式不正确',
+              trigger: 'blur',
+              transform(value) {
+                if (!/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)) {
+                  return true
+                } else {}
+              }
+            }
+          ],
+          company: [{
+            required: true,
+            message: '请输入所在企业'
+          }],
+          courseName: [{
+            required: true,
+            message: '请输入报考岗位'
+          }]
+        },
+      };
+    },
+    watch:{
+      courseId(){
+        console.log("change", this.courseId)
+        this.loadPayInfo();
+      }
+    },
+    created(){
+      this.loadPayInfo();
+    },
+    methods:{
+      loadPayInfo(){
+        let courseId = this.courseId||0;
+        if( !courseId) {
+          this.$message.errorMsg("还未选择课程")
+          return;
+        }
+        // this.canpay = true;
+        httpServer("weixin.docheckpay", {courseId}).then((res) => {
+          if (res.code == 200) {
+            Object.assign( this.buyForm, res.data||{});
+            this.canpay = true;
+          }else{
+            this.$emit('finish');
+          }
+        });
+      },
+      buyCourse() {
+        this.$refs["elForm"].validate((valid) => {
+          if (!valid) return;
+          let { marks, company, payNo, courseId, courseName, rzCode, name,  email} = this.buyForm;
+          if (courseName != name) {
+            this.$message.errorMsg("报考岗位有误", 1)
+            return;
+          }
+          let param = { marks,payNo, company,courseId: course_id, courseName,rzCode,email }
+          httpServer("course.buyCourse", param).then((res) => {
+            if (res.code == 200) {
+              this.$message.successMsg("申请购买成功", 1);
+              this.buyForm.temp.marks = this.buyForm.marks
+              this.buyForm.temp.is_pay = 0
+              this.buyForm.temp.courseName = this.buyForm.courseName;
+              this.buyForm.temp.rzCode = this.buyForm.rzCode
+              this.$emit('finish');
+            }
+          });
+        })
+      },
+    }
+  }
+</script>
+
+<style>
+</style>

src/containers/center/play/index.vue

@@ -38,24 +38,7 @@
       </el-col>
 
       <el-col :lg="6" :md="6" :span="6">
-        <el-progress v-if="tpl.examGroupId>0"
-           class="mprocess"
-           type="circle"
-           :width="150"
-           :format="formatPass"
-           :stroke-width="18"
-           :percentage="info.score>=60?100:info.score"
-           >
-        </el-progress>
-        <el-progress v-else
-           class="mprocess"
-           type="circle"
-           :width="150"
-           :format="formatString('--')"
-           :stroke-width="18"
-           :percentage="0"
-           >
-        </el-progress>
+        <img src="../../../assets/wxapp.jpg"  width="150px"  />
       </el-col>
 
       <el-col :lg="6" :md="6" :span="6">
@@ -70,7 +53,6 @@
               <el-button type="primary" class="mt10" style="font-size: 14px;" @click="startExam" v-if="tpl.examGroupId>0">
                 参加考试
               </el-button>
-
               <el-button type="primary" class="mt10" style="font-size: 14px;" @click="printCert">
                 学时证明
               </el-button>

src/icons/index.js

@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)

src/icons/svg/xcx.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="44px" height="44px" viewBox="0 0 44 44" enable-background="new 0 0 44 44" xml:space="preserve">  <image id="image0" width="44" height="44" x="0" y="0"
+    href="data:image/png;base64,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
+VxFEFdUEWbFMZxItLGYiwME+5y89lVedexlvWfiS4342eE6PMrdN/Ei/+ejdfGPzBp50fcKQpS5A
+CocrHVUKqCasmd4FRLDWY6NAN8DhinIi8OKVZ3HZKRfw0hXnc/rTKddvBPhn7avhQX3kyB7ueHgj
+2/btZLKaok/CDrVQAS+CpkwTA6mOtCg5cWwxF6xewzlLX8hZoytZ+zxekJ438DPbhvi4Vimw9/BB
+Nu3cxmTVRXPDYNlmwZz5LFuwhEUjY4y6IdYc58PLbxT4t93Mry7it9v+D6eJaaQOP4erAAAAJXRF
+WHRkYXRlOmNyZWF0ZQAyMDIxLTA2LTE5VDE5OjQxOjMxKzA4OjAwdHgbJgAAACV0RVh0ZGF0ZTpt
+b2RpZnkAMjAyMS0wNi0xOVQxOTo0MTozMSswODowMAUlo5oAAAAgdEVYdHNvZnR3YXJlAGh0dHBz
+Oi8vaW1hZ2VtYWdpY2sub3JnvM8dnQAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7
+LwAAABd0RVh0VGh1bWI6OkltYWdlOjpIZWlnaHQANDSO1ssGAAAAFnRFWHRUaHVtYjo6SW1hZ2U6
+OldpZHRoADQ0dnkLiwAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVY
+dFRodW1iOjpNVGltZQAxNjI0MTAyODkxfeadRAAAABJ0RVh0VGh1bWI6OlNpemUANDgxM0JCC23K
+AwAAAEd0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2FwcC90bXAvaW1hZ2VsYy9pbWd2aWV3Ml85XzE2
+MjM5MTE5OTU5MTQ3MDc3XzMwNF9bMF23aDVSAAAAAElFTkSuQmCC" ></image>
+</svg>

src/icons/svgo.yml

@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'

src/main.js

@@ -14,6 +14,8 @@ Vue.prototype.$md5 = md5;
 import '@babel/polyfill'
 require('es6-promise').polyfill()
 
+import './icons' // icon
+
 const hls = require('videojs-contrib-hls')
 Vue.use(hls)