client_web - Gogs: Go Git Service

报名考试前端页面（红色页面）

<template>
  <div class="registration">
    <div class="r-top">
      <div>
        <p>身份证号：{{ studentData.card_num }}</p>
        <p>考生姓名：{{ studentData.name }}</p>
      </div>
    </div>
    <div class="r-main" v-show="showMain">  
      <div class="r-content">
        <el-radio-group
          v-model="radio"
          size="medium"
          @change="changeRadio"
        >
          <el-radio-button label="考试系列"></el-radio-button>
          <el-radio-button label="我的报名"></el-radio-button>
        </el-radio-group>
      </div>
    
      <el-table
        ref="multipleTable"
        border
        :header-cell-style="headStyle"
        :data="examData"
        v-show="radio=='考试系列'"
      >
        <el-table-column prop="number" label="序号" width="50">
          <template slot-scope="scope">{{ scope.$index+1 }}</template>
        </el-table-column>
        <el-table-column prop="exam_name" label="考试名称" width="180">
        </el-table-column>
        <el-table-column prop="series_name" label="考试系列" width="150">
        </el-table-column>
        <el-table-column prop="level_name" label="考试级别" width="120">
        </el-table-column>
        <el-table-column prop="subject_name" label="考试科目" width="150">
        </el-table-column>
        <el-table-column prop="time" label="考试时间" width="120">
        </el-table-column>
        <el-table-column label="操作" width="80">
          <template slot-scope="scope">
            <el-button size="mini" type="primary" @click="apply(scope.row)">
              报名
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      
      <el-table
        row-key="id"
        ref="multipleTable"
        border
        :header-cell-style="headStyle"
        :data="tableData"
        v-show="radio=='我的报名'"
      >
        <el-table-column prop="number" label="序号" width="50">
          <template slot-scope="scope">{{ scope.$index+1 }}</template>
        </el-table-column>
        <el-table-column prop="exam_name" label="考试名称" width="150">
        </el-table-column>
        <el-table-column prop="series_name" label="考试系列" width="150">
        </el-table-column>
        <el-table-column prop="level_name" label="考试级别" width="100">
        </el-table-column>
        <el-table-column prop="subject_name" label="考试科目" width="120">
        </el-table-column>
        <el-table-column prop="time" label="考试时间" width="120">
        </el-table-column>
        <el-table-column prop="exam_state" label="报考状态" width="100">
        </el-table-column>
        <el-table-column label="操作" width="80">
          <template slot-scope="scope">
            <el-button size="mini" type="primary" @click="check(scope.row)">
              查看
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>

    <div v-show="(!showMain)&&(radio=='考试系列')">
      <el-form class="myform" ref="form" :model="form" label-width="90px" status-icon>
        <el-form-item label="姓名：">
          <el-input class="myinput" v-model="studentData.name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="身份证号：">
          <el-input class="myinput" v-model="studentData.card_num" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="考试名称：">
          <el-input class="myinput" v-model="form.exam_name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="考试系列：">
          <el-input class="myinput" v-model="form.series_name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="考试级别：">
          <el-input class="myinput" v-model="form.level_name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="考试科目：">
          <el-input class="myinput" v-model="form.subject_name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="拟报考点：">
          <el-select class="myinput" v-model="form.want_place" placeholder="请选择" @change="selectPlace">
            <el-option 
              v-for="item in placeData"
              :key="item.uuid"
              :label="item.place_name"
              :value="item.uuid"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button class="footer-btn" @click="showMain = true">返回</el-button>
        <el-button class="footer-btn" @click="registration">提交报名</el-button>
      </span>
      
    </div>

    <div v-show="(!showMain)&&(radio=='我的报名')">
      <el-form class="myform" ref="form" :model="form" label-width="90px" status-icon>
        <el-form-item class="myreg" label="考试名称：">
          {{ form.exam_name }}
        </el-form-item> 
        <el-form-item class="myreg" label="考试系列：">
          {{ form.series_name }}
        </el-form-item>
        <el-form-item class="myreg" label="考试级别：">
          {{ form.level_name }}
        </el-form-item>
        <el-form-item class="myreg" label="考试科目：">
          {{ form.subject_name }}
        </el-form-item>
        <el-form-item class="myreg" label="拟报考点：">
          {{ form.want_place_name }}
        </el-form-item>
        <el-form-item class="myreg" label="考试时间：">
          {{ form.time }}
        </el-form-item>
        <el-form-item class="myreg" label="报名状态：">
          {{ form.enroll_state }}
        </el-form-item>
        <el-form-item class="myreg" label="缴费状态：">
          {{ form.pay_state }}
        </el-form-item>
        <el-form-item class="myreg" label="考试状态：">
          {{ form.exam_state }}
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button class="footer-btn" @click="showMain = true;getMyEnroll();">返回</el-button>
      </span>
    </div>

  </div>
