入学协议新增签名

src/api/my.js

@@ -129,3 +129,17 @@ export function changeFileStatus(userId, recordId, status) {
 export function getOpenId(data) {
   return httpRequest.post('/usercenter/v1/wechat/get-openid', data)
 }
+
+/**
+ * 签名
+ */
+export function createSign(data) {
+  return httpRequest.post('/usercenter/v1/sign/sign', data)
+}
+
+/**
+ * 获取签名文档
+ */
+export function getSignDocument(data) {
+  return httpRequest.post('/usercenter/v1/sign/document', data)
+}

src/pages/my/admission/components/collapse.vue

+<template>
+  <div class="collapse" :class="classes">
+    <div class="collapse-hd">
+      <div class="collapse-icon" @click="toggle">
+        <i class="el-icon-remove-outline" v-if="isActive"></i>
+        <i class="el-icon-circle-plus-outline" v-else></i>
+      </div>
+      <div class="collapse-title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+    </div>
+    <div class="collapse-bd" v-show="isActive">
+      <slot>{{ content }}</slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+    title: { type: String },
+    content: { type: String }
+  },
+  data() {
+    return {
+      isActive: false
+    }
+  },
+  computed: {
+    classes() {
+      return { 'is-active': this.isActive }
+    }
+  },
+  methods: {
+    toggle() {
+      this.isActive = !this.isActive
+      this.$emit('input', this.isActive)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse {
+  margin-top: 10px;
+}
+.collapse-hd {
+  display: flex;
+  font-size: 14px;
+  line-height: 20px;
+  color: #222;
+}
+
+.collapse-icon {
+  margin-right: 6px;
+  font-size: 14px;
+  cursor: pointer;
+  color: #999;
+}
+.collapse-bd {
+  padding-left: 20px;
+  color: #666;
+  p {
+    color: #666 !important;
+  }
+}
+</style>

src/pages/my/admission/index.vue

@@ -14,6 +14,10 @@
       <template #aside-append>
         <div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
       </template>
+      <!-- 入学协议 -->
+      <template #content v-if="currentActive === 'admission_xy'">
+        <app-xy />
+      </template>
     </vue-form>
     <el-dialog
       title="办理入学资料提交成功"
@@ -38,9 +42,9 @@
 import AppLayout from '../layout.vue'
 import getMenu from './form'
 import * as api from '@/api/my'
-
+import AppXy from './xy'
 export default {
-  components: { AppLayout },
+  components: { AppLayout, AppXy },
   data() {
     const menus = getMenu(this)
     return {