</template>

<script>
import {
  getStudentInfo, //个人资料
  getEnableExam, //考试系列
  getMyEnrollList, //我的报名
  submitRegistration, //提交报名
  getExamPlaceList, //拟报考点
} from "@/api/home";
export default {
  data() {
    return {
      radio: "考试系列",
      studentData: [],
      examData: [], //考试系列
      tableData:[], //我的报名数据
      placeData: [], //考点
      wantPlace: "",
      form: {},
      showMain: true,
      id: 0,
    }
  },
  created() {
    this.getExam();
    this.getStudent();
    this.getMyEnroll();
  },
  methods: {
    changeRadio() {
      this.getExam();
      this.getMyEnroll();
    },
    // 获取考生个人资料
    async getStudent() {
      let res = await getStudentInfo({
        student_id: 2,
      });

      // 解构数据
      let { code, data } = res;

      // 赋值渲染
      if (code === 200) {
        this.studentData = data.res.student;
      }
    },
    // 获取考试系列数据
    async getExam() {
      let res = await getEnableExam({
        student_id: 2,
      });

      // 解构数据
      let { code, data } = res;

      // 赋值渲染
      if (code === 200) {
        this.examData = data.list;
      }
    },
    // 获取我的报名数据
    async getMyEnroll() {
      let res = await getMyEnrollList({
        student_id: 2,
      });

      // 解构数据
      let { code, data } = res;

      // 赋值渲染
      if (code === 200) {
        this.tableData = data.myEnroll;
      }
    },
    // 获取拟报考点数据
    async getExamPlace(id) {
      let res = await getExamPlaceList({
        exam_id: id,
      });

      // 解构数据
      let { code, data, msg } = res;

      // 赋值渲染
      if (code === 200) {
        this.placeData = data.places;
      }
    },
    // 提交报名
    async registration() {
      let res = await submitRegistration({
        student_id: 2,
        exam_id: this.id,
        want_place_id: this.wantPlace,
      });

      // 解构数据
      let { code, data, msg } = res;

      // 赋值渲染
      if (code === 200) {
        this.$message(msg)
        this.form = data.enroll
        this.submit()
      }else{
        this.$message(msg)
      }
    },
    selectPlace(val) {
      this.wantPlace = val;
    },
    // 报名
    apply(row) {
      this.id = row.uuid;
      this.showMain = false;
      this.getExamPlace(row.uuid);
      this.form = row;
    },
    // 查看
    check(row) {
      this.showMain = false;
      this.form = row;
    },
    // 提交报名
    submit(){
      this.radio = '我的报名';
      this.showMain = false;
    },
    // 表格头部样式回调
    headStyle() {
      return "backgroundColor:#ddd;fontSize:14px;color:#666;fontWeight:700";
    },
  }
}
</script>

<style lang="less" scoped>
.registration {
    padding: 20px;
    width: 100%;
  .r-top {
    background-color: #F6F7F9;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    p {
      margin: 20px 0 20px 0;
    }
  }
  .r-main .el-table::before {
    height: 0;
  }
  .r-main .el-table--border, .el-table--group {
    border: 0;
  }
  .el-table--border::after, .el-table--group::after {
    height: 0;
  }
  .r-content {
    margin: 15px auto;
  }
}
.myform{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.myinput{
    width: 200px;
}
.dialog-footer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    .footer-btn{
        color: #FFF;
        background-color: #409EFF;
        border-color: #409EFF;
        width: 100px;
        margin-bottom: 20px;
    }
}
.myreg{
    width: 300px;
}
</style>

0元购Android端

朱海文 d89d010331 登录部分差接口调试		4 ans auparavant
..
ShareSDK.xml	d89d010331 登录部分差接口调试	4 ans auparavant

0元购Android端

apply plugin: 'com.android.application'

//apply plugin: 'com.mob.sdk'
//
//MobSDK {
//    appKey "304fe66c9be05"
//    appSecret "ae05a16e089eef959d32174f4a001637"
//    ShareSDK {
//        loopShare true
//        devInfo {
//            // 微信开放平台链接： https://open.weixin.qq.com/cgi-bin/appdetail?t=manage/detail&type=app&lang=zh_CN&token=7d66745466c2986b0e2c10e6dd40ac82672222f5&appid=wx9ce6dfd102de332c
//            Wechat {
//                appId "wx00bb0933b4fdb159"
//                appSecret "801cb11459e2d0fdb06df516cf91755b"
//                userName "gh_afb25ac019c9"
//                path "pages/index/index.html?id=1"
//                withShareTicket true
//                miniprogramType 2
//            }
//            // . . .  还有其他平台配置
//        }
//    }
//}


android {
    compileSdkVersion 29
    buildToolsVersion "30.0.1"
    defaultConfig {
        applicationId "com.junxin.zeropay"
        minSdkVersion 21
        targetSdkVersion 29
        versionCode 8
        versionName "1.5.1"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
        multiDexEnabled true
        manifestPlaceholders = [UMENG_CHANNEL_VALUE: "umeng"]//添加一个默认渠道号
        flavorDimensions "versionCode"
    }

    /*
      此配置能使Test能够调用Android的Api
    */
    testOptions {
        unitTests.returnDefaultValues = true
    }
    signingConfigs {
        appkey {
            storeFile rootProject.file('app/zeropay.jks')
            storePassword "junxin"
            keyAlias "zeropay"
            keyPassword "junxin"
        }
    }
    buildTypes {
        release {
            // 开启混淆
            minifyEnabled true
            // Zipalign压缩优化
            zipAlignEnabled true
            // 移除无用的资源文件
            shrinkResources true
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
            signingConfig signingConfigs.appkey
        }
        debug {
            // 开启混淆
            minifyEnabled false
            // Zipalign压缩优化
            zipAlignEnabled false
            // 移除无用的资源文件
            shrinkResources false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
            signingConfig signingConfigs.appkey
        }
    }


    productFlavors {
        yingyongbao {}
        xiaomi {}
        huawei {}
        oppo {}
        junxin {}
    }

    productFlavors.all {
        flavor -> flavor.manifestPlaceholders = [UMENG_CHANNEL_VALUE: name]
    }


    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

repositories {
    flatDir {
        dirs 'libs'
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.13'
    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
    //material MD
    implementation 'com.google.android.material:material:1.1.0'
    //recyclerview
    implementation "androidx.recyclerview:recyclerview:1.1.0"
    // For control over item selection of both touch and mouse driven selection
    implementation "androidx.recyclerview:recyclerview-selection:1.1.0-rc01"
    //glide
    implementation 'com.github.bumptech.glide:glide:4.11.0'
    //gson
    implementation 'com.google.code.gson:gson:2.8.5'
    //eventbus
    implementation 'org.greenrobot:eventbus:3.1.1'
    //网络请求的依赖
    implementation 'com.squareup.retrofit2:retrofit:2.6.0'
    implementation 'com.squareup.retrofit2:converter-gson:2.6.0'
    implementation 'com.squareup.retrofit2:adapter-rxjava2:2.3.0'
    implementation 'com.squareup.okhttp3:logging-interceptor:3.14.2'
    //图片选择器
    implementation 'com.github.LuckSiege.PictureSelector:picture_library:v2.5.8'

    //banner
    implementation "com.youth.banner:banner:2.1.0"
    //cardview
    implementation "androidx.cardview:cardview:1.0.0"

    //友盟基础组件库包含统计SDK
    implementation "com.umeng.umsdk:common:9.1.0"
    // asms包依赖(必选)
    implementation 'com.umeng.umsdk:asms:1.1.3'
    // native crash包依赖(必选)
    implementation "com.umeng.umsdk:crash:0.0.4"
    //如您不在U-App的集成中加入OAID库，可能会导致U-App面向Android Q系统的新增、启动、活跃、留存等指标减少，因此，建议您接入OAID库。
    implementation 'com.umeng.umsdk:oaid_lenovo:1.0.0' // (可选)
    implementation 'com.umeng.umsdk:oaid_mi:1.0.0' // (可选)
    implementation 'com.umeng.umsdk:oaid_oppo:1.0.4' // (可选)
    implementation 'com.umeng.umsdk:oaid_vivo:1.0.0.1' // (可选)
    //butterknife
    implementation 'com.jakewharton:butterknife:10.2.1'
    annotationProcessor 'com.jakewharton:butterknife-compiler:10.2.1'
    //今日头条适配
    implementation 'me.jessyan:autosize:1.2.1'

    implementation 'com.github.lzyzsd:jsbridge:1.0.4'
    //权限申请
    implementation 'com.github.tbruyelle:rxpermissions:0.12'
    implementation 'io.reactivex.rxjava3:rxjava:3.0.4'
    implementation 'io.reactivex.rxjava3:rxandroid:3.0.0'

    //状态栏
//    implementation 'com.gyf.immersionbar:immersionbar:3.0.0'

    //打卡完成对勾控件
    implementation 'com.github.ChengangFeng:TickView:v1.0.2'

    //S3
    implementation 'com.amazonaws:aws-android-sdk-core:2.17.1'
    implementation 'com.amazonaws:aws-android-sdk-s3:2.3.8'
    //长图大图预览
    implementation 'com.github.chrisbanes:PhotoView:2.3.0'


    //微信登录
    api 'com.tencent.mm.opensdk:wechat-sdk-android-without-mta:+'
    //下拉刷新
    implementation 'com.scwang.smart:refresh-layout-kernel:2.0.1'
    implementation 'com.scwang.smart:refresh-header-classics:2.0.1'

    implementation 'com.shuyu:GSYVideoPlayer:7.1.6'

    compile 'com.contrarywind:Android-PickerView:4.1.9'

    debugImplementation 'com.squareup.leakcanary:leakcanary-android:2.5'

    //穿山甲广告
    implementation(name: 'open_ad_sdk', ext: 'aar');
}

作者	SHA1 备注	提交日期
朱海文	3e6185674f 自定video	4 年之前
朱海文	576e1bd04b 能够跳转微信登录，等微信账号通过审核	4 年之前
dabin	ffec33cff9 [ADD]友盟统计	4 年之前
dabin	c09c12f5d4 [MOD]图片选择	4 年之前

MyRegistration.vue 9.7KB

History Raw

build.gradle 6.2KB

Historia Czysty

4 次代码提交 (fabc087f6832785a11257f7f452ef61a5ab408a7)

MyRegistration.vue 9.7KB History Raw

build.gradle 6.2KB Historia Czysty

4 次代码提交 (fabc087f6832785a11257f7f452ef61a5ab408a7)

Sign In

MyRegistration.vue 9.7KB

History Raw

build.gradle 6.2KB

Historia Czysty