diff --git a/common/js/commonTool.js b/common/js/commonTool.js
new file mode 100644
index 0000000..517ddda
--- /dev/null
+++ b/common/js/commonTool.js
@@ -0,0 +1,39 @@
+import Request from '@/common/request'
+import ApiConstant from '../ApiConstant'
+let request = new Request()
+export default {
+    //调试vip信息
+    checkVipInfo(e){
+        if (e && e.skuCode) {
+            e.vipFlag = true
+            uni.setStorageSync('vipInfo',e)
+        }else{
+            uni.setStorageSync('vipInfo',{vipFlag:false})
+        }
+    },
+    //刷新vip信息
+    reloadVipInfo() {
+        request.get(ApiConstant.VIP.vipInfo,{},{showLoad:false}).then(r => {
+            console.log(r)
+            if (r.success) {
+                this.checkVipInfo(r.result)
+            }
+        }).catch(err => {
+        }).finally(() => {
+        });
+    },
+    //格式化处理
+    dateFormatYYYYMMDD(time) {
+    let date = new Date(time.replace(/-/g,'/'));
+    let year = date.getFullYear();
+    // 在日期格式中，月份是从0开始的，因此要加0，使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
+    let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
+    let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
+    let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
+    let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
+    let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+    // 拼接
+    // return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
+    return year + "-" + month + "-" + day;
+    },
+}
diff --git a/common/js/jumpTool.js b/common/js/jumpTool.js
new file mode 100644
index 0000000..3cc0917
--- /dev/null
+++ b/common/js/jumpTool.js
@@ -0,0 +1,24 @@
+export default{
+    /*打开某个页面*/
+    goto(e) {
+        uni.navigateTo({
+            url: e
+        })
+    },
+    goLogin(){
+        this.goto('/pages/zyb/login')
+    },
+    goArticleDetail(e){
+        this.goto('/pages/zyb/article/detail?articleId='+e.id)
+    },
+    /*打开成绩修改界面*/
+    openScoreEdit() {
+        this.goto('/pages/zyb/score/edit')
+    },
+    openVip() {
+        this.goto('/pages/zyb/vip/index')
+    },
+    openFeedback(){
+        this.goto('/pages/zyb/other/feedback')
+    }
+}
diff --git a/components/my-top-button.vue b/components/my-top-button.vue
deleted file mode 100644
index 452578b..0000000
--- a/components/my-top-button.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<!--回到顶部按钮
--->
-<script>
-export default {
-  name: "my-top-button",
-  data(){
-    return{
-      topFlag:false
-    }
-  },
-  methods: {
-    top() { //回到顶部
-      uni.pageScrollTo({
-        scrollTop: 0,
-        duration: 300
-      });
-    },
-  },
-  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
-    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
-    this.topFlag = e.scrollTop > 600;
-  }
-}
-</script>
-
-<template>
-  <view class="top" style="transition: 0.3s;" :style="{'display':(topFlag===true? 'block':'none')}">
-    <uni-icons class="topc" type="arrowthinup" size="50" @click="top"></uni-icons>
-  </view>
-</template>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/pages/zyb/article/detail.vue b/pages/zyb/article/detail.vue
new file mode 100644
index 0000000..f4c1a91
--- /dev/null
+++ b/pages/zyb/article/detail.vue
@@ -0,0 +1,134 @@
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from "@/common/request";
+
+let request = new Request()
+export default {
+  name: "detail",
+  components: {},
+  computed: {
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      showFlag: false,
+      articleId: '',
+      titleShow:false,
+      articleInfo: {},
+      tagStyle: {
+        table: 'box-sizing: border-box; border-top: 1px solid #dfe2e5; border-left: 1px solid #dfe2e5;',
+        th: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
+        td: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
+        li: 'margin: 5px 0;'
+      }
+    }
+  },
+  onLoad(e) {
+    if (e.articleId) {
+      this.articleId = e.articleId
+      this.getContent()
+    }
+  },
+  methods: {
+    /*招生章程*/
+    getContent() {
+      request.get(ApiConstant.Article.articleContent + "/" + this.articleId, {}).then(res => {
+        console.log(res)
+        if (res.success) {
+          this.articleInfo = res.result
+          if (!this.articleInfo.content.includes(this.articleInfo.title)) {
+            this.titleShow = true
+          }
+          this.showFlag = true
+        } else {
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    backHome() {
+      uni.reLaunch({
+        url: "/pages/zyb/home"
+      });
+    },
+    load() {
+      console.log('dom 树加载完毕')
+    },
+    ready(e) {
+      console.log('ready 事件触发：', e)
+    },
+    imgtap(e) {
+      console.log('imgtap 事件触发：', e)
+    },
+    linktap(e) {
+      console.log('linktap 事件触发：', e)
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="border-top background-white">
+    <view class="head" v-if="showFlag && titleShow">
+      <view class="flexWrap marginTopBot20">
+        <view class="flex-item-10" style="text-align: center">
+          <text class="font-weight-b font-size-medium">{{ articleInfo.title }}</text>
+        </view>
+      </view>
+      <view class="flexWrap marginTopBot20" style="text-align: center">
+        <!--        <view class="flex-item-1"></view>-->
+        <!--        <view class="flex-item-3">
+                  <text>{{articleInfo.contentType ==='1'?'招生章程':'其他'}}</text>
+                </view>-->
+        <view class="flex-item-10">
+          <text>{{ articleInfo.releaseTime }}</text>
+        </view>
+      </view>
+    </view>
+    <view class="body" v-if="showFlag">
+      <mp-html container-style="padding:20px" :content="articleInfo.content"
+               domain="https://mp-html.oss-cn-hangzhou.aliyuncs.com" lazy-load scroll-table selectable use-anchor
+               :tag-style="tagStyle" @load="load" @ready="ready" @imgtap="imgtap" @linktap="linktap"/>
+      <!--      <view class="content">
+              <view v-if="articleInfo && articleInfo.contentType ==='1'">
+                {{ articleInfo.content }}
+              </view>
+            </view>-->
+    </view>
+    <view class="bottom" v-if="showFlag">
+      <!--返回首页-->
+      <view class="fhsy" @click="backHome">
+        返回首页
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="less">
+.body {
+  //padding: 30rpx;
+}
+
+.content {
+  padding: 30rpx 10rpx;
+  border: 1rpx solid #75c591;
+}
+
+/*返回首页按钮 start*/
+.fhsy {
+  margin: 0 auto;
+  border: 2rpx solid #cbcaca;
+  text-align: center;
+  font-size: 25rpx;
+  line-height: 100rpx;
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  padding: 30rpx;
+}
+
+/*返回首页按钮 end*/
+</style>
diff --git a/pages/zyb/article/list.vue b/pages/zyb/article/list.vue
new file mode 100644
index 0000000..1e194ad
--- /dev/null
+++ b/pages/zyb/article/list.vue
@@ -0,0 +1,255 @@
+<template>
+  <view class="background-white">
+    <scroll-view class="top-menu-view" scroll-x="true" scroll-with-animation :scroll-left="scrollLeft">
+      <view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index"
+            @click="swichMenu(index)">
+        <view class="" style="transition: 3s all" :class="currentTab===index ? 'menu-topic-act' : 'menu-topic'">
+          <text class="menu-topic-text">{{ item.name }}</text>
+          <view class="menu-topic-bottom">
+            <view class="menu-topic-bottom-color"></view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <!--    <view class="banner" @click="goDetail(banner)">
+          <image class="banner-img" :src="banner.cover"></image>
+          <view class="banner-title">{{ banner.title }}</view>
+        </view>-->
+    <!--招生章程搜索-->
+    <view class="search-view">
+      <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
+        <view style="width: 90%">
+          <uni-search-bar class="uni-mt-10" radius="100"
+                          :placeholder="this.tabs[this.currentTab].id===1?'请输入院校名称':'请输入标题'" v-model="title"
+                          @clear="clearTitleInput" cancelButton="none" @confirm="searchTitleClick"/>
+        </view>
+        <view style="width: 10%;line-height: 100rpx">
+          <text @click="searchTitleClick">搜索</text>
+        </view>
+      </view>
+    </view>
+    <block v-for="(value, index) in tabs[currentTab].list" :key="index">
+      <view class="uni-list-cell" hover-class="uni-list-cell-hover" @click="gotoArticle(value)">
+        <view class="uni-media-list">
+          <!--<image class="uni-media-list-logo" :src="value.cover"></image>-->
+          <view class="uni-media-list-body">
+            <view class="uni-media-list-text-top">{{ value.title }}</view>
+            <view class="uni-media-list-text-bottom">
+              <text>{{ value.schoolName }}</text>
+              <text>{{ value.releaseTime }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+    <view class="container" @click="loadMore">
+      <uni-load-more :status="tabs[currentTab].status" :content-text="contentText"/>
+    </view>
+    <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
+      <uni-icons class="topc" type="arrowthinup" size="40" @click="clickTop"></uni-icons>
+    </view>
+  </view>
+
+</template>
+
+<script>
+import {dateUtils} from '@/common/util';
+import ApiConstant from "@/common/ApiConstant";
+import Request from "@/common/request";
+import StaticConstant from "@/common/StaticConstant";
+
+let request = new Request()
+export default {
+  data() {
+    return {
+      banner: {
+        cover: 'https://mp-7a4eecb1-2a04-4d36-b050-1c4a78cc31a4.cdn.bspapp.com/images/jxywtj.png'
+      },
+      current: 1,
+      pageSize: 10,
+      listData: [],
+      last_id: '',
+      reload: false,
+      contentText: StaticConstant.loadContentText,
+      scrollLeft: 0,
+      topFlag: false,
+
+      title: '',
+      tabs: [
+        {id: 1, name: '招生章程', list: [], current: 1, pageSize: 10, status: 'more'},
+        {id: 2, name: '高考动态', list: [], current: 1, pageSize: 10, status: 'more'},
+        {id: 3, name: '校内资讯', list: [], current: 1, pageSize: 10, status: 'noMore'}
+      ],
+      currentTab: 0,
+    };
+  },
+  onLoad() {
+    //this.getBanner();
+    this.getAdmissionsRegulationsList();
+  },
+  onPullDownRefresh() {
+    this.reload = true;
+    this.last_id = '';
+    //this.getBanner();
+    this.current = 1
+    this.getList();
+  },
+  onReachBottom() {
+    if (this.tabs[this.currentTab].id === 1) {
+      this.loadMore();
+    }
+  },
+  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
+    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
+    this.topFlag = e.scrollTop > 600;
+  },
+  onShareAppMessage() {
+    return {
+      title: '招生章程', //分享标题
+      path: "/pages/zyb/article/list"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: '招生章程', //分享标题
+      path: "/pages/zyb/article/list"
+    }
+  },
+  methods: {
+    /*跳转到文章页面*/
+    gotoArticle(e) {
+      uni.navigateTo({
+        url: '/pages/zyb/article/detail?articleId=' + e.id
+      })
+    },
+    getBanner() {
+      let data = {
+        column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名
+      };
+      uni.request({
+        url: 'https://unidemo.dcloud.net.cn/api/banner/36kr',
+        data: data,
+        success: data => {
+          uni.stopPullDownRefresh();
+          if (data.statusCode == 200) {
+            this.banner = data.data;
+          }
+        },
+        fail: (data, code) => {
+          console.log('fail' + JSON.stringify(data));
+        }
+      });
+    },
+    /*招生章程*/
+    getAdmissionsRegulationsList() {
+      this.setStatus('loading')
+      let params = {
+        title: this.title,
+        type: this.tabs[this.currentTab].id,
+        pageNum: this.tabs[this.currentTab].current,
+        pageSize: this.tabs[this.currentTab].pageSize
+      }
+      request.get(ApiConstant.Article.articlePage, params).then(res => {
+        console.log(res)
+        if (res.success) {
+          this.tabs[this.currentTab].current = res.result.current
+          this.tabs[this.currentTab].pages = res.result.pages
+          //追加到列表数据中
+          this.tabs[this.currentTab].list = [...this.tabs[this.currentTab].list, ...res.result.records]
+          console.log(this.tabs)
+          if (res.result.current >= res.result.pages) {
+            this.setStatus('noMore')
+          } else {
+            this.setStatus('more')
+          }
+        } else {
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    //搜索招生章程
+    searchTitleClick() {
+      this.tabs[this.currentTab].current = 1
+      this.tabs[this.currentTab].list = []
+      this.getAdmissionsRegulationsList()
+    },
+    clearTitleInput() {
+      this.title = ''
+      this.tabs[this.currentTab].current = 1
+      this.tabs[this.currentTab].list = []
+      this.getAdmissionsRegulationsList()
+    },
+    setStatus(status) {
+      this.tabs[this.currentTab].status = status
+    },
+    loadMore() {
+      if (this.tabs[this.currentTab].status === 'noMore') {
+        return;
+      }
+      console.log('加载中')
+      this.tabs[this.currentTab].current++;
+      this.getAdmissionsRegulationsList()
+    },
+    /*回到顶部*/
+    clickTop() {
+      uni.pageScrollTo({
+        scrollTop: 0,
+        duration: 300
+      });
+    },
+    setTime: function (items) {
+      var newItems = [];
+      items.forEach(e => {
+        newItems.push({
+          schoolName: e.schoolName,
+          cover: e.cover,
+          id: e.id,
+          releaseTime: e.releaseTime ? dateUtils.format(e.releaseTime) : '',
+          title: e.title
+        });
+      });
+      return newItems;
+    },
+    swichMenu(id) {
+      console.log(id)
+      if (this.currentTab!==0 && this.currentTab === id) {
+        return
+      }
+      this.currentTab = id
+      this.clearTitleInput()
+      //this.tabCurrent = 'tabNum'+ id
+      // 滑动swiper后，每个选项距离其父元素最左侧的距离
+      this.scrollLeft = 0;
+      for (let i = 0; i < id; i++) {
+        this.scrollLeft += 120
+        console.log(this.scrollLeft, 60, id)
+      }
+    },
+    aderror(e) {
+      console.log("aderror: " + JSON.stringify(e.detail));
+    }
+  }
+};
+</script>
+
+<style>
+
+.uni-media-list-body {
+  height: auto;
+  justify-content: space-around;
+}
+
+.uni-media-list-text-top {
+  height: 74rpx;
+  font-size: 28rpx;
+  overflow: hidden;
+}
+
+.uni-media-list-text-bottom {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+</style>
diff --git a/pages/zyb/article/list2.vue b/pages/zyb/article/list2.vue
new file mode 100644
index 0000000..96c2a30
--- /dev/null
+++ b/pages/zyb/article/list2.vue
@@ -0,0 +1,253 @@
+<template>
+  <view class="background-white">
+    <scroll-view class="top-menu-view" scroll-x="true" scroll-with-animation :scroll-left="scrollLeft">
+      <view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index"
+            @click="swichMenu(index)">
+        <view class="" style="transition: 3s all" :class="currentTab===index ? 'menu-topic-act' : 'menu-topic'">
+          <text class="menu-topic-text">{{ item.name }}</text>
+          <view class="menu-topic-bottom">
+            <view class="menu-topic-bottom-color"></view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <!--    <view class="banner" @click="goDetail(banner)">
+          <image class="banner-img" :src="banner.cover"></image>
+          <view class="banner-title">{{ banner.title }}</view>
+        </view>-->
+    <!--招生章程搜索-->
+    <view class="search-view">
+      <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
+        <view style="width: 90%">
+          <uni-search-bar class="uni-mt-10" radius="100"
+                          :placeholder="this.tabs[this.currentTab].id===1?'请输入院校名称':'请输入标题'" v-model="title"
+                          @clear="clearTitleInput" cancelButton="none" @confirm="searchTitleClick"/>
+        </view>
+        <view style="width: 10%;line-height: 100rpx">
+          <text @click="searchTitleClick">搜索</text>
+        </view>
+      </view>
+    </view>
+    <block v-for="(value, index) in tabs[currentTab].list" :key="index">
+      <view class="uni-list-cell" hover-class="uni-list-cell-hover" @click="gotoArticle(value)">
+        <view class="uni-media-list">
+          <!--<image class="uni-media-list-logo" :src="value.cover"></image>-->
+          <view class="uni-media-list-body">
+            <view class="uni-media-list-text-top">{{ value.title }}</view>
+            <view class="uni-media-list-text-bottom">
+              <text>{{ value.schoolName }}</text>
+              <text>{{ value.releaseTime }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+    <view class="container" @click="loadMore">
+      <uni-load-more :status="tabs[currentTab].status" :content-text="contentText"/>
+    </view>
+    <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
+      <uni-icons class="topc" type="arrowthinup" size="40" @click="clickTop"></uni-icons>
+    </view>
+  </view>
+
+</template>
+
+<script>
+import {dateUtils} from '@/common/util';
+import ApiConstant from "@/common/ApiConstant";
+import Request from "@/common/request";
+import StaticConstant from "@/common/StaticConstant";
+
+let request = new Request()
+export default {
+  data() {
+    return {
+      banner: {
+        cover: 'https://mp-7a4eecb1-2a04-4d36-b050-1c4a78cc31a4.cdn.bspapp.com/images/jxywtj.png'
+      },
+      current: 1,
+      pageSize: 10,
+      listData: [],
+      last_id: '',
+      reload: false,
+      contentText: StaticConstant.loadContentText,
+      scrollLeft: 0,
+      topFlag: false,
+
+      title: '',
+      tabs: [
+        {id: 1, name: '招生章程', list: [], current: 1, pageSize: 10, status: 'more'},
+        {id: 2, name: '高考动态', list: [], current: 1, pageSize: 10, status: 'more'},
+        {id: 3, name: '校内资讯', list: [], current: 1, pageSize: 10, status: 'noMore'}
+      ],
+      currentTab: 0,
+    };
+  },
+  onLoad() {
+    //this.getBanner();
+    this.getAdmissionsRegulationsList(0);
+    this.getAdmissionsRegulationsList(1);
+    this.getAdmissionsRegulationsList(2);
+  },
+  onPullDownRefresh() {
+    this.reload = true;
+    this.last_id = '';
+    //this.getBanner();
+    this.current = 1
+    this.getList();
+  },
+  onReachBottom() {
+    if (this.tabs[this.currentTab].id === 1) {
+      this.loadMore();
+    }
+  },
+  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
+    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
+    this.topFlag = e.scrollTop > 600;
+  },
+  onShareAppMessage() {
+    return {
+      title: '招生章程', //分享标题
+      path: "/pages/zyb/article/list"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: '招生章程', //分享标题
+      path: "/pages/zyb/article/list"
+    }
+  },
+  methods: {
+    /*跳转到文章页面*/
+    gotoArticle(e) {
+      uni.navigateTo({
+        url: '/pages/zyb/article/detail?articleId=' + e.id
+      })
+    },
+    getBanner() {
+      let data = {
+        column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名
+      };
+      uni.request({
+        url: 'https://unidemo.dcloud.net.cn/api/banner/36kr',
+        data: data,
+        success: data => {
+          uni.stopPullDownRefresh();
+          if (data.statusCode == 200) {
+            this.banner = data.data;
+          }
+        },
+        fail: (data, code) => {
+          console.log('fail' + JSON.stringify(data));
+        }
+      });
+    },
+    /*招生章程*/
+    getAdmissionsRegulationsList(index) {
+      this.setStatus(index,'loading')
+      let params = {
+        title: this.title,
+        type: this.tabs[index||this.currentTab].id,
+        pageNum: this.tabs[this.currentTab].current,
+        pageSize: this.tabs[this.currentTab].pageSize
+      }
+      request.get(ApiConstant.Article.articlePage, params).then(res => {
+        console.log(res)
+        if (res.success) {
+          this.tabs[index||this.currentTab].current = res.result.current
+          this.tabs[index||this.currentTab].pages = res.result.pages
+          //追加到列表数据中
+          this.tabs[index||this.currentTab].list = [...this.tabs[index||this.currentTab].list, ...res.result.records]
+          console.log(this.tabs)
+          if (res.result.current >= res.result.pages) {
+            this.setStatus(index,'noMore')
+          } else {
+            this.setStatus(index,'more')
+          }
+        } else {
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    //搜索招生章程
+    searchTitleClick() {
+      this.tabs[this.currentTab].current = 1
+      this.tabs[this.currentTab].list = []
+      this.getAdmissionsRegulationsList()
+    },
+    clearTitleInput() {
+      this.title = ''
+      this.tabs[this.currentTab].current = 1
+      this.tabs[this.currentTab].list = []
+      this.getAdmissionsRegulationsList()
+    },
+    setStatus(index,status) {
+      this.tabs[index||this.currentTab].status = status
+    },
+    loadMore() {
+      if (this.tabs[this.currentTab].status === 'noMore') {
+        return;
+      }
+      console.log('加载中')
+      this.tabs[this.currentTab].current++;
+      this.getAdmissionsRegulationsList()
+    },
+    /*回到顶部*/
+    clickTop() {
+      uni.pageScrollTo({
+        scrollTop: 0,
+        duration: 300
+      });
+    },
+    setTime: function (items) {
+      var newItems = [];
+      items.forEach(e => {
+        newItems.push({
+          schoolName: e.schoolName,
+          cover: e.cover,
+          id: e.id,
+          releaseTime: e.releaseTime ? dateUtils.format(e.releaseTime) : '',
+          title: e.title
+        });
+      });
+      return newItems;
+    },
+    swichMenu(id) {
+      this.currentTab = id
+      console.log(id)
+      //this.tabCurrent = 'tabNum'+ id
+      // 滑动swiper后，每个选项距离其父元素最左侧的距离
+      this.scrollLeft = 0;
+      for (let i = 0; i < id; i++) {
+        this.scrollLeft += 120
+        console.log(this.scrollLeft, 60, id)
+      }
+    },
+    aderror(e) {
+      console.log("aderror: " + JSON.stringify(e.detail));
+    }
+  }
+};
+</script>
+
+<style>
+
+.uni-media-list-body {
+  height: auto;
+  justify-content: space-around;
+}
+
+.uni-media-list-text-top {
+  height: 74rpx;
+  font-size: 28rpx;
+  overflow: hidden;
+}
+
+.uni-media-list-text-bottom {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+</style>
diff --git a/pages/zyb/fillVolunteer/aiAuto.vue b/pages/zyb/fillVolunteer/aiAuto.vue
index 6a87524..2592cf8 100644
--- a/pages/zyb/fillVolunteer/aiAuto.vue
+++ b/pages/zyb/fillVolunteer/aiAuto.vue
@@ -19,7 +19,8 @@ export default {
   },
   data() {
     return {
-      avatar: 'http://files.yitisheng.vip/yitisheng.png',
+      vipInfo: {},
+      avatar: ImagesConstant.systemIcon,
       code: '',
       max: 9999,
       min: 1,
@@ -32,20 +33,7 @@ export default {
       majorBatch: {},
       ///专业列表
       majorCodeArray: [],
-      majorArray: [
-        {majorCode: '130201', majorName: '音乐表演'},
-        {majorCode: '130202', majorName: '音乐学'},
-        {majorCode: '130203', majorName: '作曲与作曲技术理论'},
-        {majorCode: '130204', majorName: '舞蹈表演'},
-        {majorCode: '130205', majorName: '舞蹈学'},
-        {majorCode: '130206', majorName: '舞蹈编导'},
-        {majorCode: '130207', majorName: '舞蹈教育'},
-        {majorCode: '130208', majorName: '航空服务艺术与管理'},
-        {majorCode: '130209', majorName: '流行音乐'},
-        {majorCode: '130210', majorName: '音乐治疗'},
-        {majorCode: '130211', majorName: '流行舞蹈'},
-        {majorCode: '130212', majorName: '音乐教育'},
-      ],//专业列表
+      majorArray: [],//专业列表
       majorVisible: false,
       ///偏好类型
       schoolNatureSelectArray: [],
@@ -55,35 +43,7 @@ export default {
       provinceSelectArray: [],
       provinceArray: StaticConstant.provinceAllList,
       provinceVisible: false,
-      scoreInfo: {
-        batch: "本科A段",
-        chineseScore: 0,
-        cognitioPolyclinic: "理科",
-        createBy: "1757686194965893121",
-        createTime: "2024-02-29 11:41:11",
-        culturalScore: 405,
-        educationalLevel: "2",
-        englishScore: 0,
-        fzby: 0,
-        id: "1763046730696069122",
-        isVip: 0,
-        professionalCategory: "音乐类",
-        professionalCategoryChildren: "音乐表演器乐,音乐教育",
-        professionalCategoryChildrenList: ['音乐表演器乐', '音乐教育'],
-        professionalScore: 200,
-        province: "河南",
-        ranking: 0,
-        state: "1",
-        subjects: null,
-        type: "2",
-        updateBy: null,
-        updateTime: null,
-        xjysby: 0,
-        xjysdy: 0,
-        yybyqy: 240,
-        yybysy: 11,
-        yyjy: 240
-      },
+      scoreInfo: {},
       userInfo: {},
       listFlag: false,
       recommendMajor: {},
@@ -95,7 +55,7 @@ export default {
         {label: '我喜欢的院校类型', value: 1},
         {label: '我喜欢的地域', value: 2}
       ],
-      tabs: ['提前批', '本科A段', '本科B段', '高职高专']
+      tabs: ['本科批', '高职高专']
     }
   },
   methods: {
@@ -167,7 +127,7 @@ export default {
     save() {
       console.log(this.recommendMajor)
       let that = this
-      if (!this.userInfo.vipFlag) {
+      if (!this.vipInfo || !stringIsNotEmpty(this.vipInfo.vipLevel) || this.vipInfo.vipLevel < 2) {
         uni.showModal({
           title: 'VIP专享',
           // 提示文字
@@ -207,7 +167,7 @@ export default {
       }
       let batch = this.batchArray[this.batchIndex].value
       this.currentTab = batch
-      this.scrollLeft =(batch === '本科B段' || batch === '高职高专')?600:0;
+      this.scrollLeft = (batch === '本科B段' || batch === '高职高专') ? 600 : 0;
       //获取填报信息
       request.get(ApiConstant.Major.aiAuto, {
         batch: batch,
@@ -305,28 +265,31 @@ export default {
         //遍历专业志愿，组合成保存对象
         for (let j = 0; j < recommendMajorElement.length; j++) {
           let r = recommendMajorElement[j]
-          let vr = {majorCode: r.majorCode, schoolCode: r.schoolCode, enrollmentCode: r.enrollmentCode,batch:batch,
-            enrollProbability:r.enrollProbability,studentConvertedScore:r.studentConvertedScore}
+          let vr = {
+            majorCode: r.majorCode, schoolCode: r.schoolCode, enrollmentCode: r.enrollmentCode, batch: batch,
+            enrollProbability: r.enrollProbability, studentConvertedScore: r.studentConvertedScore
+          }
           volunteerRecordList.push(vr)
         }
       }
       let saveVolunteer = {
-        scoreId:this.scoreInfo.id,
-        category:this.scoreInfo.cognitioPolyclinic,
-        volunteerName:this.volunteerName,
-        volunteerRecordList:volunteerRecordList
+        scoreId: this.scoreInfo.id,
+        category: this.scoreInfo.cognitioPolyclinic,
+        volunteerName: this.volunteerName,
+        volunteerRecordList: volunteerRecordList
       }
       request.post(ApiConstant.Volunteer.saveAs, saveVolunteer).then(r => {
         console.log(r)
         if (r.success) {
+          request.getUserScore()
           setTimeout(function () {
             uni.showToast({title: '保存成功', icon: "none"});
             //回到首页
             uni.switchTab({
-              url: '/pages/zyb/fillVolunteer/my'
+              url: '/pages/zyb/fillVolunteer/detail'
             });
           }, 500)
-        }else{
+        } else {
           setTimeout(function () {
             uni.showToast({title: r.message, icon: "none"});
           }, 500)
@@ -334,30 +297,30 @@ export default {
       }).catch(err => {
       }).finally(() => {
       });
-    }
+    },
   },
   onShow() {
   },
   onLoad() {
     this.userInfo = uni.getStorageSync('userInfo')
     let scoreInfo = uni.getStorageSync('scoreInfo')
+    this.vipInfo = uni.getStorageSync('vipInfo')
     this.scoreInfo = scoreInfo
     console.log(scoreInfo)
     //判断专业
     let batchArray = []
-    if (scoreInfo.professionalCategory === '体育') {
+    if (scoreInfo.professionalCategory === '体育类') {
+      console.log('qvq')
       if (scoreInfo.batch === '本科') {
         batchArray.push({label: '体育类本科批', value: '本科'})
       }
       batchArray.push({label: '体育类专科批', value: '高职高专'})
     } else {
-      if (scoreInfo.batch === '本科A段') {
-        batchArray.push({label: '艺术类本科提前批', value: '提前批'}, {
-          label: '艺术本科A段',
-          value: '本科A段'
-        }, {label: '艺术本科B段', value: '本科B段'})
-      } else if (scoreInfo.batch === '本科B段') {
-        batchArray.push({label: '艺术本科B段', value: '本科B段'})
+      if (scoreInfo.batch === '本科A段' || scoreInfo.batch === '本科B段') {
+        batchArray.push({
+          label: '艺术类本科批',
+          value: '本科'
+        })
       }
       batchArray.push({label: '艺术类专科批', value: '高职高专'})
     }
@@ -374,12 +337,16 @@ export default {
 <template>
   <view class="body" v-if="!listFlag">
     <view class="rightTop"></view>
-    <view class="leftBottom"></view>
     <!--系统图标-->
-    <view class="systemIcon">
-      <view class="avatar-background">&nbsp;</view>
-      <image :src="avatar" class="avatar" style=""/>
+    <view class="submit" @click="save">
+      <view class="submit-text">
+        <text>AI</text><br/>
+        <text>一键填报</text>
+      </view>
     </view>
+<!--    <view class="systemIcon">
+      <text class="avatar-background">AI一键填报</text>
+    </view>-->
     <view class="schoolTags">
       <view class="schoolTag absolute1">
         武汉大学
@@ -397,64 +364,64 @@ export default {
         四川大学
       </view>
     </view>
-    <!--成绩信息-->
-    <view class="scoreInfo">
-      <view class="master">
-        <text class="margin-right-10">{{ scoreInfo.professionalCategory }}</text>
-        <text class="font-weight-500">{{ scoreInfo.culturalScore }}</text>
-        <text class="margin-right-10">文化分</text>
-        <text class="font-weight-500">
-          {{ scoreInfo.professionalScore }}
-        </text>
-        <text class="margin-right-10">
-          {{
-            stringIsNotEmpty(scoreInfo.professionalCategory) && scoreInfo.professionalCategory === '音乐类' ? '主项分' : '专业分'
-          }}
-        </text>
-      </view>
-      <view class="children" v-if="stringIsNotEmpty(scoreInfo.professionalCategoryChildren)">
-        <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐表演声乐')">
-          音乐表演声乐
-          <text class="font-weight-500">{{ scoreInfo.yybysy }}</text>
-          分
-        </view>
-        <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐表演器乐')">
-          音乐表演器乐
-          <text class="font-weight-500">{{ scoreInfo.yybyqy }}</text>
-          分
-        </view>
-        <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐教育')">
-          音乐教育
-          <text class="font-weight-500">{{ scoreInfo.yyjy }}</text>
-          分
-        </view>
-        <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('戏剧影视导演')">
-          戏剧影视导演
-          <text class="font-weight-500">{{ scoreInfo.xjysdy }}</text>
-          分
-        </view>
-        <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('戏剧影视表演')">
-          戏剧影视表演
-          <text class="font-weight-500">{{ scoreInfo.xjysby }}</text>
-          分
-        </view>
-        <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('服装表演')">
-          服装表演
-          <text class="font-weight-500">{{ scoreInfo.fzby }}</text>
-          分
-        </view>
-      </view>
-    </view>
+
     <!--筛选菜单-->
     <view class="switchMenu " style="text-align: center">
-      <text style="color: #667697;">设置偏好</text>
+      <text style="color: white" class="font-size-mini5">意向设置</text>
+      <!--成绩信息-->
+      <view class="scoreInfo">
+        <view class="master">
+          <text>成绩：</text>
+          <text class="margin-right-10">{{scoreInfo.province}}</text>
+          <text class="margin-right-10">{{ scoreInfo.professionalCategory }}</text>
+          <text class="margin-right-10">文化分:{{ scoreInfo.culturalScore }}分</text>
+          <text class="margin-right-10">
+            {{stringIsNotEmpty(scoreInfo.professionalCategory) && scoreInfo.professionalCategory === '音乐类' ? '主项分' : '专业分' }}:
+            {{ scoreInfo.professionalScore }}分
+          </text>
+        </view>
+        <view class="children" v-if="stringIsNotEmpty(scoreInfo.professionalCategoryChildren)">
+          <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐表演声乐')">
+            音乐表演声乐
+            <text class="font-weight-500">{{ scoreInfo.yybysy }}</text>
+            分
+          </view>
+          <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐表演器乐')">
+            音乐表演器乐
+            <text class="font-weight-500">{{ scoreInfo.yybyqy }}</text>
+            分
+          </view>
+          <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐教育')">
+            音乐教育
+            <text class="font-weight-500">{{ scoreInfo.yyjy }}</text>
+            分
+          </view>
+          <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('戏剧影视导演')">
+            戏剧影视导演
+            <text class="font-weight-500">{{ scoreInfo.xjysdy }}</text>
+            分
+          </view>
+          <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('戏剧影视表演')">
+            戏剧影视表演
+            <text class="font-weight-500">{{ scoreInfo.xjysby }}</text>
+            分
+          </view>
+          <view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('服装表演')">
+            服装表演
+            <text class="font-weight-500">{{ scoreInfo.fzby }}</text>
+            分
+          </view>
+        </view>
+      </view>
       <view class="uni-flex uni-row"
             style="margin: 10rpx 0;-webkit-justify-content: space-between;justify-content: space-between;">
         <view class="tab4" @click="batchVisible=true">
           <text v-if="batchArray.length>0">{{ batchArray[batchIndex].label }}</text>
+          <image :src="ImagesConstant.keyboard.arrowDown" class="icon32"/>
         </view>
         <view class="tab4" @click="settingVisible=true">
           <text>设置偏好</text>
+          <image :src="ImagesConstant.keyboard.arrowDown" class="icon32"/>
         </view>
       </view>
     </view>
@@ -479,12 +446,12 @@ export default {
       </view>
     </view>
     <!--按钮-->
-    <view class="fontsize25" style="text-align: center;padding: 0 40rpx">
-      <button @click="save"
+<!--    <view class="fontsize25" style="text-align: center;padding: 0 40rpx">
+      <button
               style="color:white;background: linear-gradient(rgba(52,145,212,0.83), #3658d0);border-radius: 50rpx">
         一键智能填报
       </button>
-    </view>
+    </view>-->
   </view>
   <view class="border-top listBody" v-if="listFlag" style="height: 98%">
     <view class="head border-bottom">
@@ -556,13 +523,13 @@ export default {
                     折合分:
                   </text>
                   <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
-                    {{item.studentConvertedScore}}
+                    {{ item.studentConvertedScore }}
                   </text>
                   <text>
                     真实分:
                   </text>
                   <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
-                    {{item.studentScore}}
+                    {{ item.studentScore }}
                   </text>
                 </view>
               </view>
@@ -602,19 +569,17 @@ export default {
   <uni-popup ref="inputDialog" type="dialog">
 
     <uni-popup-dialog ref="inputClose" mode="input" title="输入志愿单名称"
-                      placeholder="请输入内容"  @confirm="dialogInputConfirm">
+                      placeholder="请输入内容" @confirm="dialogInputConfirm">
       <view>
         <view class="">
-          <uni-forms :modelValue="volunteerName">
-              <uni-easyinput type="text" v-model="volunteerName" placeholder="请输入名称"/>
-          </uni-forms>
+          <input type="text" v-model="volunteerName" placeholder="请输入名称" />
         </view>
       </view>
     </uni-popup-dialog>
   </uni-popup>
 
   <!--批次选择-->
-  <px-popup-bottom :background="'#24293c'" :color="'white'" :visible.sync="batchVisible" title="请选择批次"
+  <px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="batchVisible" title="请选择批次"
                    maxHeight="800" radius="40" @close="onBatchClose">
     <view class="majorList">
       <view class="flex majorItem" @click="selectBatch(item,index)" :class="index===batchArray.length-1?'':'border-bot'"
@@ -625,7 +590,7 @@ export default {
     </view>
   </px-popup-bottom>
   <!--个性偏好-->
-  <px-popup-bottom :background="'#24293c'" :color="'white'" :visible.sync="settingVisible" radius="40"
+  <px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="settingVisible" radius="40"
                    title="设置个性偏好,推荐更精准" maxHeight="800" @close="onSettingClose">
     <view class="majorList">
       <view class="flex settingItem" @click="majorVisible = true">
@@ -658,7 +623,7 @@ export default {
     </view>
   </px-popup-bottom>
 
-  <px-popup-bottom :background="'#24293c'" :color="'white'" :visible.sync="majorVisible" title="请选择专业"
+  <px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="majorVisible" title="请选择专业"
                    maxHeight="800" radius="40" @close="onMajorClose">
     <view class="majorList">
       <view class="flex majorItem" @click="selectMajor(item)" :class="index===majorArray.length-1?'':'border-bot'"
@@ -669,7 +634,7 @@ export default {
     </view>
   </px-popup-bottom>
 
-  <px-popup-bottom :background="'#24293c'" :color="'white'" :visible.sync="schoolNatureVisible" title="请选择类型"
+  <px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="schoolNatureVisible" title="请选择类型"
                    maxHeight="800" radius="40" @close="onSchoolNatureClose">
     <view class="majorList">
       <view class="flex majorItem" @click="selectSchoolNature(item)"
@@ -681,7 +646,7 @@ export default {
     </view>
   </px-popup-bottom>
 
-  <px-popup-bottom :background="'#24293c'" :color="'white'" :visible.sync="provinceVisible" title="请选择地区"
+  <px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="provinceVisible" title="请选择地区"
                    maxHeight="800" radius="40" @close="onProvinceClose">
     <view class="majorList">
       <view class="flex majorItem" @click="selectProvince(item)" :class="index===provinceArray.length-1?'':'border-bot'"
@@ -695,11 +660,45 @@ export default {
 </template>
 
 <style scoped lang="scss">
+$color1: #f95b17;
+$color2: #fef0e7;
+$color3:#ffffff;
 .body {
   width: 100%;
   height: 100%;
-  background-color: #1b1f37;
-  //background-color: white;
+  //background-color: #1b1f37;
+  background-color: white;
+}
+
+
+.submit{
+  position: relative;
+  top: 200rpx;
+  margin: 0 auto;
+  width: 130rpx;
+  height: 130rpx;
+  background-color: $color2;
+  border-radius: 50%;
+  text-align: center;
+  padding: 100rpx;
+  //filter: blur(15px);
+  -webkit-animation-name: animationScale; /*关键帧名称*/
+  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
+  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
+  -webkit-animation-duration: 4s; /*动画所花费的时间*/
+}
+.submit-text{
+  position: relative;
+  bottom:65rpx;
+  right: 60rpx;
+  padding:85rpx 0;
+  width: 250rpx;
+  //height: 250rpx;
+  border-radius: 50%;
+  background-color: $color1;
+  font-size: 35rpx;
+  font-weight: 600;
+  color:white;
 }
 
 .systemIcon {
@@ -709,24 +708,25 @@ export default {
 }
 
 .avatar-background {
-  background-color: #e6e2e2;
+  background-color: $color1;
   position: relative;
   top: 155rpx;
   margin: 0 auto;
   border-radius: 50%;
-  width: 150rpx;
-  height: 148rpx;
-  filter: blur(15px);
+  width: 200rpx;
+  height: 200rpx;
+  //filter: blur(15px);
   -webkit-animation-name: animationScale; /*关键帧名称*/
   -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
   -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
-  -webkit-animation-duration: 6s; /*动画所花费的时间*/
+  -webkit-animation-duration: 4s; /*动画所花费的时间*/
 }
 
 .avatar {
+
   border-radius: 50%;
   width: 150rpx;
-  height: 148rpx;
+  height: 150rpx;
   //filter: blur(1rpx);
   /*添加模糊滤镜*/
   -webkit-animation-name: animationScale; /*关键帧名称*/
@@ -738,10 +738,8 @@ export default {
 /*成绩信息 start*/
 .scoreInfo {
   text-align: center;
-  margin: 0 auto;
+  margin: 50rpx auto;
   color: white;
-  font-size: 35rpx;
-  font-weight: 550;
 }
 
 /*成绩信息 end*/
@@ -753,37 +751,39 @@ export default {
   padding: 5rpx 15rpx;
   min-width: auto;
   font-size: 25rpx;
-  color: #45495c;
-  background-color: #1e233c;
+  //color: #45495c;
+  //background-color: #1e233c;
+  color: $color1;
+  background-color: $color2;
   border-radius: 15rpx;
 }
 
 .absolute1 {
   position: absolute;
-  top: 100rpx;
-  left: 100rpx;
+  top: 300rpx;
+  left: 50rpx;
   animation: dong 1.5s infinite;
 }
 
 .absolute2 {
   position: absolute;
-  top: 200rpx;
-  left: 500rpx;
+  top: 430rpx;
+  left: 600rpx;
   animation: dong 1.8s infinite;
   animation-delay: 0.3s;
 }
 
 .absolute3 {
   position: absolute;
-  top: 400rpx;
-  left: 600rpx;
+  top: 700rpx;
+  left: 500rpx;
   animation: dong 2s infinite;
   animation-delay: 0.4s;
 }
 
 .absolute4 {
   position: absolute;
-  top: 400rpx;
+  top: 800rpx;
   left: 30rpx;
   font-size: 30rpx !important;
   animation: dong 1.7s infinite;
@@ -793,7 +793,7 @@ export default {
 .absolute5 {
   position: absolute;
   top: 100rpx;
-  left: 300rpx;
+  left: 350rpx;
   animation: dong 1.9s infinite;
   animation-delay: 0.3s;
 }
@@ -816,7 +816,7 @@ export default {
 
 
 .rightTop {
-  background-color: #2c304b;
+  background-color: $color2;
   width: 300rpx;
   height: 500rpx;
   border-radius: 60%;
@@ -825,26 +825,19 @@ export default {
   top: -250rpx;
 }
 
-.leftBottom {
-  background-color: #2c304b;
-  width: 500rpx;
-  height: 330rpx;
-  border-radius: 60%;
-  position: fixed;
-  left: -230rpx;
-  bottom: -200rpx;
-}
 
 /*院校标签 end*/
 
 
 .switchMenu {
-  margin: 20rpx;
-  padding: 20rpx 0;
-  background-color: #20243f;
-  border-radius: 30rpx;
-  border: 20rpx solid #181d33;
-
+  //margin: 50rpx 0;
+  padding: 50rpx 0;
+  background: linear-gradient(to right,#f97838,$color1);
+  border-radius: 30rpx 30rpx 0 0;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 400rpx;
   .tab {
     width: 43%;
     background-color: #2f324b;
@@ -862,13 +855,13 @@ export default {
 
   .tab4 {
     width: 40%;
-    background-color: #2f324b;
     border-radius: 20rpx;
     padding: 0 20rpx;
     margin: 10rpx 20rpx;
     line-height: 80rpx;
     text-align: left;
-    color: #d8d9dd;
+    //color: #d8d9dd;
+    color: $color3;
 
     .text {
       margin-left: 15rpx;
@@ -880,14 +873,14 @@ export default {
 .settingItem {
   margin: 20rpx 0;
   padding: 40rpx;
-  background-color: #2f324b;
   border-radius: 30rpx;
   height: 80rpx;
   position: relative;
+  border-bottom: 1rpx solid #e6e6e6;
 }
 
 .settingItemBtn {
-  background-color: #4e71f5;
+  background-color: $color1;
   border-radius: 10rpx;
   color: white;
   padding: 10rpx 10rpx;
@@ -904,18 +897,19 @@ export default {
 }
 
 .majorList .majorItem {
-  color: white;
+  color: #000000;
   font-size: 30rpx;
   line-height: 100rpx;
   text-align: center;
 }
 
 .majorList .majorItem .active {
-  color: #4975fd;
+  color: $color1;
 }
 
+
 .majorList .border-bot {
-  border-bottom: 1rpx solid #2f3249;
+  border-bottom: 1rpx solid #e6e6e6;
 }
 
 /*专业下拉 end*/
diff --git a/pages/zyb/fillVolunteer/detail.vue b/pages/zyb/fillVolunteer/detail.vue
index 69dca0a..36798af 100644
--- a/pages/zyb/fillVolunteer/detail.vue
+++ b/pages/zyb/fillVolunteer/detail.vue
@@ -3,6 +3,7 @@ import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import ImagesConstant from "@/common/ImagesConstant";
+import {stringIsNotEmpty} from "@/common/util";
 
 let request = new Request()
 // 缓存每页最多
@@ -18,6 +19,14 @@ export default {
   },
   data() {
     return {
+      paneFlag: false,
+      scoreStatus: true,
+      moveVolunteer: {
+        batch: '',//移动的批次
+        indexs: '',
+        volunteerId: ''
+      },
+      volunteer:{},
       volunteerId: '',//志愿id
       volunteerName: '',//志愿单名称
       topBackShow: true,//显示回到顶部
@@ -28,139 +37,132 @@ export default {
         batch: '',
       },
       scoreInfo: {},//成绩信息
+      volunteerInfo: {},//志愿单信息
       tabIndex: 0,//导航栏选中的下标
       scrollInto: "",
       newsList: [],
       cacheTab: [],
-      tabBars: [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {name: '本科B段', id: '本科B段'}, {name: '高职高专', id: '高职高专'}],
-      tabBars1: [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {name: '本科B段', id: '本科B段'}, {name: '高职高专', id: '高职高专'}],
       filledVolunteer: {
+        volunteerRecordEarlyAdmissionNum:0,
+        volunteerUndergraduateANum:0,
+        volunteerUndergraduateBNum:0,
+        volunteerUndergraduateNum:0,
+        volunteerJuniorCollegeNum:0,
         volunteerEarlyAdmissionList: [],//本科提前批
-        volunteerUndergraduateAList: [],//本科A段
-        volunteerUndergraduateBList: [],//本科B段
         volunteerUndergraduateList: [],//体育本科
         volunteerJuniorCollegeList: [],//高职高专
         volunteerMap: new Map()
       },//已填志愿信息
       years: StaticConstant.years,
-      nowYear: StaticConstant.year
+      nowYear: StaticConstant.year,
+      allCollapseItemList: [
+        {batchLabel: '提前批', batch: '提前批', type: '顺序志愿', max: 1, status: false},
+        {batchLabel: '本科批', batch: '本科批', type: '平行志愿', max: 35, status: false},
+        {batchLabel: '高职高专', batch: '高职高专', type: '平行志愿', max: 35, status: false},
+      ],
+      collapseItemList: []
     }
   },
   onShow() {
-    this.getFilledVolunteerList()
+    //
+    let userInfo = uni.getStorageSync('userInfo')
+    this.scoreInfo = uni.getStorageSync('scoreInfo')
+    this.volunteer = uni.getStorageSync('volunteer')
+    if (userInfo) {
+      //有登录状态
+      this.userStatus = true
+      //判断是否有成绩信息
+      this.scoreInfo = uni.getStorageSync('scoreInfo')
+      if (this.scoreInfo === undefined || this.scoreInfo === null || this.scoreInfo === '') {
+        //缓存中没有成绩，后端接口获取成绩
+        request.getUserScore()
+        this.scoreInfo = uni.getStorageSync('scoreInfo')
+        this.volunteer = uni.getStorageSync('volunteer')
+        if (!this.scoreInfo) {
+          this.scoreStatus = false
+        }else{
+          this.scoreStatus = true
+        }
+      }
+    } else {
+      //没有登录，跳转到登录页
+      this.goto('/pages/zyb/login')
+      return
+    }
+
+    //有成绩信息，且成绩中返回了志愿单信息
+    if (this.scoreInfo && this.volunteer) {
+      this.volunteerId = this.volunteer.id
+    }
+
+    if (stringIsNotEmpty(this.volunteerId)) {
+      this.getFilledVolunteerList()
+    }
   },
   onLoad(e) {
     if (e.volunteerId) {
+      //从志愿列表进来
       this.volunteerId = e.volunteerId;
       console.log(e.volunteerId)
     }
-    setTimeout(() => {
-      this.tabBars.forEach((tabBar) => {
-        this.newsList.push({
-          data: [],
-          isLoading: false,
-          refreshText: "",
-          loadingText: '加载更多...'
-        });
-      });
-    }, 350)
+
   },
   methods: {
     goto(url) {
       uni.navigateTo({url: url})
     },
+    gotoSchool(e) {
+      this.goto('/pages/zyb/school/detail?schoolCode=' + e)
+    },
     topBack() {
       uni.pageScrollTo({
         scrollTop: 0,   // 滚动到页面的目标位置  这个是滚动到顶部, 0
         duration: 300  // 滚动动画的时长
       })
     },
-    ontabtap(e) {
-      //切换了 tabs
-      console.log(e)
-      let index = e.target.dataset.current || e.currentTarget.dataset.current;
-      //判断 是否重复切换
-      if (index === this.tabIndex) {
-        return;
-      }
-      this.selectForm.batch = this.tabBars[index].id
-      //清除页数
-      this.switchTab(index);
-    },
-    switchTab(index) {
-      if (this.newsList[index].data.length === 0) {
-      }
-      if (this.tabIndex === index) {
-        return;
-      }
-      // 缓存 tabId
-      if (this.newsList[this.tabIndex].data.length > MAX_CACHE_DATA) {
-        let isExist = this.cacheTab.indexOf(this.tabIndex);
-        if (isExist < 0) {
-          this.cacheTab.push(this.tabIndex);
-          //console.log("cache index:: " + this.tabIndex);
-        }
-      }
-
-      this.tabIndex = index;
-      this.scrollInto = this.tabBars[index].id;
-
-      // 释放 tabId
-      if (this.cacheTab.length > MAX_CACHE_PAGE) {
-        let cacheIndex = this.cacheTab[0];
-        this.clearTabData(cacheIndex);
-        this.cacheTab.splice(0, 1);
-      }
-    },
     clearTabData(e) {
       this.newsList[e].data.length = 0;
       this.newsList[e].loadingText = "加载更多...";
     },
+
     /*获取已填报志愿数据*/
     getFilledVolunteerList() {
-      request.get(ApiConstant.Volunteer.artVolunteerDetail, {id: this.volunteerId}).then(res => {
+      request.get(ApiConstant.Volunteer.artVolunteerDetail, {id: this.volunteerId},{showLoad:false}).then(res => {
         if (res.success) {
           let dataResult = res.result
           //有数据情况下
           const volunteerMap = new Map();
           if (dataResult != null) {
             this.volunteerId = dataResult.id
-            this.volunteerName = dataResult.volunteerName
+            this.volunteerInfo = dataResult
             this.scoreInfo = dataResult.userScoreInfo
+            //如果当前专业是体育，更改展开栏
+            if (this.scoreInfo.professionalCategory === '体育类') {
+              this.allCollapseItemList = [
+                {batchLabel: '本科批', batch: '本科批', type: '平行志愿', max: 35, status: false},
+                {batchLabel: '高职高专', batch: '高职高专', type: '平行志愿', max: 35, status: false},
+              ]
+            }
             if (this.scoreInfo.batch) {
+              this.paneFlag = true
               this.selectForm.batch = this.scoreInfo.batch
+              let allCollapseItemList = this.allCollapseItemList
+              let collapseItemList = []
               //调整 当前成绩批次可以看到的导航栏
-              if (this.scoreInfo.batch === '本科A段') {
-                this.tabBars = [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {
-                  name: '本科B段',
-                  id: '本科B段'
-                }, {name: '高职高专', id: '高职高专'}]
-              } else if (this.scoreInfo.batch === '本科B段') {
-                this.tabBars = [{name: '本科B段', id: '本科B段'}, {name: '高职高专', id: '高职高专'}]
-              } else if (this.scoreInfo.batch === '本科') {
-                this.tabBars = [{name: '本科', id: '本科'}, {name: '高职高专', id: '高职高专'}]
-              } else {
-                this.tabBars = [{name: '高职高专', id: '高职高专'}]
-              }
-
-              /*调整默认选中的导航栏*/
-              if (this.scoreInfo.batch === '本科A段') {
-                this.selectForm.batch='提前批'
-                this.tabIndex = 0;
-              }else{
-                for (let i = 0; i < this.tabBars.length; i++) {
-                  //如果是本科A段，默认选 提前批
-                  if(this.tabBars[i].id === this.selectForm.batch){
-                    //选中
-                    this.tabIndex = i;
-                    break;
+              for (let i = 0; i < allCollapseItemList.length; i++) {
+                if (this.scoreInfo.batch === '高职高专') {
+                  if (allCollapseItemList[i].batch === '本科批') {
+                    continue
                   }
                 }
+                collapseItemList.push(allCollapseItemList[i])
+                this.collapseItemList = collapseItemList
               }
             }
             let key = ''
             let volunteer = {indexStr: 0}
-            if(true){
+            let indexs = 1;
+            if (true) {
               //==================================提前批 start
               let volunteerRecordEarlyAdmissionList = dataResult.volunteerRecordEarlyAdmissionList;
               this.filledVolunteer.volunteerRecordEarlyAdmissionNum = volunteerRecordEarlyAdmissionList.length;
@@ -169,9 +171,8 @@ export default {
                 volunteer = volunteerRecordEarlyAdmissionList[i]
                 volunteerMap.set(key, volunteerRecordEarlyAdmissionList[i])
               }
-              let indexs = 1;
               let volunteerRecordEarlyAdmissionList2 = [];
-              while (indexs <= 2) {
+              while (indexs <= 1) {
                 let record = {
                   actives: false,
                   indexs: indexs
@@ -187,49 +188,6 @@ export default {
               }
               this.filledVolunteer.volunteerEarlyAdmissionList = volunteerRecordEarlyAdmissionList2
               //==================================提前批 end
-              //==================================本科A段 start
-              let volunteerUndergraduateAList = dataResult.volunteerRecordUndergraduateAList;
-              this.filledVolunteer.volunteerUndergraduateANum = volunteerUndergraduateAList.length;
-              for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
-                key = volunteerUndergraduateAList[i].majorCode + volunteerUndergraduateAList[i].schoolCode
-                volunteerMap.set(key, volunteerUndergraduateAList[i])
-              }
-              indexs = 1;
-              let volunteerRecordUndergraduateAList2 = [];
-              while (indexs <= 12) {
-                let record = {actives: false, indexs: indexs}
-                for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
-                  if (volunteerUndergraduateAList[i].indexs === indexs) {
-                    record = volunteerUndergraduateAList[i]
-                    record.actives = true
-                  }
-                }
-                volunteerRecordUndergraduateAList2.push(record)
-                indexs++;
-              }
-              this.filledVolunteer.volunteerUndergraduateAList = volunteerRecordUndergraduateAList2
-              //==================================本科A段 end
-              //==================================本科B段 start
-              let volunteerUndergraduateBList = dataResult.volunteerRecordUndergraduateBList;
-              this.filledVolunteer.volunteerUndergraduateBNum = volunteerUndergraduateBList.length;
-              for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
-                key = volunteerUndergraduateBList[i].majorCode + volunteerUndergraduateBList[i].schoolCode
-                volunteerMap.set(key, volunteerUndergraduateBList[i])
-              }
-              indexs = 1;
-              let volunteerUndergraduateBList2 = [];
-              while (indexs <= 12) {
-                let record = {actives: false, indexs: indexs}
-                for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
-                  if (volunteerUndergraduateBList[i].indexs === indexs) {
-                    record = volunteerUndergraduateBList[i]
-                    record.actives = true
-                  }
-                }
-                volunteerUndergraduateBList2.push(record)
-                indexs++;
-              }
-              this.filledVolunteer.volunteerUndergraduateBList = volunteerUndergraduateBList2
               //==================================本科 start
               let volunteerUndergraduateList = dataResult.volunteerRecordUndergraduateList;
               this.filledVolunteer.volunteerUndergraduateNum = volunteerUndergraduateList.length;
@@ -241,7 +199,7 @@ export default {
               }
               indexs = 1;
               let volunteerUndergraduateList2 = [];
-              while (indexs <= 12) {
+              while (indexs <= 35) {
                 let record = {actives: false, indexs: indexs}
                 for (let i = 0; i < volunteerUndergraduateList.length; i++) {
                   if (volunteerUndergraduateList[i].indexs === indexs) {
@@ -263,7 +221,7 @@ export default {
               }
               indexs = 1;
               let volunteerJuniorCollegeList2 = [];
-              while (indexs <= 12) {
+              while (indexs <= 35) {
                 let record = {
                   actives: false,
                   indexs: indexs
@@ -282,8 +240,6 @@ export default {
             }
           } else {
             this.filledVolunteer.volunteerEarlyAdmissionList = []
-            this.filledVolunteer.volunteerUndergraduateAList = []
-            this.filledVolunteer.volunteerUndergraduateBList = []
             this.filledVolunteer.volunteerJuniorCollegeList = []
             this.filledVolunteer.volunteerUndergraduateList = []
             this.filledVolunteer.volunteerList = []
@@ -308,17 +264,31 @@ export default {
     },
     fabClick() {
     },
+    /*点击移动*/
+    onClickMove(e) {
+      this.moveVolunteer.volunteerId = this.volunteerId;
+      this.moveVolunteer.id = e.id;
+      this.moveVolunteer.batch = e.batch
+      this.$refs.inputDialog.open()
+    },
+    /*点击交换*/
+    onClickExChange(e) {
+      this.moveVolunteer.volunteerId = this.volunteerId;
+      this.moveVolunteer.id = e.id;
+      this.moveVolunteer.batch = e.batch
+      this.$refs.inputDialog.open()
+    },
     /*选择是否删除明细*/
-    confirmDelVolunteerItem(e){
+    confirmDelVolunteerItem(e) {
       let that = this
       console.log('删除提示')
       console.log(e)
       uni.showModal({
-        title:'提示',
-        content: '确认要删除吗?',
+        title: '提示',
+        content: '确认要删除志愿' + e.indexs + '吗?',
         confirmText: '确定',
         cancelText: '取消',
-        success:function (res){
+        success: function (res) {
           if (res.confirm) {
             that.deleteVolunteerItem(e)
           }
@@ -326,9 +296,9 @@ export default {
       });
     },
     /*确认删除志愿明细*/
-    deleteVolunteerItem(e){
+    deleteVolunteerItem(e) {
       let that = this
-      request.delete(ApiConstant.Volunteer.volunteerRecordDelete,{id:e.id}).then(res => {
+      request.delete(ApiConstant.Volunteer.volunteerRecordDelete, {id: e.id}).then(res => {
         if (res.success) {
           setTimeout(function () {
             uni.showToast({title: '删除成功', icon: "none"});
@@ -336,7 +306,7 @@ export default {
           setTimeout(function () {
             that.getFilledVolunteerList()
           }, 1500)
-        }else{
+        } else {
           setTimeout(function () {
             uni.showToast({title: res.message, icon: "none"});
           }, 500)
@@ -345,11 +315,84 @@ export default {
       }).finally(() => {
       });
     },
-    toAdd(){
+    fctjCheckboxChange(e) {
+      console.log('服从调剂')
+      console.log(e)
+      request.post(ApiConstant.Volunteer.updateFctj, {id: e}).then(res => {
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    toAdd() {
       uni.navigateTo({
-        url: 'index?batch='+this.selectForm.batch+'&volunteerId='+this.volunteerId
+        url: 'mockList?batch=' + this.selectForm.batch + '&volunteerId=' + this.volunteerId
       })
-
+    },
+    change(e) {
+      console.log(e);
+    },
+    /*确认移动志愿*/
+    moveIndexsConfirm() {
+      if (!this.moveVolunteer.indexs) {
+        uni.showToast({title: '请输入志愿序号', icon: "none"});
+        return;
+      }
+      let indexs = parseFloat(this.moveVolunteer.indexs)
+      if (this.moveVolunteer.batch === '提前批') {
+        if (indexs > 4 || indexs < 0) {
+          uni.showToast({title: '您输入的序号超出', icon: "none"});
+          this.moveVolunteer.indexs = ''
+          return;
+        }
+      } else {
+        if (indexs > (this.scoreInfo.professionalCategory==='体育类'?12:35) || indexs < 0) {
+          uni.showToast({title: '您输入的序号超出', icon: "none"});
+          this.moveVolunteer.indexs = ''
+          return;
+        }
+      }
+      let that = this
+      request.post(ApiConstant.Volunteer.exChangeIndexs, this.moveVolunteer).then(res => {
+        if (res.success) {
+          this.moveVolunteer.indexs = ''
+          this.moveVolunteer.batch = ''
+          this.moveVolunteer.volunteerId = ''
+          setTimeout(function () {
+            that.getFilledVolunteerList();
+          }, 1000)
+        } else {
+          setTimeout(function () {
+            uni.showToast({title: res.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    onClickEditUserScore() {
+      this.goto('/pages/zyb/score/edit')
+    },
+    /*点击创建志愿单*/
+    onClickCreateVolunteer(){
+        let that = this
+        request.post(ApiConstant.Volunteer.addNew, {
+          volunteerName:'模拟志愿草表'
+        },{}).then(res => {
+          uni.setStorageSync('volunteerInfo',res.result)
+          request.getUserScore()
+        }).catch(err => {
+        }).finally(() => {
+        });
+    },
+    /*返回已填志愿数量*/
+    getVolunteerNum(citem){
+      if (citem.batch === '提前批') {
+        return this.filledVolunteer.volunteerRecordEarlyAdmissionNum
+      }else if(citem.batch === '本科批'){
+        return this.filledVolunteer.volunteerUndergraduateNum
+      }else{
+        return this.filledVolunteer.volunteerJuniorCollegeNum
+      }
     }
   }
 }
@@ -357,142 +400,175 @@ export default {
 
 <template>
   <view class="divider"/>
-  <!--志愿单信息-->
-  <view class="header-info">
-    <view class="h1">
-      <view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
-        <view class="text">
-          <text style="font-size: 40rpx;line-height: 40rpx">2023年</text>
-        </view>
-        <view class="text"><text style="color: #F8880E">口</text>冲&nbsp;&nbsp;<text style="color: #4975fd">口</text>稳&nbsp;&nbsp;<text style="color: #3e8e43">口</text>保</view>
+  <!-- 没有成绩界面 -->
+  <view class="container" v-if="!this.scoreInfo">
+    <text>当前没有成绩信息，请先修改成绩~</text>
+    <text class="margin-left-30 font-weight-none mediumSlateBlue" @click="onClickEditUserScore">修改成绩</text>
+  </view>
+  <view class="container">
+    <!--成绩卡片-->
+    <view class="score-info-card white" v-if="this.scoreInfo">
+      <view class="flexWrap">
+        <text class="font-size-mini4 font-weight-550">{{ volunteerInfo.volunteerName }}</text>
       </view>
-      <view class="uni-flex uni-row">
-        <view class="text" style="-webkit-flex: 1;flex: 1;color:#bb440e;font-weight: 600">
-          河南普通高校招生
-        </view>
-        <view class="text" style="-webkit-flex: 1;flex: 1;"></view>
+      <view class="flexWrap tags font-size-mini2" v-if="scoreInfo">
+        <view class="tag">{{ scoreInfo.province }}</view>
+        <view class="tag">{{ scoreInfo.cognitioPolyclinic }}</view>
+        <view class="tag">{{ scoreInfo.professionalCategory }}</view>
       </view>
-      <view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
-        <view class="text">
-          <text>表名:{{ volunteerName }}</text>
-        </view>
-<!--        <view class="text">填报建议</view>-->
-      </view>
-      <view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
-        <view class="text">
-          <text class="tt1">文化分:{{ scoreInfo.culturalScore }}分</text>
-          <text class="tt1">专业:{{ scoreInfo.professionalScore }}分</text>
-          <text class="tt1">{{ scoreInfo.cognitioPolyclinic }}</text>
-          <text class="tt1">{{ scoreInfo.professionalCategory }}</text>
+      <view class="flexWrap">
+        <view class="score flex-item-10">
+          <view class="flexWrap" style="height: 30rpx;">
+            <view class="scoreLeft margin-right-30">
+              <text class="margin-right-10">文化分</text>
+              <text class="font-weight-b">{{ scoreInfo.culturalScore }}</text>
+            </view>
+            <view style="border-right:1rpx solid white"></view>
+            <view class="scoreRight margin-left-30">
+              <text class="margin-right-10">统考分</text>
+              <text class="margin-right-10 font-weight-b">{{ scoreInfo.professionalScore }}</text>
+            </view>
+          </view>
+          <view class="flexWrap" style="margin-top: 30rpx;height: 30rpx;" v-if="scoreInfo && scoreInfo.professionalCategoryChildren">
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yybysy && scoreInfo.yybysy!==0">
+              <text class="margin-right-10">音乐表演声乐</text>
+              <text class="font-weight-b">{{ scoreInfo.yybysy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yybyqy && scoreInfo.yybyqy!==0">
+              <text class="margin-right-10">音乐表演器乐</text>
+              <text class="font-weight-b">{{ scoreInfo.yybyqy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yyjy && scoreInfo.yyjy!==0">
+              <text class="margin-right-10">音乐教育</text>
+              <text class="font-weight-b">{{ scoreInfo.yyjy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.fzby && scoreInfo.fzby!==0">
+              <text class="margin-right-10">服装表演</text>
+              <text class="font-weight-b">{{ scoreInfo.fzby }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.xjysdy && scoreInfo.xjysdy!==0">
+              <text class="margin-right-10">戏剧影视导演</text>
+              <text class="font-weight-b">{{ scoreInfo.xjysdy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.xjysby && scoreInfo.xjysby!==0">
+              <text class="margin-right-10">戏剧影视表演</text>
+              <text class="font-weight-b">{{ scoreInfo.xjysby }}</text>
+            </view>
+          </view>
         </view>
       </view>
     </view>
-  </view>
-  <!--导航栏-->
-  <view class="tabs">
-    <scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
-      <view v-for="(tab,index) in tabBars" :key="tab.id" class="uni-tab-item" :id="tab.id" :data-current="index"
-            @click="ontabtap">
-        <text class="uni-tab-item-title" :class="tabIndex===index ? 'uni-tab-item-title-active' : ''">{{ tab.name }}
-        </text>
-      </view>
-    </scroll-view>
-  </view>
-  <view class="divider"/>
-  <!--志愿明细列表-->
-  <view class="volunteerList">
-    <view class="v-title">
-      <view v-if="this.selectForm.batch=='提前批'">{{this.selectForm.batch}}（{{filledVolunteer.volunteerRecordEarlyAdmissionNum}}/2）</view>
-      <view v-else-if="this.selectForm.batch=='本科A段'">{{this.selectForm.batch}}（{{filledVolunteer.volunteerUndergraduateANum}}/12）</view>
-      <view v-else-if="this.selectForm.batch=='本科B段'">{{this.selectForm.batch}}（{{filledVolunteer.volunteerUndergraduateBNum}}/12）</view>
-      <view v-else-if="this.selectForm.batch=='本科'">{{this.selectForm.batch}}（{{filledVolunteer.volunteerUndergraduateNum}}/12）</view>
-      <view v-else>{{this.selectForm.batch}}（{{filledVolunteer.volunteerJuniorCollegeNum}}/12）</view>
-    </view>
-    <view class="volunteerItem" v-for="(item,index) in this.selectForm.batch==='提前批'?filledVolunteer.volunteerEarlyAdmissionList:
-      this.selectForm.batch==='本科A段'?filledVolunteer.volunteerUndergraduateAList:
-      this.selectForm.batch==='本科B段'?filledVolunteer.volunteerUndergraduateBList:
-      this.selectForm.batch==='本科'?filledVolunteer.volunteerUndergraduateList:filledVolunteer.volunteerJuniorCollegeList" :key="item.indexs">
-      <view class="uni-flex flex" v-if="item.majorCode">
-        <view class="flex-item-9 item_left">
-          <!--学校信息-->
-          <view class="schoolInfo">
-            <view class="uni-flex flex">
-              <view class="flex-item-1 indexs">
-                <text>{{item.indexs}}</text>
-              </view>
-              <view class="flex-item-7">
-                <view class="uni-flex flex" @click="goto('/pages/zyb/school/detail?schoolCode='+item.schoolCode)">
-                  <text style="margin-right: 15rpx">[{{item.schoolCode}}]</text>
-                  <text>{{item.schoolName}}</text>
-                </view>
-                <view class="uni-flex flex tags">
-                  <text class="tag">{{item.province}}省</text>
-                  <text class="tag">{{item.propertyName}}</text>
+    <view class="divider"/>
+    <!--志愿信息-->
+    <view class="fillVolunteerList" v-if="collapseItemList.length>0">
+      <view class="collapse">
+        <view class="collapse-item" v-for="(citem,cindex) in collapseItemList" :key="cindex">
+          <view class="collapse-head" @click="collapseItemList[cindex].status=!collapseItemList[cindex].status">
+            <view class="flexWrap" style="background-color: #f5f5f5;line-height: 80rpx;">
+              <view class="flex-item-8">
+                <view style="padding-left: 30rpx;">
+                  <text class="font-size-mini3 font-weight-b">{{ citem.batchLabel }}({{getVolunteerNum(citem)}}/{{ citem.max }})</text>
+                  <text class="font-size-mini margin-left-10 slateGray">{{ citem.type }}</text>
                 </view>
               </view>
               <view class="flex-item-2">
+                <text class="float-right" style="margin-right: 30rpx">{{ citem.status ? '收起' : '展开' }}</text>
               </view>
             </view>
           </view>
-          <!--专业信息-->
-          <view class="majorInfo">
-            <view class="uni-flex flex">
-              <view class="flex-item-2">
-                <text v-if="item.enrollProbability" class="enrollProbability">{{item.enrollProbability}}%</text>
-              </view>
-              <view class="flex-item-7">
-                <view class="uni-flex flex" @click="goto('/pages/zyb/major/detail?majorCode='+item.majorCode)">
-                    <text style="margin-right: 15rpx" v-if="item.enrollmentCode">[{{item.enrollmentCode}}]</text>
-                    <text v-if="item.majorName">{{item.majorName}}{{item.majorDetail}}</text>
+          <view class="collapse-body" v-show="citem.status" style="">
+            <view class="volunteerItem" v-for="(item,index) in (citem.batch==='高职高专')?filledVolunteer.volunteerJuniorCollegeList:
+            citem.batch==='提前批'?filledVolunteer.volunteerEarlyAdmissionList:filledVolunteer.volunteerUndergraduateList"
+                  :key="item.indexs">
+              <view v-if="item.majorCode">
+                <view class="flexWrap">
+                  <view class="flex-item-15 select">
+                    <view class="selectIndex">
+                      <text style="line-height: 50rpx">{{ item.indexs }}</text>
+                    </view>
+                  </view>
+                  <view class="flex-item-85" @click="gotoSchool(item.schoolCode)">
+                    <text style="line-height: 50rpx">[{{ item.schoolCode }}]{{ item.schoolName }}</text>
+                  </view>
                 </view>
-                <view class="uni-flex flex">
-                  <text class="low-text" v-if="item.studyCost">学费:{{item.studyCost}}</text>
-                  <text class="low-text" v-if="item.jhs">招生{{item.jhs}}人</text>
+                <view class="flexWrap marginTopBot20">
+                  <view class="flex-item-15 select"></view>
+                  <view class="flex-item-7">
+                    <text class="darkGray">[{{ item.enrollmentCode }}]</text>
+                    <text class="margin-left-10">{{ item.majorName }}</text>
+                  </view>
+                  <view class="flex-item-15">
+                    <text class="darkGray float-right" v-if="item.enrollProbability">{{ item.enrollProbability.toString().substring(0,4) }}%</text>
+                  </view>
                 </view>
-                <view class="uni-flex flex">
-                  <text class="low-text" v-if="item.historyMajorEnrollMap['2023']">2023年录取最低分{{item.historyMajorEnrollMap['2023'].admissionLine}}分</text>
-                  <text class="low-text" v-else-if="item.historyMajorEnrollMap['2022']">2022年录取最低分{{item.historyMajorEnrollMap['2022'].admissionLine}}分</text>
-                  <text class="low-text" v-else-if="item.historyMajorEnrollMap['2021']">2021年录取最低分{{item.historyMajorEnrollMap['2021'].admissionLine}}分</text>
-                </view>
-                <view class="uni-flex flex">
-                  <text class="low-text" v-if="item.rulesEnrollProbability">录取方式:{{item.rulesEnrollProbability}}</text>
+                <!--操作栏-->
+                <view class="flexWrap border-top" style="line-height: 60rpx">
+                  <view class="flex-item-4">
+                    <checkbox-group @change="fctjCheckboxChange(item.id)" v-if="citem.batch==='提前批'">
+                      <label>
+                        <checkbox value="cb" :checked="item.fctj===1" color="#FFCC33" style="transform:scale(0.7)"/>
+                        服从调剂
+                      </label>
+                    </checkbox-group>
+                  </view>
+                  <view class="flex-item-6">
+                    <view class="float-right">
+                      <image @click="onClickExChange(item)" src="/static/icons/move.png" class="icon50 margin-left-50"/>
+                      <!--                      <image src="/static/icons/edit.png" class="icon50 margin-left-50"/>-->
+                      <image @click="confirmDelVolunteerItem(item)" src="/static/icons/delete.png"
+                             class="icon50 margin-left-50"/>
+                    </view>
+                  </view>
                 </view>
               </view>
-              <view class="flex-item-1">
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="flex-item-1 item_right">
-          <view class="delBtn">
-            <image @click="confirmDelVolunteerItem(item)" :src="ImagesConstant.cuti.delete" style="width: 32rpx;height: 32rpx"/>
-          </view>
-        </view>
-      </view>
-      <!--空白专业-->
-      <view class="uni-flex flex" v-else @click="toAdd()">
-        <view class="flex-item-9 item_left">
-          <view class="schoolInfo">
-            <view class="uni-flex flex">
-              <view class="flex-item-1 indexs">
-                <text>{{item.indexs}}</text>
-              </view>
-              <view class="flex-item-7">
-                <view class="uni-flex flex">
-                  <text>点击添加</text>
+              <!--空白专业-->
+              <view v-else @click="toAdd()">
+                <view class="notSelect flexWrap">
+                  <view class="notSelectIndex">
+                    <text style="line-height: 50rpx">{{ item.indexs }}</text>
+                  </view>
+                  <view class="margin-left-30">
+                    点击添加专业志愿
+                  </view>
                 </view>
               </view>
             </view>
           </view>
-
-        </view>
-        <view class="flex-item-1 item_right">
         </view>
       </view>
     </view>
 
+    <!--有成绩，没有志愿信息-->
+    <view class="" v-if="this.scoreInfo && !this.volunteerId">
+      <view>
+        <text class="mediumSlateBlue" @click="onClickCreateVolunteer">创建志愿单</text>
+      </view>
+    </view>
   </view>
+
+  <uni-popup ref="inputDialog" type="dialog">
+    <uni-popup-dialog ref="inputClose" mode="input"
+                      placeholder="N" @confirm="moveIndexsConfirm">
+      <view>
+        <view class="flexWrap" style="height: 50rpx;line-height: 50rpx">
+          <view class="flex-item-3">
+            移动志愿
+          </view>
+          <view class="flex-item-3">
+            <view style="border: 1rpx solid #979797">
+              <input type="number" v-model="moveVolunteer.indexs" placeholder="N"/>
+            </view>
+          </view>
+        </view>
+      </view>
+    </uni-popup-dialog>
+  </uni-popup>
 </template>
+<style>
+page {
+  background-color: white;
+}
+</style>
 
 <style scoped lang="scss">
 .divider {
@@ -501,6 +577,93 @@ export default {
   height: 3rpx;
 }
 
+.container {
+  padding: 30rpx;
+  max-height: 100%;
+}
+
+/*成绩卡片 start*/
+.score-info-card {
+  padding: 20rpx;
+  background: #f99352;
+  border-radius: 15rpx;
+
+  .tags {
+    margin: 10rpx 0;
+
+    .tag {
+      background-color: #faa069;
+      padding: 0 15rpx;
+      line-height: 40rpx;
+      margin-right: 20rpx;
+    }
+  }
+
+  .score {
+    margin-top: 30rpx;
+    margin-bottom: 10rpx;
+  }
+}
+
+/*成绩卡片 end*/
+
+/*志愿列表 start*/
+
+.collapse-item {
+  margin-top: 30rpx;
+
+  .collapse-body {
+    border-left: 1rpx solid #f5f5f5;
+    border-right: 1rpx solid #f5f5f5;
+    border-bottom: 1rpx solid #f5f5f5;
+    background-color: #f5f5f5;
+  }
+}
+
+.collapse-body .volunteerItem {
+  background-color: white;
+  margin-bottom: 10rpx;
+  padding: 10rpx 30rpx;
+
+  .notSelect {
+    line-height: 80rpx;
+    height: 80rpx;
+    color: #999999;
+  }
+
+  .select {
+    .selectIndex {
+      background-color: #feeee2;
+      color: #f96712;
+      width: 20rpx;
+      height: 50rpx;
+      margin: auto 0;
+      line-height: 50rpx;
+      padding: 0 20rpx;
+      text-align: center;
+    }
+  }
+
+  //未填报时索引
+  .notSelectIndex {
+    background-color: #f2f2f2;
+    width: 20rpx;
+    height: 50rpx;
+    margin: auto 0;
+    line-height: 50rpx;
+    padding: 0 20rpx;
+    text-align: center;
+  }
+}
+
+.fillVolunteerList {
+  margin: 10rpx 0;
+  border-top: 1rpx solid #f5f5f5;
+}
+
+/*志源列表 end*/
+
+
 .uni-row {
   margin-bottom: 30rpx;
 }
@@ -658,45 +821,55 @@ export default {
   padding: 30rpx 30rpx 0 30rpx;
   background-color: white;
   margin-bottom: 30rpx;
+
   .h1 {
     padding: 10rpx 0;
   }
+
   .tt1 {
     margin-right: 30rpx;
   }
 }
+
 /*志愿信息头部信息 end*/
 
 /*志愿明细列表 start*/
-.volunteerList{
+.volunteerList {
   padding: 30rpx 30rpx 0 30rpx;
   background-color: white;
-  .v-title{
-    color:#666666;
+
+  .v-title {
+    color: #666666;
     margin-bottom: 30rpx;
   }
-  .volunteerItem{
+
+  .volunteerItem {
     margin-bottom: 50rpx;
-    .item_left{
-      .schoolInfo{
+
+    .item_left {
+      .schoolInfo {
         border-bottom: 1px solid #e5e5e5;
         padding: 15rpx 0 30rpx 0;
       }
-      .majorInfo{
+
+      .majorInfo {
         padding: 30rpx 0;
         border-bottom: 1px solid #f5f5f5;
-        .enrollProbability{
-          color:#9b9b9b;
-          font-size:25rpx;
+
+        .enrollProbability {
+          color: #9b9b9b;
+          font-size: 25rpx;
         }
       }
     }
-    .item_right{
+
+    .item_right {
       padding: 150rpx 0 0 20rpx;
     }
+
     /*序号*/
-    .indexs{
-      color:white;
+    .indexs {
+      color: white;
       width: 30rpx;
       height: 40rpx;
       background-color: #1275ec;
@@ -705,21 +878,25 @@ export default {
       margin-right: 30rpx;
 
     }
+
     /*tags*/
-    .tags{
+    .tags {
       margin-top: 15rpx;
-      .tag{
+
+      .tag {
         margin-right: 20rpx;
-        color:#9b9b9b;
-        font-size:25rpx;
+        color: #9b9b9b;
+        font-size: 25rpx;
       }
     }
-    .low-text{
-      color:#9b9b9b;
-      font-size:22rpx;
+
+    .low-text {
+      color: #9b9b9b;
+      font-size: 22rpx;
       margin-bottom: 15rpx;
     }
   }
 }
+
 /*志愿明细列表 end*/
 </style>
diff --git a/pages/zyb/fillVolunteer/index.vue b/pages/zyb/fillVolunteer/index.vue
index 0120bba..ec77863 100644
--- a/pages/zyb/fillVolunteer/index.vue
+++ b/pages/zyb/fillVolunteer/index.vue
@@ -4,6 +4,8 @@ import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import ImagesConstant from "@/common/ImagesConstant";
 import {arrayIsNotEmpty} from "@/common/util";
+import vip from "../vip/index.vue";
+import {stringIsNotEmpty} from "../../../common/util";
 
 let request = new Request()
 // 缓存每页最多
@@ -14,6 +16,9 @@ const MAX_CACHE_PAGE = 3;
 export default {
   name: "模拟填报",
   computed: {
+    vip() {
+      return vip
+    },
     StaticConstant() {
       return StaticConstant
     },
@@ -28,19 +33,27 @@ export default {
       circle: {kcj: 0, jwt: 0, nlq: 0, kbd: 0,},//百分比
       modelVale: 0,
       topFlag: false,//显示回到顶部
+      otherMajor: {
+        visible: false,
+        status: 'noMore',
+        schoolName: '',
+        nowMajor: [],
+        list: [],
+      },//其他专业数据
       selectForm: {
-        province:'',
+        province: '',
         schoolName: '',
         paneName: '全部',
         batch: '提前批',
-        rulesEnrollProbability:'',//录取方式
-        tagsList:[],//院校标签
-        addressList:[],//地区
-        schoolNatureList:[],//办学类型
-      },
-      userInfo: {
-        vipFlag: true
+        rulesEnrollProbabilityList:[],//录取方式
+        rulesEnrollProbability: '',
+        kyjxList: [],//科研教学
+        tagsList: [],//院校标签
+        addressList: [],//地区
+        schoolNatureList: [],//办学类型
       },
+      userInfo: {},
+      vipInfo: {},
       scoreInfo: {
         province: null,//省份
         cognitioPolyclinic: null,//科类
@@ -56,10 +69,7 @@ export default {
       scrollInto: "",
       newsList: [],
       cacheTab: [],
-      tabBars: [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {
-        name: '本科B段',
-        id: '本科B段'
-      }, {name: '高职高专', id: '高职高专'}],
+      tabBars: [],
       recommendVolunteerList: [],//推荐志愿列表
       page: {
         current: 1,
@@ -79,39 +89,19 @@ export default {
       years: StaticConstant.years,
       //
       status: 'more',
-      statusTypes: [
-        {
-          value: 'more',
-          text: '加载前',
-          checked: true
-        }, {
-          value: 'loading',
-          text: '加载中',
-          checked: false
-        }, {
-          value: 'noMore',
-          text: '没有更多',
-          checked: false
-        }
-      ],
-      contentText: {
-        contentdown: '查看更多',
-        contentrefresh: '加载中',
-        contentnomore: '没有更多'
-      },
+      statusTypes: StaticConstant.loadStatusTypes,
+      contentText: StaticConstant.loadContentText,
     }
   },
   onShow(e) {
     this.userInfo = uni.getStorageSync('userInfo')
-    this.clearData()
-    this.getUserScore()
   },
   onLoad(e) {
+    this.vipInfo = uni.getStorageSync('vipInfo')
     if (e.batch && e.volunteerId) {
       //从我的志愿 点击跳转而来
       this.selectForm.batch = e.batch;
       this.filledVolunteer.volunteerId = e.volunteerId;
-      console.log(e)
     }
     setTimeout(() => {
       this.tabBars.forEach((tabBar) => {
@@ -123,29 +113,50 @@ export default {
         });
       });
     }, 350)
+    this.clearData()
+    this.artVolunteerDetail()
+    this.loadMenu()
   },
   onReachBottom() {
-    if (this.userInfo.vipFlag) {
+    if (this.vipInfo && this.vipInfo.vipLevel >= 2) {
       this.loadMore()
     }
   },
+  onShareAppMessage() {
+    return {
+      title: '艺体志愿宝-测一测你能上的大学', //分享标题
+      path: "/pages/zyb/fillVolunteer/index"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: '测一测你能上的大学', //分享标题
+      path: "/pages/zyb/fillVolunteer/index"
+    }
+  },
   methods: {
     onConfirm(e) {
       console.log('onConfirm')
-      if(e.type ==='filter'){
+      if (e.type === 'filter') {
         if (e.children) {
           for (let i = 0; i < e.children.length; i++) {
-            if (e.children[i].title === '录取方式') {
-                this.selectForm.rulesEnrollProbability =e.children[i].value
-              if (this.selectForm.rulesEnrollProbability === null) {
-                this.selectForm.rulesEnrollProbability = ''
+            if (e.children[i].title === '科研教学') {
+              this.selectForm.kyjxList = e.children[i].value
+              if (this.selectForm.kyjxList === null) {
+                this.selectForm.kyjxList = []
               }
-            }else if (e.children[i].title === '院校标签') {
+            } else if (e.children[i].title === '录取方式') {
+              this.selectForm.rulesEnrollProbabilityList = e.children[i].value
+              if (this.selectForm.rulesEnrollProbabilityList === null) {
+                this.selectForm.rulesEnrollProbabilityList = []
+              }
+            } else if (e.children[i].title === '院校标签') {
               this.selectForm.tagsList = e.children[i].value
               if (this.selectForm.tagsList === null) {
                 this.selectForm.tagsList = []
               }
-            }else if (e.children[i].title === '办学类型') {
+            } else if (e.children[i].title === '办学类型') {
               this.selectForm.schoolNatureList = e.children[i].value
               if (this.selectForm.schoolNatureList === null) {
                 this.selectForm.schoolNatureList = []
@@ -156,7 +167,6 @@ export default {
           }
         }
       }
-      console.log(e)
       this.clearData()
       this.getRecommendVolunteerList()
     },
@@ -172,7 +182,43 @@ export default {
       this.page.current++;
       this.getRecommendVolunteerList()
     },
-    search(res) {
+    loadMenu() {
+      //加载筛选项
+      request.get(ApiConstant.Major.rulesEnrollrobabilityMenuList, {
+        professionalCategory: this.scoreInfo.professionalCategory
+      }, {showLoading: false}).then(r => {
+        if (r.success) {
+          this.menuList[2].children[0].options = [...r.result]
+        }
+      }).catch(err => {
+      }).finally(() => {
+
+      });
+
+    },
+    search() {
+      if (!this.vipInfo || !stringIsNotEmpty(this.vipInfo.vipLevel) || this.vipInfo.vipLevel < 2) {
+        uni.showModal({
+          title: 'VIP专享',
+          // 提示文字
+          content: '该功能为增值内容，开通会员后即可免费查看！',
+          // 取消按钮的文字自定义
+          cancelText: "取消",
+          // 确认按钮的文字自定义
+          confirmText: "开通服务",
+          //删除字体的颜色
+          confirmColor: 'red',
+          //取消字体的颜色
+          cancelColor: '#dddddd',
+          success: function (res) {
+            if (res.confirm) {
+              // 执行确认后的操作
+              that.goto('/pages/zyb/vip/index')
+            }
+          }
+        })
+        return
+      }
       this.recommendVolunteerList = []
       this.selectForm.paneName = '全部'
       this.page.current = 1
@@ -198,15 +244,16 @@ export default {
         return;
       }
       this.selectForm.batch = this.tabBars[index].id
+      this.selectForm.paneName = '全部'
       //清除页数
       this.clearData()
       this.getRecommendVolunteerList()
       this.switchTab(index);
     },
     switchTab(index) {
-      if (this.newsList[index].data.length === 0) {
-        //this.getList(index);
-      }
+      // if (this.newsList[index].data.length === 0) {
+      //   //this.getList(index);
+      // }
       if (this.tabIndex === index) {
         return;
       }
@@ -237,9 +284,6 @@ export default {
     saveVolunteer(item) {
       let that = this
       let u = uni
-      console.log('填报批次:')
-      console.log(item.batch)
-      console.log('填报专业,', item.schoolName + ";" + item.enrollmentCode + ";" + item.majorCode + ";" + item.majorName)
       uni.showModal({
         title: item.volunteerIndexs ? '移除志愿' : '确认志愿',
         content: '[' + item.schoolCode + ']' + item.schoolName + '-' + item.batch + '-[' + item.enrollmentCode + ']' + item.majorName,
@@ -251,23 +295,28 @@ export default {
               volunteerId: that.filledVolunteer.volunteerId,
               schoolCode: item.schoolCode,
               majorCode: item.majorCode,
-              enrollmentCode: item.enrollmentCode
+              enrollmentCode: item.enrollmentCode,
+              enrollProbability: item.enrollProbability,
+              studentConvertedScore: parseFloat(item.studentConvertedScore)
             }).then(r => {
               if (r.success) {
-                console.log(r)
                 if (r.result) {
                   that.filledVolunteer.volunteerId = r.result
                 }
                 setTimeout(function () {
                   uni.showToast({title: '添加成功', icon: "none"});
                 }, 500)
-                that.getUserScore()
+                that.artVolunteerDetail('load')
+                setTimeout(function () {
+                  that.getOtherMajorList()
+                }, 500)
               } else {
                 setTimeout(function () {
                   uni.showToast({title: r.message, icon: "none"});
                 }, 500)
               }
             }).catch(err => {
+              uni.showToast({title: err.message, icon: "none"});
             }).finally(() => {
 
             });
@@ -275,18 +324,36 @@ export default {
         }
       });
     },
-    /*获取其他专业*/
-    showOtherMajor(majorCode) {
-      console.log(majorCode)
-      request.get('/test', {
-        "name": "zs"
-      }).then(res => {
-        console.log('返回值')
-        console.log(res)
-      })
-    },
     /*获取用户分数*/
-    getUserScore() {
+    artVolunteerDetail(e) {
+      this.scoreInfo = uni.getStorageSync('scoreInfo')
+      if (this.scoreInfo.batch) {
+        this.selectForm.batch = this.scoreInfo.batch
+        //======目前所有批次的专业都可以看到 start
+        if (this.scoreInfo.professionalCategory === '体育类') {
+          this.tabBars = [{name: '本科', id: '本科'}, {name: '高职高专', id: '高职高专'}]
+        } else {
+          this.tabBars = [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {
+            name: '本科B段',
+            id: '本科B段'
+          }, {name: '高职高专', id: '高职高专'}]
+        }
+        //======目前所有批次的专业都可以看到 end
+
+        /*调整默认选中的导航栏*/
+        if (this.scoreInfo.batch === '本科A段') {
+          this.selectForm.batch = '提前批'
+          this.tabIndex = 0;
+        } else {
+          for (let i = 0; i < this.tabBars.length; i++) {
+            if (this.tabBars[i].id === this.selectForm.batch) {
+              //选中
+              this.tabIndex = i;
+              break;
+            }
+          }
+        }
+      }
       request.get(ApiConstant.Volunteer.artVolunteerDetail, {id: this.filledVolunteer.volunteerId}).then(res => {
         if (res.success) {
           let dataResult = res.result
@@ -294,40 +361,7 @@ export default {
           const volunteerMap = new Map();
           if (dataResult != null) {
             // 分数信息
-            this.scoreInfo = res.result.userScoreInfo
-            //拆分子级专业类别
-            if (this.scoreInfo) {
-            }
-
-            if (this.scoreInfo.batch) {
-              this.selectForm.batch = this.scoreInfo.batch
-              if (this.scoreInfo.batch === '本科A段') {
-                this.tabBars = [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {
-                  name: '本科B段',
-                  id: '本科B段'
-                }, {name: '高职高专', id: '高职高专'}]
-              } else if (this.scoreInfo.batch === '本科B段') {
-                this.tabBars = [{name: '本科B段', id: '本科B段'}, {name: '高职高专', id: '高职高专'}]
-              } else if (this.scoreInfo.batch === '本科') {
-                this.tabBars = [{name: '本科', id: '本科'}, {name: '高职高专', id: '高职高专'}]
-              } else {
-                this.tabBars = [{name: '高职高专', id: '高职高专'}]
-              }
-
-              /*调整默认选中的导航栏*/
-              if (this.scoreInfo.batch === '本科A段') {
-                this.selectForm.batch = '提前批'
-                this.tabIndex = 0;
-              } else {
-                for (let i = 0; i < this.tabBars.length; i++) {
-                  if (this.tabBars[i].id === this.selectForm.batch) {
-                    //选中
-                    this.tabIndex = i;
-                    break;
-                  }
-                }
-              }
-            }
+            ///this.scoreInfo = res.result.userScoreInfo
             // 处理 已填志愿信息
             this.filledVolunteer.volunteerId = dataResult.id
             this.filledVolunteer.volunteerName = dataResult.volunteerName
@@ -337,7 +371,7 @@ export default {
               //==================================提前批 start
               let volunteerRecordEarlyAdmissionList = dataResult.volunteerRecordEarlyAdmissionList;
               for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
-                key = volunteerRecordEarlyAdmissionList[i].majorCode + volunteerRecordEarlyAdmissionList[i].schoolCode
+                key = volunteerRecordEarlyAdmissionList[i].enrollmentCode + "_" + volunteerRecordEarlyAdmissionList[i].majorCode + "_" + volunteerRecordEarlyAdmissionList[i].schoolCode
                 volunteer = volunteerRecordEarlyAdmissionList[i]
                 volunteerMap.set(key, volunteerRecordEarlyAdmissionList[i])
               }
@@ -362,7 +396,7 @@ export default {
               //==================================本科A段 start
               let volunteerUndergraduateAList = dataResult.volunteerRecordUndergraduateAList;
               for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
-                key = volunteerUndergraduateAList[i].majorCode + volunteerUndergraduateAList[i].schoolCode
+                key = volunteerUndergraduateAList[i].enrollmentCode + "_" + volunteerUndergraduateAList[i].majorCode + "_" + volunteerUndergraduateAList[i].schoolCode
                 volunteerMap.set(key, volunteerUndergraduateAList[i])
               }
               indexs = 1;
@@ -383,7 +417,7 @@ export default {
               //==================================本科B段 start
               let volunteerUndergraduateBList = dataResult.volunteerRecordUndergraduateBList;
               for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
-                key = volunteerUndergraduateBList[i].majorCode + volunteerUndergraduateBList[i].schoolCode
+                key = volunteerUndergraduateBList[i].enrollmentCode + "_" + volunteerUndergraduateBList[i].majorCode + "_" + volunteerUndergraduateBList[i].schoolCode
                 volunteerMap.set(key, volunteerUndergraduateBList[i])
               }
               indexs = 1;
@@ -403,7 +437,7 @@ export default {
               //==================================本科 start
               let volunteerUndergraduateList = dataResult.volunteerRecordUndergraduateList;
               for (let i = 0; i < volunteerUndergraduateList.length; i++) {
-                key = volunteerUndergraduateList[i].majorCode + volunteerUndergraduateList[i].schoolCode
+                key = volunteerUndergraduateList[i].enrollmentCode + "_" + volunteerUndergraduateList[i].majorCode + "_" + volunteerUndergraduateList[i].schoolCode
                 volunteerMap.set(key, volunteerUndergraduateList[i])
               }
               indexs = 1;
@@ -424,7 +458,7 @@ export default {
               //==================================高职高专 start
               let volunteerJuniorCollegeList = dataResult.volunteerRecordJuniorCollegeList;
               for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
-                key = volunteerJuniorCollegeList[i].majorCode + volunteerJuniorCollegeList[i].schoolCode
+                key = volunteerJuniorCollegeList[i].enrollmentCode + "_" + volunteerJuniorCollegeList[i].majorCode + "_" + volunteerJuniorCollegeList[i].schoolCode
                 volunteerMap.set(key, volunteerJuniorCollegeList[i])
               }
               indexs = 1;
@@ -458,20 +492,49 @@ export default {
         }
       }).catch(err => {
       }).finally(() => {
-        this.getRecommendVolunteerList()
+        if (e && e === 'load') {
+          this.laodRecommendVolunterList()
+        } else {
+          this.getRecommendVolunteerList()
+        }
       });
     },
-    /*获取推荐志愿列表*/
+    //刷新推荐的志愿列表的志愿填报状态
+    laodRecommendVolunterList() {
+      //判断专业是否已经填报过
+      if (this.filledVolunteer.volunteerMap) {
+        let key = ''
+        let volunteer = {}
+        let recommendVolunteerList = this.recommendVolunteerList
+        if (recommendVolunteerList) {
+          for (let i = 0; i < recommendVolunteerList.length; i++) {
+            key = recommendVolunteerList[i].enrollmentCode + "_" + recommendVolunteerList[i].majorCode + "_" + recommendVolunteerList[i].schoolCode
+            volunteer = this.filledVolunteer.volunteerMap.get(key)
+            if (volunteer != null) {
+              //这个专业已填过
+              recommendVolunteerList[i].volunteerIndexs = volunteer.indexs
+            } else {
+              recommendVolunteerList[i].volunteerIndexs = ''
+            }
+          }
+          this.recommendVolunteerList = recommendVolunteerList
+        }
+      }
+    },
+    //获取推荐志愿列表
     getRecommendVolunteerList() {
-      console.log(this.selectForm.batch)
       this.status = 'loading'
-      let tagsStrs=''
-      if (this.selectForm.tagsList && this.selectForm.tagsList.length>0) {
+      let kyjxStrs = ''
+      if (this.selectForm.kyjxList && this.selectForm.kyjxList.length > 0) {
+        kyjxStrs = this.selectForm.kyjxList.join(',')
+      }
+      let tagsStrs = ''
+      if (this.selectForm.tagsList && this.selectForm.tagsList.length > 0) {
         tagsStrs = this.selectForm.tagsList.join(",")
       }
 
-      let schoolNatureStrs=''
-      if (this.selectForm.schoolNatureList && this.selectForm.schoolNatureList.length>0) {
+      let schoolNatureStrs = ''
+      if (this.selectForm.schoolNatureList && this.selectForm.schoolNatureList.length > 0) {
         schoolNatureStrs = this.selectForm.schoolNatureList.join(",")
       }
       //地区
@@ -479,22 +542,26 @@ export default {
       if (arrayIsNotEmpty(this.selectForm.addressList)) {
         province = this.selectForm.addressList.join(",")
       }
+      //录取方式
+      let rulesEnrollProbability = ''
+      if (arrayIsNotEmpty(this.selectForm.rulesEnrollProbabilityList)) {
+        rulesEnrollProbability = this.selectForm.rulesEnrollProbabilityList.join(",")
+      }
 
       let params = {
         schoolName: this.selectForm.schoolName,//学校名称
         pageNum: this.page.current,
-        pageSize: this.page.pageSize,
+        pageSize: (this.vipInfo && this.vipInfo.vipLevel >= 2) ? this.page.pageSize : 3,
         paneName: this.selectForm.paneName,
         batch: this.selectForm.batch,
         province: province,
-        rulesEnrollProbability :this.selectForm.rulesEnrollProbability,
-        tagsStrs:tagsStrs,
-        schoolNatureStrs:schoolNatureStrs,
+        rulesEnrollProbability: rulesEnrollProbability,
+        tagsStrs: tagsStrs,
+        schoolNatureStrs: schoolNatureStrs,
+        kyjxStrs:kyjxStrs,
         scoreId: this.scoreInfo.id,
       }
       request.get(ApiConstant.Major.recommendMajorPage, params).then(res => {
-        console.log('返回值')
-        console.log(res)
         if (res.success) {
           let result = res.result
           let allNumber = result.allNumber
@@ -513,7 +580,7 @@ export default {
             let volunteer = {}
             if (result && records) {
               for (let i = 0; i < records.length; i++) {
-                key = records[i].majorCode + records[i].schoolCode
+                key = records[i].enrollmentCode + "_" + records[i].majorCode + "_" + records[i].schoolCode
                 volunteer = this.filledVolunteer.volunteerMap.get(key)
                 if (volunteer != null) {
                   //这个专业已填过
@@ -528,7 +595,7 @@ export default {
           this.recommendVolunteerList = [...this.recommendVolunteerList, ...records]
           if (result.pageList.current >= result.pageList.pages) {
             this.status = 'noMore'
-          } else{
+          } else {
             this.status = 'more'
           }
 
@@ -541,30 +608,15 @@ export default {
       }).finally(() => {
       });
     },
-    /*计算百分比*/
+    //计算百分比
     toPercent(num, total) {
       return (Math.round(num / total * 10000) / 100.00);// 小数点后两位百分比
     },
-    /*悬浮按钮*/
-    trigger(e) {
-      console.log(e)
-      if (e.item.text === '回到顶部') {
-        this.topBack()
-      }
-    },
     clearInput() {
       this.selectForm.schoolName = ''
     },
-    menuChange(e) {
-      console.log('↓↓↓↓触发change事件↓↓↓↓')
-      console.log(e)
-      this.menuValue = e.value;
-      console.log(this.menuValue)
-      this.clearData()
-      this.getRecommendVolunteerList()
-    },
     switchPane(e) {
-      if (this.selectForm.paneName !== e) {
+      if (this.selectForm.paneName !== e && (this.vipInfo && this.vipInfo.vipLevel >= 2)) {
         this.selectForm.paneName = e
       } else {
         this.selectForm.paneName = '全部'
@@ -579,29 +631,129 @@ export default {
     checkBao(e) {
       if (e >= 93) {
         return ImagesConstant.bao.kebaodi;
-      } else if (e < 92 && e >= 74) {
+      } else if (e < 93 && e >= 74) {
         return ImagesConstant.bao.jiaowentuo;
-      } else if (e < 73 && e >= 60) {
+      } else if (e < 74 && e >= 60) {
         return ImagesConstant.bao.kechongji;
       }
       return ImagesConstant.bao.nanluqu;
     },
     checkColorText(e) {
-      if (e >= 93) {
+      if (this.vipInfo && this.vipInfo.vipLevel < 2) {
+        return '#868686';
+      } else if (e >= 93) {
         return '#3e8e43';
-      } else if (e < 92 && e >= 74) {
+      } else if (e < 93 && e >= 74) {
         return '#4975fd';
-      } else if (e < 73 && e >= 60) {
+      } else if (e < 74 && e >= 60) {
         return '#F8880E';
       }
       return '#c83428';
     },
-    top() { //回到顶部
+    clickTop() { //回到顶部
       uni.pageScrollTo({
         scrollTop: 0,
         duration: 300
       });
     },
+
+    getOtherMajorList() {
+      this.otherMajor.list = []
+      let e = this.otherMajor.nowMajor
+      //判断当前第一个专业是否已选中
+      if (this.filledVolunteer.volunteerMap) {
+        let key = ''
+        let volunteer = {}
+        if (e) {
+          key = e.enrollmentCode + "_" + e.majorCode + "_" + e.schoolCode
+          volunteer = this.filledVolunteer.volunteerMap.get(key)
+          if (volunteer) {
+            this.otherMajor.nowMajor.volunteerIndexs = volunteer.indexs
+          } else {
+            this.otherMajor.nowMajor.volunteerIndexs = ''
+          }
+        }
+      }
+
+      //组装查询参数
+      let params = {
+        schoolCode: e.schoolCode,
+        batch: e.batch,
+        pageSize: this.vipInfo && this.vipInfo.vipLevel >= 2 ? 99 : 3,
+        professionalCategory: this.scoreInfo.professionalCategory,
+        cognitioPolyclinic: this.scoreInfo.cognitioPolyclinic
+      }
+      //当前选中的专业 key
+      let eKey = e.enrollmentCode + "_" + e.majorCode + "_" + e.schoolCode
+      this.otherMajor.status = 'loading'
+      request.get(ApiConstant.Major.recommendSchoolOtherMajor, params, {showLoad: false}).then(res => {
+        console.log('返回值')
+        console.log(res)
+        if (res.success && res.result) {
+          let records = res.result.list
+          //判断专业是否已经填报过
+          if (this.filledVolunteer.volunteerMap) {
+            let key = ''
+            let volunteer = {}
+            let list = []
+            if (records) {
+              for (let i = 0; i < records.length; i++) {
+                key = records[i].enrollmentCode + "_" + records[i].majorCode + "_" + records[i].schoolCode
+                if (eKey === key) {
+                  continue
+                }
+                volunteer = this.filledVolunteer.volunteerMap.get(key)
+                if (volunteer != null) {
+                  //这个专业已填过
+                  records[i].volunteerIndexs = volunteer.indexs
+                } else {
+                  records[i].volunteerIndexs = ''
+                }
+                list.push(records[i])
+              }
+            }
+            this.otherMajor.list = [...this.otherMajor.list, ...list]
+          }
+        }
+      }).catch(err => {
+      }).finally(() => {
+        this.otherMajor.status = 'noMore'
+      });
+    },
+    //打开选择其他专业
+    onOtherMajorOpen(e) {
+      this.otherMajor.nowMajor = {...e}
+      this.otherMajor.schoolName = e.schoolName
+      this.otherMajor.visible = true
+      this.getOtherMajorList()
+    },
+    onOtherMajorClose() {
+      this.otherMajor.visible = false
+    },
+    checkVip() {
+      if (!this.vipInfo || !this.vipInfo.vipFlag || this.vipInfo.vipLevel < 2) {
+        uni.showModal({
+          title: 'VIP专享',
+          // 提示文字
+          content: '该功能为增值内容，开通会员后即可免费查看！',
+          // 取消按钮的文字自定义
+          cancelText: "取消",
+          // 确认按钮的文字自定义
+          confirmText: "开通服务",
+          //删除字体的颜色
+          confirmColor: 'red',
+          //取消字体的颜色
+          cancelColor: '#dddddd',
+          success: function (res) {
+            if (res.confirm) {
+              // 执行确认后的操作
+              that.goto('/pages/zyb/vip/index')
+            }
+          }
+        })
+        return
+      }
+    }
   },
   onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
     //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
@@ -617,7 +769,8 @@ export default {
       <view class="search-view">
         <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
           <view style="width: 90%">
-            <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校" v-model="selectForm.schoolName" @clear="clearInput" cancelButton="none" @confirm="search"/>
+            <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校" v-model="selectForm.schoolName"
+                            @clear="clearInput" cancelButton="none" @confirm="search"/>
           </view>
           <view style="width: 10%;line-height: 100rpx">
             <text @click="search">搜索</text>
@@ -652,21 +805,26 @@ export default {
         </view>
         <view class="text-list">
           <text class="t">文化成绩：{{ scoreInfo.culturalScore }}</text>
-          <text class="t">统考成绩：{{ scoreInfo.professionalScore }}</text>
-        </view>
-
-        <view class="text-list" v-if="scoreInfo.professionalCategoryChildrenList">
-          <text class="t" v-for="(item,index) in scoreInfo.professionalCategoryChildrenList" :key="index">
-            {{item.categoryChildName}}：{{ item.categoryChildScore }}
+          <text class="t">{{ scoreInfo.professionalCategory === '音乐类' ? '主项成绩' : '统考成绩' }}：{{
+              scoreInfo.professionalScore
+            }}
           </text>
         </view>
+        <view class="text-list" v-if="scoreInfo">
+          <text class="t" v-if="scoreInfo.yybysy && scoreInfo.yybysy!==0">音乐表演声乐：{{ scoreInfo.yybysy }}</text>
+          <text class="t" v-if="scoreInfo.yybyqy && scoreInfo.yybyqy!==0">音乐表演器乐：{{ scoreInfo.yybyqy }}</text>
+          <text class="t" v-if="scoreInfo.yyjy && scoreInfo.yyjy!==0">音乐教育：{{ scoreInfo.yyjy }}</text>
+          <text class="t" v-if="scoreInfo.fzby && scoreInfo.fzby!==0">服装表演：{{ scoreInfo.fzby }}</text>
+          <text class="t" v-if="scoreInfo.xjysdy && scoreInfo.xjysdy!==0">戏剧影视导演：{{ scoreInfo.xjysdy }}</text>
+          <text class="t" v-if="scoreInfo.xjysby && scoreInfo.xjysby!==0">戏剧影视表演：{{ scoreInfo.xjysby }}</text>
+        </view>
       </view>
     </view>
     <!--通告栏-->
-    <view style="padding: 0 10rpx">
-      <uni-notice-bar show-icon text="有关2023年全国艺考省份政策及数据说明"
-                      @click="goto('/pages/zyb/other/web-view?url=https://yitisheng.vip/wxSJIRHyQUBA/zkzc.html')"/>
-    </view>
+    <!--    <view style="padding: 0 10rpx">
+          <uni-notice-bar show-icon text="有关2024年全国艺考省份政策及数据说明"
+                          @click="goto('/pages/zyb/other/web-view?url=https://yitisheng.vip/wxSJIRHyQUBA/zkzc.html')"/>
+        </view>-->
     <!--导航栏-->
     <view class="tabs">
       <scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false"
@@ -677,55 +835,62 @@ export default {
           </text>
         </view>
       </scroll-view>
-      <view class="uni-flex uni-row flex" style="padding: 30rpx">
-        <view class="flex-item-25" v-if="num.nlq!==0" @click="switchPane('难录取')">
-          <l-circle v-model:current="modelVale" :percent="circle.nlq" size="80px" strokeColor="#c83428">
+      <view class="uni-flex uni-row flex border-top" style="padding: 20rpx 0 10rpx 0">
+        <view class="flex-item-05"></view>
+        <view class="flex-item-2" v-if="num.nlq!==0" @click="switchPane('难录取')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2)?circle.nlq:0" size="130rpx"
+                    strokeColor="#c83428">
             <view class="centerTxt">
               <view class="num">
-                {{ num.nlq }}
+                {{ vipInfo && vipInfo.vipLevel >= 2 ? num.nlq : '??' }}
               </view>
               <view class="txt" :class="selectForm.paneName==='难录取'?'red':''">难录取</view>
             </view>
           </l-circle>
         </view>
-        <view class="flex-item-25" v-if="num.kcj!==0" @click="switchPane('可冲击')">
-          <l-circle v-model:current="modelVale" :percent="circle.kcj" size="80px" strokeColor="#F8880E">
+        <view class="flex-item-05" v-if="num.kcj!==0"></view>
+        <view class="flex-item-2" v-if="num.kcj!==0" @click="switchPane('可冲击')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2)?circle.kcj:0" size="130rpx"
+                    strokeColor="#F8880E">
             <view class="centerTxt">
               <view class="num">
-                {{ num.kcj }}
+                {{ vipInfo && vipInfo.vipLevel >= 2 ? num.kcj : '??' }}
               </view>
-              <view class="txt" :class="selectForm.paneName==='可冲击'?'redOrange':''">可冲击</view>
+              <view class="txt" :class="selectForm.paneName==='可冲击'?'redOrange2':''">可冲击</view>
             </view>
           </l-circle>
         </view>
-        <view class="flex-item-25" v-if="num.jwt!==0" @click="switchPane('较稳妥')">
-          <l-circle v-model:current="modelVale" :percent="circle.jwt" size="80px" strokeColor="#4975fd">
+        <view class="flex-item-05" v-if="num.jwt!==0"></view>
+        <view class="flex-item-2" v-if="num.jwt!==0" @click="switchPane('较稳妥')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2) ?circle.jwt:0" size="130rpx"
+                    strokeColor="#4975fd">
             <view class="centerTxt">
               <view class="num">
-                {{ num.jwt }}
+                {{ (vipInfo && vipInfo.vipLevel >= 2) ? num.jwt : '??' }}
               </view>
               <view class="txt" :class="selectForm.paneName==='较稳妥'?'blue':''">较稳妥</view>
             </view>
           </l-circle>
         </view>
-        <view class="flex-item-25" v-if="num.kbd!==0" @click="switchPane('可保底')">
-          <l-circle v-model:current="modelVale" :percent="circle.kbd" size="80px" strokeColor="#3e8e43">
+        <view class="flex-item-05" v-if="num.kbd!==0"></view>
+        <view class="flex-item-2" v-if="num.kbd!==0" @click="switchPane('可保底')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2) ?circle.kbd:0" size="130rpx"
+                    strokeColor="#3e8e43">
             <view class="centerTxt">
               <view class="num">
-                {{ num.kbd }}
+                {{ (vipInfo && vipInfo.vipLevel >= 2) ? num.kbd : '??' }}
               </view>
               <view class="txt" :class="selectForm.paneName==='可保底'?'green':''">可保底</view>
             </view>
           </l-circle>
         </view>
-
-
+        <view class="flex-item-05"></view>
       </view>
     </view>
   </view>
+  <page-head title="当前为系统模拟计划，请注意辨别"></page-head>
   <!--推荐列表-->
   <view class="fillVolunteer">
-    <page-head title="当前23年计划为系统模拟计划，请注意辨别"></page-head>
     <view class="volunteerItem radius8" v-for="(item,index) in recommendVolunteerList" :key="index">
       <!--院校信息-->
       <view class="flex" @click="goto('/pages/zyb/school/detail?schoolCode='+item.schoolCode)">
@@ -741,9 +906,9 @@ export default {
             <view class="flex-item-35">
               <view style="float: right;line-height: 50rpx;" class="font-weight-600">
                 <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
-                  {{ item.enrollProbability }}%
+                  {{ vipInfo && vipInfo.vipLevel >= 2 ? item.enrollProbability : '??' }}%
                 </text>
-                <image :src="checkBao(item.enrollProbability)" class="icon50"/>
+                <image :src="checkBao(item.enrollProbability)" class="icon50" v-if="vipInfo && vipInfo.vipLevel>=2"/>
               </view>
             </view>
           </view>
@@ -752,26 +917,31 @@ export default {
           </view>
           <view class="flex tags slateGray">
             <text class="tag" v-for="t in item.tagsList" :key="t">
-              {{t}}
+              {{ t }}
             </text>
           </view>
           <view class="flex">
             <view class="flex-item-65 slateGray" style="line-height: 50rpx">
               <text class="tag">[{{ item.enrollmentCode }}]{{ item.majorName }}</text>
+              <text v-if="item.limitation">{{ item.majorDetail }}</text>
+              <text class="margin-left-10">
+                <text class="tag" v-if="item.otherScoreLimitation && item.otherScoreLimitation!==''">
+                  {{ item.otherScoreLimitation }}
+                </text>
+              </text>
+
             </view>
             <view class="flex-item-35">
-              <view style="float: right;line-height: 50rpx;" class="font-weight-600">
-                <text>
-                  折合分:
-                </text>
-                <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
+              <view style="float: right;line-height: 50rpx;" class="font-weight-600" v-if="item.studentConvertedScore && vipInfo && vipInfo.vipLevel >= 2">
+                <text>计算分</text>
+                <text class="font-size-mini margin-left-10" :style="'color:'+checkColorText(item.enrollProbability)">
                   {{item.studentConvertedScore}}
                 </text>
-                <text>
-                  真实分:
-                </text>
-                <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
-                  {{item.studentScore}}
+              </view>
+              <view style="float: right;line-height: 50rpx;" class="font-weight-600" v-if="item.studentScore">
+                <text>折合分</text>
+                <text class="font-size-mini margin-left-10" :style="'color:'+checkColorText(item.enrollProbability)">
+                  {{ item.studentScore }}
                 </text>
               </view>
             </view>
@@ -802,25 +972,187 @@ export default {
           <text v-else class="blue">暂未发布</text>
         </view>
         <view class="flex-item-3">
-          <button v-if="item.volunteerIndexs" @click="saveVolunteer(item)" type="default"
-                  style="background-color: #d73535;color:white;height: 50rpx;line-height: 50rpx;font-size: 15px">
-            志愿{{ item.volunteerIndexs }}
-          </button>
-          <button v-else @click="saveVolunteer(item)" type="default"
-                  style="background-color: #3666d1;color:white;height: 50rpx;line-height: 50rpx;font-size: 15px">填报
-          </button>
+          <view :class="item.volunteerIndexs?'volunteer-item-active':''" class="otherMajorBtn radius8"
+                @click="onOtherMajorOpen(item)">
+            <text>查看可选专业</text>
+          </view>
         </view>
-
-
       </view>
     </view>
     <view class="container" @click="loadMore" v-if="userInfo.vipFlag">
       <uni-load-more :status="status" :content-text="contentText"/>
     </view>
   </view>
-  <my-checkvip :vip-flag="(userInfo.vipFlag)"/>
+  <!--其他专业-->
+  <px-popup-bottom :background="'#ffffff'" :color="'black'" :visible.sync="otherMajor.visible" title=""
+                   maxHeight="1200" radius="40" @close="onOtherMajorClose">
+    <view class="flexWrap" style="height: 50rpx;line-height: 50rpx">
+      <view class="flex-item-8">
+        <text class="darkGray font-weight-550">{{ otherMajor.schoolName }}</text>
+      </view>
+      <view class="flex-item-2">
+        <image @click="onOtherMajorClose" :src="ImagesConstant.close" class="icon32 float-right"
+               style="position: relative;top: 5rpx"/>
+      </view>
+    </view>
+    <view class="fillVolunteer" style="padding: 0">
+      <scroll-view scroll-y="true" style="height: 800rpx;margin-top: 30rpx">
+        <!--选择的专业-->
+        <view class="volunteerItem radius15" style="background-color: #f9f9fb;padding: 20rpx 20rpx"
+              v-if="otherMajor.nowMajor">
+          <view class="flexWrap" @click="goto('/pages/zyb/school/detail?schoolCode='+otherMajor.nowMajor.schoolCode)">
+            <view class="flex-item-10 flexWrap">
+              <view class="flex-item-65 font-weight-b" style="line-height: 50rpx">
+                <text class="">[{{ otherMajor.nowMajor.enrollmentCode }}]{{ otherMajor.nowMajor.majorName }}</text>
+                <text v-if="otherMajor.nowMajor.majorDetail">{{ otherMajor.nowMajor.majorDetail }}</text>
+                <!--                <text v-if="otherMajor.nowMajor.limitation">({{otherMajor.nowMajor.limitation}})</text>-->
+                <text class="margin-left-10">
+                  <text class="tag"
+                        v-if="otherMajor.nowMajor.otherScoreLimitation && otherMajor.nowMajor.otherScoreLimitation!==''">
+                    {{ otherMajor.nowMajor.otherScoreLimitation }}
+                  </text>
+                </text>
+              </view>
+              <view class="flex-item-35">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600">
+                  <text class="font-size-mini" :style="'color:'+checkColorText(otherMajor.nowMajor.enrollProbability)">
+                    {{ (vipInfo && vipInfo.vipLevel >= 2) ? otherMajor.nowMajor.enrollProbability : '??' }}%
+                  </text>
+                  <image :src="checkBao(otherMajor.nowMajor.enrollProbability)" class="icon50"
+                         v-if="(vipInfo&&vipInfo.vipLevel>=2)"/>
+                </view>
+              </view>
+            </view>
+          </view>
+          <!--招录信息-->
+          <view class="flex font-size-mini">
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view v-for="(history,h) in otherMajor.nowMajor.historyMajorEnrollList" :key="h">
+                <text>{{ history.year }}年录取最低分：</text>
+                <text class="red">{{ history.admissionLine }}分</text>
+              </view>
+            </view>
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view class="flex" style="float: right">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600"
+                      v-if="otherMajor.nowMajor.studentConvertedScore">
+                  <text>折合分</text>
+                  <text class="font-size-mini margin-left-10"
+                        :style="'color:'+checkColorText(otherMajor.nowMajor.enrollProbability)">
+                    {{ (vipInfo && vipInfo.vipLevel >= 2) ? otherMajor.nowMajor.studentConvertedScore : '??' }}
+                  </text>
+                </view>
+              </view>
+              <view class="flex" style="float: right">
+                <text>{{ StaticConstant.year }}省内计划录取：</text>
+                <text v-if="otherMajor.nowMajor.planNum" class="green font-weight-600">{{
+                    otherMajor.nowMajor.planNum
+                  }}人
+                </text>
+                <text v-else class="green">暂未发布</text>
+              </view>
+            </view>
+          </view>
+          <view class="flex" style="line-height: 50rpx">
+            <view class="flex-item-7">
+              <text>{{ StaticConstant.year }}录取方式:</text>
+              <text v-if="otherMajor.nowMajor.rulesEnrollProbability" class="blue">
+                {{ otherMajor.nowMajor.rulesEnrollProbability }}
+              </text>
+              <text v-else class="blue">暂未发布</text>
+            </view>
+            <view class="flex-item-3" v-if="otherMajor.nowMajor.enrollProbability">
+              <view class="radius10 font-weight-b" @click="saveVolunteer(otherMajor.nowMajor)"
+                    :class="otherMajor.nowMajor.volunteerIndexs?'volunteerIndexs':'saveVolunteer'">
+                <image :src="otherMajor.nowMajor.volunteerIndexs?ImagesConstant.duigou_orange:ImagesConstant.add_orange"
+                       class="icon32"/>
+                <text>{{
+                    otherMajor.nowMajor.volunteerIndexs ? '志愿' + otherMajor.nowMajor.volunteerIndexs : '加入志愿表'
+                  }}
+                </text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="border-top marginTopBot20">
+          <text class="font-weight-b font-size-mini" style="line-height: 50rpx">*该组其他概率专业</text>
+        </view>
+        <!--院校下其他的专业-->
+        <view class="volunteerItem radius15" style="background-color: #f9f9fb;padding: 20rpx 20rpx"
+              v-for="(item,index) in otherMajor.list" :key="index"
+              :class="index === otherMajor.list.length?'':'border-bottom'">
+          <view class="flexWrap" @click="goto('/pages/zyb/school/detail?schoolCode='+item.schoolCode)">
+            <view class="flex-item-10 flexWrap">
+              <view class="flex-item-65 font-weight-b" style="line-height: 50rpx">
+                <text class="">[{{ item.enrollmentCode }}]{{ item.majorName }}</text>
+                <text v-if="item.majorDetail">{{ item.majorDetail }}</text>
+                <!--                <text v-if="item.limitation">({{item.limitation}})</text>-->
+                <text class="margin-left-10">
+                  <text class="tag" v-if="item.otherScoreLimitation && item.otherScoreLimitation!==''">
+                    {{ item.otherScoreLimitation }}分
+                  </text>
+                </text>
+              </view>
+              <view class="flex-item-35">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600">
+                  <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
+                    {{ (vipInfo && vipInfo.vipLevel >= 2) ? item.enrollProbability : '??' }}%
+                  </text>
+                  <image :src="checkBao(item.enrollProbability)" class="icon50" v-if="vipInfo&&vipInfo.vipLevel>=2"/>
+                </view>
+              </view>
+            </view>
+          </view>
+          <!--招录信息-->
+          <view class="flex font-size-mini">
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view v-for="(history,h) in item.historyMajorEnrollList" :key="h">
+                <text>{{ history.year }}年录取最低分：</text>
+                <text class="red">{{ history.admissionLine }}分</text>
+              </view>
+            </view>
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view class="flex" style="float: right">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600"
+                      v-if="item.studentConvertedScore">
+                  <text>折合分</text>
+                  <text class="font-size-mini margin-left-10" :style="'color:'+checkColorText(item.enrollProbability)">
+                    {{ vipInfo && vipInfo.vipLevel >= 2 ? item.studentConvertedScore : '??' }}
+                  </text>
+                </view>
+              </view>
+              <view class="flex" style="float: right">
+                <text>{{ StaticConstant.year }}省内计划录取：</text>
+                <text v-if="item.planNum" class="green font-weight-600">{{ item.planNum }}人</text>
+                <text v-else class="green">暂未发布</text>
+              </view>
+            </view>
+          </view>
+          <view class="flex" style="line-height: 50rpx">
+            <view class="flex-item-7">
+              <text>{{ StaticConstant.year }}录取方式:</text>
+              <text v-if="item.rulesEnrollProbability" class="blue">{{ item.rulesEnrollProbability }}</text>
+              <text v-else class="blue">暂未发布</text>
+            </view>
+            <view class="flex-item-3" v-if="item.enrollProbability">
+              <view class="radius10 font-weight-b" @click="saveVolunteer(item)"
+                    :class="item.volunteerIndexs?'volunteerIndexs':'saveVolunteer'">
+                <image :src="item.volunteerIndexs?ImagesConstant.duigou_orange:ImagesConstant.add_orange"
+                       class="icon32"/>
+                <text>{{ item.volunteerIndexs ? '志愿' + item.volunteerIndexs : '加入志愿表' }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <uni-load-more :status="otherMajor.status" :content-text="contentText"/>
+      </scroll-view>
+    </view>
+  </px-popup-bottom>
+  <view v-if="recommendVolunteerList && recommendVolunteerList.length>0">
+    <my-checkvip :vip-flag="(vipInfo && vipInfo.vipLevel>=2)"/>
+  </view>
   <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
-    <uni-icons class="topc" type="arrowthinup" size="40" @click="top"></uni-icons>
+    <uni-icons class="topc" type="arrowthinup" size="40" @click="clickTop"></uni-icons>
   </view>
 </template>
 
@@ -839,6 +1171,10 @@ export default {
   background-color: white !important;
 }
 
+:deep(.common-page-head) {
+  padding: 10rpx !important;
+}
+
 /*重置 uni-data-picker样式*/
 :deep(.uni-data-tree) {
   .placeholder {
@@ -868,7 +1204,7 @@ export default {
 
 
 .text-list {
-  margin-top: 30rpx;
+  margin-top: 15rpx;
   margin-bottom: 10rpx;
 
   .t {
@@ -1064,11 +1400,6 @@ export default {
   padding: 15rpx 10rpx !important;
 }
 
-:deep(.wei-dropdown-menu-bar) {
-  box-shadow: none !important;
-}
-
-
 /*圆环进度条内字体 start*/
 .progressBox {
   position: relative;
@@ -1124,11 +1455,12 @@ export default {
     padding: 30rpx;
     margin: 10rpx 0;
     /*院校标签*/
-    .tags{
+    .tags {
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
     }
+
     .tags .tag {
       margin-top: 10rpx;
       margin-right: 10px;
@@ -1142,6 +1474,32 @@ export default {
   }
 }
 
+//其他专业按钮
+.otherMajorBtn {
+  color: #f96543;
+  border: 1rpx solid #f96543;
+  padding: 10rpx 10rpx;
+  text-align: center;
+}
+
+.volunteer-item-active {
+  background-color: #fef4f4;
+}
+
+
+.volunteerIndexs {
+  color: #f96543;
+  background-color: #fef3ec;
+  border: 1rpx solid #f96543;
+  padding: 10rpx 10rpx;
+}
+
+.saveVolunteer {
+  color: #f96543;
+  border: 1rpx solid #f96543;
+  padding: 10rpx 10rpx;
+}
+
 /*推荐志愿列表 end*/
 
 :deep(.uni-noticebar) {
@@ -1154,6 +1512,7 @@ export default {
   display: none; /* 先将元素隐藏 */
   transition: 0.5s;
 }
+
 .topc {
   position: fixed;
   right: 10rpx;
@@ -1164,5 +1523,13 @@ export default {
   height: 40px;
   line-height: 40px;
 }
+
 /* 回到顶部 end*/
+
+scroll-view ::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+
 </style>
diff --git a/pages/zyb/fillVolunteer/mockList.vue b/pages/zyb/fillVolunteer/mockList.vue
new file mode 100644
index 0000000..a0d12bb
--- /dev/null
+++ b/pages/zyb/fillVolunteer/mockList.vue
@@ -0,0 +1,1557 @@
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import ImagesConstant from "@/common/ImagesConstant";
+import {arrayIsNotEmpty} from "@/common/util";
+import vip from "../vip/index.vue";
+import {stringIsNotEmpty} from "../../../common/util";
+
+let request = new Request()
+// 缓存每页最多
+const MAX_CACHE_DATA = 100;
+// 缓存页签数量
+const MAX_CACHE_PAGE = 3;
+
+export default {
+  name: "模拟填报",
+  computed: {
+    vip() {
+      return vip
+    },
+    StaticConstant() {
+      return StaticConstant
+    },
+    ImagesConstant() {
+      return ImagesConstant
+    }
+  },
+  data() {
+    return {
+      ///
+      num: {kcj: 0, jwt: 0, nlq: 0, kbd: 0,},
+      circle: {kcj: 0, jwt: 0, nlq: 0, kbd: 0,},//百分比
+      modelVale: 0,
+      topFlag: false,//显示回到顶部
+      otherMajor: {
+        visible: false,
+        status: 'noMore',
+        schoolName: '',
+        nowMajor: [],
+        list: [],
+      },//其他专业数据
+      selectForm: {
+        province: '',
+        schoolName: '',
+        paneName: '全部',
+        batch: '提前批',
+        kslx:'统考',
+        rulesEnrollProbabilityList: [],//录取方式
+        rulesEnrollProbability: '',
+        kyjxList: [],//科研教学
+        tagsList: [],//院校标签
+        addressList: [],//地区
+        schoolNatureList: [],//办学类型
+      },
+      userInfo: {},
+      vipInfo: {},
+      scoreInfo: {
+        province: null,//省份
+        cognitioPolyclinic: null,//科类
+        professionalCategory: null,//报考方向
+        culturalScore: null,//文化分
+        professionalScore: null,//统考分
+      },
+      /*筛选项 参数 start*/
+      defaultSelected: [],
+      menuList: [],
+      /*筛选项 参数 end*/
+      tabIndex: 0,
+      tabIndex2:1,
+      scrollInto: "",
+      newsList: [],
+      cacheTab: [],
+      tabBars: [],
+      recommendVolunteerList: [],//推荐志愿列表
+      page: {
+        current: 1,
+        pageSize: 5,
+        total: 0,
+      },//分页结果
+      filledVolunteer: {
+        volunteerId: '',
+        volunteerName: '',
+        volunteerEarlyAdmissionList: [],//本科提前批
+        volunteerUndergraduateAList: [],//本科A段
+        volunteerUndergraduateBList: [],//本科B段
+        volunteerJuniorCollegeList: [],//高职高专
+        volunteerUndergraduateList: [],//体育本科
+        volunteerMap: new Map()
+      },//已填志愿信息
+      years: StaticConstant.years,
+      //
+      status: 'more',
+      statusTypes: StaticConstant.loadStatusTypes,
+      contentText: StaticConstant.loadContentText,
+    }
+  },
+  onShow(e) {
+    this.userInfo = uni.getStorageSync('userInfo')
+  },
+  onLoad(e) {
+    this.menuList = StaticConstant.fillVolunteerMenuData
+    this.vipInfo = uni.getStorageSync('vipInfo')
+    if (e.batch && e.volunteerId) {
+      //从我的志愿 点击跳转而来
+      this.selectForm.batch = e.batch;
+      this.filledVolunteer.volunteerId = e.volunteerId;
+    }
+    if (e.rulesEnrollProbability) {
+      //如果进入页面带着录取方式
+      this.selectForm.rulesEnrollProbabilityList = [e.rulesEnrollProbability]
+      //遍历筛选菜单，回显高亮录取方式
+      for (let i = 0; i < this.menuList.length; i++) {
+        if (this.menuList[i].title === '筛选') {
+          for (let j = 0; j < this.menuList[i].children.length; j++) {
+            if (this.menuList[i].children[j].title === '录取方式') {
+              this.menuList[i].children[j].value=[e.rulesEnrollProbability]
+              break
+            }
+          }
+        }
+      }
+    }else{
+      this.selectForm.rulesEnrollProbabilityList = []
+      for (let i = 0; i < this.menuList.length; i++) {
+        if (this.menuList[i].title === '筛选') {
+          for (let j = 0; j < this.menuList[i].children.length; j++) {
+            if (this.menuList[i].children[j].title === '录取方式') {
+              this.menuList[i].children[j].value=[]
+              break
+            }
+          }
+        }
+      }
+    }
+
+    setTimeout(() => {
+      this.tabBars.forEach((tabBar) => {
+        this.newsList.push({
+          data: [],
+          isLoading: false,
+          refreshText: "",
+          loadingText: '加载更多...'
+        });
+      });
+    }, 350)
+    this.clearData()
+    this.artVolunteerDetail()
+    this.loadMenu()
+  },
+  onReachBottom() {
+    if (this.vipInfo && this.vipInfo.vipLevel >= 2) {
+      this.loadMore()
+    }
+  },
+  onShareAppMessage() {
+    return {
+      title: '艺体志愿宝-测一测你能上的大学', //分享标题
+      path: "/pages/zyb/fillVolunteer/index"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: '测一测你能上的大学', //分享标题
+      path: "/pages/zyb/fillVolunteer/index"
+    }
+  },
+  methods: {
+    onConfirm(e) {
+      console.log('onConfirm')
+      if (e.type === 'filter') {
+        if (e.children) {
+          for (let i = 0; i < e.children.length; i++) {
+            if (e.children[i].title === '科研教学') {
+              this.selectForm.kyjxList = e.children[i].value
+              if (this.selectForm.kyjxList === null) {
+                this.selectForm.kyjxList = []
+              }
+            } else if (e.children[i].title === '录取方式') {
+              this.selectForm.rulesEnrollProbabilityList = e.children[i].value
+              if (this.selectForm.rulesEnrollProbabilityList === null) {
+                this.selectForm.rulesEnrollProbabilityList = []
+              }
+            } else if (e.children[i].title === '院校标签') {
+              this.selectForm.tagsList = e.children[i].value
+              if (this.selectForm.tagsList === null) {
+                this.selectForm.tagsList = []
+              }
+            } else if (e.children[i].title === '办学类型') {
+              this.selectForm.schoolNatureList = e.children[i].value
+              if (this.selectForm.schoolNatureList === null) {
+                this.selectForm.schoolNatureList = []
+              }
+            } else if (e.children[i].title === '地区') {
+              this.selectForm.addressList = e.children[i].value
+            }
+          }
+        }
+      }
+      this.clearData()
+      this.getRecommendVolunteerList()
+    },
+    onChange(e, index) {
+      console.log('onChange')
+      console.log(e, index)
+    },
+    loadMore() {
+      if (this.status === 'noMore') {
+        return;
+      }
+      console.log('加载中')
+      this.page.current++;
+      this.getRecommendVolunteerList()
+    },
+    loadMenu() {
+      //加载筛选项
+      request.get(ApiConstant.Major.rulesEnrollrobabilityMenuList, {
+        professionalCategory: this.scoreInfo.professionalCategory
+      }, {showLoading: false}).then(r => {
+        if (r.success) {
+          this.menuList[2].children[0].options = [...r.result]
+        }
+      }).catch(err => {
+      }).finally(() => {
+
+      });
+
+    },
+    search() {
+      if (!this.vipInfo || !stringIsNotEmpty(this.vipInfo.vipLevel) || this.vipInfo.vipLevel < 2) {
+        uni.showModal({
+          title: 'VIP专享',
+          // 提示文字
+          content: '该功能为增值内容，开通会员后即可免费查看！',
+          // 取消按钮的文字自定义
+          cancelText: "取消",
+          // 确认按钮的文字自定义
+          confirmText: "开通服务",
+          //删除字体的颜色
+          confirmColor: 'red',
+          //取消字体的颜色
+          cancelColor: '#dddddd',
+          success: function (res) {
+            if (res.confirm) {
+              // 执行确认后的操作
+              that.goto('/pages/zyb/vip/index')
+            }
+          }
+        })
+        return
+      }
+      this.recommendVolunteerList = []
+      this.selectForm.paneName = '全部'
+      this.page.current = 1
+      this.getRecommendVolunteerList()
+    },
+    goto(url) {
+      uni.navigateTo({
+        url: url
+      })
+    },
+    topBack() {
+      uni.pageScrollTo({
+        scrollTop: 0,   // 滚动到页面的目标位置  这个是滚动到顶部, 0
+        duration: 300  // 滚动动画的时长
+      })
+    },
+    //一级tab
+    ontabtap(e) {
+      //切换了 tabs
+      console.log(e)
+      let index = e.target.dataset.current || e.currentTarget.dataset.current;
+      //判断 是否重复切换
+      if (index === this.tabIndex) {
+        return;
+      }
+      //判断选择的是本科批还是其他的
+      //如果选的本科提前批（校考）
+      if(this.tabBars[index].id ==='校考'){
+        this.selectForm.kslx = '校考'
+        this.selectForm.batch = ''
+      }else{
+        this.selectForm.kslx = '统考'
+        this.selectForm.batch = this.tabBars[index].id
+        if (this.selectForm.batch ==='本科' && this.scoreInfo.professionalCategory !== '体育类') {
+          //如果是艺术类，选择的本科，那就选择到本科下的985/211提前批
+          this.selectForm.batch = '提前批'
+          this.tabIndex2 = 1
+        }
+        this.selectForm.paneName = '全部'
+      }
+      //清除页数
+      this.clearData()
+      this.getRecommendVolunteerList()
+      this.switchTab(index);
+    },
+    //二级tab
+    ontabtap2(e) {
+      console.log(e)
+      let index = e.target.dataset.current || e.currentTarget.dataset.current;
+      //判断 是否重复切换
+      if (index === this.tabIndex2) {
+        return;
+      }
+      this.selectForm.batch = this.tabBars[this.tabIndex].childrenTabBars[index].id
+      this.selectForm.paneName = '全部'
+      //清除页数
+      this.clearData()
+      this.getRecommendVolunteerList()
+      this.tabIndex2 = index;
+      //this.switchTab(index);
+    },
+    switchTab(index) {
+      // if (this.newsList[index].data.length === 0) {
+      //   //this.getList(index);
+      // }
+      if (this.tabIndex === index) {
+        return;
+      }
+
+      // 缓存 tabId
+      if (this.newsList[this.tabIndex].data.length > MAX_CACHE_DATA) {
+        let isExist = this.cacheTab.indexOf(this.tabIndex);
+        if (isExist < 0) {
+          this.cacheTab.push(this.tabIndex);
+        }
+      }
+
+      this.tabIndex = index;
+      this.scrollInto = this.tabBars[index].id;
+
+      // 释放 tabId
+      if (this.cacheTab.length > MAX_CACHE_PAGE) {
+        let cacheIndex = this.cacheTab[0];
+        this.clearTabData(cacheIndex);
+        this.cacheTab.splice(0, 1);
+      }
+    },
+    clearTabData(e) {
+      this.newsList[e].data.length = 0;
+      this.newsList[e].loadingText = "加载更多...";
+    },
+    /*填报志愿*/
+    saveVolunteer(item) {
+      let that = this
+      let batch = item.batch==='高职高专'?'高职高专':'本科';
+      uni.showModal({
+        title: item.volunteerIndexs ? '移除志愿' : '确认志愿',
+        content: '[' + item.schoolCode + ']' + item.schoolName + '-' + batch + '-[' + item.enrollmentCode + ']' + item.majorName,
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (res.confirm) {
+            request.post(ApiConstant.Volunteer.volunteerSave, {
+              volunteerId: that.filledVolunteer.volunteerId,
+              schoolCode: item.schoolCode,
+              majorCode: item.majorCode,
+              enrollmentCode: item.enrollmentCode,
+              enrollProbability: item.enrollProbability,
+              studentConvertedScore: parseFloat(item.studentConvertedScore),
+              category:item.category
+            }).then(r => {
+              if (r.success) {
+                if (r.result) {
+                  that.filledVolunteer.volunteerId = r.result
+                }
+                setTimeout(function () {
+                  uni.showToast({title: '添加成功', icon: "none"});
+                }, 500)
+                that.artVolunteerDetail('load')
+                setTimeout(function () {
+                  that.getOtherMajorList()
+                }, 500)
+              } else {
+                setTimeout(function () {
+                  uni.showToast({title: r.message, icon: "none"});
+                }, 500)
+              }
+            }).catch(err => {
+              uni.showToast({title: err.message, icon: "none"});
+            }).finally(() => {
+
+            });
+          }
+        }
+      });
+    },
+    /*获取用户分数*/
+    artVolunteerDetail(e) {
+      this.scoreInfo = uni.getStorageSync('scoreInfo')
+      if (this.scoreInfo.batch) {
+        this.selectForm.batch = this.scoreInfo.batch
+        //======目前所有批次的专业都可以看到 start
+        if (this.scoreInfo.professionalCategory === '体育类') {
+          this.tabBars = [{name: '本科', id: '本科'}, {name: '高职高专', id: '高职高专'}]
+        } else {
+          this.tabBars = [{name: '本科提前批', id: '校考'},
+            {
+              name: '本科批', id: '本科', childrenTabBars: [
+                {name: '985/211/双一流', id: '提前批'},
+                {name: '公办本科', id: '本科A段'}, {name: '民办本科', id: '本科B段'}
+              ]
+            }, {name: '高职高专', id: '高职高专'}]
+        }
+        //======目前所有批次的专业都可以看到 end
+
+        //====================调整默认选中的导航栏 start
+        if (this.scoreInfo.batch === '本科A段' || this.scoreInfo.batch === '本科B段') {
+          this.selectForm.batch = this.scoreInfo.batch
+          if (this.scoreInfo.batch === '本科B段'){
+            this.tabIndex2 = 2
+          }
+          this.tabIndex = 1;
+        }else if(this.scoreInfo.batch === '高职高专'){
+          this.tabIndex = 2;
+        } else {
+          for (let i = 0; i < this.tabBars.length; i++) {
+            if (this.tabBars[i].id === this.selectForm.batch) {
+              //选中
+              this.tabIndex = i;
+              break;
+            }
+          }
+        }
+        //=====================调整默认选中的导航栏 end
+      }
+      request.get(ApiConstant.Volunteer.artVolunteerDetail, {id: this.filledVolunteer.volunteerId}).then(res => {
+        if (res.success) {
+          let dataResult = res.result
+          //有数据情况下
+          const volunteerMap = new Map();
+          if (dataResult != null) {
+            // 分数信息
+            ///this.scoreInfo = res.result.userScoreInfo
+            // 处理 已填志愿信息
+            this.filledVolunteer.volunteerId = dataResult.id
+            this.filledVolunteer.volunteerName = dataResult.volunteerName
+            if (true) {
+              let key = ''
+              let indexs = 1
+              //==================================本科 start
+              let volunteerUndergraduateList = dataResult.volunteerRecordUndergraduateList;
+              for (let i = 0; i < volunteerUndergraduateList.length; i++) {
+                key = volunteerUndergraduateList[i].enrollmentCode + "_" + volunteerUndergraduateList[i].majorCode + "_" + volunteerUndergraduateList[i].schoolCode
+                volunteerMap.set(key, volunteerUndergraduateList[i])
+              }
+              indexs = 1;
+              let volunteerUndergraduateList2 = [];
+              while (indexs <= 35) {
+                let record = {actives: false, indexs: indexs}
+                for (let i = 0; i < volunteerUndergraduateList.length; i++) {
+                  if (volunteerUndergraduateList[i].indexs === indexs) {
+                    record = volunteerUndergraduateList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerUndergraduateList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerUndergraduateList = volunteerUndergraduateList2
+              //==================================本科 end
+              //==================================高职高专 start
+              let volunteerJuniorCollegeList = dataResult.volunteerRecordJuniorCollegeList;
+              for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
+                key = volunteerJuniorCollegeList[i].enrollmentCode + "_" + volunteerJuniorCollegeList[i].majorCode + "_" + volunteerJuniorCollegeList[i].schoolCode
+                volunteerMap.set(key, volunteerJuniorCollegeList[i])
+              }
+              indexs = 1;
+              let volunteerJuniorCollegeList2 = [];
+              while (indexs <= 35) {
+                let record = {
+                  actives: false,
+                  indexs: indexs
+                }
+                for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
+                  if (volunteerJuniorCollegeList[i].indexs === indexs) {
+                    record = volunteerJuniorCollegeList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerJuniorCollegeList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerJuniorCollegeList = volunteerJuniorCollegeList2
+            }
+            //==================================高职高专 end
+          } else {
+            this.filledVolunteer.volunteerJuniorCollegeList = []
+            this.filledVolunteer.volunteerUndergraduateList = []
+            this.filledVolunteer.volunteerList = []
+          }
+          this.filledVolunteer.volunteerMap = volunteerMap
+        }
+      }).catch(err => {
+      }).finally(() => {
+        if (e && e === 'load') {
+          this.laodRecommendVolunterList()
+        } else {
+          this.getRecommendVolunteerList()
+        }
+      });
+    },
+    //刷新推荐的志愿列表的志愿填报状态
+    laodRecommendVolunterList() {
+      //判断专业是否已经填报过
+      if (this.filledVolunteer.volunteerMap) {
+        let key = ''
+        let volunteer = {}
+        let recommendVolunteerList = this.recommendVolunteerList
+        if (recommendVolunteerList) {
+          for (let i = 0; i < recommendVolunteerList.length; i++) {
+            key = recommendVolunteerList[i].enrollmentCode + "_" + recommendVolunteerList[i].majorCode + "_" + recommendVolunteerList[i].schoolCode
+            volunteer = this.filledVolunteer.volunteerMap.get(key)
+            if (volunteer != null) {
+              //这个专业已填过
+              recommendVolunteerList[i].volunteerIndexs = volunteer.indexs
+            } else {
+              recommendVolunteerList[i].volunteerIndexs = ''
+            }
+          }
+          this.recommendVolunteerList = recommendVolunteerList
+        }
+      }
+    },
+    //获取推荐志愿列表
+    getRecommendVolunteerList() {
+      this.status = 'loading'
+      let kyjxStrs = ''
+      if (this.selectForm.kyjxList && this.selectForm.kyjxList.length > 0) {
+        kyjxStrs = this.selectForm.kyjxList.join(',')
+      }
+      let tagsStrs = ''
+      if (this.selectForm.tagsList && this.selectForm.tagsList.length > 0) {
+        tagsStrs = this.selectForm.tagsList.join(",")
+      }
+
+      let schoolNatureStrs = ''
+      if (this.selectForm.schoolNatureList && this.selectForm.schoolNatureList.length > 0) {
+        schoolNatureStrs = this.selectForm.schoolNatureList.join(",")
+      }
+      //地区
+      let province = ''
+      if (arrayIsNotEmpty(this.selectForm.addressList)) {
+        province = this.selectForm.addressList.join(",")
+      }
+      //录取方式
+      let rulesEnrollProbability = ''
+      if (arrayIsNotEmpty(this.selectForm.rulesEnrollProbabilityList)) {
+        rulesEnrollProbability = this.selectForm.rulesEnrollProbabilityList.join(",")
+      }
+      let params = {
+        schoolName: this.selectForm.schoolName,//学校名称
+        pageNum: this.page.current,
+        pageSize: (this.vipInfo && this.vipInfo.vipLevel >= 2) ? this.page.pageSize : 3,
+        paneName: this.selectForm.paneName,
+        batch: this.selectForm.batch,
+        province: province,
+        rulesEnrollProbability: rulesEnrollProbability,
+        tagsStrs: tagsStrs,
+        schoolNatureStrs: schoolNatureStrs,
+        kyjxStrs: kyjxStrs,
+        scoreId: this.scoreInfo.id,
+        kslx:this.selectForm.kslx
+      }
+      request.get(ApiConstant.Major.recommendMajorPage, params).then(res => {
+        if (res.success) {
+          let result = res.result
+          let allNumber = result.allNumber
+          this.circle.kcj = this.toPercent(result.kcj, allNumber)//可冲击
+          this.circle.jwt = this.toPercent(result.jwt, allNumber)//较稳妥
+          this.circle.nlq = this.toPercent(result.nan, allNumber)//难录取
+          this.circle.kbd = this.toPercent(result.kbd, allNumber)//可保底
+          this.num.kcj = result.kcj//可冲击
+          this.num.jwt = result.jwt//较稳妥
+          this.num.nlq = result.nan//难录取
+          this.num.kbd = result.kbd//可保底
+          let records = result.pageList.records
+          //判断专业是否已经填报过
+          if (this.filledVolunteer.volunteerMap) {
+            let key = ''
+            let volunteer = {}
+            if (result && records) {
+              for (let i = 0; i < records.length; i++) {
+                key = records[i].enrollmentCode + "_" + records[i].majorCode + "_" + records[i].schoolCode
+                volunteer = this.filledVolunteer.volunteerMap.get(key)
+                if (volunteer != null) {
+                  //这个专业已填过
+                  records[i].volunteerIndexs = volunteer.indexs
+                } else {
+                  records[i].volunteerIndexs = ''
+                }
+              }
+            }
+          }
+
+          this.recommendVolunteerList = [...this.recommendVolunteerList, ...records]
+          if (result.pageList.current >= result.pageList.pages) {
+            this.status = 'noMore'
+          } else {
+            this.status = 'more'
+          }
+
+          //修改分页参数
+          this.page.total = result.pageList.total
+          this.page.current = result.pageList.current
+
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    //计算百分比
+    toPercent(num, total) {
+      return (Math.round(num / total * 10000) / 100.00);// 小数点后两位百分比
+    },
+    clearInput() {
+      this.selectForm.schoolName = ''
+    },
+    switchPane(e) {
+      if (this.selectForm.paneName !== e && (this.vipInfo && this.vipInfo.vipLevel >= 2)) {
+        this.selectForm.paneName = e
+      } else {
+        this.selectForm.paneName = '全部'
+      }
+      this.clearData()
+      this.getRecommendVolunteerList()
+    },
+    clearData() {
+      this.recommendVolunteerList = []
+      this.page.current = 1
+    },
+    checkBao(e) {
+      if (e >= 93) {
+        return ImagesConstant.bao.kebaodi;
+      } else if (e < 93 && e >= 74) {
+        return ImagesConstant.bao.jiaowentuo;
+      } else if (e < 74 && e >= 60) {
+        return ImagesConstant.bao.kechongji;
+      }
+      return ImagesConstant.bao.nanluqu;
+    },
+    checkColorText(e) {
+      if (this.vipInfo && this.vipInfo.vipLevel < 2) {
+        return '#868686';
+      } else if (e >= 93) {
+        return '#3e8e43';
+      } else if (e < 93 && e >= 74) {
+        return '#4975fd';
+      } else if (e < 74 && e >= 60) {
+        return '#F8880E';
+      }
+      return '#c83428';
+    },
+    clickTop() { //回到顶部
+      uni.pageScrollTo({
+        scrollTop: 0,
+        duration: 300
+      });
+    },
+
+    getOtherMajorList() {
+      this.otherMajor.list = []
+      let e = this.otherMajor.nowMajor
+      //判断当前第一个专业是否已选中
+      if (this.filledVolunteer.volunteerMap) {
+        let key = ''
+        let volunteer = {}
+        if (e) {
+          key = e.enrollmentCode + "_" + e.majorCode + "_" + e.schoolCode
+          volunteer = this.filledVolunteer.volunteerMap.get(key)
+          if (volunteer) {
+            this.otherMajor.nowMajor.volunteerIndexs = volunteer.indexs
+          } else {
+            this.otherMajor.nowMajor.volunteerIndexs = ''
+          }
+        }
+      }
+
+      //组装查询参数
+      let params = {
+        schoolCode: e.schoolCode,
+        batch: e.batch,
+        pageSize: this.vipInfo && this.vipInfo.vipLevel >= 2 ? 99 : 3,
+        professionalCategory: this.scoreInfo.professionalCategory,
+        cognitioPolyclinic: this.scoreInfo.cognitioPolyclinic
+      }
+      //当前选中的专业 key
+      let eKey = e.enrollmentCode + "_" + e.majorCode + "_" + e.schoolCode
+      this.otherMajor.status = 'loading'
+      request.get(ApiConstant.Major.recommendSchoolOtherMajor, params, {showLoad: false}).then(res => {
+        console.log('返回值')
+        console.log(res)
+        if (res.success && res.result) {
+          let records = res.result.list
+          //判断专业是否已经填报过
+          if (this.filledVolunteer.volunteerMap) {
+            let key = ''
+            let volunteer = {}
+            let list = []
+            if (records) {
+              for (let i = 0; i < records.length; i++) {
+                key = records[i].enrollmentCode + "_" + records[i].majorCode + "_" + records[i].schoolCode
+                if (eKey === key) {
+                  continue
+                }
+                volunteer = this.filledVolunteer.volunteerMap.get(key)
+                if (volunteer != null) {
+                  //这个专业已填过
+                  records[i].volunteerIndexs = volunteer.indexs
+                } else {
+                  records[i].volunteerIndexs = ''
+                }
+                list.push(records[i])
+              }
+            }
+            this.otherMajor.list = [...this.otherMajor.list, ...list]
+          }
+        }
+      }).catch(err => {
+      }).finally(() => {
+        this.otherMajor.status = 'noMore'
+      });
+    },
+    //打开选择其他专业
+    onOtherMajorOpen(e) {
+      this.otherMajor.nowMajor = {...e}
+      this.otherMajor.schoolName = e.schoolName
+      this.otherMajor.visible = true
+      this.getOtherMajorList()
+    },
+    onOtherMajorClose() {
+      this.otherMajor.visible = false
+    },
+    checkVip() {
+      if (!this.vipInfo || !this.vipInfo.vipFlag || this.vipInfo.vipLevel < 2) {
+        uni.showModal({
+          title: 'VIP专享',
+          // 提示文字
+          content: '该功能为增值内容，开通会员后即可免费查看！',
+          // 取消按钮的文字自定义
+          cancelText: "取消",
+          // 确认按钮的文字自定义
+          confirmText: "开通服务",
+          //删除字体的颜色
+          confirmColor: 'red',
+          //取消字体的颜色
+          cancelColor: '#dddddd',
+          success: function (res) {
+            if (res.confirm) {
+              // 执行确认后的操作
+              that.goto('/pages/zyb/vip/index')
+            }
+          }
+        })
+        return
+      }
+    }
+  },
+  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
+    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
+    this.topFlag = e.scrollTop > 600;
+  }
+}
+</script>
+
+<template>
+  <view class="divider"/>
+  <view class="backcolorwhite">
+    <view class="header">
+      <view class="search-view">
+        <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
+          <view style="width: 90%">
+            <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校" v-model="selectForm.schoolName"
+                            @clear="clearInput" cancelButton="none" @confirm="search"/>
+          </view>
+          <view style="width: 10%;line-height: 100rpx">
+            <text @click="search">搜索</text>
+          </view>
+        </view>
+        <le-dropdown
+            v-model:menuList="menuList"
+            themeColor="#3d76fd"
+            :duration="200"
+            :isCeiling="true"
+            @onConfirm="onConfirm"
+            @onChange="onChange"></le-dropdown>
+      </view>
+    </view>
+    <view class="divider"/>
+    <!--我的成绩 卡片-->
+    <view class="uni-flex uni-row">
+      <view class="score-card">
+        <view class="uni-flex uni-row flex">
+          <view class="flex-item-8">
+            <text style="font-size: 50rpx">我的成绩</text>
+          </view>
+          <view class="flex-item-2" @click="goto('/pages/zyb/score/edit?scoreId='+this.scoreInfo.id)">
+            <image :src="ImagesConstant.edit" class="icon50 float-right" style="line-height: 50rpx"/>
+          </view>
+        </view>
+
+        <view class="text-list">
+          <text class="t">省份：{{ scoreInfo.province }}</text>
+          <text class="t">选科：{{ scoreInfo.cognitioPolyclinic }}</text>
+          <text class="t">类别：{{ scoreInfo.professionalCategory }}</text>
+        </view>
+        <view class="text-list">
+          <text class="t">文化成绩：{{ scoreInfo.culturalScore }}</text>
+          <text class="t">{{ scoreInfo.professionalCategory === '音乐类' ? '主项成绩' : '统考成绩' }}：{{
+              scoreInfo.professionalScore
+            }}
+          </text>
+        </view>
+        <view class="text-list" v-if="scoreInfo">
+          <text class="t" v-if="scoreInfo.yybysy && scoreInfo.yybysy!==0">音乐表演声乐：{{ scoreInfo.yybysy }}</text>
+          <text class="t" v-if="scoreInfo.yybyqy && scoreInfo.yybyqy!==0">音乐表演器乐：{{ scoreInfo.yybyqy }}</text>
+          <text class="t" v-if="scoreInfo.yyjy && scoreInfo.yyjy!==0">音乐教育：{{ scoreInfo.yyjy }}</text>
+          <text class="t" v-if="scoreInfo.fzby && scoreInfo.fzby!==0">服装表演：{{ scoreInfo.fzby }}</text>
+          <text class="t" v-if="scoreInfo.xjysdy && scoreInfo.xjysdy!==0">戏剧影视导演：{{ scoreInfo.xjysdy }}</text>
+          <text class="t" v-if="scoreInfo.xjysby && scoreInfo.xjysby!==0">戏剧影视表演：{{ scoreInfo.xjysby }}</text>
+        </view>
+      </view>
+    </view>
+    <!--通告栏-->
+    <!--    <view style="padding: 0 10rpx">
+          <uni-notice-bar show-icon text="有关2024年全国艺考省份政策及数据说明"
+                          @click="goto('/pages/zyb/other/web-view?url=https://yitisheng.vip/wxSJIRHyQUBA/zkzc.html')"/>
+        </view>-->
+    <!--导航栏-->
+    <view class="tabs">
+      <scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false"
+                   :scroll-into-view="scrollInto">
+        <view v-for="(tab,index) in tabBars" :key="tab.id" class="uni-tab-item" :id="tab.id" :data-current="index"
+              @click="ontabtap">
+          <text class="uni-tab-item-title" :class="tabIndex===index ? 'uni-tab-item-title-active' : ''">{{ tab.name }}
+          </text>
+        </view>
+      </scroll-view>
+      <scroll-view id="tab-bar" class="scroll-h border-top" :scroll-x="true" :show-scrollbar="false"
+                   :scroll-into-view="scrollInto"  v-if="tabBars[tabIndex] && tabBars[tabIndex].childrenTabBars">
+        <view v-for="(tab,index) in tabBars[tabIndex].childrenTabBars" :key="tab.id" class="uni-tab-item2" :id="tab.id"
+              :data-current="index"
+              @click="ontabtap2">
+          <text class="uni-tab-item-title" :class="tabIndex2===index ? 'uni-tab-item-title-active' : ''">{{ tab.name }}
+          </text>
+        </view>
+      </scroll-view>
+      <view class="uni-flex uni-row flex border-top" style="padding: 20rpx 0 10rpx 0" v-if="selectForm.kslx==='统考'">
+        <view class="flex-item-05"></view>
+        <view class="flex-item-2" v-if="num.nlq!==0" @click="switchPane('难录取')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2)?circle.nlq:0" size="130rpx"
+                    strokeColor="#c83428">
+            <view class="centerTxt">
+              <view class="num">
+                {{ vipInfo && vipInfo.vipLevel >= 2 ? num.nlq : '??' }}
+              </view>
+              <view class="txt" :class="selectForm.paneName==='难录取'?'red':''">难录取</view>
+            </view>
+          </l-circle>
+        </view>
+        <view class="flex-item-05" v-if="num.kcj!==0"></view>
+        <view class="flex-item-2" v-if="num.kcj!==0" @click="switchPane('可冲击')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2)?circle.kcj:0" size="130rpx"
+                    strokeColor="#F8880E">
+            <view class="centerTxt">
+              <view class="num">
+                {{ vipInfo && vipInfo.vipLevel >= 2 ? num.kcj : '??' }}
+              </view>
+              <view class="txt" :class="selectForm.paneName==='可冲击'?'redOrange2':''">可冲击</view>
+            </view>
+          </l-circle>
+        </view>
+        <view class="flex-item-05" v-if="num.jwt!==0"></view>
+        <view class="flex-item-2" v-if="num.jwt!==0" @click="switchPane('较稳妥')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2) ?circle.jwt:0" size="130rpx"
+                    strokeColor="#4975fd">
+            <view class="centerTxt">
+              <view class="num">
+                {{ (vipInfo && vipInfo.vipLevel >= 2) ? num.jwt : '??' }}
+              </view>
+              <view class="txt" :class="selectForm.paneName==='较稳妥'?'blue':''">较稳妥</view>
+            </view>
+          </l-circle>
+        </view>
+        <view class="flex-item-05" v-if="num.kbd!==0"></view>
+        <view class="flex-item-2" v-if="num.kbd!==0" @click="switchPane('可保底')">
+          <l-circle v-model:current="modelVale" :percent="(vipInfo && vipInfo.vipLevel>=2) ?circle.kbd:0" size="130rpx"
+                    strokeColor="#3e8e43">
+            <view class="centerTxt">
+              <view class="num">
+                {{ (vipInfo && vipInfo.vipLevel >= 2) ? num.kbd : '??' }}
+              </view>
+              <view class="txt" :class="selectForm.paneName==='可保底'?'green':''">可保底</view>
+            </view>
+          </l-circle>
+        </view>
+        <view class="flex-item-05"></view>
+      </view>
+    </view>
+  </view>
+  <page-head title="当前为系统模拟计划，请注意辨别"></page-head>
+  <!--推荐列表-->
+  <view class="fillVolunteer">
+    <view class="volunteerItem radius8" v-for="(item,index) in recommendVolunteerList" :key="index">
+      <!--院校信息-->
+      <view class="flex" @click="goto('/pages/zyb/school/detail?schoolCode='+item.schoolCode)">
+        <!--院校图片-->
+        <view class="flex-item-22">
+          <image :src="item.schoolIcon||ImagesConstant.defaultIcon" class="icon128"/>
+        </view>
+        <!--院校代码-->
+        <view class="flex-item-77">
+          <view class="flex slateGray">
+            <text class="flex-item-4">院校代码[{{ item.schoolCode }}]</text>
+            <text class="flex-item-25">{{ item.province }}</text>
+            <view class="flex-item-35" v-if="selectForm.kslx==='统考'">
+              <view style="float: right;line-height: 50rpx;" class="font-weight-600">
+                <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
+                  {{ vipInfo && vipInfo.vipLevel >= 2 ? item.enrollProbability : '??' }}%
+                </text>
+                <image :src="checkBao(item.enrollProbability)" class="icon50" v-if="vipInfo && vipInfo.vipLevel>=2"/>
+              </view>
+            </view>
+          </view>
+          <view class="flex">
+            <text class="font-size-medium">{{ item.schoolName }}</text>
+          </view>
+          <view class="flex tags slateGray">
+            <text class="tag" v-for="t in item.tagsList" :key="t">
+              {{ t }}
+            </text>
+          </view>
+          <view class="flex">
+            <view class="flex-item-65 slateGray" style="line-height: 50rpx">
+              <text class="tag">[{{ item.enrollmentCode }}]{{ item.majorName }}</text>
+              <text v-if="item.limitation">{{ item.majorDetail }}</text>
+              <text class="margin-left-10">
+                <text class="tag" v-if="item.otherScoreLimitation && item.otherScoreLimitation!==''">
+                  {{ item.otherScoreLimitation }}
+                </text>
+              </text>
+
+            </view>
+            <view class="flex-item-35">
+              <view style="float: right;line-height: 50rpx;" class="font-weight-600"
+                    v-if="item.privateStudentScore && vipInfo && vipInfo.vipLevel >= 2">
+                <text>计算分</text>
+                <text class="font-size-mini margin-left-10" :style="'color:'+checkColorText(item.enrollProbability)">
+                  {{ item.privateStudentScore }}
+                </text>
+              </view>
+              <view style="float: right;line-height: 50rpx;" class="font-weight-600" v-if="item.studentScore">
+                <text>折合分</text>
+                <text class="font-size-mini margin-left-10" :style="'color:'+checkColorText(item.enrollProbability)">
+                  {{ item.studentScore }}
+                </text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <!---->
+      </view>
+      <!--招录信息-->
+      <view class="flex font-size-mini">
+        <view class="flex-item-5" style="line-height: 40rpx">
+          <view v-for="(history,h) in item.historyMajorEnrollList" :key="h">
+            <text>{{ history.year }}年录取最低分：</text>
+            <text class="red">{{ history.admissionLine }}分</text>
+          </view>
+        </view>
+        <view class="flex-item-5" style="line-height: 40rpx">
+          <view class="flex" style="float: right">
+            <text>{{ StaticConstant.year }}省内计划录取：</text>
+            <text v-if="item.planNum" class="green font-weight-600">{{ item.planNum }}人</text>
+            <text v-else class="green">暂未发布</text>
+          </view>
+        </view>
+      </view>
+      <view class="flex" style="line-height: 50rpx">
+        <view class="flex-item-7">
+          <text>{{ StaticConstant.year }}录取方式:</text>
+          <text v-if="item.rulesEnrollProbability" class="blue">{{ item.rulesEnrollProbability }}</text>
+          <text v-else class="blue">暂未发布</text>
+        </view>
+        <view class="flex-item-3">
+          <view :class="item.volunteerIndexs?'volunteer-item-active':''" class="otherMajorBtn radius8"
+                @click="onOtherMajorOpen(item)">
+            <text>查看可选专业</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="container" @click="loadMore" v-if="userInfo.vipFlag">
+      <uni-load-more :status="status" :content-text="contentText"/>
+    </view>1
+  </view>
+  <!--其他专业-->
+  <px-popup-bottom :background="'#ffffff'" :color="'black'" :visible.sync="otherMajor.visible" title=""
+                   maxHeight="1200" radius="40" @close="onOtherMajorClose">
+    <view class="flexWrap" style="height: 50rpx;line-height: 50rpx">
+      <view class="flex-item-8">
+        <text class="darkGray font-weight-550">{{ otherMajor.schoolName }}</text>
+      </view>
+      <view class="flex-item-2">
+        <image @click="onOtherMajorClose" :src="ImagesConstant.close" class="icon32 float-right"
+               style="position: relative;top: 5rpx"/>
+      </view>
+    </view>
+    <view class="fillVolunteer" style="padding: 0">
+      <scroll-view scroll-y="true" style="height: 800rpx;margin-top: 30rpx">
+        <!--选择的专业-->
+        <view class="volunteerItem radius15" style="background-color: #f9f9fb;padding: 20rpx 20rpx"
+              v-if="otherMajor.nowMajor">
+          <view class="flexWrap" @click="goto('/pages/zyb/school/detail?schoolCode='+otherMajor.nowMajor.schoolCode)">
+            <view class="flex-item-10 flexWrap">
+              <view class="flex-item-65 font-weight-b" style="line-height: 50rpx">
+                <text class="">[{{ otherMajor.nowMajor.enrollmentCode }}]{{ otherMajor.nowMajor.majorName }}</text>
+                <text v-if="otherMajor.nowMajor.majorDetail">{{ otherMajor.nowMajor.majorDetail }}</text>
+                <!--                <text v-if="otherMajor.nowMajor.limitation">({{otherMajor.nowMajor.limitation}})</text>-->
+                <text class="margin-left-10">
+                  <text class="tag"
+                        v-if="otherMajor.nowMajor.otherScoreLimitation && otherMajor.nowMajor.otherScoreLimitation!==''">
+                    {{ otherMajor.nowMajor.otherScoreLimitation }}
+                  </text>
+                </text>
+              </view>
+              <view class="flex-item-35">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600" v-if="selectForm.kslx==='统考'">
+                  <text class="font-size-mini" :style="'color:'+checkColorText(otherMajor.nowMajor.enrollProbability)">
+                    {{ (vipInfo && vipInfo.vipLevel >= 2) ? otherMajor.nowMajor.enrollProbability : '??' }}%
+                  </text>
+                  <image :src="checkBao(otherMajor.nowMajor.enrollProbability)" class="icon50"
+                         v-if="(vipInfo&&vipInfo.vipLevel>=2)"/>
+                </view>
+              </view>
+            </view>
+          </view>
+          <!--招录信息-->
+          <view class="flex font-size-mini">
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view v-for="(history,h) in otherMajor.nowMajor.historyMajorEnrollList" :key="h">
+                <text>{{ history.year }}年录取最低分：</text>
+                <text class="red">{{ history.admissionLine }}分</text>
+              </view>
+            </view>
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view class="flex" style="float: right">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600"
+                      v-if="otherMajor.nowMajor.studentConvertedScore">
+                  <text>折合分</text>
+                  <text class="font-size-mini margin-left-10"
+                        :style="'color:'+checkColorText(otherMajor.nowMajor.enrollProbability)">
+                    {{ (vipInfo && vipInfo.vipLevel >= 2) ? otherMajor.nowMajor.studentConvertedScore : '??' }}
+                  </text>
+                </view>
+              </view>
+              <view class="flex" style="float: right">
+                <text>{{ StaticConstant.year }}省内计划录取：</text>
+                <text v-if="otherMajor.nowMajor.planNum" class="green font-weight-600">{{
+                    otherMajor.nowMajor.planNum
+                  }}人
+                </text>
+                <text v-else class="green">暂未发布</text>
+              </view>
+            </view>
+          </view>
+          <view class="flex" style="line-height: 50rpx">
+            <view class="flex-item-7">
+              <text>{{ StaticConstant.year }}录取方式:</text>
+              <text v-if="otherMajor.nowMajor.rulesEnrollProbability" class="blue">
+                {{ otherMajor.nowMajor.rulesEnrollProbability }}
+              </text>
+              <text v-else class="blue">暂未发布</text>
+            </view>
+            <view class="flex-item-3" v-if="otherMajor.nowMajor.enrollProbability">
+              <view class="radius10 font-weight-b" @click="saveVolunteer(otherMajor.nowMajor)"
+                    :class="otherMajor.nowMajor.volunteerIndexs?'volunteerIndexs':'saveVolunteer'">
+                <image :src="otherMajor.nowMajor.volunteerIndexs?ImagesConstant.duigou_orange:ImagesConstant.add_orange"
+                       class="icon32"/>
+                <text>{{
+                    otherMajor.nowMajor.volunteerIndexs ? '志愿' + otherMajor.nowMajor.volunteerIndexs : '加入志愿表'
+                  }}
+                </text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="border-top marginTopBot20">
+          <text class="font-weight-b font-size-mini" style="line-height: 50rpx">*该组其他概率专业</text>
+        </view>
+        <!--院校下其他的专业-->
+        <view class="volunteerItem radius15" style="background-color: #f9f9fb;padding: 20rpx 20rpx"
+              v-for="(item,index) in otherMajor.list" :key="index"
+              :class="index === otherMajor.list.length?'':'border-bottom'">
+          <view class="flexWrap" @click="goto('/pages/zyb/school/detail?schoolCode='+item.schoolCode)">
+            <view class="flex-item-10 flexWrap">
+              <view class="flex-item-65 font-weight-b" style="line-height: 50rpx">
+                <text class="">[{{ item.enrollmentCode }}]{{ item.majorName }}</text>
+                <text v-if="item.majorDetail">{{ item.majorDetail }}</text>
+                <!--                <text v-if="item.limitation">({{item.limitation}})</text>-->
+                <text class="margin-left-10">
+                  <text class="tag" v-if="item.otherScoreLimitation && item.otherScoreLimitation!==''">
+                    {{ item.otherScoreLimitation }}分
+                  </text>
+                </text>
+              </view>
+              <view class="flex-item-35">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600" v-if="selectForm.kslx==='统考'">
+                  <text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
+                    {{ (vipInfo && vipInfo.vipLevel >= 2) ? item.enrollProbability : '??' }}%
+                  </text>
+                  <image :src="checkBao(item.enrollProbability)" class="icon50" v-if="vipInfo&&vipInfo.vipLevel>=2"/>
+                </view>
+              </view>
+            </view>
+          </view>
+          <!--招录信息-->
+          <view class="flex font-size-mini">
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view v-for="(history,h) in item.historyMajorEnrollList" :key="h">
+                <text>{{ history.year }}年录取最低分：</text>
+                <text class="red">{{ history.admissionLine }}分</text>
+              </view>
+            </view>
+            <view class="flex-item-5" style="line-height: 40rpx">
+              <view class="flex" style="float: right">
+                <view style="float: right;line-height: 50rpx;" class="font-weight-600"
+                      v-if="item.studentConvertedScore">
+                  <text>折合分</text>
+                  <text class="font-size-mini margin-left-10" :style="'color:'+checkColorText(item.enrollProbability)">
+                    {{ vipInfo && vipInfo.vipLevel >= 2 ? item.studentConvertedScore : '??' }}
+                  </text>
+                </view>
+              </view>
+              <view class="flex" style="float: right">
+                <text>{{ StaticConstant.year }}省内计划录取：</text>
+                <text v-if="item.planNum" class="green font-weight-600">{{ item.planNum }}人</text>
+                <text v-else class="green">暂未发布</text>
+              </view>
+            </view>
+          </view>
+          <view class="flex" style="line-height: 50rpx">
+            <view class="flex-item-7">
+              <text>{{ StaticConstant.year }}录取方式:</text>
+              <text v-if="item.rulesEnrollProbability" class="blue">{{ item.rulesEnrollProbability }}</text>
+              <text v-else class="blue">暂未发布</text>
+            </view>
+            <view class="flex-item-3" v-if="item.enrollProbability">
+              <view class="radius10 font-weight-b" @click="saveVolunteer(item)"
+                    :class="item.volunteerIndexs?'volunteerIndexs':'saveVolunteer'">
+                <image :src="item.volunteerIndexs?ImagesConstant.duigou_orange:ImagesConstant.add_orange"
+                       class="icon32"/>
+                <text>{{ item.volunteerIndexs ? '志愿' + item.volunteerIndexs : '加入志愿表' }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <uni-load-more :status="otherMajor.status" :content-text="contentText"/>
+      </scroll-view>
+    </view>
+  </px-popup-bottom>
+  <view v-if="recommendVolunteerList && recommendVolunteerList.length>0">
+    <my-checkvip :vip-flag="(vipInfo && vipInfo.vipLevel>=2)"/>
+  </view>
+  <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
+    <uni-icons class="topc" type="arrowthinup" size="40" @click="clickTop"></uni-icons>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.uni-mt-10 {
+  margin-top: 10px;
+}
+
+.divider {
+  background: #f5f5f5;
+  width: 100%;
+  height: 3rpx;
+}
+
+.backcolorwhite {
+  background-color: white !important;
+}
+
+:deep(.common-page-head) {
+  padding: 10rpx !important;
+}
+
+/*重置 uni-data-picker样式*/
+:deep(.uni-data-tree) {
+  .placeholder {
+    color: black !important;
+    font-size: 14px !important;
+  }
+
+  .selected-item .text-color {
+    color: black !important;
+    font-size: 14px !important;
+  }
+
+  .input-value-border {
+    border: none !important;
+  }
+}
+
+/*成绩卡片*/
+.score-card {
+  background-color: #5478fb;
+  color: white;
+  width: 100%;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin: 10rpx;
+}
+
+
+.text-list {
+  margin-top: 15rpx;
+  margin-bottom: 10rpx;
+
+  .t {
+    line-height: 20rpx;
+    margin-right: 15rpx;
+  }
+}
+
+
+/*导航栏部分 start*/
+.tabs {
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  background-color: #ffffff;
+  /* #ifndef APP-PLUS */
+  /*height: 100vh;*/
+  /* #endif */
+
+  .scroll-h {
+    /*width: 750rpx;*/
+    /* #ifdef H5 */
+    width: 100%;
+    /* #endif */
+    height: 80rpx;
+    flex-direction: row;
+    /* #ifndef APP-PLUS */
+    white-space: nowrap;
+    /* #endif */
+    /* flex-wrap: nowrap; */
+    /* border-color: #cccccc;
+  border-bottom-style: solid;
+  border-bottom-width: 1px; */
+  }
+
+  .line-h {
+    height: 1rpx;
+    background-color: #cccccc;
+  }
+
+  .uni-tab-item {
+    /* #ifndef APP-PLUS */
+    display: inline-block;
+    /* #endif */
+    flex-wrap: nowrap;
+    padding-left: 34rpx;
+    padding-right: 34rpx;
+  }
+
+  .uni-tab-item2{
+    /* #ifndef APP-PLUS */
+    display: inline-block;
+    /* #endif */
+    flex-wrap: nowrap;
+    padding-left: 50rpx;
+    padding-right: 50rpx;
+  }
+
+
+  .uni-tab-item-title {
+    color: #555;
+    font-size: 30rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    flex-wrap: nowrap;
+    /* #ifndef APP-PLUS */
+    white-space: nowrap;
+    /* #endif */
+  }
+
+  .uni-tab-item-title-active {
+    color: #007AFF;
+  }
+
+  .swiper-box {
+    flex: 1;
+  }
+
+  .swiper-item {
+    flex: 1;
+    flex-direction: row;
+  }
+
+  .scroll-v {
+    flex: 1;
+    /* #ifndef MP-ALIPAY */
+    flex-direction: column;
+    /* #endif */
+    /*width: 750rpx;*/
+    width: 100%;
+  }
+
+  .update-tips {
+    position: absolute;
+    left: 0;
+    top: 41px;
+    right: 0;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: #FDDD9B;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .update-tips-text {
+    font-size: 14px;
+    color: #ffffff;
+  }
+
+  .refresh {
+    /*width: 750rpx;*/
+    width: 100%;
+    height: 64px;
+    justify-content: center;
+  }
+
+  .refresh-view {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .refresh-icon {
+    width: 30px;
+    height: 30px;
+    transition-duration: .5s;
+    transition-property: transform;
+    transform: rotate(0deg);
+    transform-origin: 15px 15px;
+  }
+
+  .refresh-icon-active {
+    transform: rotate(180deg);
+  }
+
+  .loading-icon {
+    width: 20px;
+    height: 20px;
+    margin-right: 5px;
+    color: #999999;
+  }
+
+  .loading-text {
+    margin-left: 2px;
+    font-size: 16px;
+    color: #999999;
+  }
+
+  .loading-more {
+    align-items: center;
+    justify-content: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    text-align: center;
+  }
+
+  .loading-more-text {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+/*导航栏部分 end*/
+
+/*分页按钮*/
+:deep(.uni-pagination__num) {
+  flex: none !important;
+}
+
+
+.btn-flex {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.button {
+  margin: 20px;
+  width: 150px;
+  font-size: 14px;
+  color: #333;
+}
+
+
+/*顶部*/
+.header {
+  border-top: 3rpx solid #f6f6f6;
+  background-color: white;
+  //min-height: 500rpx;
+  //搜索栏
+  .search-view {
+    width: 95%;
+    margin: 0 auto;
+    border-bottom: 3rpx solid #f6f6f6;
+  }
+}
+
+/*搜索栏*/
+:deep(.uni-searchbar) {
+  padding: 15rpx 10rpx !important;
+}
+
+/*圆环进度条内字体 start*/
+.progressBox {
+  position: relative;
+  width: 168rpx;
+  height: 168rpx;
+  margin-top: 33rpx;
+}
+
+.centerTxt {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100rpx;
+  height: 80rpx;
+  margin: 10rpx auto 0 auto;
+  text-align: center;
+
+  .num {
+    font-size: 30rpx;
+    font-family: Arial, serif;
+    font-weight: bold;
+    color: #38393A;
+  }
+
+  .txt {
+    font-size: 22rpx;
+    font-family: PingFang SC;
+    font-weight: 400;
+    color: #8A8B8B;
+  }
+
+}
+
+/*圆环进度条内字体 end*/
+
+.tcenter {
+  text-align: center;
+}
+
+.circle-active {
+  /*border-bottom: 1rpx solid #3d76fd;*/
+  color: #3d76fd !important;
+}
+
+
+/*推荐志愿列表 start*/
+
+.fillVolunteer {
+  /*padding:0 30rpx 10rpx 30rpx;*/
+  .volunteerItem {
+    background-color: white;
+    padding: 30rpx;
+    margin: 10rpx 0;
+    /*院校标签*/
+    .tags {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+
+    .tags .tag {
+      margin-top: 10rpx;
+      margin-right: 10px;
+      font-size: 13px;
+      line-height: 30rpx;
+      color: #acadba;
+      border: 3rpx solid #acadba;
+      border-radius: 8rpx;
+      padding: 5rpx;
+    }
+  }
+}
+
+//其他专业按钮
+.otherMajorBtn {
+  color: #f96543;
+  border: 1rpx solid #f96543;
+  padding: 10rpx 10rpx;
+  text-align: center;
+}
+
+.volunteer-item-active {
+  background-color: #fef4f4;
+}
+
+
+.volunteerIndexs {
+  color: #f96543;
+  background-color: #fef3ec;
+  border: 1rpx solid #f96543;
+  padding: 10rpx 10rpx;
+}
+
+.saveVolunteer {
+  color: #f96543;
+  border: 1rpx solid #f96543;
+  padding: 10rpx 10rpx;
+}
+
+/*推荐志愿列表 end*/
+
+:deep(.uni-noticebar) {
+  margin-top: 10rpx;
+}
+
+/* 回到顶部 start*/
+.top {
+  position: relative;
+  display: none; /* 先将元素隐藏 */
+  transition: 0.5s;
+}
+
+.topc {
+  position: fixed;
+  right: 10rpx;
+  //background: #F0F0F0;
+  background: #e1e1e1;
+  border-radius: 50%;
+  top: 80%;
+  height: 40px;
+  line-height: 40px;
+}
+
+/* 回到顶部 end*/
+
+scroll-view ::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+
+</style>
diff --git a/pages/zyb/fillVolunteer/my-detail.vue b/pages/zyb/fillVolunteer/my-detail.vue
new file mode 100644
index 0000000..3fe90bf
--- /dev/null
+++ b/pages/zyb/fillVolunteer/my-detail.vue
@@ -0,0 +1,938 @@
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import ImagesConstant from "@/common/ImagesConstant";
+import {stringIsNotEmpty} from "@/common/util";
+
+let request = new Request()
+// 缓存每页最多
+const MAX_CACHE_DATA = 100;
+// 缓存页签数量
+const MAX_CACHE_PAGE = 3;
+export default {
+  name: "我的志愿明细",
+  computed: {
+    ImagesConstant() {
+      return ImagesConstant
+    }
+  },
+  data() {
+    return {
+      paneFlag: false,
+      scoreStatus: true,
+      moveVolunteer: {
+        batch: '',//移动的批次
+        indexs: '',
+        volunteerId: ''
+      },
+      volunteerId: '',//志愿id
+      volunteerName: '',//志愿单名称
+      topBackShow: true,//显示回到顶部
+      selectForm: {
+        address: '',
+        schoolName: '',
+        paneName: '全部',
+        batch: '',
+      },
+      scoreInfo: {},//成绩信息
+      volunteerInfo: {},//志愿单信息
+      tabIndex: 0,//导航栏选中的下标
+      scrollInto: "",
+      newsList: [],
+      cacheTab: [],
+      filledVolunteer: {
+        volunteerRecordEarlyAdmissionNum:0,
+        volunteerUndergraduateANum:0,
+        volunteerUndergraduateBNum:0,
+        volunteerUndergraduateNum:0,
+        volunteerJuniorCollegeNum:0,
+        volunteerEarlyAdmissionList: [],//本科提前批
+        volunteerUndergraduateAList: [],//本科A段
+        volunteerUndergraduateBList: [],//本科B段
+        volunteerUndergraduateList: [],//体育本科
+        volunteerJuniorCollegeList: [],//高职高专
+        volunteerMap: new Map()
+      },//已填志愿信息
+      years: StaticConstant.years,
+      nowYear: StaticConstant.year,
+      allCollapseItemList: [
+        {batchLabel: '提前批', batch: '提前批', type: '顺序志愿', max: 1, status: false},
+        {batchLabel: '本科批', batch: '本科批', type: '平行志愿', max: 35, status: false},
+        {batchLabel: '高职高专', batch: '高职高专', type: '平行志愿', max: 35, status: false},
+      ],
+      collapseItemList: []
+    }
+  },
+  onShow() {
+    //
+    let userInfo = uni.getStorageSync('userInfo')
+    if (userInfo) {
+      //有登录状态
+      this.userStatus = true
+      //判断是否有成绩信息
+      /*this.scoreInfo = uni.getStorageSync('scoreInfo')
+      if (this.scoreInfo === undefined || this.scoreInfo === null || this.scoreInfo === '') {
+        //缓存中没有成绩，后端接口获取成绩
+        request.getUserScore()
+        this.scoreInfo = uni.getStorageSync('scoreInfo')
+        if (!this.scoreInfo) {
+          this.scoreStatus = false
+          //后端接口没有返回成绩，则跳转到修改成绩界面
+        }
+      }*/
+    } else {
+      //没有登录，跳转到登录页
+      this.goto('/pages/zyb/login')
+      return
+    }
+    if (stringIsNotEmpty(this.volunteerId)) {
+      this.getFilledVolunteerList()
+    }
+    /*//有成绩信息，且成绩中返回了志愿单信息
+    if (this.scoreInfo && this.scoreInfo.volunteer) {
+      this.volunteerId = this.scoreInfo.volunteer.id
+    }*/
+  },
+  onLoad(e) {
+    if (e.volunteerId) {
+      //从志愿列表进来
+      this.volunteerId = e.volunteerId;
+    }
+    if (stringIsNotEmpty(this.volunteerId)) {
+      this.getFilledVolunteerList()
+    }
+
+  },
+  methods: {
+    goto(url) {
+      uni.navigateTo({url: url})
+    },
+    gotoSchool(e) {
+      this.goto('/pages/zyb/school/detail?schoolCode=' + e)
+    },
+    topBack() {
+      uni.pageScrollTo({
+        scrollTop: 0,   // 滚动到页面的目标位置  这个是滚动到顶部, 0
+        duration: 300  // 滚动动画的时长
+      })
+    },
+    clearTabData(e) {
+      this.newsList[e].data.length = 0;
+      this.newsList[e].loadingText = "加载更多...";
+    },
+
+    /*获取已填报志愿数据*/
+    getFilledVolunteerList() {
+      request.get(ApiConstant.Volunteer.artVolunteerDetail, {id: this.volunteerId}).then(res => {
+        if (res.success) {
+          let dataResult = res.result
+          //有数据情况下
+          const volunteerMap = new Map();
+          if (dataResult != null) {
+            this.volunteerId = dataResult.id
+            this.volunteerInfo = dataResult
+            this.scoreInfo = dataResult.userScoreInfo
+            //如果当前专业是体育，更改展开栏
+            if (this.scoreInfo.professionalCategory === '体育类') {
+              this.allCollapseItemList = [
+                {batchLabel: '本科批', batch: '本科批', type: '平行志愿', max: 35, status: false},
+                {batchLabel: '高职高专', batch: '高职高专', type: '平行志愿', max: 35, status: false},
+              ]
+            }
+            if (this.scoreInfo.batch) {
+              this.paneFlag = true
+              this.selectForm.batch = this.scoreInfo.batch
+              let allCollapseItemList = this.allCollapseItemList
+              let collapseItemList = []
+              //调整 当前成绩批次可以看到的导航栏
+              for (let i = 0; i < allCollapseItemList.length; i++) {
+                if (this.scoreInfo.batch === '高职高专') {
+                  if (allCollapseItemList[i].batch === '本科批') {
+                    continue
+                  }
+                }
+                collapseItemList.push(allCollapseItemList[i])
+                this.collapseItemList = collapseItemList
+              }
+            }
+            let key = ''
+            let volunteer = {indexStr: 0}
+            let indexs = 1;
+            if (true) {
+              //==================================提前批 start
+              let volunteerRecordEarlyAdmissionList = dataResult.volunteerRecordEarlyAdmissionList;
+              this.filledVolunteer.volunteerRecordEarlyAdmissionNum = volunteerRecordEarlyAdmissionList.length;
+              for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
+                key = volunteerRecordEarlyAdmissionList[i].majorCode + volunteerRecordEarlyAdmissionList[i].schoolCode
+                volunteer = volunteerRecordEarlyAdmissionList[i]
+                volunteerMap.set(key, volunteerRecordEarlyAdmissionList[i])
+              }
+              let volunteerRecordEarlyAdmissionList2 = [];
+              while (indexs <= 1) {
+                let record = {
+                  actives: false,
+                  indexs: indexs
+                }
+                for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
+                  if (volunteerRecordEarlyAdmissionList[i].indexs === indexs) {
+                    record = volunteerRecordEarlyAdmissionList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerRecordEarlyAdmissionList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerEarlyAdmissionList = volunteerRecordEarlyAdmissionList2
+              //==================================提前批 end
+              //==================================本科 start
+              let volunteerUndergraduateList = dataResult.volunteerRecordUndergraduateList;
+              this.filledVolunteer.volunteerUndergraduateNum = volunteerUndergraduateList.length;
+              console.log('//==================================本科 start')
+              console.log(volunteerUndergraduateList)
+              for (let i = 0; i < volunteerUndergraduateList.length; i++) {
+                key = volunteerUndergraduateList[i].majorCode + volunteerUndergraduateList[i].schoolCode
+                volunteerMap.set(key, volunteerUndergraduateList[i])
+              }
+              indexs = 1;
+              let volunteerUndergraduateList2 = [];
+              while (indexs <= 35) {
+                let record = {actives: false, indexs: indexs}
+                for (let i = 0; i < volunteerUndergraduateList.length; i++) {
+                  if (volunteerUndergraduateList[i].indexs === indexs) {
+                    record = volunteerUndergraduateList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerUndergraduateList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerUndergraduateList = volunteerUndergraduateList2
+              //==================================本科 end
+              //==================================高职高专 start
+              let volunteerJuniorCollegeList = dataResult.volunteerRecordJuniorCollegeList;
+              this.filledVolunteer.volunteerJuniorCollegeNum = volunteerJuniorCollegeList.length;
+              for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
+                key = volunteerJuniorCollegeList[i].majorCode + volunteerJuniorCollegeList[i].schoolCode
+                volunteerMap.set(key, volunteerJuniorCollegeList[i])
+              }
+              indexs = 1;
+              let volunteerJuniorCollegeList2 = [];
+              while (indexs <= 35) {
+                let record = {
+                  actives: false,
+                  indexs: indexs
+                }
+                for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
+                  if (volunteerJuniorCollegeList[i].indexs === indexs) {
+                    record = volunteerJuniorCollegeList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerJuniorCollegeList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerJuniorCollegeList = volunteerJuniorCollegeList2
+              //==================================高职高专 end
+            }
+          } else {
+            this.filledVolunteer.volunteerEarlyAdmissionList = []
+            this.filledVolunteer.volunteerJuniorCollegeList = []
+            this.filledVolunteer.volunteerUndergraduateList = []
+            this.filledVolunteer.volunteerList = []
+          }
+          this.filledVolunteer.volunteerMap = volunteerMap
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    /*计算百分比*/
+    toPercent(num, total) {
+      return (Math.round(num / total * 10000) / 100.00);// 小数点后两位百分比
+    },
+    /*悬浮按钮*/
+    trigger(e) {
+      console.log(e)
+      /*this.fab.content[e.index].active = !e.item.active*/
+      if (e.item.text === '回到顶部') {
+        this.topBack()
+      }
+    },
+    fabClick() {
+    },
+    /*点击移动*/
+    onClickMove(e) {
+      this.moveVolunteer.volunteerId = this.volunteerId;
+      this.moveVolunteer.id = e.id;
+      this.moveVolunteer.batch = e.batch
+      this.$refs.inputDialog.open()
+    },
+    /*点击交换*/
+    onClickExChange(e) {
+      this.moveVolunteer.volunteerId = this.volunteerId;
+      this.moveVolunteer.id = e.id;
+      this.moveVolunteer.batch = e.batch
+      this.$refs.inputDialog.open()
+    },
+    /*选择是否删除明细*/
+    confirmDelVolunteerItem(e) {
+      let that = this
+      console.log('删除提示')
+      console.log(e)
+      uni.showModal({
+        title: '提示',
+        content: '确认要删除志愿' + e.indexs + '吗?',
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (res.confirm) {
+            that.deleteVolunteerItem(e)
+          }
+        }
+      });
+    },
+    /*确认删除志愿明细*/
+    deleteVolunteerItem(e) {
+      let that = this
+      request.delete(ApiConstant.Volunteer.volunteerRecordDelete, {id: e.id}).then(res => {
+        if (res.success) {
+          setTimeout(function () {
+            uni.showToast({title: '删除成功', icon: "none"});
+          }, 1000)
+          setTimeout(function () {
+            that.getFilledVolunteerList()
+          }, 1500)
+        } else {
+          setTimeout(function () {
+            uni.showToast({title: res.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    fctjCheckboxChange(e) {
+      console.log('服从调剂')
+      console.log(e)
+      request.post(ApiConstant.Volunteer.updateFctj, {id: e}).then(res => {
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    toAdd() {
+      let scoreInfo = uni.getStorageSync('scoreInfo')
+      let volunteer = uni.getStorageSync('volunteer')
+      let that = this
+      if (volunteer && this.volunteerId !== volunteer.id) {
+        uni.showModal({
+          title: '提示',
+          content: '该成绩与当前成绩不一致，确认切换?',
+          confirmText: '确定',
+          cancelText: '取消',
+          success: function (res) {
+            if (res.confirm) {
+              that.switchVolunteer()
+            }
+          }
+        });
+      } else {
+        uni.navigateTo({
+          url: 'mockList?batch=' + this.selectForm.batch + '&volunteerId=' + this.volunteerId
+        })
+      }
+    },
+    change(e) {
+      console.log(e);
+    },
+    /*确认移动志愿*/
+    moveIndexsConfirm() {
+      if (!this.moveVolunteer.indexs) {
+        uni.showToast({title: '请输入志愿序号', icon: "none"});
+        return;
+      }
+      let indexs = parseFloat(this.moveVolunteer.indexs)
+      if (this.moveVolunteer.batch === '提前批') {
+        if (indexs > 4 || indexs < 0) {
+          uni.showToast({title: '您输入的序号超出', icon: "none"});
+          this.moveVolunteer.indexs = ''
+          return;
+        }
+      } else {
+        if (indexs > (this.scoreInfo.professionalCategory==='体育类'?12:35) || indexs < 0) {
+          uni.showToast({title: '您输入的序号超出', icon: "none"});
+          this.moveVolunteer.indexs = ''
+          return;
+        }
+      }
+      let that = this
+      request.post(ApiConstant.Volunteer.exChangeIndexs, this.moveVolunteer).then(res => {
+        if (res.success) {
+          this.moveVolunteer.indexs = ''
+          this.moveVolunteer.batch = ''
+          this.moveVolunteer.volunteerId = ''
+          setTimeout(function () {
+            that.getFilledVolunteerList();
+          }, 1000)
+        } else {
+          setTimeout(function () {
+            uni.showToast({title: res.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    onClickEditUserScore() {
+      this.goto('/pages/zyb/score/edit')
+    },
+    /*点击创建志愿单*/
+    onClickCreateVolunteer() {
+      let that = this
+      request.post(ApiConstant.Volunteer.addNew, {
+        volunteerName: '模拟志愿草表'
+      }, {}).then(res => {
+        uni.setStorageSync('volunteerInfo', res.result)
+        request.getUserScore()
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    /*返回已填志愿数量*/
+    getVolunteerNum(citem){
+      if (citem.batch === '提前批') {
+        return this.filledVolunteer.volunteerRecordEarlyAdmissionNum
+      }else if(citem.batch === '本科批'){
+        return this.filledVolunteer.volunteerUndergraduateNum
+      }else{
+        return this.filledVolunteer.volunteerJuniorCollegeNum
+      }
+    },
+
+    switchVolunteer() {
+      request.post(ApiConstant.Volunteer.switchVolunteer, {id: this.volunteerId}).then(res => {
+        if (res.success) {
+          request.getUserScore()
+          setTimeout(() => {
+            wx.reLaunch({
+              url: '/pages/zyb/home',
+            })
+          }, 1000)
+        } else {
+          setTimeout(function () {
+            uni.showToast({title: res.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="divider"/>
+  <!-- 没有成绩界面 -->
+  <view class="container" v-if="!this.scoreInfo">
+    <text>当前没有成绩信息，请先修改成绩~</text>
+    <text class="margin-left-30 font-weight-none mediumSlateBlue" @click="onClickEditUserScore">修改成绩</text>
+  </view>
+  <view class="container">
+    <!--成绩卡片-->
+    <view class="score-info-card white" v-if="this.scoreInfo">
+      <view class="flexWrap">
+        <text class="font-size-mini4 font-weight-550">{{ volunteerInfo.volunteerName }}</text>
+      </view>
+      <view class="flexWrap tags font-size-mini2" v-if="scoreInfo">
+        <view class="tag">{{ scoreInfo.province }}</view>
+        <view class="tag">{{ scoreInfo.cognitioPolyclinic }}</view>
+        <view class="tag">{{ scoreInfo.professionalCategory }}</view>
+      </view>
+      <view class="flexWrap">
+        <view class="score flex-item-10">
+          <view class="flexWrap" style="height: 30rpx;">
+            <view class="scoreLeft margin-right-30">
+              <text class="margin-right-10">文化分</text>
+              <text class="font-weight-b">{{ scoreInfo.culturalScore }}</text>
+            </view>
+            <view style="border-right:1rpx solid white"></view>
+            <view class="scoreRight margin-left-30">
+              <text class="margin-right-10">统考分</text>
+              <text class="margin-right-10 font-weight-b">{{ scoreInfo.professionalScore }}</text>
+            </view>
+          </view>
+          <view class="flexWrap" style="margin-top: 30rpx;height: 30rpx;"  v-if="scoreInfo && scoreInfo.professionalCategoryChildren">
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yybysy && scoreInfo.yybysy!==0">
+              <text class="margin-right-10">音乐表演声乐</text>
+              <text class="font-weight-b">{{ scoreInfo.yybysy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yybyqy && scoreInfo.yybyqy!==0">
+              <text class="margin-right-10">音乐表演器乐</text>
+              <text class="font-weight-b">{{ scoreInfo.yybyqy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yyjy && scoreInfo.yyjy!==0">
+              <text class="margin-right-10">音乐教育</text>
+              <text class="font-weight-b">{{ scoreInfo.yyjy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.fzby && scoreInfo.fzby!==0">
+              <text class="margin-right-10">服装表演</text>
+              <text class="font-weight-b">{{ scoreInfo.fzby }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.xjysdy && scoreInfo.xjysdy!==0">
+              <text class="margin-right-10">戏剧影视导演</text>
+              <text class="font-weight-b">{{ scoreInfo.xjysdy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.xjysby && scoreInfo.xjysby!==0">
+              <text class="margin-right-10">戏剧影视表演</text>
+              <text class="font-weight-b">{{ scoreInfo.xjysby }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="divider"/>
+    <!--志愿信息-->
+    <view class="fillVolunteerList" v-if="collapseItemList.length>0">
+      <view class="collapse">
+        <view class="collapse-item" v-for="(citem,cindex) in collapseItemList" :key="cindex">
+          <view class="collapse-head" @click="collapseItemList[cindex].status=!collapseItemList[cindex].status">
+            <view class="flexWrap" style="background-color: #f5f5f5;line-height: 80rpx;">
+              <view class="flex-item-8">
+                <view style="padding-left: 30rpx;">
+                  <text class="font-size-mini3 font-weight-b">{{
+                      citem.batchLabel
+                    }}({{ getVolunteerNum(citem) }}/{{ citem.max }})
+                  </text>
+                  <text class="font-size-mini margin-left-10 slateGray">{{ citem.type }}</text>
+                </view>
+              </view>
+              <view class="flex-item-2">
+                <text class="float-right" style="margin-right: 30rpx">{{ citem.status ? '收起' : '展开' }}</text>
+              </view>
+            </view>
+          </view>
+          <view class="collapse-body" v-show="citem.status" style="">
+            <view class="volunteerItem" v-for="(item,index) in (citem.batch==='高职高专')?filledVolunteer.volunteerJuniorCollegeList:
+            citem.batch==='提前批'?filledVolunteer.volunteerEarlyAdmissionList:filledVolunteer.volunteerUndergraduateList"
+                  :key="item.indexs">
+              <view v-if="item.majorCode">
+                <view class="flexWrap">
+                  <view class="flex-item-15 select">
+                    <view class="selectIndex">
+                      <text style="line-height: 50rpx">{{ item.indexs }}</text>
+                    </view>
+                  </view>
+                  <view class="flex-item-85" @click="gotoSchool(item.schoolCode)">
+                    <text style="line-height: 50rpx">[{{ item.schoolCode }}]{{ item.schoolName }}</text>
+                  </view>
+                </view>
+                <view class="flexWrap marginTopBot20">
+                  <view class="flex-item-15 select"></view>
+                  <view class="flex-item-75 ">
+                    <text class="darkGray">[{{ item.enrollmentCode }}]</text>
+                    <text class="margin-left-10">{{ item.majorName }}</text>
+                  </view>
+                  <view class="flex-item-1">
+                    <text class="darkGray float-right">{{ item.enrollProbability }}%</text>
+                  </view>
+                </view>
+                <!--操作栏-->
+                <view class="flexWrap border-top" style="line-height: 60rpx">
+                  <view class="flex-item-4">
+                    <checkbox-group @change="fctjCheckboxChange(item.id)" v-if="citem.batch==='提前批'">
+                      <label>
+                        <checkbox value="cb" :checked="item.fctj===1" color="#FFCC33" style="transform:scale(0.7)"/>
+                        服从调剂
+                      </label>
+                    </checkbox-group>
+                  </view>
+                  <view class="flex-item-6">
+                    <view class="float-right">
+                      <image @click="onClickExChange(item)" src="/static/icons/move.png" class="icon50 margin-left-50"/>
+                      <!--                      <image src="/static/icons/edit.png" class="icon50 margin-left-50"/>-->
+                      <image @click="confirmDelVolunteerItem(item)" src="/static/icons/delete.png"
+                             class="icon50 margin-left-50"/>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              <!--空白专业-->
+              <view v-else @click="toAdd()">
+                <view class="notSelect flexWrap">
+                  <view class="notSelectIndex">
+                    <text style="line-height: 50rpx">{{ item.indexs }}</text>
+                  </view>
+                  <view class="margin-left-30">
+                    点击添加专业志愿
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!--有成绩，没有志愿信息-->
+    <view class="" v-if="this.scoreInfo && !this.volunteerId">
+      <view>
+        <text class="mediumSlateBlue" @click="onClickCreateVolunteer">创建志愿单</text>
+      </view>
+    </view>
+  </view>
+
+  <uni-popup ref="inputDialog" type="dialog">
+    <uni-popup-dialog ref="inputClose" mode="input"
+                      placeholder="N" @confirm="moveIndexsConfirm">
+      <view>
+        <view class="flexWrap" style="height: 50rpx;line-height: 50rpx">
+          <view class="flex-item-3">
+            移动志愿
+          </view>
+          <view class="flex-item-3">
+            <view style="border: 1rpx solid #979797">
+              <input type="number" v-model="moveVolunteer.indexs" placeholder="N"/>
+            </view>
+          </view>
+        </view>
+      </view>
+    </uni-popup-dialog>
+  </uni-popup>
+</template>
+<style>
+page {
+  background-color: white;
+}
+</style>
+
+<style scoped lang="scss">
+.divider {
+  background: #f5f5f5;
+  width: 100%;
+  height: 3rpx;
+}
+
+.container {
+  padding: 30rpx;
+  max-height: 100%;
+}
+
+/*成绩卡片 start*/
+.score-info-card {
+  padding: 20rpx;
+  background: #f99352;
+  border-radius: 15rpx;
+
+  .tags {
+    margin: 10rpx 0;
+
+    .tag {
+      background-color: #faa069;
+      padding: 0 15rpx;
+      line-height: 40rpx;
+      margin-right: 20rpx;
+    }
+  }
+
+  .score {
+    margin-top: 70rpx;
+    margin-bottom: 10rpx;
+  }
+}
+
+/*成绩卡片 end*/
+
+/*志愿列表 start*/
+
+.collapse-item {
+  margin-top: 30rpx;
+
+  .collapse-body {
+    border-left: 1rpx solid #f5f5f5;
+    border-right: 1rpx solid #f5f5f5;
+    border-bottom: 1rpx solid #f5f5f5;
+    background-color: #f5f5f5;
+  }
+}
+
+.collapse-body .volunteerItem {
+  background-color: white;
+  margin-bottom: 10rpx;
+  padding: 10rpx 30rpx;
+
+  .notSelect {
+    line-height: 80rpx;
+    height: 80rpx;
+    color: #999999;
+  }
+
+  .select {
+    .selectIndex {
+      background-color: #feeee2;
+      color: #f96712;
+      width: 20rpx;
+      height: 50rpx;
+      margin: auto 0;
+      line-height: 50rpx;
+      padding: 0 20rpx;
+      text-align: center;
+    }
+  }
+
+  //未填报时索引
+  .notSelectIndex {
+    background-color: #f2f2f2;
+    width: 20rpx;
+    height: 50rpx;
+    margin: auto 0;
+    line-height: 50rpx;
+    padding: 0 20rpx;
+    text-align: center;
+  }
+}
+
+.fillVolunteerList {
+  margin: 10rpx 0;
+  border-top: 1rpx solid #f5f5f5;
+}
+
+/*志源列表 end*/
+
+
+.uni-row {
+  margin-bottom: 30rpx;
+}
+
+/*导航栏部分 start*/
+.tabs {
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  background-color: #ffffff;
+  /* #ifndef APP-PLUS */
+  /*height: 100vh;*/
+  /* #endif */
+
+  .scroll-h {
+    /*width: 750rpx;*/
+    /* #ifdef H5 */
+    width: 100%;
+    /* #endif */
+    height: 80rpx;
+    flex-direction: row;
+    /* #ifndef APP-PLUS */
+    white-space: nowrap;
+    /* #endif */
+    /* flex-wrap: nowrap; */
+    /* border-color: #cccccc;
+  border-bottom-style: solid;
+  border-bottom-width: 1px; */
+  }
+
+  .line-h {
+    height: 1rpx;
+    background-color: #cccccc;
+  }
+
+  .uni-tab-item {
+    /* #ifndef APP-PLUS */
+    display: inline-block;
+    /* #endif */
+    flex-wrap: nowrap;
+    padding-left: 34rpx;
+    padding-right: 34rpx;
+  }
+
+  .uni-tab-item-title {
+    color: #555;
+    font-size: 30rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    flex-wrap: nowrap;
+    /* #ifndef APP-PLUS */
+    white-space: nowrap;
+    /* #endif */
+  }
+
+  .uni-tab-item-title-active {
+    color: #007AFF;
+  }
+
+  .swiper-box {
+    flex: 1;
+  }
+
+  .swiper-item {
+    flex: 1;
+    flex-direction: row;
+  }
+
+  .scroll-v {
+    flex: 1;
+    /* #ifndef MP-ALIPAY */
+    flex-direction: column;
+    /* #endif */
+    /*width: 750rpx;*/
+    width: 100%;
+  }
+
+  .update-tips {
+    position: absolute;
+    left: 0;
+    top: 41px;
+    right: 0;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: #FDDD9B;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .update-tips-text {
+    font-size: 14px;
+    color: #ffffff;
+  }
+
+  .refresh {
+    /*width: 750rpx;*/
+    width: 100%;
+    height: 64px;
+    justify-content: center;
+  }
+
+  .refresh-view {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .refresh-icon {
+    width: 30px;
+    height: 30px;
+    transition-duration: .5s;
+    transition-property: transform;
+    transform: rotate(0deg);
+    transform-origin: 15px 15px;
+  }
+
+  .refresh-icon-active {
+    transform: rotate(180deg);
+  }
+
+  .loading-icon {
+    width: 20px;
+    height: 20px;
+    margin-right: 5px;
+    color: #999999;
+  }
+
+  .loading-text {
+    margin-left: 2px;
+    font-size: 16px;
+    color: #999999;
+  }
+
+  .loading-more {
+    align-items: center;
+    justify-content: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    text-align: center;
+  }
+
+  .loading-more-text {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+/*导航栏部分 end*/
+
+
+/*志愿信息头部信息 start*/
+.header-info {
+  padding: 30rpx 30rpx 0 30rpx;
+  background-color: white;
+  margin-bottom: 30rpx;
+
+  .h1 {
+    padding: 10rpx 0;
+  }
+
+  .tt1 {
+    margin-right: 30rpx;
+  }
+}
+
+/*志愿信息头部信息 end*/
+
+/*志愿明细列表 start*/
+.volunteerList {
+  padding: 30rpx 30rpx 0 30rpx;
+  background-color: white;
+
+  .v-title {
+    color: #666666;
+    margin-bottom: 30rpx;
+  }
+
+  .volunteerItem {
+    margin-bottom: 50rpx;
+
+    .item_left {
+      .schoolInfo {
+        border-bottom: 1px solid #e5e5e5;
+        padding: 15rpx 0 30rpx 0;
+      }
+
+      .majorInfo {
+        padding: 30rpx 0;
+        border-bottom: 1px solid #f5f5f5;
+
+        .enrollProbability {
+          color: #9b9b9b;
+          font-size: 25rpx;
+        }
+      }
+    }
+
+    .item_right {
+      padding: 150rpx 0 0 20rpx;
+    }
+
+    /*序号*/
+    .indexs {
+      color: white;
+      width: 30rpx;
+      height: 40rpx;
+      background-color: #1275ec;
+      border-radius: 50%;
+      padding-left: 10rpx;
+      margin-right: 30rpx;
+
+    }
+
+    /*tags*/
+    .tags {
+      margin-top: 15rpx;
+
+      .tag {
+        margin-right: 20rpx;
+        color: #9b9b9b;
+        font-size: 25rpx;
+      }
+    }
+
+    .low-text {
+      color: #9b9b9b;
+      font-size: 22rpx;
+      margin-bottom: 15rpx;
+    }
+  }
+}
+
+/*志愿明细列表 end*/
+</style>
diff --git a/pages/zyb/fillVolunteer/my.vue b/pages/zyb/fillVolunteer/my.vue
index b4e36a1..8919be5 100644
--- a/pages/zyb/fillVolunteer/my.vue
+++ b/pages/zyb/fillVolunteer/my.vue
@@ -4,10 +4,12 @@ import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import {formatTime} from "@/common/util";
 import ImagesConstant from "@/common/ImagesConstant";
+import View from "../../component/view/view.vue";
 
 let request = new Request()
 export default {
   name: "fillVolunteer-list",
+  components: {View},
   computed: {
     ImagesConstant() {
       return ImagesConstant
@@ -35,7 +37,7 @@ export default {
       });
     },
     /*点击新增志愿*/
-    clickAdd(){
+    clickAdd() {
       let that = this
       uni.showLoading({
         title: '创建志愿表'
@@ -44,7 +46,7 @@ export default {
         if (res.success) {
           setTimeout(function () {
             uni.hideLoading();
-          }, 1000)
+          }, 800)
           setTimeout(function () {
             that.getVolunteerList();
           }, 1000)
@@ -59,10 +61,11 @@ export default {
       });
     },
     clickEdit(e) {
-      console.log('编辑')
-      console.log(e)
+      let scoreInfo = uni.getStorageSync('scoreInfo')
+      let that = this
+      console.log(scoreInfo)
       uni.navigateTo({
-        url: 'detail?volunteerId=' + e
+        url: '/pages/zyb/fillVolunteer/my-detail?volunteerId=' + e
       })
     },
     clickDelete(e) {
@@ -106,13 +109,16 @@ export default {
       //下载
       uni.showToast({title: '目前仅支持PC端下载', icon: "none"});
     },
-    formatDate(date) {
-      console.log(date)
-      let newDate = new Date(date);
-      let year = newDate.getFullYear();
-      let month = String(newDate.getMonth() + 1).padStart(2, '0');
-      let day = String(newDate.getDate()).padStart(2, '0');
-      return year + '-' + month + '-' + day;
+    formatDate(dateString) {
+      // 将日期字符串转换为Date对象
+      var date = new Date(dateString.replace(/-/g,'/'));
+      // 格式化为 "yyyy/MM/dd HH:mm:ss" 格式
+      return date.getFullYear() + "/" +
+          ("0" + (date.getMonth() + 1)).slice(-2) + "/" +
+          ("0" + date.getDate()).slice(-2) + " " +
+          ("0" + date.getHours()).slice(-2) + ":" +
+          ("0" + date.getMinutes()).slice(-2) + ":" +
+          ("0" + date.getSeconds()).slice(-2);
     }
   },
 }
@@ -120,18 +126,20 @@ export default {
 
 <template>
   <!--志愿信息列表-->
+  <view class="container" style="background-color: #ffffcb">
+    <text class="uni-h6">系统仅保留前5条志愿表</text>
+  </view>
   <view style="border-top: 1px solid #f5f6f8">
-    <view class="volunteerDiv" v-for="(item,index) in volunteerList" :key="item.id">
+    <view class="volunteerDiv" v-if="volunteerList.length>0" v-for="(item,index) in volunteerList" :key="item.id">
       <view class="uni-flex flex" style="padding: 15rpx;">
-        <view class="flex-item-5 t_item" @click="clickEdit(item.id)">
+        <view class="flex-item-7 t_item" @click="clickEdit(item.id)">
           <text style="font-size: 30rpx;font-weight: 600">{{ item.volunteerName }}</text>
         </view>
-        <view class="flex-item-2 t_item">
+        <view class="flex-item-2 t_item" @click="clickEdit(item.id)">
           <view class="tag-view" v-if="item.state==='1'">
             <uni-tag text="使用中" type="primary"/>
           </view>
         </view>
-
       </view>
       <view class="uni-flex flex" style="padding: 15rpx;">
         <view class="flex-item-6" @click="clickEdit(item.id)">
@@ -178,14 +186,16 @@ export default {
 
       </view>
     </view>
-    <!--新增志愿-->
-    <view class="addBtn" @click="clickAdd">
-      <text class="addBtn-text">新增志愿</text>
-    </view>
   </view>
 </template>
 
 <style scoped lang="scss">
+.container {
+  line-height: 80rpx;
+  padding: 0 30rpx;
+  font-weight: 550;
+}
+
 .volunteerDiv {
   background-color: white;
   margin-bottom: 30rpx;
diff --git a/pages/zyb/fillVolunteer/old-detail.vue b/pages/zyb/fillVolunteer/old-detail.vue
new file mode 100644
index 0000000..9ccc410
--- /dev/null
+++ b/pages/zyb/fillVolunteer/old-detail.vue
@@ -0,0 +1,985 @@
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import ImagesConstant from "@/common/ImagesConstant";
+import {stringIsNotEmpty} from "@/common/util";
+
+let request = new Request()
+// 缓存每页最多
+const MAX_CACHE_DATA = 100;
+// 缓存页签数量
+const MAX_CACHE_PAGE = 3;
+export default {
+  name: "我的志愿明细",
+  computed: {
+    ImagesConstant() {
+      return ImagesConstant
+    }
+  },
+  data() {
+    return {
+      paneFlag: false,
+      scoreStatus: true,
+      moveVolunteer: {
+        batch: '',//移动的批次
+        indexs: '',
+        volunteerId: ''
+      },
+      volunteer:{},
+      volunteerId: '',//志愿id
+      volunteerName: '',//志愿单名称
+      topBackShow: true,//显示回到顶部
+      selectForm: {
+        address: '',
+        schoolName: '',
+        paneName: '全部',
+        batch: '',
+      },
+      scoreInfo: {},//成绩信息
+      volunteerInfo: {},//志愿单信息
+      tabIndex: 0,//导航栏选中的下标
+      scrollInto: "",
+      newsList: [],
+      cacheTab: [],
+      filledVolunteer: {
+        volunteerEarlyAdmissionList: [],//本科提前批
+        volunteerUndergraduateAList: [],//本科A段
+        volunteerUndergraduateBList: [],//本科B段
+        volunteerUndergraduateList: [],//体育本科
+        volunteerJuniorCollegeList: [],//高职高专
+        volunteerMap: new Map()
+      },//已填志愿信息
+      years: StaticConstant.years,
+      nowYear: StaticConstant.year,
+      allCollapseItemList: [
+        {
+          batchLabel: '本科提前批',
+          batch: '提前批',
+          type: '顺序志愿',
+          max: 2,
+          status: false
+        },
+        {
+          batchLabel: '艺术本科A段',
+          batch: '本科A段',
+          type: '平行志愿',
+          max: 12,
+          status: false
+        },
+        {
+          batchLabel: '艺术本科B段',
+          batch: '本科B段',
+          type: '平行志愿',
+          max: 12,
+          status: false
+        }, {
+          batchLabel: '本科',
+          batch: '本科',
+          type: '平行志愿',
+          max: 12,
+          status: false
+        }, {
+          batchLabel: '高职高专',
+          batch: '高职高专',
+          type: '平行志愿',
+          max: 12,
+          status: false
+        },
+      ],
+      collapseItemList: []
+    }
+  },
+  onShow() {
+    //
+    let userInfo = uni.getStorageSync('userInfo')
+    this.scoreInfo = uni.getStorageSync('scoreInfo')
+    this.volunteer = uni.getStorageSync('volunteer')
+    if (userInfo) {
+      //有登录状态
+      this.userStatus = true
+      //判断是否有成绩信息
+      this.scoreInfo = uni.getStorageSync('scoreInfo')
+      if (this.scoreInfo === undefined || this.scoreInfo === null || this.scoreInfo === '') {
+        //缓存中没有成绩，后端接口获取成绩
+        request.getUserScore()
+        this.scoreInfo = uni.getStorageSync('scoreInfo')
+        this.volunteer = uni.getStorageSync('volunteer')
+        if (!this.scoreInfo) {
+          this.scoreStatus = false
+        }else{
+          this.scoreStatus = true
+        }
+      }
+    } else {
+      //没有登录，跳转到登录页
+      this.goto('/pages/zyb/login')
+      return
+    }
+
+    //有成绩信息，且成绩中返回了志愿单信息
+    if (this.scoreInfo && this.volunteer) {
+      this.volunteerId = this.volunteer.id
+    }
+
+    if (stringIsNotEmpty(this.volunteerId)) {
+      this.getFilledVolunteerList()
+    }
+  },
+  onLoad(e) {
+    if (e.volunteerId) {
+      //从志愿列表进来
+      this.volunteerId = e.volunteerId;
+      console.log(e.volunteerId)
+    }
+
+  },
+  methods: {
+    goto(url) {
+      uni.navigateTo({url: url})
+    },
+    gotoSchool(e) {
+      this.goto('/pages/zyb/school/detail?schoolCode=' + e)
+    },
+    topBack() {
+      uni.pageScrollTo({
+        scrollTop: 0,   // 滚动到页面的目标位置  这个是滚动到顶部, 0
+        duration: 300  // 滚动动画的时长
+      })
+    },
+    clearTabData(e) {
+      this.newsList[e].data.length = 0;
+      this.newsList[e].loadingText = "加载更多...";
+    },
+
+    /*获取已填报志愿数据*/
+    getFilledVolunteerList() {
+      request.get(ApiConstant.Volunteer.artVolunteerDetail, {id: this.volunteerId},{showLoad:false}).then(res => {
+        if (res.success) {
+          let dataResult = res.result
+          //有数据情况下
+          const volunteerMap = new Map();
+          if (dataResult != null) {
+            this.volunteerId = dataResult.id
+            this.volunteerInfo = dataResult
+            this.scoreInfo = dataResult.userScoreInfo
+            if (this.scoreInfo.batch) {
+              this.paneFlag = true
+              this.selectForm.batch = this.scoreInfo.batch
+              let allCollapseItemList = this.allCollapseItemList
+              let collapseItemList = []
+              //调整 当前成绩批次可以看到的导航栏
+              for (let i = 0; i < allCollapseItemList.length; i++) {
+                if (this.scoreInfo.batch === '本科A段') {
+                  if (allCollapseItemList[i].batch === '本科') {
+                    continue
+                  }
+                } else if (this.scoreInfo.batch === '本科B段') {
+                  if (allCollapseItemList[i].batch === '提前批' || allCollapseItemList[i].batch === '本科A段' || allCollapseItemList[i].batch === '本科') {
+                    continue
+                  }
+                } else if (this.scoreInfo.batch === '本科') {
+                  if (allCollapseItemList[i].batch === '提前批' ||allCollapseItemList[i].batch === '本科A段' || allCollapseItemList[i].batch === '本科B段') {
+                    continue
+                  }
+                } else {
+                  if (allCollapseItemList[i].batch !== '高职高专') {
+                    continue
+                  }
+                }
+                collapseItemList.push(allCollapseItemList[i])
+                this.collapseItemList = collapseItemList
+              }
+            }
+            let key = ''
+            let volunteer = {indexStr: 0}
+            if (true) {
+              //==================================提前批 start
+              let volunteerRecordEarlyAdmissionList = dataResult.volunteerRecordEarlyAdmissionList;
+              this.filledVolunteer.volunteerRecordEarlyAdmissionNum = volunteerRecordEarlyAdmissionList.length;
+              for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
+                key = volunteerRecordEarlyAdmissionList[i].majorCode + volunteerRecordEarlyAdmissionList[i].schoolCode
+                volunteer = volunteerRecordEarlyAdmissionList[i]
+                volunteerMap.set(key, volunteerRecordEarlyAdmissionList[i])
+              }
+              let indexs = 1;
+              let volunteerRecordEarlyAdmissionList2 = [];
+              while (indexs <= 2) {
+                let record = {
+                  actives: false,
+                  indexs: indexs
+                }
+                for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
+                  if (volunteerRecordEarlyAdmissionList[i].indexs === indexs) {
+                    record = volunteerRecordEarlyAdmissionList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerRecordEarlyAdmissionList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerEarlyAdmissionList = volunteerRecordEarlyAdmissionList2
+              //==================================提前批 end
+              //==================================本科A段 start
+              let volunteerUndergraduateAList = dataResult.volunteerRecordUndergraduateAList;
+              this.filledVolunteer.volunteerUndergraduateANum = volunteerUndergraduateAList.length;
+              for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
+                key = volunteerUndergraduateAList[i].majorCode + volunteerUndergraduateAList[i].schoolCode
+                volunteerMap.set(key, volunteerUndergraduateAList[i])
+              }
+              indexs = 1;
+              let volunteerRecordUndergraduateAList2 = [];
+              while (indexs <= 12) {
+                let record = {actives: false, indexs: indexs}
+                for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
+                  if (volunteerUndergraduateAList[i].indexs === indexs) {
+                    record = volunteerUndergraduateAList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerRecordUndergraduateAList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerUndergraduateAList = volunteerRecordUndergraduateAList2
+              //==================================本科A段 end
+              //==================================本科B段 start
+              let volunteerUndergraduateBList = dataResult.volunteerRecordUndergraduateBList;
+              this.filledVolunteer.volunteerUndergraduateBNum = volunteerUndergraduateBList.length;
+              for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
+                key = volunteerUndergraduateBList[i].majorCode + volunteerUndergraduateBList[i].schoolCode
+                volunteerMap.set(key, volunteerUndergraduateBList[i])
+              }
+              indexs = 1;
+              let volunteerUndergraduateBList2 = [];
+              while (indexs <= 12) {
+                let record = {actives: false, indexs: indexs}
+                for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
+                  if (volunteerUndergraduateBList[i].indexs === indexs) {
+                    record = volunteerUndergraduateBList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerUndergraduateBList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerUndergraduateBList = volunteerUndergraduateBList2
+              //==================================本科 start
+              let volunteerUndergraduateList = dataResult.volunteerRecordUndergraduateList;
+              this.filledVolunteer.volunteerUndergraduateNum = volunteerUndergraduateList.length;
+              console.log('//==================================本科 start')
+              console.log(volunteerUndergraduateList)
+              for (let i = 0; i < volunteerUndergraduateList.length; i++) {
+                key = volunteerUndergraduateList[i].majorCode + volunteerUndergraduateList[i].schoolCode
+                volunteerMap.set(key, volunteerUndergraduateList[i])
+              }
+              indexs = 1;
+              let volunteerUndergraduateList2 = [];
+              while (indexs <= 12) {
+                let record = {actives: false, indexs: indexs}
+                for (let i = 0; i < volunteerUndergraduateList.length; i++) {
+                  if (volunteerUndergraduateList[i].indexs === indexs) {
+                    record = volunteerUndergraduateList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerUndergraduateList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerUndergraduateList = volunteerUndergraduateList2
+              //==================================本科 end
+              //==================================高职高专 start
+              let volunteerJuniorCollegeList = dataResult.volunteerRecordJuniorCollegeList;
+              this.filledVolunteer.volunteerJuniorCollegeNum = volunteerJuniorCollegeList.length;
+              for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
+                key = volunteerJuniorCollegeList[i].majorCode + volunteerJuniorCollegeList[i].schoolCode
+                volunteerMap.set(key, volunteerJuniorCollegeList[i])
+              }
+              indexs = 1;
+              let volunteerJuniorCollegeList2 = [];
+              while (indexs <= 12) {
+                let record = {
+                  actives: false,
+                  indexs: indexs
+                }
+                for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
+                  if (volunteerJuniorCollegeList[i].indexs === indexs) {
+                    record = volunteerJuniorCollegeList[i]
+                    record.actives = true
+                  }
+                }
+                volunteerJuniorCollegeList2.push(record)
+                indexs++;
+              }
+              this.filledVolunteer.volunteerJuniorCollegeList = volunteerJuniorCollegeList2
+              //==================================高职高专 end
+            }
+          } else {
+            this.filledVolunteer.volunteerEarlyAdmissionList = []
+            this.filledVolunteer.volunteerUndergraduateAList = []
+            this.filledVolunteer.volunteerUndergraduateBList = []
+            this.filledVolunteer.volunteerJuniorCollegeList = []
+            this.filledVolunteer.volunteerUndergraduateList = []
+            this.filledVolunteer.volunteerList = []
+          }
+          this.filledVolunteer.volunteerMap = volunteerMap
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    /*计算百分比*/
+    toPercent(num, total) {
+      return (Math.round(num / total * 10000) / 100.00);// 小数点后两位百分比
+    },
+    /*悬浮按钮*/
+    trigger(e) {
+      console.log(e)
+      /*this.fab.content[e.index].active = !e.item.active*/
+      if (e.item.text === '回到顶部') {
+        this.topBack()
+      }
+    },
+    fabClick() {
+    },
+    /*点击移动*/
+    onClickMove(e) {
+      this.moveVolunteer.volunteerId = this.volunteerId;
+      this.moveVolunteer.id = e.id;
+      this.moveVolunteer.batch = e.batch
+      this.$refs.inputDialog.open()
+    },
+    /*点击交换*/
+    onClickExChange(e) {
+      this.moveVolunteer.volunteerId = this.volunteerId;
+      this.moveVolunteer.id = e.id;
+      this.moveVolunteer.batch = e.batch
+      this.$refs.inputDialog.open()
+    },
+    /*选择是否删除明细*/
+    confirmDelVolunteerItem(e) {
+      let that = this
+      console.log('删除提示')
+      console.log(e)
+      uni.showModal({
+        title: '提示',
+        content: '确认要删除志愿' + e.indexs + '吗?',
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (res.confirm) {
+            that.deleteVolunteerItem(e)
+          }
+        }
+      });
+    },
+    /*确认删除志愿明细*/
+    deleteVolunteerItem(e) {
+      let that = this
+      request.delete(ApiConstant.Volunteer.volunteerRecordDelete, {id: e.id}).then(res => {
+        if (res.success) {
+          setTimeout(function () {
+            uni.showToast({title: '删除成功', icon: "none"});
+          }, 1000)
+          setTimeout(function () {
+            that.getFilledVolunteerList()
+          }, 1500)
+        } else {
+          setTimeout(function () {
+            uni.showToast({title: res.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    fctjCheckboxChange(e) {
+      console.log('服从调剂')
+      console.log(e)
+      request.post(ApiConstant.Volunteer.updateFctj, {id: e}).then(res => {
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    toAdd() {
+      uni.navigateTo({
+        url: 'index?batch=' + this.selectForm.batch + '&volunteerId=' + this.volunteerId
+      })
+    },
+    change(e) {
+      console.log(e);
+    },
+    /*确认移动志愿*/
+    moveIndexsConfirm() {
+      if (!this.moveVolunteer.indexs) {
+        uni.showToast({title: '请输入志愿序号', icon: "none"});
+        return;
+      }
+      let indexs = parseFloat(this.moveVolunteer.indexs)
+      if (this.moveVolunteer.batch === '提前批') {
+        if (indexs > 2 || indexs < 0) {
+          uni.showToast({title: '您输入的序号超出', icon: "none"});
+          this.moveVolunteer.indexs = ''
+          return;
+        }
+      } else {
+        if (indexs > 12 || indexs < 0) {
+          uni.showToast({title: '您输入的序号超出', icon: "none"});
+          this.moveVolunteer.indexs = ''
+          return;
+        }
+      }
+      let that = this
+      request.post(ApiConstant.Volunteer.exChangeIndexs, this.moveVolunteer).then(res => {
+        if (res.success) {
+          this.moveVolunteer.indexs = ''
+          this.moveVolunteer.batch = ''
+          this.moveVolunteer.volunteerId = ''
+          setTimeout(function () {
+            that.getFilledVolunteerList();
+          }, 1000)
+        } else {
+          setTimeout(function () {
+            uni.showToast({title: res.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    onClickEditUserScore() {
+      this.goto('/pages/zyb/score/edit')
+    },
+    /*点击创建志愿单*/
+    onClickCreateVolunteer(){
+        let that = this
+        request.post(ApiConstant.Volunteer.addNew, {
+          volunteerName:'模拟志愿草表'
+        },{}).then(res => {
+          uni.setStorageSync('volunteerInfo',res.result)
+          request.getUserScore()
+        }).catch(err => {
+        }).finally(() => {
+        });
+    },
+    /*返回已填志愿数量*/
+    getVolunteerNum(citem){
+      console.log(this.filledVolunteer.volunteerRecordEarlyAdmissionNum)
+      if (citem.batch === '提前批') {
+        return this.filledVolunteer.volunteerRecordEarlyAdmissionNum
+      }else if(citem.batch === '本科A段'){
+        return this.filledVolunteer.volunteerUndergraduateANum
+      }else if(citem.batch === '本科B段'){
+        return this.filledVolunteer.volunteerUndergraduateBNum
+      }else if(citem.batch === '本科'){
+        return this.filledVolunteer.volunteerUndergraduateNum
+      }
+        return this.filledVolunteer.volunteerJuniorCollegeNum
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="divider"/>
+  <!-- 没有成绩界面 -->
+  <view class="container" v-if="!this.scoreInfo">
+    <text>当前没有成绩信息，请先修改成绩~</text>
+    <text class="margin-left-30 font-weight-none mediumSlateBlue" @click="onClickEditUserScore">修改成绩</text>
+  </view>
+  <view class="container">
+    <!--成绩卡片-->
+    <view class="score-info-card white" v-if="this.scoreInfo">
+      <view class="flexWrap">
+        <text class="font-size-mini4 font-weight-550">{{ volunteerInfo.volunteerName }}</text>
+      </view>
+      <view class="flexWrap tags font-size-mini2" v-if="scoreInfo">
+        <view class="tag">{{ scoreInfo.province }}</view>
+        <view class="tag">{{ scoreInfo.cognitioPolyclinic }}</view>
+        <view class="tag">{{ scoreInfo.professionalCategory }}</view>
+      </view>
+      <view class="flexWrap">
+        <view class="score flex-item-10">
+          <view class="flexWrap" style="height: 30rpx;">
+            <view class="scoreLeft margin-right-30">
+              <text class="margin-right-10">文化分</text>
+              <text class="font-weight-b">{{ scoreInfo.culturalScore }}</text>
+            </view>
+            <view style="border-right:1rpx solid white"></view>
+            <view class="scoreRight margin-left-30">
+              <text class="margin-right-10">统考分</text>
+              <text class="margin-right-10 font-weight-b">{{ scoreInfo.professionalScore }}</text>
+            </view>
+          </view>
+          <view class="flexWrap" style="margin-top: 30rpx;height: 30rpx;" v-if="scoreInfo && scoreInfo.professionalCategoryChildren">
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yybysy && scoreInfo.yybysy!==0">
+              <text class="margin-right-10">音乐表演声乐</text>
+              <text class="font-weight-b">{{ scoreInfo.yybysy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yybyqy && scoreInfo.yybyqy!==0">
+              <text class="margin-right-10">音乐表演器乐</text>
+              <text class="font-weight-b">{{ scoreInfo.yybyqy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.yyjy && scoreInfo.yyjy!==0">
+              <text class="margin-right-10">音乐教育</text>
+              <text class="font-weight-b">{{ scoreInfo.yyjy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.fzby && scoreInfo.fzby!==0">
+              <text class="margin-right-10">服装表演</text>
+              <text class="font-weight-b">{{ scoreInfo.fzby }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.xjysdy && scoreInfo.xjysdy!==0">
+              <text class="margin-right-10">戏剧影视导演</text>
+              <text class="font-weight-b">{{ scoreInfo.xjysdy }}</text>
+            </view>
+            <view class="scoreLeft margin-right-30" v-if="scoreInfo.xjysby && scoreInfo.xjysby!==0">
+              <text class="margin-right-10">戏剧影视表演</text>
+              <text class="font-weight-b">{{ scoreInfo.xjysby }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="divider"/>
+    <!--志愿信息-->
+    <view class="fillVolunteerList" v-if="collapseItemList.length>0">
+      <view class="collapse">
+        <view class="collapse-item" v-for="(citem,cindex) in collapseItemList" :key="cindex">
+          <view class="collapse-head" @click="collapseItemList[cindex].status=!collapseItemList[cindex].status">
+            <view class="flexWrap" style="background-color: #f5f5f5;line-height: 80rpx;">
+              <view class="flex-item-8">
+                <view style="padding-left: 30rpx;">
+                  <text class="font-size-mini3 font-weight-b">{{ citem.batchLabel }}({{getVolunteerNum(citem)}}/{{ citem.max }})</text>
+                  <text class="font-size-mini margin-left-10 slateGray">{{ citem.type }}</text>
+                </view>
+              </view>
+              <view class="flex-item-2">
+                <text class="float-right" style="margin-right: 30rpx">{{ citem.status ? '收起' : '展开' }}</text>
+              </view>
+            </view>
+          </view>
+          <view class="collapse-body" v-show="citem.status" style="">
+            <view class="volunteerItem" v-for="(item,index) in (citem.batch==='提前批')?filledVolunteer.volunteerEarlyAdmissionList:
+      (citem.batch==='本科A段')?filledVolunteer.volunteerUndergraduateAList:
+      (citem.batch==='本科B段')?filledVolunteer.volunteerUndergraduateBList:
+      (citem.batch==='本科')?filledVolunteer.volunteerUndergraduateList:filledVolunteer.volunteerJuniorCollegeList"
+                  :key="item.indexs">
+              <view v-if="item.majorCode">
+                <view class="flexWrap">
+                  <view class="flex-item-15 select">
+                    <view class="selectIndex">
+                      <text style="line-height: 50rpx">{{ item.indexs }}</text>
+                    </view>
+                  </view>
+                  <view class="flex-item-85" @click="gotoSchool(item.schoolCode)">
+                    <text style="line-height: 50rpx">[{{ item.schoolCode }}]{{ item.schoolName }}</text>
+                  </view>
+                </view>
+                <view class="flexWrap marginTopBot20">
+                  <view class="flex-item-15 select"></view>
+                  <view class="flex-item-7">
+                    <text class="darkGray">[{{ item.enrollmentCode }}]</text>
+                    <text class="margin-left-10">{{ item.majorName }}</text>
+                  </view>
+                  <view class="flex-item-15">
+                    <text class="darkGray float-right" v-if="item.enrollProbability">{{ item.enrollProbability.toString().substring(0,4) }}%</text>
+                  </view>
+                </view>
+                <!--操作栏-->
+                <view class="flexWrap border-top" style="line-height: 60rpx">
+                  <view class="flex-item-4">
+                    <checkbox-group @change="fctjCheckboxChange(item.id)" v-if="citem.batch==='提前批'">
+                      <label>
+                        <checkbox value="cb" :checked="item.fctj===1" color="#FFCC33" style="transform:scale(0.7)"/>
+                        服从调剂
+                      </label>
+                    </checkbox-group>
+                  </view>
+                  <view class="flex-item-6">
+                    <view class="float-right">
+                      <image @click="onClickExChange(item)" src="/static/icons/move.png" class="icon50 margin-left-50"/>
+                      <!--                      <image src="/static/icons/edit.png" class="icon50 margin-left-50"/>-->
+                      <image @click="confirmDelVolunteerItem(item)" src="/static/icons/delete.png"
+                             class="icon50 margin-left-50"/>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              <!--空白专业-->
+              <view v-else @click="toAdd()">
+                <view class="notSelect flexWrap">
+                  <view class="notSelectIndex">
+                    <text style="line-height: 50rpx">{{ item.indexs }}</text>
+                  </view>
+                  <view class="margin-left-30">
+                    点击添加专业志愿
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!--有成绩，没有志愿信息-->
+    <view class="" v-if="this.scoreInfo && !this.volunteerId">
+      <view>
+        <text class="mediumSlateBlue" @click="onClickCreateVolunteer">创建志愿单</text>
+      </view>
+    </view>
+  </view>
+
+  <uni-popup ref="inputDialog" type="dialog">
+    <uni-popup-dialog ref="inputClose" mode="input"
+                      placeholder="N" @confirm="moveIndexsConfirm">
+      <view>
+        <view class="flexWrap" style="height: 50rpx;line-height: 50rpx">
+          <view class="flex-item-3">
+            移动志愿
+          </view>
+          <view class="flex-item-3">
+            <view style="border: 1rpx solid #979797">
+              <input type="number" v-model="moveVolunteer.indexs" placeholder="N"/>
+            </view>
+          </view>
+        </view>
+      </view>
+    </uni-popup-dialog>
+  </uni-popup>
+</template>
+<style>
+page {
+  background-color: white;
+}
+</style>
+
+<style scoped lang="scss">
+.divider {
+  background: #f5f5f5;
+  width: 100%;
+  height: 3rpx;
+}
+
+.container {
+  padding: 30rpx;
+  max-height: 100%;
+}
+
+/*成绩卡片 start*/
+.score-info-card {
+  padding: 20rpx;
+  background: #f99352;
+  border-radius: 15rpx;
+
+  .tags {
+    margin: 10rpx 0;
+
+    .tag {
+      background-color: #faa069;
+      padding: 0 15rpx;
+      line-height: 40rpx;
+      margin-right: 20rpx;
+    }
+  }
+
+  .score {
+    margin-top: 30rpx;
+    margin-bottom: 10rpx;
+  }
+}
+
+/*成绩卡片 end*/
+
+/*志愿列表 start*/
+
+.collapse-item {
+  margin-top: 30rpx;
+
+  .collapse-body {
+    border-left: 1rpx solid #f5f5f5;
+    border-right: 1rpx solid #f5f5f5;
+    border-bottom: 1rpx solid #f5f5f5;
+    background-color: #f5f5f5;
+  }
+}
+
+.collapse-body .volunteerItem {
+  background-color: white;
+  margin-bottom: 10rpx;
+  padding: 10rpx 30rpx;
+
+  .notSelect {
+    line-height: 80rpx;
+    height: 80rpx;
+    color: #999999;
+  }
+
+  .select {
+    .selectIndex {
+      background-color: #feeee2;
+      color: #f96712;
+      width: 20rpx;
+      height: 50rpx;
+      margin: auto 0;
+      line-height: 50rpx;
+      padding: 0 20rpx;
+      text-align: center;
+    }
+  }
+
+  //未填报时索引
+  .notSelectIndex {
+    background-color: #f2f2f2;
+    width: 20rpx;
+    height: 50rpx;
+    margin: auto 0;
+    line-height: 50rpx;
+    padding: 0 20rpx;
+    text-align: center;
+  }
+}
+
+.fillVolunteerList {
+  margin: 10rpx 0;
+  border-top: 1rpx solid #f5f5f5;
+}
+
+/*志源列表 end*/
+
+
+.uni-row {
+  margin-bottom: 30rpx;
+}
+
+/*导航栏部分 start*/
+.tabs {
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  background-color: #ffffff;
+  /* #ifndef APP-PLUS */
+  /*height: 100vh;*/
+  /* #endif */
+
+  .scroll-h {
+    /*width: 750rpx;*/
+    /* #ifdef H5 */
+    width: 100%;
+    /* #endif */
+    height: 80rpx;
+    flex-direction: row;
+    /* #ifndef APP-PLUS */
+    white-space: nowrap;
+    /* #endif */
+    /* flex-wrap: nowrap; */
+    /* border-color: #cccccc;
+  border-bottom-style: solid;
+  border-bottom-width: 1px; */
+  }
+
+  .line-h {
+    height: 1rpx;
+    background-color: #cccccc;
+  }
+
+  .uni-tab-item {
+    /* #ifndef APP-PLUS */
+    display: inline-block;
+    /* #endif */
+    flex-wrap: nowrap;
+    padding-left: 34rpx;
+    padding-right: 34rpx;
+  }
+
+  .uni-tab-item-title {
+    color: #555;
+    font-size: 30rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    flex-wrap: nowrap;
+    /* #ifndef APP-PLUS */
+    white-space: nowrap;
+    /* #endif */
+  }
+
+  .uni-tab-item-title-active {
+    color: #007AFF;
+  }
+
+  .swiper-box {
+    flex: 1;
+  }
+
+  .swiper-item {
+    flex: 1;
+    flex-direction: row;
+  }
+
+  .scroll-v {
+    flex: 1;
+    /* #ifndef MP-ALIPAY */
+    flex-direction: column;
+    /* #endif */
+    /*width: 750rpx;*/
+    width: 100%;
+  }
+
+  .update-tips {
+    position: absolute;
+    left: 0;
+    top: 41px;
+    right: 0;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: #FDDD9B;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .update-tips-text {
+    font-size: 14px;
+    color: #ffffff;
+  }
+
+  .refresh {
+    /*width: 750rpx;*/
+    width: 100%;
+    height: 64px;
+    justify-content: center;
+  }
+
+  .refresh-view {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .refresh-icon {
+    width: 30px;
+    height: 30px;
+    transition-duration: .5s;
+    transition-property: transform;
+    transform: rotate(0deg);
+    transform-origin: 15px 15px;
+  }
+
+  .refresh-icon-active {
+    transform: rotate(180deg);
+  }
+
+  .loading-icon {
+    width: 20px;
+    height: 20px;
+    margin-right: 5px;
+    color: #999999;
+  }
+
+  .loading-text {
+    margin-left: 2px;
+    font-size: 16px;
+    color: #999999;
+  }
+
+  .loading-more {
+    align-items: center;
+    justify-content: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    text-align: center;
+  }
+
+  .loading-more-text {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+/*导航栏部分 end*/
+
+
+/*志愿信息头部信息 start*/
+.header-info {
+  padding: 30rpx 30rpx 0 30rpx;
+  background-color: white;
+  margin-bottom: 30rpx;
+
+  .h1 {
+    padding: 10rpx 0;
+  }
+
+  .tt1 {
+    margin-right: 30rpx;
+  }
+}
+
+/*志愿信息头部信息 end*/
+
+/*志愿明细列表 start*/
+.volunteerList {
+  padding: 30rpx 30rpx 0 30rpx;
+  background-color: white;
+
+  .v-title {
+    color: #666666;
+    margin-bottom: 30rpx;
+  }
+
+  .volunteerItem {
+    margin-bottom: 50rpx;
+
+    .item_left {
+      .schoolInfo {
+        border-bottom: 1px solid #e5e5e5;
+        padding: 15rpx 0 30rpx 0;
+      }
+
+      .majorInfo {
+        padding: 30rpx 0;
+        border-bottom: 1px solid #f5f5f5;
+
+        .enrollProbability {
+          color: #9b9b9b;
+          font-size: 25rpx;
+        }
+      }
+    }
+
+    .item_right {
+      padding: 150rpx 0 0 20rpx;
+    }
+
+    /*序号*/
+    .indexs {
+      color: white;
+      width: 30rpx;
+      height: 40rpx;
+      background-color: #1275ec;
+      border-radius: 50%;
+      padding-left: 10rpx;
+      margin-right: 30rpx;
+
+    }
+
+    /*tags*/
+    .tags {
+      margin-top: 15rpx;
+
+      .tag {
+        margin-right: 20rpx;
+        color: #9b9b9b;
+        font-size: 25rpx;
+      }
+    }
+
+    .low-text {
+      color: #9b9b9b;
+      font-size: 22rpx;
+      margin-bottom: 15rpx;
+    }
+  }
+}
+
+/*志愿明细列表 end*/
+</style>
diff --git a/pages/zyb/fuwenben/index.vue b/pages/zyb/fuwenben/index.vue
new file mode 100644
index 0000000..0ca3bec
--- /dev/null
+++ b/pages/zyb/fuwenben/index.vue
@@ -0,0 +1,21 @@
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      content: '<h3>郑州大学 2023年美术类专业招生简章</h3><p><em>发布者：&nbsp;&nbsp;时间：2023-05-15 08:18:26&nbsp;&nbsp;浏览：</em><em>1314</em></p><p><br/></p><p class="vsbcontent_start">郑州大学是国家“211工程”重点建设高校、世界一流大学建设高校和“部省合建”高校。<a></a>根据《教育部关于进一步加强和改进普通高校艺术类专业考试招生工作的指导意见》（教学〔2021〕3号）、《教育部办公厅关于做好2023年普通高校部分特殊类型招生工作的通知》(教学厅〔2022〕8号)等文件精神，坚持以习近平新时代中国特色社会主义思想为指导，全面贯彻党的教育方针，坚持社会主义办学方向，深入落实立德树人根本任务，着力选拔培养德智体美劳全面发展的社会主义建设者和接班人。2023年我校计划招收美术类专业考生152名。</p><p><strong>一、分省分专业招生计划</strong></p><p>河南、山东、湖南、山西、安徽、陕西、广东、江苏八省使用省统考成绩录取。具体招生专业信息及人数如下：</p><p class="vsbcontent_img"><img id="82lFTkSu" src="/__local/2/12/0B/A9F14472B8902978C8B4CAB0B75_59BBE9E7_94E6.png" class="img_vsb_content"/></p><p><strong>二、录取规则</strong></p><p>1.考生专业课、文化课成绩均须达到生源省份艺术类本科控制分数线。</p><p>2.对于进档考生，依据综合成绩从高到低录取。文化课成绩与专业课成绩各占综合成绩的50%。计算公式为：</p><p>综合成绩=（文化课成绩/文化课满分）×100×50% + (专业课成绩/专业课满分）×100×50%。</p><p>综合成绩相同则按文化课成绩从高到低录取，仍相同则依次按<a></a>语文、数学、外语成绩从高到低录取。</p><p>3.若生源省份有明确的平行志愿投档规则，按其投档规则执行；兼报专业按照志愿优先的原则录取。</p><p><strong>三、新生复查</strong></p><p>新生入学后，学校按有关规定进行新生入学资格审查和录取资格复查，凡考试有舞弊行为或审查、复查不合格者，按有关规定予以处理。</p><p><strong>四、组织机构及监督</strong></p><p>1.郑州大学本科招生领导小组负责统筹协调和监督管理我校特殊类型招生工作。领导小组负责研究决定美术类专业招生工作中的重大事项。</p><p>2.美术类专业招生的全过程由学校纪检监察部门实施监督，并主动接受社会各界监督。对违反规定的相关人员要严厉查处。凡通过弄虚作假等欺骗手段报考或录取的考生，一经发现，取消当年报考或录取资格，入校后发现的取消其学籍，毕业后发现的撤销其毕业证、学位证。学校纪委电话：0371-67781935</p><p><strong>五、教育部和生源省份如出台新的文件规定，以新规定为准。</strong></p><p><strong>六、如收费标准调整，将按照河南省最新收费标准执行。</strong></p><p><strong>七、联系方式</strong></p><p>郑州大学招生办公室：0371-67781182（传真）</p><p>美术学院咨询电话：0371-67780960</p><p>郑州大学招生网：http://ao.zzu.edu.cn/</p><p><a></a>电子信箱：zdzb@zzu.edu.cn</p><p>郑州大学招生办公室地址：</p><p>郑州市高新区科学大道100号综合管理中心518A室</p><p class="vsbcontent_end">邮编：450001</p>'
+    }
+  },
+  methods: {}
+}
+</script>
+
+<template>
+  <view class="content">
+    <rich-text :nodes="content"></rich-text>
+  </view>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/pages/zyb/historyScoreControlLine/data.js b/pages/zyb/historyScoreControlLine/data.js
deleted file mode 100644
index 08305d2..0000000
--- a/pages/zyb/historyScoreControlLine/data.js
+++ /dev/null
@@ -1,82 +0,0 @@
-export const menuData = [
-    {
-        name: 'year', title: '年份', options: [
-            {label: "2023", value: "2023"},
-            {label: "2022", value: "2022"},
-            {label: "2021", value: "2021"}
-        ]
-    },
-    {
-        name: 'professionalCategory', title: '专业类别', options: [
-            {label: "音乐类", value: "音乐类"},
-            {label: "国际标准舞类", value: "国际标准舞类"},
-            {label: "播音与主持类", value: "播音与主持类"},
-            {label: "表演类", value: "表演类"},
-            {label: "编导制作类", value: "编导制作类"},
-            {label: "书法类", value: "书法类"},
-            {label: "艺术舞蹈类", value: "艺术舞蹈类"},
-            {label: "美术类", value: "美术类"},
-            {label: "体育类", value: "体育类"},
-        ]
-    },
-    {
-        name: 'category', title: '文理分科', options: [
-            {label: "文科", value: "文科"},
-            {label: "理科", value: "理科"},
-        ]
-    },
-]
-
-export const menuData1 = [
-    {
-        name: 'city', title: '城市', treeSelect: true, popupHeight: null, options: [
-            {label: "全部", value: null, children: [{label: '全部', value: null}]},
-            {
-                label: "湖南省", value: "1",
-                children: [
-                    {label: "全部", value: 35},
-                    {label: "长沙市", tip: 10, value: "1_1"},
-                    {label: "岳阳市", tip: 20, value: "1_2"},
-                    {label: "永州市", tip: 22, value: "1_4"},
-                    {label: "衡阳市", tip: 22, value: "1_5"},
-                    {label: "益阳市", tip: 22, value: "1_6"},
-                    {label: "张家界", tip: 22, value: "1_7"},
-                ],
-            },
-            {
-                label: "广东省", value: "2",
-                children: [
-                    {label: "全部", value: null},
-                    {label: "广州市", value: "2_1"},
-                    {label: "惠州市", value: "2_2"},
-                    {label: "中山市", value: "2_3"},
-                ],
-            },
-            {
-                label: "浙江省", value: "3",
-                children: [
-                    {label: "全部", value: null},
-                    {label: "杭州市", value: "3_1"},
-                    {label: "宁波市", value: "3_2"},
-                    {label: "温州市", value: "3_3"},
-                ],
-            },
-        ]
-    },
-    {
-        name: 'status', title: '状态', options: [
-            {label: "全部状态", value: null},
-            {label: "待付款", value: "1"},
-            {label: "待发货", value: "2"},
-            {label: "待收货", value: "3"},
-            {label: "待评价", value: "4"}
-        ]
-    },
-    {
-        name: 'sort', title: '排序', options: [
-            {label: "默认排序", value: null},
-            {label: "销量排序", value: "1"},
-            {label: "好评排序", value: "2"},
-        ]
-    }
-]
diff --git a/pages/zyb/historyScoreControlLine/index-copu.vue b/pages/zyb/historyScoreControlLine/index-copu.vue
new file mode 100644
index 0000000..ac87a04
--- /dev/null
+++ b/pages/zyb/historyScoreControlLine/index-copu.vue
@@ -0,0 +1,162 @@
+<!--省控线-->
+<script setup>
+import {ref} from "vue";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import {onMounted} from "vue";
+import StaticConstant from "@/common/StaticConstant";
+
+let request = new Request()
+const dataList = ref()
+const scoreUpdate = ref()
+function getHistoryList() {
+  let that = this
+  let scoreInfo = uni.getStorageSync('scoreInfo')
+  let data = {
+    professionalCategory: '美术与设计类',
+    category: '文科'
+  }
+  if (scoreInfo && scoreInfo.professionalCategory) {
+    data.professionalCategory = scoreInfo.professionalCategory
+  }
+  if (scoreInfo && scoreInfo.cognitioPolyclinic) {
+    data.category = scoreInfo.cognitioPolyclinic
+  }
+
+  //获取 24艺考改革专业分调整
+  let scoreUpdater = StaticConstant.professionalCategoryScoreUpdadtes[data.professionalCategory]
+  if (scoreUpdater && scoreUpdater.scoreMax) {
+    scoreUpdate.value = {...scoreUpdater,professionalCategory:data.professionalCategory}
+  }
+
+  request.get(ApiConstant.Score.historyScoreControlLineListGroupYear, data).then(r => {
+    if (r.success) {
+      let data2 = r.result
+      let list = []
+      let dataKeys = Object.keys(data2)
+      dataKeys.sort(function (a, b) {
+        return b - a;
+      });
+      for (let i = 0; i < dataKeys.length; i++) {
+        list.push({year: dataKeys[i], list: data2[dataKeys[i]]})
+      }
+      dataList.value = list
+    }
+  }).catch(err => {
+  }).finally(() => {
+  });
+}
+
+onMounted(() => {
+  getHistoryList()
+})
+
+</script>
+
+<template>
+  <view class="container" style="background-color: #ffffcb">
+    <text class="uni-h6" v-if="scoreUpdate && scoreUpdate.scoreMax">2024艺考改革，原专业满分{{scoreUpdate.oldScoreMax}}分调整为{{scoreUpdate.scoreMax}}分。</text>
+  </view>
+  <view class="content">
+    <view class="table">
+      <view class="tr uni-flex" style="background-color: #f5c4b8;">
+        <view class="th flex-item-1">
+          <text>年份</text>
+        </view>
+        <view class="th flex-item-3">
+          <text>批次</text>
+        </view>
+        <view class="th flex-item-3">
+          <text>专业线(统/校)</text>
+        </view>
+        <view class="th flex-item-3">
+          <text>文化线(统/校)</text>
+        </view>
+
+      </view>
+      <view class="tr uni-flex" v-for="(item,index) in dataList" :key="index">
+        <view class="flex-item-10">
+          <view class="uni-flex">
+            <view class="flex-item-1 left"
+                  :style="(index+1)%2===0?'lineOned':'lineTwod'">
+              <text class="font-size-medium"
+                    style="width: 20rpx;margin-top: 100rpx;line-height: 30rpx;text-orientation: upright; writing-mode: vertical-rl;">
+                {{ item.year }}
+              </text>
+            </view>
+            <view class="flex-item-9">
+              <view class="uni-flex right" v-for="(it,i) in item.list" :key="i">
+                <view class="flex-item-33 right-co">
+                  <text>{{ it.batch || '-' }}</text>
+                </view>
+                <view class="flex-item-33 right-co">
+                  <text>{{ it.specialScore || '-' }}</text>
+                  <text v-if="it.specialScoreXk">/{{ it.specialScoreXk || '-' }}</text>
+                </view>
+                <view class="flex-item-33 right-co">
+                  <text>{{ it.culturalScore || '-' }}</text>
+                  <text v-if="it.culturalScoreXk">/{{ it.culturalScoreXk || '-' }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+</template>
+
+<style scoped lang="scss">
+.container {
+  line-height: 80rpx;
+  padding: 0 30rpx;
+  font-weight: 550;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  background-color: white;
+}
+
+.tr {
+  line-height: 100rpx;
+  width: 100%;
+  text-align: center;
+}
+
+.tr .th {
+  color: #f36646;
+  //color: #eae7ff;
+  font-weight: 600;
+}
+
+.tr .td {
+  width: 33.3%;
+}
+
+.left {
+  color: #f36646;
+  //color:#eae7ff;
+  border-radius: 5rpx;
+  margin: 10rpx 0;
+}
+
+.right {
+  //background-color: #f5c4b8;
+  background-color: #f9f9f9;
+  color: #41464e;
+  font-weight: 550;
+  margin: 10rpx 5rpx;
+  height: 90rpx;
+  line-height: 90rpx;
+}
+.lineOned{
+  background-color: #d68e7e;
+}
+.lineTwod{
+  background-color: #f5c4b8;
+}
+</style>
diff --git a/pages/zyb/historyScoreControlLine/index.vue b/pages/zyb/historyScoreControlLine/index.vue
index 2fb9dc7..e22820b 100644
--- a/pages/zyb/historyScoreControlLine/index.vue
+++ b/pages/zyb/historyScoreControlLine/index.vue
@@ -5,17 +5,22 @@ import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import {onMounted} from "vue";
 import StaticConstant from "@/common/StaticConstant";
+import View from "../../component/view/view.vue";
 
 let request = new Request()
 const dataList = ref()
+const userScoreInfo = ref()
 const scoreUpdate = ref()
 function getHistoryList() {
   let that = this
   let scoreInfo = uni.getStorageSync('scoreInfo')
+  userScoreInfo.value = scoreInfo
   let data = {
     professionalCategory: '美术与设计类',
     category: '文科'
   }
+  console.log(userScoreInfo.value)
+
   if (scoreInfo && scoreInfo.professionalCategory) {
     data.professionalCategory = scoreInfo.professionalCategory
   }
@@ -54,57 +59,64 @@ onMounted(() => {
 </script>
 
 <template>
-  <view class="container" style="background-color: #ffffcb">
-    <text class="uni-h6" v-if="scoreUpdate && scoreUpdate.scoreMax">2024艺考改革，原专业满分{{scoreUpdate.oldScoreMax}}分调整为{{scoreUpdate.scoreMax}}分。</text>
-  </view>
-  <view class="content">
-    <view class="table">
-      <view class="tr uni-flex" style="background-color: #e0e8ed">
-        <view class="th flex-item-1">
-          <text>年份</text>
+  <view style="background-color: white">
+    <view class="container" style="background-color: #ffffcb">
+      <text class="uni-h6" v-if="scoreUpdate && scoreUpdate.scoreMax">2024艺考改革，原专业满分{{scoreUpdate.oldScoreMax}}分调整为{{scoreUpdate.scoreMax}}分。</text>
+    </view>
+    <view class="container font-weight-600" style="" v-if="userScoreInfo"><!--font-family: 'Microsoft YaHei UI Light'-->
+      <text class="margin-right-10" style="color: #f9765b">河南省</text>
+      <text class="margin-right-10">{{userScoreInfo.professionalCategory}}</text>
+      <text>{{userScoreInfo.cognitioPolyclinic}}历年批次线</text>
+    </view>
+    <view class="" style="padding: 10rpx 30rpx">
+      <view v-for="(item,index) in dataList" :key="index">
+        <view class="flexWrap">
+          <view class="flex-item-10" style="text-align: center">
+            <text class="font-weight-600 font-size-medium2" :class="index===0?'':'old-color'" style="line-height: 80rpx">{{item.year}}</text>
+          </view>
         </view>
-        <view class="th flex-item-3">
-          <text>批次</text>
-        </view>
-        <view class="th flex-item-3">
-          <text>专业线(统/校)</text>
-        </view>
-        <view class="th flex-item-3">
-          <text>文化线(统/校)</text>
-        </view>
-
-      </view>
-      <view class="tr uni-flex" v-for="(item,index) in dataList" :key="index">
-        <view class="flex-item-10">
-          <view class="uni-flex">
-            <view class="flex-item-1 left"
-                  :style="(index+1)%2===0?'background-color: #d4ecf0':'background-color: #ebf3f6'">
-              <text class="font-size-medium"
-                    style="width: 20rpx;margin-top: 100rpx;line-height: 30rpx;text-orientation: upright; writing-mode: vertical-rl;">
-                {{ item.year }}
-              </text>
-            </view>
-            <view class="flex-item-9">
-              <view class="uni-flex right" v-for="(it,i) in item.list" :key="i">
-                <view class="flex-item-33 right-co">
-                  <text>{{ it.batch || '-' }}</text>
+        <view class="flexWrap">
+          <view class="flex-item-10" style="margin-bottom: 50rpx">
+            <view class="padding20" style="background-color: #f9f9fb;border-radius: 30rpx">
+              <view class="tableHead flexWrap border-bottom" style="line-height: 50rpx;">
+                <view class="th flex-item-33">
+                  <text>批次</text>
                 </view>
-                <view class="flex-item-33 right-co">
-                  <text>{{ it.specialScore || '-' }}</text>
-                  <text v-if="it.specialScoreXk">/{{ it.specialScoreXk || '-' }}</text>
+                <view class="th flex-item-33">
+                  <text v-if="userScoreInfo && userScoreInfo.professionalCategory ==='体育类'">
+                    {{userScoreInfo.cognitioPolyclinic ==='文科'?'专业(文/理)':'专业(理/文)'}}
+                  </text>
+                  <text v-else>专业(统/校)</text>
                 </view>
-                <view class="flex-item-33 right-co">
-                  <text>{{ it.culturalScore || '-' }}</text>
-                  <text v-if="it.culturalScoreXk">/{{ it.culturalScoreXk || '-' }}</text>
+                <view class="th flex-item-33">
+                  <text v-if="userScoreInfo && userScoreInfo.professionalCategory ==='体育类'">
+                    {{userScoreInfo.cognitioPolyclinic ==='文科'?'文化(文/理)':'文化(理/文)'}}
+                  </text>
+                  <text v-else>文化(统/校)</text>
+                </view>
+              </view>
+              <view class="tableData flexWrap font-weight-b margin-top-20">
+                <view class="tr flexWrap" v-for="(it,i) in dataList[index].list" :key="i" :class="index===0?'':'old-color'">
+                  <view class="td">
+                    <text>{{ it.batch || '-' }}</text>
+                  </view>
+                  <view class="td">
+                    <text>{{ it.specialScore || '-' }}</text>
+                    <text v-if="it.specialScoreXk">/{{ it.specialScoreXk || '-' }}</text>
+                  </view>
+                  <view class="td">
+                    <text>{{ it.culturalScore || '-' }}</text>
+                    <text v-if="it.culturalScoreXk">/{{ it.culturalScoreXk || '-' }}</text>
+                  </view>
                 </view>
               </view>
             </view>
           </view>
         </view>
       </view>
+
     </view>
   </view>
-
 </template>
 
 <style scoped lang="scss">
@@ -114,6 +126,34 @@ onMounted(() => {
   font-weight: 550;
 }
 
+
+.th{
+  text-align: center;
+}
+
+.tableHead{
+  color: #666478;
+  font-size: 25rpx;
+}
+
+.tableData{
+  //height: 300rpx;
+  .tr{
+    text-align: center;
+    font-size: 26rpx;
+    width: 100%;
+    height: 100rpx;
+    .td{
+      width: 33.3%;
+      line-height: 100rpx;
+    }
+  }
+}
+
+.old-color{
+  color: #666478;
+}
+
 .content {
   display: flex;
   flex-direction: column;
@@ -121,28 +161,16 @@ onMounted(() => {
   background-color: white;
 }
 
-.tr {
-  line-height: 100rpx;
-  width: 100%;
-  text-align: center;
-}
-
-.tr .th {
-  color: #459aac;
-  font-weight: 600;
-}
-
-.tr .td {
-  width: 33.3%;
-}
 
 .left {
-  color: #3b96a6;
+  color: #f36646;
+  //color:#eae7ff;
   border-radius: 5rpx;
   margin: 10rpx 0;
 }
 
 .right {
+  //background-color: #f5c4b8;
   background-color: #f9f9f9;
   color: #41464e;
   font-weight: 550;
@@ -150,4 +178,10 @@ onMounted(() => {
   height: 90rpx;
   line-height: 90rpx;
 }
+.lineOned{
+  background-color: #d68e7e;
+}
+.lineTwod{
+  background-color: #f5c4b8;
+}
 </style>
diff --git a/pages/zyb/home.vue b/pages/zyb/home.vue
index 0e0fa56..b0646d4 100644
--- a/pages/zyb/home.vue
+++ b/pages/zyb/home.vue
@@ -3,181 +3,582 @@ import StaticConstant from "@/common/StaticConstant";
 import ImagesConstant from "@/common/ImagesConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from "@/common/request";
+import JumpTool from "@/common/js/jumpTool";
+import jumpTool from "@/common/js/jumpTool";
 
 let request = new Request()
 export default {
   name: "home",
   components: {},
   computed: {
+    jumpTool() {
+      return jumpTool
+    },
     StaticConstant() {
       return StaticConstant
     }
   },
   data() {
     return {
-      scoreInfo: {
-        province: '河南',//省份
-        cognitioPolyclinic: '',//科类
-        professionalCategory: '',//报考方向
-        culturalScore: '',//文化分
-        professionalScore: '',//统考分
-      },
+      userStatus: false,
+      scoreInfo: null,
       zyNum: null,//专业数量
       defaultIcon: ImagesConstant.defaultIcon,//默认图片
-      tjlb: {
+      fillVolunteer: {
+        all: null,//全部
         kcj: null,//冲刺推荐
         jwt: null,//较稳妥
         kbd: null//可保底
       },
       options: StaticConstant.HomeOptions,
+      statusList: [{status: 'noMore'}, {status: 'noMore'},],
+      statusTypes: StaticConstant.loadStatusTypes,
+      contentText: StaticConstant.loadContentText,
+
+      admissionsRegulationsList: [],//招生章程
+      //底部tab切换
+      scrollLeft: 0,
+      topFlag: false,
+      //{id: 1, name: '招生章程', list: [], current: 1, pageSie: 5},
+      tabs: [{id: 2, name: '高考动态', current: 1, pageSie: 5, list: []}, {
+        id: 3,
+        name: '校内资讯', current: 1, pageSie: 5,
+        list: []
+      }],
+      currentTab: 0,
     }
   },
   onShow() {
-    let score = uni.getStorageSync('scoreInfo')
-    let fillVolunteer = uni.getStorageSync('fillVolunteer')
-    if (score !== undefined && score !== null) {
-      this.scoreInfo = score
-      if (!fillVolunteer || !fillVolunteer.all) {
-        this.getRecommendMajorCount()
-        fillVolunteer = uni.getStorageSync('fillVolunteer')
+    //进入页面后，判断是否登录了
+    let userInfo = uni.getStorageSync('userInfo')
+    if (userInfo) {
+      this.userStatus = true
+      //判断缓存中是否有成绩信息
+      this.scoreInfo = uni.getStorageSync('scoreInfo')
+      //缓存中是否有推荐院校数量
+      this.fillVolunteer = uni.getStorageSync('fillVolunteer')
+      if (!this.fillVolunteer || this.fillVolunteer === '' || !this.scoreInfo || this.scoreInfo === '') {
+        this.getUserScore()
       }
     }
-
-    if (fillVolunteer) {
-      this.zyNum = fillVolunteer.all
-      this.tjlb.kcj = fillVolunteer.kcj
-      this.tjlb.jwt = fillVolunteer.jwt
-      this.tjlb.kbd = fillVolunteer.kbd
+  },
+  onLoad() {
+    this.getAdmissionsRegulationsList()
+  },
+  onReachBottom() {
+      this.loadMore()
+  },
+  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
+    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
+    this.topFlag = e.scrollTop > 600;
+  },
+  onShareAppMessage() {
+    return {
+      title: StaticConstant.systemName, //分享标题
+      path: "/pages/zyb/home"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: StaticConstant.systemName, //分享标题
+      path: "/pages/zyb/home"
     }
   },
   methods: {
-    goto(url) {
-      uni.navigateTo({
-        url: url
-      })
-    },
     /*点击 操作菜单*/
     optionItemChange(e) {
+      console.log('1111')
       if (this.options && this.options[e.detail.index].url) {
-        this.goto(this.options[e.detail.index].url)
+        if (this.options[e.detail.index].title !== '艺考考研' && this.options[e.detail.index].title !== '招生章程') {
+          if (this.checkUserScore()) {
+            JumpTool.goto(this.options[e.detail.index].url)
+          }
+        } else {
+          JumpTool.goto(this.options[e.detail.index].url)
+        }
       }
     },
-    getRecommendMajorCount() {
-      request.get(ApiConstant.Major.recommendMajorCount, {}).then(res => {
+    /*判断用户是否登录*/
+    checkUserStatus() {
+      if (!this.userStatus) {
+        JumpTool.goLogin()
+        return false
+      }
+    },
+    /*判断用户的分数信息*/
+    checkUserScore() {
+      //判断登录状态
+      this.checkUserStatus()
+      if (!this.scoreInfo) {
+        JumpTool.openScoreEdit()
+        return false
+      } else {
+        return true
+      }
+    },
+    onClickEditUserScore() {
+      JumpTool.openScoreEdit()
+    },
+    /*点击AI一键填报*/
+    onClickAi() {
+      if (this.checkUserScore()) {
+        JumpTool.goto('/pages/zyb/fillVolunteer/aiAuto')
+      }
+
+    },
+    /*点击模拟填报*/
+    onClickMn() {
+      if (this.checkUserScore()) {
+        //JumpTool.goto('/pages/zyb/fillVolunteer/index')
+        JumpTool.goto('/pages/zyb/fillVolunteer/mockList')
+      }
+    },
+    /*获取用户的分数信息*/
+    getUserScore() {
+      request.get(ApiConstant.Score.getScore, {}).then(res => {
         if (res.success) {
-          let result = res.result
-          //将数据存入 缓存
-          let fillVolunteer = {
-            all: result.allNumber,
-            kcj: result.kcj,
-            jwt: result.jwt,
-            nlq: result.nan,
-            kbd: result.kbd
+          if (res.result) {
+            //接口返回了成绩
+            if (res.result.scoreInfo) {
+              uni.setStorageSync('scoreInfo', res.result.scoreInfo)
+              this.scoreInfo = res.result.scoreInfo
+            }
+            //从成绩中提取 可报院校专业数量
+            if (res.result.fillVolunteer) {
+              uni.setStorageSync('fillVolunteer', res.result.fillVolunteer)
+              this.fillVolunteer = res.result.fillVolunteer
+            }
+            if (res.result.volunteer) {
+              uni.setStorageSync('volunteer', res.result.volunteer)
+              this.volunteer = res.result.volunteer
+            }
           }
-          uni.setStorageSync('fillVolunteer', fillVolunteer)
+        } else {
+          //有异常
         }
       }).catch(err => {
       }).finally(() => {
       });
     },
+    /*招生章程*/
+    getAdmissionsRegulationsList() {
+      this.setStatus('loading')
+      let params = {
+        type: this.tabs[this.currentTab].id,
+        pageNum: this.tabs[this.currentTab].current,
+        pageSize: 5
+      }
+      request.get(ApiConstant.Article.articlePage, params).then(res => {
+        console.log(res)
+        if (res.success) {
+          this.tabs[this.currentTab].current = res.result.current
+          this.tabs[this.currentTab].pages = res.result.pages
+          //追加到列表数据中
+          this.tabs[this.currentTab].list = [...this.tabs[this.currentTab].list, ...res.result.records]
+          if (res.result.current >= res.result.pages) {
+            this.setStatus('noMore')
+          } else {
+            this.setStatus('more')
+          }
+        } else {
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    setStatus(status) {
+      this.statusList[this.currentTab].status = status
+    },
+    loadMore() {
+      if (this.statusList[this.currentTab].status === 'noMore') {
+        return;
+      }
+      console.log('加载中')
+      this.tabs[this.currentTab].current++;
+      this.getAdmissionsRegulationsList()
+    },
+    /*回到顶部*/
+    clickTop() {
+      uni.pageScrollTo({
+        scrollTop: 0,
+        duration: 300
+      });
+    },
+    swichMenu(id) {
+      this.currentTab = id
+
+      this.title = ''
+      this.tabs[this.currentTab].current = 1
+      this.tabs[this.currentTab].list = []
+      this.getAdmissionsRegulationsList()
+
+      console.log(id)
+      //this.tabCurrent = 'tabNum'+ id
+      // 滑动swiper后，每个选项距离其父元素最左侧的距离
+      this.scrollLeft = 0;
+      for (let i = 0; i < id; i++) {
+        this.scrollLeft += 60
+        console.log(this.scrollLeft, 60, id)
+      }
+    },
 
   }
 }
 </script>
 
 <template>
-  <!--  头部-->
-  <view class="header" style="background: linear-gradient(to left, rgba(52,145,212,0.83), #3658d0);height: 600rpx">
-    <!--顶部地区及年份-->
-    <view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
-      <view class="white  margin30">{{ scoreInfo.province }}</view>
-      <view class="white  margin30">{{ StaticConstant.year }}年填报</view>
-    </view>
-    <!--推荐专业数量-->
-    <div class="tuijian">
-      <view class="uni-flex uni-row">
-        <view class="dxshn" v-if="zyNum">
-          <p class="tnumber">{{ zyNum }}个</p>
-          <p class="ttitle">专业适合你</p>
-        </view>
-        <view class="dxshn" v-else>
-          <p class="tnumber">{{ StaticConstant.systemName }}</p>
-        </view>
+  <view class="body">
+    <!--顶部搜素框-->
+    <view class="header">
+      <view class="flexWrap systemNameLine">
+        <text class="font-size-big font-weight-b margin-left-50">{{ StaticConstant.systemName }}</text>
+        <text style="position: absolute;left: 350rpx;top:50rpx">河南艺体考生专属VIP</text>
       </view>
-      <view class="uni-padding-wrap uni-common-mt topNumberDiv">
-        <!--冲刺推荐，稳妥推进，保底推荐-->
-        <view class="uni-flex uni-row">
-          <view class="flex-item t_item">
-            <p class="tnumber" v-if="tjlb.kcj!==undefined">{{ tjlb.kcj}}</p>
-            <p class="tnumber" v-else>??</p>
-            <p class="ttitle">可冲击</p>
-          </view>
-          <view class="flex-item t_item">
-            <p class="tnumber" v-if="tjlb.jwt!==undefined">{{ tjlb.jwt}}</p>
-            <p class="tnumber" v-else>??</p>
-            <p class="ttitle">较稳妥</p>
-          </view>
-          <view class="flex-item t_item">
-            <p class="tnumber" v-if="tjlb.kbd!==undefined">{{ tjlb.kbd}}</p>
-            <p class="tnumber" v-else>??</p>
-            <p class="ttitle">可保底</p>
+      <!--      <view class="flexWrap search">
+              <view>
+                <image src="/static/icons/search.png" class="icon32 margin-right-10"/>
+                <text class="bab9c4">找大学</text>
+              </view>
+            </view>-->
+    </view>
+    <!--分数面板-->
+    <view class="my-score-pane">
+      <view class="scoreLine flexWrap">
+        <view v-if="!userStatus || !scoreInfo" @click="checkUserScore"
+              class="flex-item-10 font-size-mini2 black4 font-weight-500">
+          <view class="flexWrap" style="text-align: center">
+            <view class="flex-item-10" style="text-align: center">
+              <!--              <image src="/static/icons/avatar.png" class="icon50" style="position: relative;right: 10rpx"/>-->
+              <text class="margin-right-10">请添加考生信息</text>
+            </view>
           </view>
         </view>
-
-        <!--我的成绩-->
-        <view class="uni-flex uni-row marginTopBot30 wdcj">
-          <view class="flex-item-10 fontsize25" style="text-align: center" v-if="scoreInfo && scoreInfo.province">
-            <text class="marginright10">我的成绩：文化:{{ scoreInfo.culturalScore }}分</text>
-            <text class="marginright10">专业:{{ scoreInfo.professionalScore }}分</text>
-            <text class="marginright10">{{ scoreInfo.cognitioPolyclinic }}</text>
-            <text class="marginright10">{{ scoreInfo.professionalCategory }}</text>
+        <view v-else class="flex-item-10 font-size-mini2 black4 font-weight-500">
+          <view class="flexWrap">
+            <view class="flex-item-7">
+              <text class="margin-right-10">{{ scoreInfo && scoreInfo.province }}
+                <text class="font-weight-none">·</text>
+                {{ scoreInfo && scoreInfo.cognitioPolyclinic === '文科' ? '文' : '理' }}
+              </text>
+              <text class="margin-right-10">{{ scoreInfo && scoreInfo.professionalCategory }}</text>
+            </view>
+            <view class="flex-item-3">
+              <text class="float-right font-weight-none mediumSlateBlue" @click="onClickEditUserScore">修改成绩</text>
+            </view>
           </view>
-          <view class="flex-item-10 fontsize25" style="text-align: center" v-else>
-            <text class="marginright10">完善信息查看完整推荐</text>
-          </view>
-        </view>
-        <view class="flex mntb blue" style="background-color: white;font-size: 36rpx;border-radius: 50rpx;">
-          <view class="flex-item-5" @click="goto('/pages/zyb/fillVolunteer/aiAuto')"
-                style="padding:0 28rpx 0 36rpx;line-height: 2.5;text-align: left">
-            <text>一键智能填报</text>
-          </view>
-          <view class="flex-item-5">
-            <view style="padding: 0 28rpx;line-height: 2.5;
-              z-index: 10;text-align: center;border-radius: 50rpx;background: linear-gradient(rgba(52,145,212,0.83), #3658d0);">
-              <text @click="goto('/pages/zyb/fillVolunteer/index')"
-                    style="color:white;">模拟填报
+          <view class="flexWrap">
+            <view class="flex-item-10">
+              <text class="margin-right-10">文化</text>
+              <text class="scoreNum black3 margin-right-10">{{ scoreInfo && scoreInfo.culturalScore }}</text>
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.professionalCategory!=='表演类'">
+                {{ scoreInfo.professionalCategory === '音乐类' ? '主项' : '统考' }}
+              </text>
+              <text class="scoreNum black3 margin-right-10"
+                    v-if="scoreInfo && scoreInfo.professionalCategory!=='表演类'">
+                {{ scoreInfo && scoreInfo.professionalScore }}
+              </text>
+              <br v-if="scoreInfo && scoreInfo.professionalCategory!=='表演类'"/>
+              <!--音乐类-->
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.yybysy">音表声乐</text>
+              <text class="scoreNum black3 margin-right-10" v-if="scoreInfo && scoreInfo.yybysy">
+                {{ scoreInfo && scoreInfo.yybysy }}
+              </text>
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.yybyqy">音表器乐</text>
+              <text class="scoreNum black3 margin-right-10" v-if="scoreInfo && scoreInfo.yybyqy">
+                {{ scoreInfo && scoreInfo.yybyqy }}
+              </text>
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.yyjy">音乐教育</text>
+              <text class="scoreNum black3 margin-right-10" v-if="scoreInfo && scoreInfo.yyjy">
+                {{ scoreInfo && scoreInfo.yyjy }}
+              </text>
+              <!--表演类-->
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.fzby">服装表演</text>
+              <text class="scoreNum black3 margin-right-10" v-if="scoreInfo && scoreInfo.fzby">
+                {{ scoreInfo && scoreInfo.fzby }}
+              </text>
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.xjysdy">影视导演</text>
+              <text class="scoreNum black3 margin-right-10" v-if="scoreInfo && scoreInfo.xjysdy">
+                {{ scoreInfo && scoreInfo.xjysdy }}
+              </text>
+              <text class="margin-right-10" v-if="scoreInfo && scoreInfo.xjysby">影视表演</text>
+              <text class="scoreNum black3 margin-right-10" v-if="scoreInfo && scoreInfo.xjysby">
+                {{ scoreInfo && scoreInfo.xjysby }}
               </text>
             </view>
           </view>
         </view>
       </view>
-    </div>
-  </view>
-  <!--内容部分-->
-  <view class="body">
-    <!--操作菜单-->
-    <view class="options">
-      <uni-grid :column="4" :highlight="true" :show-border="false" @change="optionItemChange">
-        <uni-grid-item v-for="(item, index) in options" :index="index" :key="index">
-          <view class="grid-item-box">
-            <view style="border-radius: 50%;box-shadow: 0 0 10rpx 5rpx #aaa;width: 100rpx;height: 100rpx;">
-              <image :src="item.icon?item.icon:defaultIcon"
-                     :style="item.width?'left: 8rpx;top:10rpx;width:'+item.width+';height:'+item.width:'height: 60rpx;width: 60rpx;left: 20rpx;top:20rpx'"
-                     style="position: relative;"/>
+
+      <!--圆圈-->
+      <view class="circle1">
+        <view class="circle2">
+          <view v-if="!userStatus || !scoreInfo" class="textView" @click="checkUserScore">
+            <view class="border-bottom" style="width: 200rpx;margin: 0 auto">
+              <text class="d3d3d3 font-weight-550 font-size-big " style="line-height: 70rpx">输入分数</text>
             </view>
-            <text class="text">{{ item.title }}</text>
+            <br/>
+            <text class="slateGray font-size-medium">查看可报院校</text>
           </view>
-        </uni-grid-item>
-      </uni-grid>
+          <view v-else class="textView" @click="onClickMn">
+            <view class="" style="width: 250rpx;margin: 0 auto">
+              <text class="font-weight-550 font-size-medium2" style="line-height: 70rpx">
+                {{ fillVolunteer.allNumber }}
+                <text class="font-size-medium">所</text>
+              </text>
+            </view>
+            <br/>
+            <text class="slateGray font-size-medium">查看可报院校</text>
+          </view>
+        </view>
+      </view>
+      <!--推荐数量-->
+      <view class="tuijianshuliang">
+        <!--数量行-->
+        <view class="numLine black3">
+          <!--<text class="font-weight-b redBlack font-size-mini4">·</text><text class="margin-right-10">难录取</text><text class="scoreNum black3 margin-right-10">125</text>-->
+          <view class="flexWrap" style="text-align: center" @click="onClickMn">
+            <view class="flex-item-33">
+              <text class="font-weight-b redOrange font-size-mini4">·</text>
+              <text class="margin-right-10">冲刺</text>
+              <text class="scoreNum black3 margin-right-10">{{ userStatus && fillVolunteer.kcj || '--' }}</text>
+            </view>
+            <view class="flex-item-33">
+              <text class="font-weight-b royalBlue font-size-mini4">·</text>
+              <text class="margin-right-10">稳妥</text>
+              <text class="scoreNum black3 margin-right-10">{{ userStatus && fillVolunteer.jwt || '--' }}</text>
+            </view>
+            <view class="flex-item-33">
+              <text class="font-weight-b lightGreen font-size-mini4">·</text>
+              <text class="margin-right-10">保底</text>
+              <text class="scoreNum black3 margin-right-10">{{ userStatus && fillVolunteer.kbd || '--' }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+      <!--登录按钮-->
+      <view class="loginBtnView" v-if="!userStatus">
+        <view class="loginBtn font-size-mini5 font-weight-b" @click="checkUserStatus">登录/注册</view>
+      </view>
+      <!--模拟填报按钮-->
+      <view class="mnBtnView" v-else>
+        <view class="flexWrap" style="-webkit-justify-content: space-between;justify-content: space-between;">
+          <view class="flex-item-42 ai radius15" @click="onClickAi">
+            <text class="flexWrap font-weight-b font-size-mini4">AI一键填报</text>
+            <text class="flexWrap font-weight-b font-size-mini">推荐适合大学</text>
+          </view>
+          <view class="flex-item-42 mn radius15" @click="onClickMn">
+            <text class="flexWrap font-weight-b font-size-mini4">模拟填报</text>
+            <text class="flexWrap font-size-mini">找找适合的大学</text>
+          </view>
+        </view>
+      </view>
+
+    </view>
+    <!--菜单栏-->
+    <view class="optionsView">
+      <view class="options">
+        <uni-grid style="margin-bottom: 100rpx" :column="4" :highlight="true" :show-border="false"
+                  @change="optionItemChange">
+          <uni-grid-item v-for="(item, index) in options" :index="index" :key="index">
+            <view class="grid-item-box">
+              <image :src="item.icon?item.icon:defaultIcon"
+                     :style="item.width?'left: 8rpx;top:10rpx;width:'+item.width+';height:'+item.width:'height: 128rpx;width: 128rpx;left: 20rpx;top:20rpx'"/>
+              <text class="text">{{ item.title }}</text>
+            </view>
+          </uni-grid-item>
+        </uni-grid>
+      </view>
+    </view>
+    <!--文章列表-->
+    <view class="top-body">
+      <!-- 使用scroll-view实现tabs滑动切换 -->
+      <scroll-view class="top-menu-view" scroll-x="true" scroll-with-animation :scroll-left="scrollLeft">
+        <view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index"
+              @click="swichMenu(index)">
+          <view class="" style="transition: 3s all" :class="currentTab===index ? 'menu-topic-act' : 'menu-topic'">
+            <text class="menu-topic-text">{{ item.name }}</text>
+            <view class="menu-topic-bottom">
+              <view class="menu-topic-bottom-color"></view>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+      <view class="messageList" v-for="(item,index) in this.tabs[this.currentTab].list" :key="index"
+            v-if="this.tabs[this.currentTab]">
+        <view class="messageItem" @click="jumpTool.goArticleDetail(item)"
+              :class="index ===admissionsRegulationsList.length-1?'':'border-bottom'">
+          <text class="flexWrap">{{ item.title }}</text>
+          <view class="flexWrap margin-top-10">
+            <text class="minit margin-right-20" v-if="item.releaseTime">{{ item.releaseTime }}</text>
+            <!--            <text class="minit">阅读量{{ item.viewCount || '0' }}</text>-->
+          </view>
+        </view>
+      </view>
+      <view class="container" @click="loadMore">
+        <uni-load-more :status="statusList[currentTab].status" :content-text="contentText"/>
+      </view>
+    </view>
+    <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
+      <uni-icons class="topc" type="arrowthinup" size="40" @click="clickTop"></uni-icons>
     </view>
   </view>
 </template>
 
 <style scoped lang="scss">
+.body {
+  //background-color: #dcdaf7;
+  //background-color: white;
+  padding: 0 30rpx;
+  //background-color: #d1d2d3;
+  //background-image: url('/static/home_background.png');
+  /*background:         repeating-linear-gradient(#FACA2E,#D56F18);
+  background:     -ms-repeating-linear-gradient(#FACA2E,#D56F18);
+  background: -webkit-repeating-linear-gradient(#FACA2E,#D56F18);
+  background:    -moz-repeating-linear-gradient(#FACA2E,#D56F18);*/
+
+  background: repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  background: -ms-repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  background: -webkit-repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  background: -moz-repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+
+  overflow: hidden;
+  overflow-y: scroll;
+  margin-top: 25rpx;
+}
+
 .uni-common-mt {
   margin: 0;
 }
 
+/*搜素框 start*/
+.search {
+  margin: 10rpx 0;
+  padding: 15rpx 30rpx;
+  border: 1rpx solid #666666;
+  background-color: white;
+  border-radius: 35rpx;
+}
+
+/*搜素框 end*/
+/*分数信息面板 start*/
+.my-score-pane {
+  padding: 30rpx 20rpx;
+  margin: 20rpx 0;
+  background-color: white;
+  border-radius: 20rpx;
+  //border-radius: 40rpx 0 0 40rpx;
+  //background: linear-gradient(to right,#e3e2ff,#fdfdfe);
+  min-height: 400rpx;
+  //成绩信息行
+  .scoreLine {
+    margin-bottom: 30rpx;
+    //height: 80rpx;
+    //padding: 15rpx 30rpx;
+    padding: 30rpx 20rpx 30rpx 30rpx;
+    border-radius: 20rpx;
+    background: linear-gradient(to right, #d6d0fb, #fdfdfe);
+  }
+
+  //推荐数量
+  .circle1 {
+    background-color: #fef1ec;
+    height: 500rpx;
+    width: 500rpx;
+    border-radius: 50%;
+    text-align: center;
+    //line-height: 300rpx;
+    margin: 0 auto;
+
+    .circle2 {
+      background-color: white;
+      height: 350rpx;
+      width: 350rpx;
+      border-radius: 50%;
+      text-align: center;
+      //line-height: 200rpx;
+      position: relative;
+      left: 80rpx;
+      top: 80rpx;
+      //top:125rpx;
+      //left:125rpx;
+      .textView {
+        position: relative;
+        top: 80rpx;
+        line-height: 50rpx;
+        //width: 160rpx;
+      }
+    }
+  }
+
+  .tuijianshuliang {
+    border: 1rpx solid #e1d2fd;
+    padding: 20rpx 10rpx;
+    font-size: 25rpx;
+    line-height: 30rpx;
+    margin: -100rpx 60rpx;
+    border-radius: 22rpx;
+    position: relative;
+    bottom: 100rpx;
+    background-color: white;
+
+    .numLine {
+      text-align: center;
+    }
+  }
+
+  //模拟填报块
+  .mnBtnView {
+    background-color: white;
+    position: relative;
+    padding: 50rpx 0 10rpx 0;
+    color: white;
+  }
+
+  .mnBtnView .ai {
+    background-color: #f95a3a;
+    padding: 20rpx;
+
+  }
+
+  .mnBtnView .mn {
+    background-color: #5d5efc;
+    padding: 20rpx;
+  }
+
+  //登录按钮块
+  .loginBtnView {
+    background-color: white;
+    position: relative;
+    padding: 50rpx 150rpx;
+    text-align: center;
+  }
+
+  .loginBtnView .loginBtn {
+    background-color: #f96543;
+    color: white;
+    line-height: 70rpx;
+    border-radius: 25rpx;
+  }
+}
+
+//分数数字
+.scoreNum {
+  font-weight: 550;
+  font-size: 30rpx;
+}
+
+/*分数信息面板 end*/
+
+
+/*菜单栏 start*/
+.optionsView {
+  background-color: white;
+  border-radius: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+/*菜单栏 end*/
 /*顶部的推荐院校数量模块*/
 .topNumberDiv {
   .tnumber {
@@ -195,68 +596,93 @@ export default {
   }
 }
 
-
-.flex {
-  margin: 30rpx 0;
-}
-
-.flex-item {
-  width: 33.3%;
-  height: 110rpx;
-  text-align: center;
-}
-
-
-.tuijian {
-  padding: 30rpx 70rpx;
-}
-
-/* 大学适合你 */
-.dxshn {
-  height: 100rpx;
-  text-align: center;
-  margin: 5px auto;
-
-  .tnumber {
-    color: white;
-    margin: 10px auto;
-    height: 10px;
-    font-size: 22px;
-    font-weight: 500;
+/*============================文章列表 start*/
+.messageList {
+  color: #595757; //文章字体颜色
+  .messageItem {
+    padding: 30rpx;
   }
 
-  .ttitle {
-    margin: 15px auto;
-    color: white;
-    font-size: 12px;
-    font-weight: 500;
+  .minit {
+    font-size: 25rpx;
+    color: #929f9f;
   }
 }
 
-/*我的成绩*/
-.wdcj {
 
-}
-
-/*模拟填报按钮*/
-.mntb {
-
-}
-
-.body {
+.top-body {
+  //margin: 30rpx;
   padding: 30rpx;
-  //操作菜单
-  .options {
-    border-radius: 10rpx;
-    padding: 8rpx;
-    background-color: white;
+  background-color: white;
+  border-radius: 20rpx 20rpx;
+  //position: relative;
+  //top: -150rpx;
+}
+
+/*tabs 栏*/
+.top-menu-view {
+  display: flex;
+  //position: fixed;
+  z-index: 100;
+  //top: 84rpx;
+  /* #ifdef H5 */
+  top: 84rpx;
+  /* #endif */
+  /* #ifndef H5 */
+  top: 0rpx;
+  /* #endif */
+  left: 0;
+  white-space: nowrap;
+  width: 100%;
+  background-color: white;
+  height: 86rpx;
+  line-height: 86rpx;
+  //border-top: 1rpx solid #d8dbe6;
+  border-bottom: 1px solid #f5f5f5;
+
+  .menu-topic-view {
+    display: inline-block;
+    white-space: nowrap;
+    height: 86rpx;
     position: relative;
-    bottom: 60rpx;
-    min-height: 380rpx;
-    margin: 0 auto;
+    width: 50%;
+    text-align: center;
+
+    .menu-topic-text {
+      font-size: 30rpx;
+      color: #303133;
+      padding: 10rpx 40rpx;
+      font-weight: 500;
+    }
+
+    .menu-topic-bottom {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+
+      .menu-topic-bottom-color {
+        width: 40rpx;
+        height: 4rpx;
+      }
+    }
+
+    .menu-topic-act .menu-topic-bottom {
+      display: flex;
+      justify-content: center;
+    }
+
+    .menu-topic-act .menu-topic-text {
+      color: #7568e9;
+    }
+
+
+    .menu-topic-act .menu-topic-bottom-color {
+      background: #7568e9;
+    }
   }
 }
 
+/*=============================文章列表 end*/
 
 /*右边距10rpx*/
 .marginright10 {
@@ -339,4 +765,25 @@ export default {
 
 /* #endif */
 /*宫格 end*/
+
+
+/* 回到顶部 start*/
+.top {
+  position: relative;
+  display: none; /* 先将元素隐藏 */
+  transition: 0.5s;
+}
+
+.topc {
+  position: fixed;
+  right: 10rpx;
+  //background: #F0F0F0;
+  background: #e1e1e1;
+  border-radius: 50%;
+  top: 80%;
+  height: 40px;
+  line-height: 40px;
+}
+
+/* 回到顶部 end*/
 </style>
diff --git a/pages/zyb/login.vue b/pages/zyb/login.vue
index 4711e15..e1917f7 100644
--- a/pages/zyb/login.vue
+++ b/pages/zyb/login.vue
@@ -4,6 +4,9 @@
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import StaticConstant from "@/common/StaticConstant";
+import commonTool from "../../common/js/commonTool";
+import {stringIsNotEmpty} from "../../common/util";
+
 let request = new Request()
 export default {
   name: "home",
@@ -16,16 +19,95 @@ export default {
   data() {
     return {
       checkFlag: false,
-      isTick: true
+      showType: 1,
+      formData: {
+        userName: '',
+        password: '',
+        password2:''
+      },
+      isTick: true,
+      showFlag:false
     }
   },
   onReady() {
-
+  },
+  onShow(){
+    // #ifdef MP-TOUTIAO
+    this.dyLogin()
+    // #endif
+    // #ifdef MP-WEIXIN
+    this.showFlag =true
+    // #endif
   },
   methods: {
-    login(rrrr) {
+    //其他设备下线提示
+    otherSystemMessage(r){
+      if (r.result.loginState && r.result.loginState === 'more') {
+          uni.showToast({
+            title: '其他设备已下线，请稍等',
+            icon: 'none'
+          })
+      }
+    },
+    //刷新到首页
+    reloadHome(){
+      setTimeout(function () {
+        wx.reLaunch({
+          url: '/pages/zyb/home',
+        })
+      }, 500)
+    },
+    //抖音登录
+    dyLogin(){
+      //今日头条用户信息授权
+      let that = this
+      uni.login({
+        provider: 'toutiao',
+        success: function(loginRes) {
+          console.log(loginRes);
+          request.post(ApiConstant.User.dyLogin, {
+            code: loginRes.code,
+            anonymousCode: loginRes.anonymousCode,
+          }).then(r => {
+            console.log('请求登录', r)
+            if (r.success) {
+              console.log(r)
+              that.otherSystemMessage(r)
+              //token
+              uni.setStorageSync('token', r.result.token)
+              //用户信息
+              if (r.result.userInfo) {
+                uni.setStorageSync('userInfo', r.result.userInfo)
+              }
+              //vip信息
+              commonTool.checkVipInfo(r.result.vipInfo)
+              //重新打开首页
+              that.reloadHome()
+            } else {
+              uni.showToast({
+                title: r.message,
+                icon: 'none'
+              })
+            }
+          }).catch(err => {
+          }).finally(() => {
+          });
+        }
+      });
+    },
+    getPhoneNumber(e) {
+      console.log(e.detail.errMsg);
+      console.log(e.detail.iv);
+      console.log(e.detail.encryptedData);
+      if (!this.checkFlag) {
+        uni.showToast({
+          title: '请阅读后同意《艺体志愿宝用户协议》',
+          icon: 'none'
+        })
+        return
+      }
       var sessionKey = ''
-      if (rrrr && rrrr.detail && rrrr.detail.code) {
+      if (e && e.detail && e.detail.code) {
         //选择授权
         uni.login({
           success: (res) => {
@@ -34,19 +116,24 @@ export default {
               let code = res.code
               request.post(ApiConstant.User.wxLogin, {
                 code: code,
-                encryptedData: rrrr.detail.encryptedData,
-                iv: rrrr.detail.iv
+                encryptedData: e.detail.encryptedData,
+                iv: e.detail.iv
               }).then(r => {
                 console.log('请求登录', r)
                 if (r.success) {
                   console.log(r)
+                  this.otherSystemMessage(r)
+                  //token
                   uni.setStorageSync('token', r.result.token)
-                  uni.setStorageSync('userInfo', r.result.userInfo)
-                  //uni.setStorageSync('scoreInfo',r.result.scoreInfo)
-                  //跳转到首页
-                  wx.reLaunch({
-                    url: '/pages/zyb/home',
-                  })
+                  //用户信息
+                  if (r.result.userInfo) {
+                    uni.setStorageSync('userInfo', r.result.userInfo)
+                  }
+
+                  //vip信息
+                  commonTool.checkVipInfo(r.result.vipInfo)
+                  //重新打开首页
+                  this.reloadHome()
                 } else {
                   uni.showToast({
                     title: '微信授权登录失败',
@@ -70,71 +157,119 @@ export default {
         })
         return
       }
-      console.log(rrrr)
+      console.log(e)
     },
-    getPhoneNumber(r) {
-      console.log('微信授权登录', r.detail)
-      if (r.detail.userInfo) {
+    //密码登录
+    pwdLogin() {
+      if (!stringIsNotEmpty(this.formData.userName)) {
         uni.showToast({
-          title: '授权成功'
+          title: '请输入用户名',
+          icon: 'none'
         })
-      } else {
-        // console.log('微信授权失败')
+        return
+      }
+      if (!stringIsNotEmpty(this.formData.password)) {
         uni.showToast({
-          title: '授权失败,请同意授权',
+          title: '请输入密码',
           icon: 'none'
         })
         return
       }
 
-      let encryptedData = r.detail.encryptedData
-      let iv = r.detail.iv
-      // 获取code
-      uni.getUserProfile({
-        desc: 'Wexin', // 这个参数是必须的
-        success: res => {
-          console.log(res)
-        },
-        fail: err => {
-          console.log(err)
-        }
-      })
-
-      uni.login({
-        success: (res) => {
-          console.log('获取code', res)
-          if (res.code) {
-            let code = res.code
-            apiLogin({
-              code: code,
-              loginType: '0',
-              encryptedData: encryptedData,
-              iv: iv
-            }).then(res => {
-              console.log('请求登录', res)
-              const data = res[1]['data'];
-              if (data.code === 200) {
-                // 保存token
-                uni.setStorageSync('token', data.data)
-                // 判断跳转页面方法
-
-              } else {
-                console.log('微信授权登录失败')
-                uni.showToast({
-                  title: '微信授权登录失败',
-                  icon: 'none'
-                })
-                return
-              }
-            });
-          } else {
-            uni.showModal({
-              title: '未获取到code'
-            })
-            return
+      request.post(ApiConstant.User.login, {
+        username: this.formData.userName,
+        password: this.formData.password
+      }).then(r => {
+        if (r.success) {
+          console.log(r)
+          this.otherSystemMessage(r)
+          //token
+          uni.setStorageSync('token', r.result.token)
+          //用户信息
+          if (r.result.userInfo) {
+            uni.setStorageSync('userInfo', r.result.userInfo)
           }
+          //vip信息
+          commonTool.checkVipInfo(r.result.vipInfo)
+          //重新打开首页
+          this.reloadHome()
+        } else {
+          uni.showToast({
+            title: r.message,
+            icon: 'none'
+          })
         }
+      }).catch(err => {
+      }).finally(() => {
       });
+
+    },
+    register(){
+      if (!stringIsNotEmpty(this.formData.userName)) {
+        uni.showToast({
+          title: '请输入手机号码',
+          icon: 'none'
+        })
+        return
+      }
+      let phoneNumberPattern = /^1[3-9]\d{9}$/;
+      let isValidPhoneNumber = phoneNumberPattern.test(this.formData.userName);
+      if (!isValidPhoneNumber) {
+        uni.showToast({
+          title: '手机号码格式不正确',
+          icon: 'none'
+        })
+        return
+      }
+      if (!stringIsNotEmpty(this.formData.password)) {
+        uni.showToast({
+          title: '请输入密码',
+          icon: 'none'
+        })
+        return
+      }
+      if (this.formData.password!==this.formData.password2) {
+        uni.showToast({
+          title: '两次密码不一致',
+          icon: 'none'
+        })
+        return
+      }
+      request.post(ApiConstant.User.register, {
+        username: this.formData.userName,
+        password: this.formData.password
+      }).then(r => {
+        if (r.success) {
+          console.log(r)
+          setTimeout(function () {
+            uni.showToast({
+              title: '注册成功',
+              icon: 'none'
+            })
+          }, 100)
+          //token
+          uni.setStorageSync('token', r.result.token)
+          //用户信息
+          if (r.result.userInfo) {
+            uni.setStorageSync('userInfo', r.result.userInfo)
+          }
+          //vip信息
+          commonTool.checkVipInfo(r.result.vipInfo)
+          //重新打开首页
+          this.reloadHome()
+
+        } else {
+          uni.showToast({
+            title: r.message,
+            icon: 'none'
+          })
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    //显示密码输入框
+    showPwdInput() {
     },
     gotoMianze() {
       uni.navigateTo({
@@ -163,7 +298,7 @@ export default {
 
 <template>
   <view class="header" style="border-top:3rpx solid #f6f6f6"></view>
-  <view class="content">
+  <view class="content" v-if="showFlag">
     <view class="textcenter">
       <view class="flex">
         <view class="title">
@@ -173,23 +308,103 @@ export default {
       </view>
     </view>
     <view class="textcenter">
-      <text class="low-title">全国
-        <text style="font-size: 35rpx">600</text>
-        万+考生的选择
+      <text class="low-title">
+        <!--        全国<text style="font-size: 35rpx">600</text>万+考生的选择-->
+        艺术生 更轻松的报志愿
       </text>
     </view>
 
-    <button class='login-but' :disabled="!this.checkFlag" open-type="getPhoneNumber" @getphonenumber="login">
-      手机号快捷登录
-    </button>
-
+    <view style="margin-top: 200rpx" v-if="showType===1">
+      <button class='login-but' v-if="!checkFlag" @click="getPhoneNumber">
+        /*#ifdef MP-TOUTIAO*/
+        抖音一键登录
+        /*#endif*/
+        /*#ifdef MP-WEIXIN*/
+        手机号快捷登录
+        /*#endif*/
+      </button>
+      /*#ifdef MP-TOUTIAO*/
+      <button class='login-but' v-if="checkFlag" @click="dyLogin">
+        抖音一键登录
+      </button>
+      /*#endif*/
+      /*#ifdef MP-WEIXIN*/
+      <button class='login-but' v-if="checkFlag" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
+        手机号快捷登录
+      </button>
+      /*#endif*/
+      <button class='login-pwd-but margin-top-20' @click="showType=2">
+        账号密码登录
+      </button>
+    </view>
+    <view style="margin-top: 180rpx" class="uni-padding-wrap border-top" v-if="showType===2">
+      <view class="forms">
+        <view class="form-item">
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="text"
+                   v-model="formData.userName"
+                   name="contactPersonPhone"
+                   :placeholder="'请输入用户名或手机号'"/>
+          </view>
+        </view>
+        <view class="form-item">
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="password" password="true"
+                   v-model="formData.password"
+                   name="password"
+                   :placeholder="'请输入密码'"/>
+          </view>
+        </view>
+        <view class="form-item">
+          <button class='login-but margin-top-20' :disabled="!checkFlag" :class="checkFlag?'':'login-but-disabled'"
+                  @click="pwdLogin">
+            登录
+          </button>
+        </view>
+      </view>
+      <view>
+        <text @click="showType=1" class="redOrange">快捷登录</text>
+      </view>
+    </view>
+    <!--注册-->
+    <view style="margin-top: 180rpx" class="uni-padding-wrap border-top" v-if="showType===3">
+      <view class="forms">
+        <view class="form-item">
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="text"
+                   v-model="formData.userName"
+                   name="contactPersonPhone"
+                   :placeholder="'请输入手机号'"/>
+          </view>
+        </view>
+        <view class="form-item">
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="password" password="true"
+                   v-model="formData.password"
+                   name="password"
+                   :placeholder="'请输入密码'"/>
+          </view>
+        </view>
+        <view class="form-item">
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="password" password="true"
+                   v-model="formData.password2"
+                   name="password2"
+                   :placeholder="'请再次输入密码'"/>
+          </view>
+        </view>
+      </view>
+      <view>
+        <text @click="showType=1" class="redOrange">快捷登录</text>
+      </view>
+    </view>
     <view class="uni-flex flex" style="margin-top: 100rpx">
       <checkbox-group @change="checkboxChange">
         <label>
           <checkbox value="cb"/>
           登录代表{{ StaticConstant.systemName }}
+          <text style="color: #4975fd" @click="gotoXieyi">艺体志愿宝用户协议、</text>
           <text style="color: #4975fd" @click="gotoMianze">免责声明、</text>
-          <text style="color: #4975fd" @click="gotoXieyi">用户协议</text>
           ，
           并授权使用您的{{ StaticConstant.systemName }}账号信息（如昵称、头像）以便您统一管理
         </label>
@@ -205,6 +420,38 @@ export default {
   padding: 30rpx;
 }
 
+.container {
+  height: 100%;
+}
+
+.uni-form-item .title {
+  padding: 20rpx 0;
+}
+
+/*表单 start*/
+.form-item {
+  display: flex;
+  align-items: center;
+  margin: 30rpx 0;
+}
+
+.form-item-label {
+  width: 20%;
+}
+
+.form-item-view {
+  width: 100%;
+  min-height: 80rpx;
+}
+
+.form-input {
+  border: 1rpx solid #e6e6e6;
+}
+
+.uni-input {
+  border: none;
+}
+
 .textcenter {
   text-align: center;
   margin: 30rpx 0;
@@ -212,6 +459,7 @@ export default {
 
 /*标题*/
 .title {
+  font-family: "Bookshelf Symbol 7";
   margin: 0 auto;
   //color:white;
   font-size: 90rpx;
@@ -223,11 +471,27 @@ export default {
   font-size: 40rpx;
 }
 
+.login-pwd-but {
+  color: #222222;
+  width: 500rpx;
+  background: #eeeeee;
+  //background-color: ;
+  border-radius: 10rpx;
+  font-weight: 550;
+}
+
 ///登录按钮
 .login-but {
   color: white;
   width: 500rpx;
-  background: linear-gradient(rgba(52, 145, 212, 0.83), #3658d0);
-  border-radius: 50rpx
+  //background: linear-gradient(rgba(52, 145, 212, 0.83), #3658d0);
+  background: linear-gradient(#f96543, #f96543);
+  //background-color: ;
+  border-radius: 10rpx;
+  font-weight: 550;
+}
+
+.login-but-disabled {
+  background: #eeeeee;
 }
 </style>
diff --git a/pages/zyb/major/detail.vue b/pages/zyb/major/detail.vue
index f3aeade..7062ffb 100644
--- a/pages/zyb/major/detail.vue
+++ b/pages/zyb/major/detail.vue
@@ -1,13 +1,20 @@
 <script>
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
+import StaticConstant from "@/common/StaticConstant";
+import {stringIsNotEmpty} from "../../../common/util";
+//import mrsongCharts from '@/uni_modules/mrsong-charts/components/mrsong-charts/mrsong-charts.vue';
 
 let request = new Request()
 export default {
+  components: {
+    // mrsongCharts
+  },
   data() {
     return {
       majorTypeName: '',
       majorInfo: {},
+      vipInfo: {},
       schoolName: '',
       tabs: [
         {
@@ -15,9 +22,6 @@ export default {
           name: '基本信息'
         }, {
           id: 2,
-          name: '就业分析'
-        }, {
-          id: 3,
           name: '开设院校'
         }
       ],
@@ -26,34 +30,26 @@ export default {
       old: {
         scrollTop: 0
       },
+      bpts: {
+        jobDistribution: StaticConstant.opts,//就业岗位分析
+      },
+      chartData: {
+        sexRatio: {},//男女分布
+        jobDistribution: {},//就业岗位分析
+        industryDistribution: {},//就业行业分布
+        regionDistribution: {},//就业地区分布
+      },
       tabCurrent: '1',
       schoolResult: {
         current: 1,
-        size: 5,
+        size: 8,
         total: 0,
         pages: 0,
         list: []
       },
       status: 'more',
-      statusTypes: [
-        {
-          value: 'more',
-          text: '加载前',
-          checked: true
-        }, {
-          value: 'loading',
-          text: '加载中',
-          checked: false
-        }, {
-          value: 'noMore',
-          text: '没有更多',
-          checked: false
-        }],
-      contentText: {
-        contentdown: '查看更多',
-        contentrefresh: '加载中',
-        contentnomore: '没有更多'
-      }
+      statusTypes: StaticConstant.loadStatusTypes,
+      contentText: StaticConstant.loadContentText
     }
   },
   onLoad(e) {
@@ -65,13 +61,41 @@ export default {
     if (e.majorTypeName) {
       this.majorTypeName = e.majorTypeName
     }
+    this.vipInfo = uni.getStorageSync('vipInfo')
+  },
+  onReachBottom() {
+    console.log("已经滚动到底部了")
+    if ((this.vipInfo && this.vipInfo.vipFlag) && this.currentTab === 1) {
+      this.loadMore()
+    }
   },
   methods: {
     swichMenu(id) {
+      let that = this
+      if (!this.vipInfo || !stringIsNotEmpty(this.vipInfo.vipLevel) || !this.vipInfo.vipFlag) {
+        uni.showModal({
+          title: 'VIP专享',
+          // 提示文字
+          content: '该功能为增值内容，开通会员后即可免费查看！',
+          // 取消按钮的文字自定义
+          cancelText: "取消",
+          // 确认按钮的文字自定义
+          confirmText: "开通服务",
+          //删除字体的颜色
+          confirmColor: 'red',
+          //取消字体的颜色
+          cancelColor: '#dddddd',
+          success: function (res) {
+            if (res.confirm) {
+              // 执行确认后的操作
+              that.goto('/pages/zyb/vip/index')
+            }
+          }
+        })
+        return
+      }
       this.currentTab = id
       console.log(id)
-      //this.tabCurrent = 'tabNum'+ id
-      // 滑动swiper后，每个选项距离其父元素最左侧的距离
       this.scrollLeft = 0;
       for (let i = 0; i < id; i++) {
         this.scrollLeft += 60
@@ -87,38 +111,67 @@ export default {
         console.log(r)
         if (r.success) {
           this.majorInfo = r.result
+          this.loadManData()
+          this.loadJobDistributionData()
+          this.loadIndustryDistributionData()
+          this.loadRegionDistributionData()
           that.getSchoolList()
         }
       }).catch(err => {
       }).finally(() => {
       });
     },
+    /*加载男女分布*/
+    loadManData() {
+      if (this.majorInfo.sexRatio) {
+        let sList = this.majorInfo.sexRatio.split('、')
+        let list = []
+        for (let i = 0; i < sList.length; i++) {
+          let r = sList[i].split('：')
+          list.push({name: r[0].replace('\\', ''), value: parseFloat(r[1].replace('%', ''))})
+        }
+        console.log(list)
+        this.chartData.sexRatio = {series: [{data: list}]}
+      }
+    },
     /*加载就业岗位分布*/
     loadJobDistributionData() {
       if (this.majorInfo.jobDistribution) {
         let jobDistributionSList = this.majorInfo.jobDistribution.split('、')
         let jobDistributionList = []
-        let jobDistribution = null
-        console.log(jobDistributionSList)
-        jobDistributionSList.for(j => console.log(j))
         for (let i = 0; i < jobDistributionSList.length; i++) {
-          //jobDistribution = jobDistributionList[i].split('：')
-          //jobDistributionList.push({name:jobDistribution[0],value:jobDistribution[1]})
+          let jobDistribution = jobDistributionSList[i].split('：')
+          jobDistributionList.push({
+            name: jobDistribution[0].replace('\\', ''),
+            value: parseFloat(jobDistribution[1].replace('%', ''))
+          })
         }
-        //模拟从服务器获取数据时的延时
-        setTimeout(() => {
-          //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
-          let res = {
-            series: [
-              {
-                data: jobDistributionList
-              }
-            ]
-          };
-          this.chartData.jobDistribution = JSON.parse(JSON.stringify(res));
-        }, 500);
+        this.chartData.jobDistribution = {series: [{data: jobDistributionList}]}
+      }
+    },
+    /*加载就业行业分布*/
+    loadIndustryDistributionData() {
+      if (this.majorInfo.industryDistribution) {
+        let sList = this.majorInfo.industryDistribution.split('、')
+        let list = []
+        for (let i = 0; i < sList.length; i++) {
+          let r = sList[i].split('：')
+          list.push({name: r[0].replace('\\', ''), value: parseFloat(r[1].replace('%', ''))})
+        }
+        this.chartData.industryDistribution = {series: [{data: list}]}
+      }
+    },
+    /*加载就业地区分布*/
+    loadRegionDistributionData() {
+      if (this.majorInfo.regionDistribution) {
+        let sList = this.majorInfo.regionDistribution.split('、')
+        let list = []
+        for (let i = 0; i < sList.length; i++) {
+          let r = sList[i].split('：')
+          list.push({name: r[0].replace('\\', ''), value: parseFloat(r[1].replace('%', ''))})
+        }
+        this.chartData.regionDistribution = {series: [{data: list}]}
       }
-
     },
 
     getSchoolList() {
@@ -129,7 +182,7 @@ export default {
         schoolName: this.schoolName,
         pageNum: this.schoolResult.current,
         pageSize: this.schoolResult.size
-      }).then(r => {
+      },{showLoad:false}).then(r => {
         console.log(r)
         if (r.success) {
           that.schoolResult.current = r.result.current
@@ -239,68 +292,55 @@ export default {
         <view class="jbxx" v-if="currentTab===0">
           <view class="example-body">
             <!--专业简介-->
-            <view class="uni-box">
-              <uni-title class="h3" type="h3" title="专业简介"></uni-title>
-            </view>
-            <view class="uni-text" v-if="majorInfo.ssm">
-              <mote-lines-divide :dt="majorInfo.ssm" :line="3" expandtext="展开" foldhint="收起"/>
-            </view>
-            <view class="uni-text" v-else>暂未收录...</view>
+            <uni-section title="专业简介" type="line">
+              <view class="uni-text" v-if="majorInfo.ssm">
+                <mote-lines-divide :dt="majorInfo.ssm" :line="3" expandtext="展开" foldhint="收起"/>
+              </view>
+              <view class="uni-text" v-else>暂未收录...</view>
+            </uni-section>
             <!--学什么-->
-            <view class="uni-box">
-              <uni-title class="h3" type="h3" title="学什么"></uni-title>
-            </view>
-            <view class="uni-text" v-if="majorInfo.xsm">
-              <mote-lines-divide :dt="majorInfo.xsm" :line="3" expandtext="展开" foldhint="收起"/>
-            </view>
-            <view class="uni-text" v-else>暂未收录...</view>
+            <uni-section title="学什么" type="line">
+              <view class="uni-text" v-if="majorInfo.xsm">
+                <mote-lines-divide :dt="majorInfo.xsm" :line="3" expandtext="展开" foldhint="收起"/>
+              </view>
+              <view class="uni-text" v-else>暂未收录...</view>
+            </uni-section>
             <!--干什么-->
-            <view class="uni-box">
-              <uni-title class="h3" type="h3" title="干什么"></uni-title>
-            </view>
-            <view class="uni-text" v-if="majorInfo.gsm">
-              <mote-lines-divide :dt="majorInfo.gsm" :line="3" expandtext="展开" foldhint="收起"/>
-            </view>
-            <view class="uni-text" v-else>暂未收录...</view>
+            <uni-section title="干什么" type="line">
+              <view class="uni-text" v-if="majorInfo.gsm">
+                <mote-lines-divide :dt="majorInfo.gsm" :line="3" expandtext="展开" foldhint="收起"/>
+              </view>
+              <view class="uni-text" v-else>暂未收录...</view>
+            </uni-section>
             <!--数据统计-->
-            <view class="uni-box">
-              <uni-title class="h3" type="h3" title="数据统计"></uni-title>
-            </view>
-            <view class="uni-text" v-if="majorInfo.sexRatio">
-              <view class="">{{majorInfo.sexRatio}}</view>
-            </view>
-
-          </view>
-        </view>
-        <!--就业分析-->
-        <view class="jyfx" v-if="currentTab===1">
-          <view class="uni-box">
-            <uni-title class="h3" type="h3" title="就业岗位分布"></uni-title>
-          </view>
-          <view>
-            <text class="uni-text">
-              {{ majorInfo.jobDistribution || '暂未收录...' }}
-            </text>
-          </view>
-          <view class="uni-box">
-            <uni-title class="h3" type="h3" title="就业行业分布"></uni-title>
-          </view>
-          <view>
-            <text class="uni-text">
-              {{ majorInfo.industryDistribution || '暂未收录...' }}
-            </text>
-          </view>
-          <view class="uni-box">
-            <uni-title class="h3" type="h3" title="就业地区分布"></uni-title>
-          </view>
-          <view>
-            <text class="uni-text">
-              {{ majorInfo.regionDistribution || '暂未收录...' }}
-            </text>
+            <uni-section title="男女比例" type="line" v-if="majorInfo.sexRatio">
+              <view class="charts-box padding20">
+                <qiun-data-charts type="pie" :opts="chartData.jobDistribution"
+                                  :chartData="chartData.sexRatio"/>
+              </view>
+            </uni-section>
+            <uni-section title="就业岗位分布" type="line" v-if="majorInfo.jobDistribution">
+              <view class="charts-box padding20">
+                <!--              <mrsongCharts type='pie' title="" align='left' :charts-data="chartData.jobDistribution"/>-->
+                <qiun-data-charts type="pie" :opts="chartData.jobDistribution" :chartData="chartData.jobDistribution"/>
+              </view>
+            </uni-section>
+            <uni-section title="就业行业分布" type="line" v-if="majorInfo.industryDistribution">
+              <view class="charts-box padding20">
+                <qiun-data-charts type="pie" :opts="chartData.jobDistribution"
+                                  :chartData="chartData.industryDistribution"/>
+              </view>
+            </uni-section>
+            <uni-section title="就业地区分布" type="line" v-if="majorInfo.regionDistribution">
+              <view class="charts-box padding20">
+                <qiun-data-charts type="pie" :opts="chartData.jobDistribution"
+                                  :chartData="chartData.regionDistribution"/>
+              </view>
+            </uni-section>
           </view>
         </view>
         <!--开设院校-->
-        <view class="ksyx" v-if="currentTab===2">
+        <view class="ksyx" v-if="currentTab===1">
           <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
             <view style="width: 80%">
               <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校名称" v-model="schoolName"
@@ -414,7 +454,7 @@ export default {
     white-space: nowrap;
     height: 86rpx;
     position: relative;
-    width: 33.3%;
+    width: 50%;
     text-align: center;
 
     .menu-topic-text {
@@ -504,4 +544,41 @@ export default {
 .school-item-end {
   border-bottom: none !important;
 }
+
+
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 200rpx;
+  width: 200rpx;
+  margin-top: 200rpx;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50rpx;
+}
+
+.text-area {
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #8f8f94;
+}
+
+.chart-title {
+  padding: 0 10rpx;
+}
+
+.chart-unit {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 10rpx;
+}
 </style>
diff --git a/pages/zyb/major/list.vue b/pages/zyb/major/list.vue
index e3a1c76..fbdc7d8 100644
--- a/pages/zyb/major/list.vue
+++ b/pages/zyb/major/list.vue
@@ -41,6 +41,19 @@ export default {
   onLoad() {
     this.getMajorList()
   },
+  onShareAppMessage(){
+    return {
+      title: '查专业', //分享标题
+      path: "/pages/zyb/major/list"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: '查专业', //分享标题
+      path: "/pages/zyb/major/list"
+    }
+  },
   methods: {
     openMajorDetail: function (e, majorTypeName) {
       console.log(e)
diff --git a/pages/zyb/npee/index.vue b/pages/zyb/npee/index.vue
index 26de064..97dc353 100644
--- a/pages/zyb/npee/index.vue
+++ b/pages/zyb/npee/index.vue
@@ -1,6 +1,9 @@
 <script>
 import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
 
+let request = new Request()
 export default {
   name: "npee-index",
   components: {},
@@ -11,24 +14,77 @@ export default {
   },
   data() {
     return {
-      schoolList: [
-        {
-          schoolName: '首都师范大学',
-          type: '专业学位',
-          majorName: '音乐教育'
-        },
-        {
-          schoolName: '首都师范大学',
-          type: '专业学位',
-          majorName: '美术教育'
-        },
-        {
-          schoolName: '首都体育学院',
-          type: '专业学位',
-          majorName: '运动训练'
-        }
-      ]
+      topFlag: false,
+      schoolName: '',
+      current: 1,
+      pageSize: 20,
+      status: 'more',
+      contentText: StaticConstant.loadContentText,
+      dataList: []
     }
+  },
+  onPullDownRefresh() {
+    this.current = 1
+    this.getData();
+  },
+  onReachBottom() {
+    this.loadMore();
+  },
+  onLoad() {
+    this.getData();
+  },
+  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
+    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
+    this.topFlag = e.scrollTop > 600;
+  },
+  methods: {
+    //搜索招生章程
+    searchTitleClick() {
+      this.current = 1
+      this.dataList =[]
+      this.getData()
+    },
+    clearTitleInput() {
+      this.schoolName = ''
+      this.current = 1
+      this.dataList =[]
+      this.getData()
+    },
+    getData() {
+      request.get(ApiConstant.GraduateDegree.majorGroupAll, {
+        schoolName: this.schoolName,
+        pageNum: this.current,
+        pageSize: this.pageSize
+      }).then(r => {
+        console.log(r)
+        if (r.success) {
+          //追加到列表数据中
+          this.dataList = [...this.dataList, ...r.result.records]
+          if (r.result.current >= r.result.pages) {
+            this.status = 'noMore'
+          } else {
+            this.status = 'more'
+          }
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    loadMore() {
+      if (this.status === 'noMore') {
+        return;
+      }
+      console.log('加载中')
+      this.current++;
+      this.getData()
+    },
+    /*回到顶部*/
+    clickTop() {
+      uni.pageScrollTo({
+        scrollTop: 0,
+        duration: 300
+      });
+    },
   }
 }
 </script>
@@ -40,10 +96,10 @@ export default {
         <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
           <view style="width: 90%">
             <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校名称" v-model="schoolName"
-                            @clear="clearSchoolInput" cancelButton="none" @confirm="searchSchoolClick"/>
+                            @clear="clearTitleInput" cancelButton="none" @confirm="searchTitleClick"/>
           </view>
           <view style="width: 10%;line-height: 100rpx">
-            <text @click="searchSchoolClick">搜索</text>
+            <text @click="searchTitleClick">搜索</text>
           </view>
         </view>
       </view>
@@ -53,18 +109,21 @@ export default {
         <view class="th">专业</view>
       </view>
     </view>
-    <scroll-view scroll-y="true" class="schoolList">
-      <view class="schoolItem border-bottom" v-for="(item,index) in schoolList" :key="index">
+    <scroll-view scroll-y="true" class="schoolList" @scrolltolower="loadMore">
+      <view class="schoolItem border-bottom" v-for="(item,index) in dataList" :key="index">
         <view class="td font-weight-550">
           {{ item.schoolName }}
         </view>
         <view class="td">
-          {{ item.type }}
+          {{ item.degreeNature }}
         </view>
         <view class="td">
           {{ item.majorName }}
         </view>
       </view>
+      <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
+        <uni-icons class="topc" type="arrowthinup" size="40" @click="clickTop"></uni-icons>
+      </view>
     </scroll-view>
 
   </view>
@@ -104,7 +163,8 @@ export default {
 .schoolList .schoolItem {
   display: flex;
   flex-direction: row;
-  line-height: 90rpx;
+  padding: 30rpx 0;
+  //line-height: 90rpx;
 }
 
 .schoolList .schoolItem .td {
diff --git a/pages/zyb/npee/schoolNpee.vue b/pages/zyb/npee/schoolNpee.vue
new file mode 100644
index 0000000..e067daf
--- /dev/null
+++ b/pages/zyb/npee/schoolNpee.vue
@@ -0,0 +1,241 @@
+<script>
+import ApiConstant from "@/common/ApiConstant";
+import Request from "@/common/request";
+import JumpTool from "../../../common/js/jumpTool";
+
+let request = new Request()
+export default {
+  name: "schoolNepp",
+  data() {
+    return {
+      schoolId: '1759576199980183554',
+
+      icons: {
+        up: '/static/icons/glyph/icons-arrow-up-orange-90.png',
+        down: '/static/icons/glyph/icons-arrow-down-orange-90.png'
+      },
+      schoolName: '',
+      isBaoyan: false,
+      //专硕授权点数据
+      professionalMasterDegreeList: [],
+      //学硕授权点
+      academicMasterDegreeList: []
+    }
+  },
+  onLoad(e) {
+    if (e.schoolId) {
+      this.schoolId = e.schoolId
+      this.getSchoolGraduateDegree()
+    }
+    if(e.schoolName){
+      this.schoolName = e.schoolName
+    }
+    if(e.byzg && e.byzg ==='1'){
+      this.isBaoyan = true
+    }
+  },
+  onShow() {
+
+
+  },
+  methods: {
+    openZhuanShuoChildTr(index) {
+      this.professionalMasterDegreeList[index].status = !this.professionalMasterDegreeList[index].status
+    },
+    openXueShuoChildTr(index) {
+      this.academicMasterDegreeList[index].status = !this.academicMasterDegreeList[index].status
+    },
+    //获取详细信息
+    getSchoolGraduateDegree() {
+      request.get(ApiConstant.GraduateDegree.findSchoolGraduateDegreeList, {schoolId: this.schoolId}).then(res => {
+        if (res.success) {
+          let result = res.result
+          console.log(result)
+          this.academicMasterDegreeList = result.academicMasterDegreeList.map(a => {
+            a.status = false;
+            return a
+          })
+          this.professionalMasterDegreeList = result.professionalMasterDegreeList.map(a => {
+            a.status = false;
+            return a
+          })
+
+          //result.academicMasterDegreeList
+          //result.professionalMasterDegreeList
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    openDetail(e){
+      JumpTool.goto('./schoolNpeeDetail?id='+e)
+    },
+  }
+}
+</script>
+
+<template>
+  <view class="head">
+    <view class="flexWrap" style="height: 50rpx;line-height: 50rpx">
+      <text class="schoolName font-size-medium">{{ schoolName }}</text>
+      <text class="baoyanzige font-size-mini4 margin-left-20" v-if="isBaoyan">有保研资格</text>
+    </view>
+  </view>
+  <view class="body">
+    <view class="cardTab">
+      <uni-section title="硕士专业学位授权点" titleFontSize="38rpx" type="line">
+        <view class="table">
+          <view class="thead border-bottom">
+            <view class="tr flexWrap">
+              <view class="th">学科类别</view>
+              <view class="th">专业</view>
+            </view>
+          </view>
+          <view class="tbody">
+            <!--一级-->
+            <view class="tr flexWrap" v-for="(item,index) in professionalMasterDegreeList" :key="index">
+              <view class="flex-item-10">
+                <view class="flexWrap">
+                  <view class="flex-item-5">({{ item.subjectCode }}){{ item.disciplineField }}</view>
+                  <view class="flex-item-5" @click="openZhuanShuoChildTr(index)">
+                    <text>{{ item.majorName.replace('（专业学位）',"") }}</text>
+<!--                    <text>{{ item.disciplineField }}</text>-->
+                    <image v-if="item.schoolGraduateDegreeList && item.schoolGraduateDegreeList.length>0"
+                           :src="item.status!==undefined &&item.status?icons.up:icons.down" class="icon32"
+                           style="float: right;position: relative;top: 20rpx"/>
+                  </view>
+                </view>
+                <!--二级-->
+                <view v-if="item.status!==undefined &&item.status">
+                  <view class="tr-child flexWrap" v-for="(child,chi) in item.schoolGraduateDegreeList" :key="chi">
+                    <view class="flex-item-5"></view>
+                    <view class="flex-item-5 flexWrap" style="line-height: 40rpx">
+                      <view class="flex-item-7">{{ child.researchDirection }}</view>
+                      <view class="flex-item-3 redOrange" @click="openDetail(child.id)">
+                        <text class="float-right">详情</text>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+
+            </view>
+          </view>
+        </view>
+      </uni-section>
+    </view>
+    <view class="cardTab">
+      <uni-section title="硕士学术学位授权点" titleFontSize="38rpx" type="line">
+        <view class="table">
+          <view class="thead border-bottom">
+            <view class="tr flexWrap">
+              <view class="th">学科类别</view>
+              <view class="th">专业</view>
+            </view>
+          </view>
+          <view class="tbody">
+            <!--一级-->
+            <view class="tr flexWrap" v-for="(item,index) in academicMasterDegreeList" :key="index">
+              <view class="flex-item-10">
+                <view class="flexWrap">
+                  <view class="flex-item-5">({{ item.subjectCode }}){{ item.disciplineField }}</view>
+                  <view class="flex-item-5" @click="openXueShuoChildTr(index)">
+                    <text>{{ item.majorName.replace('（专业学位）',"") }}</text>
+<!--                    <text>{{ item.disciplineField }}</text>-->
+                    <image v-if="item.schoolGraduateDegreeList && item.schoolGraduateDegreeList.length>0"
+                           :src="item.status!==undefined &&item.status?icons.up:icons.down" class="icon32"
+                           style="float: right;position: relative;top: 20rpx"/>
+                  </view>
+                </view>
+                <!--二级-->
+                <view v-if="item.status!==undefined &&item.status">
+                  <view class="tr-child flexWrap" v-for="(child,chi) in item.schoolGraduateDegreeList" :key="chi">
+                    <view class="flex-item-5"></view>
+                    <view class="flex-item-5 flexWrap" style="line-height: 40rpx">
+                      <view class="flex-item-7">{{ child.researchDirection }}</view>
+                      <view class="flex-item-3 redOrange" @click="openDetail(child.id)">
+                        <text class="float-right">详情</text>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+
+            </view>
+          </view>
+        </view>
+      </uni-section>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+/*头部*/
+.head {
+  padding: 30rpx 35rpx;
+  background-color: white;
+  /*学校名称*/
+  .schoolName {
+    color: #000000;
+  }
+
+  /*保研资格*/
+  .baoyanzige {
+    color: green;
+  }
+
+  .tags {
+    background-color: #efefef;
+    border-radius: 15rpx;
+    padding: 15rpx;
+  }
+}
+
+.body {
+  margin-top: 20rpx;
+
+  .cardTab {
+    margin: 20rpx 0;
+    min-height: 100rpx;
+    background-color: white;
+  }
+
+  //表格
+  .table {
+    padding: 0 30rpx;
+    //列头
+    .thead {
+      color: #8e8e8e;
+
+      .tr {
+        line-height: 80rpx;
+        font-size: 33rpx;
+        padding: 0 20rpx;
+      }
+
+      .tr .th {
+        width: 50%;
+      }
+    }
+
+    //内容
+    .tbody {
+      .tr {
+        font-size: 33rpx;
+        padding: 0 20rpx;
+        line-height: 80rpx;
+      }
+
+      .tr .td {
+        width: 50%;
+      }
+    }
+  }
+}
+
+/*二级表格*/
+.tr-child {
+  margin: 20rpx 0;
+  font-size: 28rpx;
+}
+</style>
diff --git a/pages/zyb/npee/schoolNpeeDetail.vue b/pages/zyb/npee/schoolNpeeDetail.vue
new file mode 100644
index 0000000..cb3535a
--- /dev/null
+++ b/pages/zyb/npee/schoolNpeeDetail.vue
@@ -0,0 +1,144 @@
+<script>
+import ApiConstant from "@/common/ApiConstant";
+import Request from "@/common/request";
+let request = new Request()
+export default {
+  name: "schoolNepp",
+  data() {
+    return {
+      id:'',
+      schoolId: '',
+      detail: {
+        schoolName: '',
+        disciplineField: '',//学科类别
+        majorName: '',//专业
+        majorNameLimit: '',
+        researchDirection: '',//研究方向
+        researchDirectionLimit:'',
+        departmentsAndFaculties: '',//院系所
+        teacher: '',//指导老师
+        intendedEnrollment: '',//拟招人数
+        schoolGraduateDegreeList: [],//考试范围
+      },
+      detailKeyList:{
+        schoolName:'招生单位',
+        departmentsAndFaculties:'院系所',
+        majorName:'专业',
+        researchDirection:'研究方向',
+        teacher:'指导老师',
+        intendedEnrollment:'拟招人数'
+      },
+      categoryList:{
+        politics:'政治',
+        foreignLanguage:'英语',
+        businessCourse1:'业务课一',
+        businessCourse2:'业务课二'
+      },
+    }
+  },
+  onLoad(e){
+    if (e.id) {
+      this.id = e.id
+      this.getSchoolGraduateDegreeDetail()
+    }
+  },
+  methods: {
+    getSchoolGraduateDegreeDetail(){
+      request.get(ApiConstant.GraduateDegree.getSchoolGraduateDegreeDetail, {id:this.id}).then(res => {
+        if (res.success) {
+          this.detail = res.result
+          console.log(res.result)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="head">
+    <!--顶部三个部分-->
+    <view class="h3 padding20">
+      <view class="flexWrap black font-size-mini4 font-weight-b">
+        <view class="flex-item-26">
+          <text>{{ detail.disciplineField }}</text>
+        </view>
+        <view class="flex-item-4">
+          <text>{{ detail.majorNameLimit }}</text>
+        </view>
+        <view class="flex-item-33">
+          <text>{{ detail.researchDirectionLimit }}</text>
+        </view>
+      </view>
+      <view class="flexWrap darkGray font-size-mini margin-top-20">
+        <view class="flex-item-26">
+          <text>学科类别</text>
+        </view>
+        <view class="flex-item-4">
+          <text>专业</text>
+        </view>
+        <view class="flex-item-33">
+          <text>研究方向</text>
+        </view>
+      </view>
+    </view>
+    <view class="fistlist font-size-mini4">
+      <view class="flexWrap marginTopBot10" style="line-height: 80rpx;"
+            v-for="(key,index) in Object.keys(detailKeyList)" :class="index!==Object.keys(detailKeyList).length-1?'border-bottom':''" :key="index">
+        <view class="flex-item-2 darkGray">
+          <text class="float-right">{{detailKeyList[key]}}</text>
+        </view>
+        <view class="flex-item-7 margin-left-30">
+          <text>{{detail[key]||''}}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="body">
+    <view class="cardTab" v-for="(item,index) in detail.schoolGraduateDegreeList" :key="index">
+      <view class="title">考试范围</view>
+      <view class="flexWrap marginTopBot10" style="padding: 20rpx 0;" v-for="(k,iii) in Object.keys(categoryList)" :class="iii!==3?'border-bottom':''" :key="k">
+        <view class="flex-item-2 darkGray">
+          <text class="float-right">{{categoryList[k]}}:</text>
+        </view>
+        <view class="flex-item-7 margin-left-30">{{item[k]}}</view>
+      </view>
+      <!--      <view class="flexWrap marginTopBot10" style="height: 80rpx;line-height: 80rpx;" v-for="(k,i1) in Object.keys(categoryList)" :key="index+'_'+i1">
+              <view class="flex-item-2 darkGray">
+              </view>
+              <view class="flex-item-7 margin-left-30">
+              </view>
+            </view>-->
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+
+.body {
+  //padding: 20rpx 0;
+
+  .cardTab {
+    margin: 15rpx 0;
+    padding: 20rpx;
+    min-height: 100rpx;
+    background-color: white;
+  }
+
+}
+
+.head {
+  background-color: white;
+  padding: 20rpx 20rpx 10rpx 20rpx;
+}
+
+.h3 {
+  background-color: #eeeef0;
+  border-radius: 15rpx;
+}
+.title{
+  font-size: 40rpx;
+}
+</style>
diff --git a/pages/zyb/order/detail.vue b/pages/zyb/order/detail.vue
new file mode 100644
index 0000000..c8c90ee
--- /dev/null
+++ b/pages/zyb/order/detail.vue
@@ -0,0 +1,146 @@
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+
+let request = new Request()
+export default {
+  computed: {
+    ApiConstant() {
+      return ApiConstant
+    },
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      orderCode:'',
+      order:{}
+    }
+  },
+  onShow() {
+  },
+  onLoad(e) {
+    if (e.orderCode) {
+      this.orderCode = e.orderCode
+      this.getDetail()
+    }
+  },
+  methods: {
+    getDetail(){
+      request.get(ApiConstant.VIP.orderDetail, {orderCode: this.orderCode}).then(r => {
+        console.log(r)
+        if (r.success) {
+          this.order = r.result
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    getColorByStatus(status){
+      if (status === '1') {
+        return '#f96543';
+      }else if (status === '2') {
+        return '#85e689';
+      }else if (status === '5') {
+        return '#f2891b';
+      }else{
+        return '#bb0303';
+      }
+    },
+    getTextByStatus(status){
+      if (status === '1') {
+        return '待支付';
+      }else if (status === '2') {
+        return '已支付';
+      }else if (status === '5') {
+        return '已退款';
+      }else{
+        return '未知';
+      }
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="order-list border-top">
+    <view class="order-item">
+      <view class="flexWrap border-bottom" style="padding: 20rpx">
+        <view class="flex-item-2">订单号</view>
+        <view class="flex-item-6">
+          <text class="multiline-text">{{ order.orderCode }}</text>
+        </view>
+        <view class="flex-item-2 font-weight-b">
+          <text class="float-right" :style="'color:'+getColorByStatus(order.orderStatus)">{{ getTextByStatus(order.orderStatus) }}</text>
+        </view>
+      </view>
+      <view class="flexWrap" style="padding: 5rpx 0">
+        <view class="flex-item-2"></view>
+        <view class="flex-item-8 font-weight-b"><text>{{ order.skuName }}</text></view>
+      </view>
+      <view class="flexWrap" style="padding: 5rpx 0">
+        <view class="flex-item-2"></view>
+        <view class="flex-item-8"><text class="multiline-text">{{ order.skuDetail }}</text></view>
+      </view>
+      <view class="flexWrap" style="padding: 5rpx 0">
+        <view class="flex-item-2"></view>
+        <view class="flex-item-8">下单时间：<text>{{ order.createTime }}</text></view>
+      </view>
+      <view class="flexWrap" style="padding: 5rpx 0" v-if="order.orderStatus && order.orderStatus==='2'">
+        <view class="flex-item-2"></view>
+        <view class="flex-item-8">付款时间：<text>{{ order.paymentTime }}</text></view>
+      </view>
+      <view class="flexWrap" style="padding: 5rpx 0" v-if="order.refundTime">
+        <view class="flex-item-2"></view>
+        <view class="flex-item-8">退款时间：<text>{{ order.refundTime }}</text></view>
+      </view>
+      <view class="flexWrap" style="padding: 5rpx 0">
+        <view class="flex-item-2"></view>
+        <view class="flex-item-8"><text class="redOrange2">￥{{ order.totalAmount }}</text></view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.order-item {
+  background-color: #ffffff;
+  padding: 20rpx;
+  margin: 5px 0;
+  //border-bottom: 1px solid #eeeeee;
+
+  .order-id {
+    font-weight: bold;
+    color: #333;
+  }
+
+  .product-name {
+    color: #666;
+  }
+
+  .totalAmount {
+    color: #009688;
+  }
+
+  .status {
+    color: #ff9900;
+  }
+
+  &:last-child {
+    border-bottom: none; // Remove bottom border for the last item
+  }
+}
+
+.divider {
+  height: 1px;
+  background-color: #eeeeee;
+}
+
+.no-orders-text {
+  text-align: center;
+  margin-top: 20rpx;
+  color: #999;
+}
+</style>
diff --git a/pages/zyb/order/list.vue b/pages/zyb/order/list.vue
new file mode 100644
index 0000000..ef4e4ba
--- /dev/null
+++ b/pages/zyb/order/list.vue
@@ -0,0 +1,175 @@
+<template>
+  <view class="order-list border-top">
+    <view v-if="orders.length > 0">
+      <view v-for="(order, index) in orders" :key="index">
+        <view class="order-item" @click="openDetail(order)">
+          <view class="flexWrap border-bottom" style="padding: 20rpx">
+            <view class="flex-item-2">订单号</view>
+            <view class="flex-item-6">
+              <text class="multiline-text">{{ order.orderCode }}</text>
+            </view>
+            <view class="flex-item-2 font-weight-b">
+              <text class="float-right" :style="'color:'+getColorByStatus(order.orderStatus)">{{ getTextByStatus(order.orderStatus) }}</text>
+            </view>
+          </view>
+          <view class="flexWrap" style="padding: 5rpx 0">
+            <view class="flex-item-2"></view>
+            <view class="flex-item-8 font-weight-b"><text>{{ order.skuName }}</text></view>
+          </view>
+          <view class="flexWrap" style="padding: 5rpx 0">
+            <view class="flex-item-2"></view>
+            <view class="flex-item-8"><text class="multiline-text">{{ order.skuDetail }}</text></view>
+          </view>
+          <view class="flexWrap" style="padding: 5rpx 0">
+            <view class="flex-item-2"></view>
+            <view class="flex-item-8">下单时间：<text>{{ order.createTime }}</text></view>
+          </view>
+          <view class="flexWrap" style="padding: 5rpx 0" v-if="order.orderStatus && order.orderStatus==='2'">
+            <view class="flex-item-2"></view>
+            <view class="flex-item-8">付款时间：<text>{{ order.paymentTime }}</text></view>
+          </view>
+          <view class="flexWrap" style="padding: 5rpx 0" v-if="order.refundTime">
+            <view class="flex-item-2"></view>
+            <view class="flex-item-8">退款时间：<text>{{ order.refundTime }}</text></view>
+          </view>
+          <view class="flexWrap" style="padding: 5rpx 0">
+            <view class="flex-item-2"></view>
+            <view class="flex-item-8"><text class="redOrange2">￥{{ order.totalAmount }}</text></view>
+          </view>
+        </view>
+        <view class="divider" v-if="index !== orders.length - 1"></view>
+      </view>
+    </view>
+    <view v-else>
+      <text class="no-orders-text">暂无订单信息</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+
+let request = new Request()
+export default {
+  computed: {
+    ApiConstant() {
+      return ApiConstant
+    },
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      lo:true,
+      orders: []
+    };
+  },
+  onPullDownRefresh() {
+    this.current = 1
+    this.getOrderList();
+  },
+  /*onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
+    //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
+    this.topFlag = e.scrollTop > 600;
+  },*/
+  onLoad(){
+    this.getOrderList()
+  },
+  methods:{
+    loadMore(){
+      if (this.status === 'noMore') {
+        return;
+      }
+      console.log('加载中')
+      this.current++;
+      this.getOrderList()
+    },
+    openDetail(e){
+      uni.navigateTo({
+        url: '/pages/zyb/order/detail?orderCode='+e.orderCode
+      })
+    },
+    getOrderList(){
+      request.get(ApiConstant.VIP.orderList,{}).then(r => {
+        console.log(r)
+        if (r.success) {
+          //追加到列表数据中
+          this.orders = r.result
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    getColorByStatus(status){
+      if (status === '1') {
+        return '#f96543';
+      }else if (status === '2') {
+        return '#85e689';
+      }else if (status === '5') {
+        return '#f2891b';
+      }else{
+        return '#bb0303';
+      }
+    },
+    getTextByStatus(status){
+      if (status === '1') {
+        return '待支付';
+      }else if (status === '2') {
+        return '已支付';
+      }else if (status === '5') {
+        return '已退款';
+      }else{
+        return '未知';
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.order-list {
+  padding:0 20rpx;
+}
+
+.order-item {
+  background-color: #ffffff;
+  padding: 20rpx;
+  margin: 5px 0;
+  //border-bottom: 1px solid #eeeeee;
+
+  .order-id {
+    font-weight: bold;
+    color: #333;
+  }
+
+  .product-name {
+    color: #666;
+  }
+
+  .totalAmount {
+    color: #009688;
+  }
+
+  .status {
+    color: #ff9900;
+  }
+
+  &:last-child {
+    border-bottom: none; // Remove bottom border for the last item
+  }
+}
+
+.divider {
+  height: 1px;
+  background-color: #eeeeee;
+}
+
+.no-orders-text {
+  text-align: center;
+  margin-top: 20rpx;
+  color: #999;
+}
+</style>
diff --git a/pages/zyb/other/admissionsInformation.uvue b/pages/zyb/other/admissionsInformation.uvue
deleted file mode 100644
index 8340dfa..0000000
--- a/pages/zyb/other/admissionsInformation.uvue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-    <view>
-
-    </view>
-</template>
-
-<script setup lang="ts">
-
-</script>
-
-
-
-<style scoped lang="scss">
-
-</style>
diff --git a/pages/zyb/other/admissionsInformation.vue b/pages/zyb/other/admissionsInformation.vue
index 82f5b7a..2ecc612 100644
--- a/pages/zyb/other/admissionsInformation.vue
+++ b/pages/zyb/other/admissionsInformation.vue
@@ -16,57 +16,17 @@ export default {
   },
   data() {
     return {
-      searchText: '',
-      list: [
-        {
-          title: '新疆艺术学院2024年本科招生简章',
-          url: ''
-        },
-        {
-          title: '新疆艺术学院2024年本科招生简章招生简章招生简章招生简章招生简章',
-          url: ''
-        }
-      ]
     }
   },
   methods: {
-    clearSearchInput() {
-
-    },
-    searchClick() {
-
-    }
   }
 }
 </script>
 
 <template>
   <view class="header">
-    <view class="search-view">
-      <view style="width: 90%">
-        <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校名称" v-model="searchText"
-                        @clear="clearSearchInput" cancelButton="none" @confirm="searchClick"/>
-      </view>
-      <view style="width: 10%;line-height: 100rpx">
-        <text @click="searchClick">搜索</text>
-      </view>
-    </view>
   </view>
   <view class="body">
-    <view class="image1">
-      <image src="http://files.yitisheng.vip/images/zsjz2.png" style="height: 200rpx;width:100%"/>
-    </view>
-    <!--简章列表-->
-    <view class="list">
-      <view class="list-item" :class="index===list.length-1?'list-item-end':''" v-for="(item,index) in list" :key="index">
-        <view class="title">
-          <text>{{ item.title }}</text>
-        </view>
-        <view class="right-icon">
-          <image :src="ImagesConstant.keyboard.arrowRight" style="width: 40rpx;height: 40rpx"/>
-        </view>
-      </view>
-    </view>
   </view>
 </template>
 
diff --git a/pages/zyb/other/calculateInvestment.vue b/pages/zyb/other/calculateInvestment.vue
index 54a572c..3031c69 100644
--- a/pages/zyb/other/calculateInvestment.vue
+++ b/pages/zyb/other/calculateInvestment.vue
@@ -5,6 +5,8 @@
 import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
+import JumpTool from "@/common/js/jumpTool";
+import {stringIsNotEmpty} from "../../../common/util";
 
 let request = new Request()
 export default {
@@ -18,38 +20,29 @@ export default {
   data() {
     return {
       show:true,
+      vipInfo:{},
+      scoreInfo:{},
       //省份
       provinceArray: StaticConstant.provinceList,
       provinceIndex: 0,
       //专业类别
-      professionalCategoryArray: StaticConstant.professionalCategoryList.filter((item)=>{
-        return item.value !=='体育类'
-      }),
+      professionalCategoryArray: StaticConstant.professionalCategoryList,
       professionalCategoryIndex: 0,
       //文理分科选择参数
       categoryArray: StaticConstant.categoryList,
       categoryIndex: 0,
       //批次
-      batchArray: StaticConstant.batchAllList,
+      batchArray: [{label: '本科批', value: '本科'}, {label: '高职高专批', value: '高职高专'}],
       batchIndex: 0,
       culturalScore: '',//文化分
       professionalScore: '',//统考分
-      list:[
-        {
-          rulesEnrollProbability:'文过专排',
-          probabilityOperator:'专业分',
-          score:1,
-          schoolNum:11
-        },
-        {
-          rulesEnrollProbability:'文3专7',
-          probabilityOperator:'文化分*0.04+专业分+0.233',
-          score:1,
-          schoolNum:5
-        }
-      ]
+      list:[]
     }
   },
+  onLoad(){
+    this.vipInfo = uni.getStorageSync('vipInfo')
+    this.scoreInfo = uni.getStorageSync('scoreInfo')
+  },
   methods: {
     bindProvinceArrayPickerChange(e) {
       this.provinceIndex = e.detail.value
@@ -59,6 +52,7 @@ export default {
     },
     bindProfessionalCategoryArrayPickerChange(e) {
       this.professionalCategoryIndex = e.detail.value
+      this.batchIndex = 0
     },
     bindBatchArrayPickerChange(e) {
       this.batchIndex = e.detail.value
@@ -78,6 +72,30 @@ export default {
       })
     },
     clickCalculate(){
+      if (!this.vipInfo || !stringIsNotEmpty(this.vipInfo.vipLevel) || this.vipInfo.vipLevel<1) {
+        uni.showModal({
+          title: 'VIP专享',
+          // 提示文字
+          content: '该功能为增值内容，开通会员后即可免费查看！',
+          // 取消按钮的文字自定义
+          cancelText: "取消",
+          // 确认按钮的文字自定义
+          confirmText: "开通服务",
+          //删除字体的颜色
+          confirmColor: 'red',
+          //取消字体的颜色
+          cancelColor: '#dddddd',
+          success: function (res) {
+            if (res.confirm) {
+              //JumpTool.openVip()
+              uni.navigateTo({
+                url: '/pages/zyb/vip/index'
+              })
+            }
+          }
+        })
+        return
+      }
       if (!this.culturalScore) {
         uni.showToast({
           title: '请输入文化分',
@@ -98,8 +116,9 @@ export default {
           province:this.provinceArray[this.provinceIndex].label,
           culturalScore: this.culturalScore,//文化分
           professionalScore: this.professionalScore,//统考分
-          category:this.categoryArray[this.categoryIndex].name,
-          professionalCategory:this.professionalCategoryArray[this.professionalCategoryIndex].label,
+          category:this.scoreInfo.cognitioPolyclinic,//this.categoryArray[this.categoryIndex].name
+          professionalCategory:this.scoreInfo.professionalCategory,
+          // this.professionalCategoryArray[this.professionalCategoryIndex].label
           batch:this.batchArray[this.batchIndex].value
         }).then(r => {
           console.log(r)
@@ -111,6 +130,15 @@ export default {
         }).finally(() => {
         });
       }
+    },
+    //跳转到填报页面
+    openMockList(e){
+      let url = '/pages/zyb/fillVolunteer/mockList'
+      //如果 关联的院校数量>0，则按录取方式跳转
+      if(e.schoolNum && e.schoolNum>0){
+        url+='?rulesEnrollProbability='+e.rulesEnrollProbability
+      }
+      JumpTool.goto(url);
     }
   }
 }
@@ -125,33 +153,43 @@ export default {
     </view>
     <view v-if="show">
       <!--分数-->
-      <view class="flex flex" style="margin-top: 100rpx">
+      <view class="flex flex" style="margin-top: 50rpx">
         <view class="flex-item-4">
           <view class="fbox">
-            <view class="flex" style="width: 50%">
+<!--            <view class="flex" style="width: 50%">
               <view class="ftitle">文化分</view>
+            </view>-->
+            <view class="flex white font-size-medium color3">
+              <text style="margin: 0 auto">
+                文化分
+              </text>
             </view>
-            <view class="flex" style="padding: 30rpx;font-size: 35rpx">
-              <input type="number" style="text-align: center;" v-model="culturalScore" @input='inputCulturalScoreClick'
+            <view class="flex" style="padding: 30rpx;font-size: 35rpx;">
+              <input type="number" style="text-align: center;height: 50rpx" v-model="culturalScore" @input='inputCulturalScoreClick'
                      placeholder="输入分数"/>
             </view>
-            <view class="flex flex">
+<!--            <view class="flex flex">
               <view class="right-text">分</view>
-            </view>
+            </view>-->
           </view>
         </view>
         <view class="flex-item-4 margin-right">
           <view class="fbox">
-            <view class="flex" style="width: 50%">
+<!--            <view class="flex" style="text-align: center">
               <view class="ftitle-orange">专业分</view>
+            </view>-->
+            <view class="flex white font-size-medium color2">
+              <text style="margin: 0 auto">
+                专业分
+              </text>
             </view>
             <view class="flex" style="padding: 30rpx;font-size: 35rpx">
-              <input type="number" style="text-align: center;" v-model="professionalScore"
+              <input type="number" style="text-align: center;height: 50rpx" v-model="professionalScore"
                      @input='inputProfessionalScoreClick' placeholder="输入分数"/>
             </view>
-            <view class="flex flex">
+<!--            <view class="flex flex">
               <view class="right-text-orange">分</view>
-            </view>
+            </view>-->
           </view>
         </view>
       </view>
@@ -160,7 +198,7 @@ export default {
         <!--省份-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">省份<label></label></view>
+            <view class="left-t color3">省份<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
             <picker @change="bindProvinceArrayPickerChange" :value="provinceIndex" :range="provinceArray"
@@ -172,31 +210,33 @@ export default {
         <!--文理-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">文理<label></label></view>
+            <view class="left-t color3">文理<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
-            <picker @change="bindCategoryArrayPickerChange" :value="categoryIndex" :range="categoryArray"
+            <view class="right-input">{{this.scoreInfo.cognitioPolyclinic}}</view>
+<!--            <picker @change="bindCategoryArrayPickerChange" :value="categoryIndex" :range="categoryArray"
                     range-key='name'>
               <view class="right-input">{{ categoryArray[categoryIndex].name }}</view>
-            </picker>
+            </picker>-->
           </view>
         </view>
         <!--统考类别-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">统考类别<label></label></view>
+            <view class="left-t color3">统考类别<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
-            <picker @change="bindProfessionalCategoryArrayPickerChange" :value="professionalCategoryIndex"
+            <view class="right-input">{{this.scoreInfo.professionalCategory}}</view>
+<!--            <picker @change="bindProfessionalCategoryArrayPickerChange" :value="professionalCategoryIndex"
                     :range="professionalCategoryArray" range-key='label'>
               <view class="right-input">{{ professionalCategoryArray[professionalCategoryIndex].label }}</view>
-            </picker>
+            </picker>-->
           </view>
         </view>
         <!--批次-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">批次<label></label></view>
+            <view class="left-t color3">批次<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
             <picker @change="bindBatchArrayPickerChange" :value="batchIndex" :range="batchArray" range-key='label'>
@@ -211,7 +251,7 @@ export default {
         <!--省份-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">省份<label></label></view>
+            <view class="left-t color3">省份<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
             <view class="right-input">{{ provinceArray[provinceIndex].label }}</view>
@@ -220,16 +260,16 @@ export default {
         <!--批次-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">统考类别<label></label></view>
+            <view class="left-t color3">统考类别<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
-            <view class="right-input">{{ professionalCategoryArray[professionalCategoryIndex].label }}</view>
+            <view class="right-input">{{ scoreInfo.professionalCategory }}</view>
           </view>
         </view>
         <!--批次-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t">批次<label></label></view>
+            <view class="left-t color3">批次<label></label></view>
           </view>
           <view class="flex-item-7 ml10">
             <view class="right-input">{{ batchArray[batchIndex].label }}</view>
@@ -238,7 +278,7 @@ export default {
         <!--文化成绩，专业成绩-->
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t width1">文化成绩<label></label></view>
+            <view class="left-t color3 width1">文化成绩<label></label></view>
           </view>
           <view class="flex-item-2 ml10">
             <view class="right-input">{{ culturalScore }}</view>
@@ -246,7 +286,7 @@ export default {
         </view>
         <view class="flex flex option-item">
           <view class="flex-item-3">
-            <view class="left-t width1">专业成绩<label></label></view>
+            <view class="left-t color3 width1">专业成绩<label></label></view>
           </view>
           <view class="flex-item-2 ml10">
             <view class="right-input">{{ professionalScore }}</view>
@@ -254,7 +294,7 @@ export default {
         </view>
         <view class="flex flex option-item">
           <view class="flex-item-10">
-            <view class="left-t align-left">本批次所有院校录取规则为<label></label></view>
+            <view class="left-t color3 align-left">本批次所有院校录取规则为<label></label></view>
           </view>
         </view>
       </view>
@@ -271,15 +311,15 @@ export default {
           <text class="text" style="font-size: 23rpx">{{item.probabilityOperator}}</text>
           <view class="zhf">
             <text v-if="item.score">{{item.score}}分</text>
-            <view style="border: 1rpx solid #399ee8;border-radius: 10rpx;width: 160rpx;padding: 5rpx 8rpx">查看院校{{item.schoolNum}}所</view>
+            <view @click="openMockList(item)" style="border: 1rpx solid #399ee8;border-radius: 10rpx;width: 160rpx;padding: 5rpx 8rpx">查看院校{{item.schoolNum}}所</view>
           </view>
         </view>
       </view>
     </view>
-    <view class="bottom">
+    <view class="bottom" style="position: relative;top: 100rpx">
       <view style="margin: 0 auto">
         <view class="" @click="clickCalculate"
-              style="background-color:#ed9916;color:white;font-size: 40rpx;width: 200rpx;height: 200rpx;border-radius: 50%;text-align: center;line-height: 200rpx">
+              style="background-color:#f2876a;color:white;font-size: 40rpx;width: 200rpx;height: 200rpx;border-radius: 50%;text-align: center;line-height: 200rpx">
           <text>{{show?'计算':'重置'}}</text>
         </view>
       </view>
@@ -292,14 +332,26 @@ export default {
 .body {
   background: white;
   height: 100%;
+  //min-height: 1000rpx;
   padding: 0 15%;
 }
 
+.color2{
+//  background-color: #f78668;
+  background-color: #6b58fa;
+}
+
+.color3{
+//  background-color: #399ee8;
+  background-color: #f35b3d;
+}
+
 /*标题*/
 .title {
-  padding-top: 50rpx;
-  color: #399ee8;
-  font-size: 60rpx;
+  padding-top: 20rpx;
+  //color: #399ee8;
+  color: #8ebfe2;
+  font-size: 70rpx;
   font-weight: 600;
 }
 
@@ -309,7 +361,6 @@ export default {
   box-shadow: 0 0 10rpx 5rpx #aaa;
 
   .ftitle {
-    background-color: #399ee8;
     color: white;
     border-radius: 10rpx;
     font-size: 28rpx;
@@ -325,8 +376,8 @@ export default {
   color: white;
   border-radius: 10rpx;
   font-size: 28rpx;
-  margin: 0 auto;
-  text-align: center;
+  //margin: 0 auto;
+  /*text-align: center;*/
   height: 40rpx;
   line-height: 40rpx;
 }
@@ -353,13 +404,14 @@ export default {
   margin-top: 100rpx;
 
   .left-t {
-    background-color: #399ee8;
+    //background-color: #399ee8;
+    //background-color: #8162fa;
     color: white;
-    height: 50rpx;
-    line-height: 50rpx;
+    height: 40rpx;
+    line-height: 40rpx;
     border-radius: 10rpx;
     padding: 5rpx 10rpx;
-    font-size: 33rpx;
+    font-size: 28rpx;
     text-align: justify;
     label {
       display: inline-block;
@@ -372,9 +424,9 @@ export default {
 
   .right-input {
     padding: 5rpx 10rpx;
-    height: 50rpx;
-    line-height: 50rpx;
-    font-size: 35rpx;
+    height: 40rpx;
+    line-height: 40rpx;
+    font-size: 28rpx;
   }
 
   .option-item {
@@ -394,7 +446,7 @@ export default {
 }
 
 .datalist{
-  height: 700rpx;
+  height: 500rpx;
   overflow:scroll;
   text-align: center;
   .th{
diff --git a/pages/zyb/other/checkRanking.vue b/pages/zyb/other/checkRanking.vue
index 484fcf5..3d0e062 100644
--- a/pages/zyb/other/checkRanking.vue
+++ b/pages/zyb/other/checkRanking.vue
@@ -111,9 +111,9 @@ export default {
         </view>
         <view class="b2">
           <!--输入分数-->
-          <view style="display: flex;padding: 30rpx 60rpx">
+          <view style="display: flex;padding: 0 60rpx">
             <view style="width: 100%">
-              <input style="font-size: 35rpx;text-align:center" v-model="score" placeholder="请输入分数"/>
+              <input style="font-size: 50rpx;height: 60rpx;text-align:center" v-model="score" placeholder="请输入分数"/>
             </view>
           </view>
           <!--切换成绩-->
@@ -178,7 +178,7 @@ export default {
             </view>
           </view>
           <view class="" v-else-if="item.type === 2">
-            <view style="display: flex">您的分数已低于{{item.year}}公布的最低分，最低分为{{item.beginScore}}分，排名为{{item.rank}}名</view>
+            <view style="display: flex">您的分数已低于{{item.year}}公布的最低分{{item.beginScore}}分<!--，排名为{{item.rank}}名--></view>
           </view>
         </view>
       </view>
diff --git a/pages/zyb/other/commonProblem.vue b/pages/zyb/other/commonProblem.vue
index 9c10a33..c3876f1 100644
--- a/pages/zyb/other/commonProblem.vue
+++ b/pages/zyb/other/commonProblem.vue
@@ -4,9 +4,15 @@
 <script>
 import Request from '@/common/request'
 import StaticConstant from "@/common/StaticConstant";
+import JumpTool from "../../../common/js/jumpTool";
 
 let request = new Request()
 export default {
+  computed: {
+    JumpTool() {
+      return JumpTool
+    }
+  },
   data() {
     return {
       accordionVal:0,
@@ -43,7 +49,7 @@ export default {
   },
   methods:{
     change(e) {
-      console.log(e);
+      //console.log(e);
     }
   }
 }
@@ -58,6 +64,10 @@ export default {
         </view>
       </uni-collapse-item>
     </uni-collapse>
+    <view class="marginTopBot20">
+      <button @click="JumpTool.openFeedback">问题反馈</button>
+
+    </view>
   </view>
 </template>
 
diff --git a/pages/zyb/other/feedback.vue b/pages/zyb/other/feedback.vue
new file mode 100644
index 0000000..2c98075
--- /dev/null
+++ b/pages/zyb/other/feedback.vue
@@ -0,0 +1,230 @@
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import {arrayIsNotEmpty, stringIsNotEmpty} from "@/common/util";
+
+let request = new Request()
+export default {
+  name: "feedback",
+  computed: {
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      contentHeight: 600,
+      typeVisible: false,//模态框状态
+      typeIndex: 0,
+      feedback: {
+        type: '1',
+        content: '',
+        contactPerson:'',
+        contactPersonPhone:'',
+      },
+      typeArray: [
+        {label: '使用疑问', value: '1'},
+        {label: '功能故障', value: '2'},
+        {label: '数据错误', value: '3'},
+        {label: '注销账号', value: '4'},
+        {label: '投诉', value: '5'},
+        {label: '提建议', value: '6'},
+      ]
+    }
+  },
+  onShow() {
+  },
+  methods: {
+    bindPickerFeedbackChange(e) {
+      console.log(e)
+      this.typeIndex = e.detail.value
+    },
+    formSubmit(){
+      if (!this.feedback.content || this.feedback.content ==='') {
+        uni.showToast({title: '请输入问题描述', icon: "none"});
+        return
+      }
+      let data = {
+        type:this.typeArray[this.typeIndex].value,
+        content:this.feedback.content,
+        contactPerson:this.feedback.contactPerson,
+        contactPersonPhone:this.feedback.contactPersonPhone,
+      }
+      request.post(ApiConstant.System.feedbackSave, data).then(r => {
+        console.log(r)
+        if (r.success) {
+          setTimeout(function () {
+            uni.showToast({title: '反馈成功', icon: "none"});
+          }, 300)
+          setTimeout(function () {
+            //回到首页
+            uni.navigateBack({
+              delta: 1 // 返回的页面数，这里设置为1表示返回上一页
+            });
+          }, 1000)
+
+        }else{
+          setTimeout(function () {
+            uni.showToast({title: r.message, icon: "none"});
+          }, 500)
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    close(){
+
+    },
+    open(){
+
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="container" style="background-color: #ffffff">
+    <view class="uni-padding-wrap" style="text-align: center">
+      <view class="font-size-medium font-weight-b">
+        问题反馈
+      </view>
+    </view>
+    <!--表单-->
+    <view class="uni-padding-wrap uni-common-mt border-top">
+      <view class="forms">
+        <view class="form-item">
+          <view class="form-item-label">问题类型</view>
+          <view class="form-item-view form-input">
+            <picker @change="bindPickerFeedbackChange" :value="typeIndex" :range="typeArray"
+                    range-key="label">
+              <view class="uni-input">{{ typeArray[typeIndex].label }}</view>
+            </picker>
+          </view>
+        </view>
+        <view class="form-item">
+          <view class="form-item-label">问题描述</view>
+          <view class="form-item-view form-input">
+            <uni-easyinput type="textarea" v-model="feedback.content" placeholder="请输入问题描述"/>
+          </view>
+        </view>
+        <view class="form-item">
+          <view class="form-item-label">联系人</view>
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="number"
+                   v-model="feedback.contactPerson"
+                   name="contactPersonPhone"
+                   :placeholder="'请输入联系人'"/>
+          </view>
+        </view>
+        <view class="form-item">
+          <view class="form-item-label">联系电话</view>
+          <view class="form-item-view form-input">
+            <input class="uni-input" type="number"
+                   v-model="feedback.contactPersonPhone"
+                   name="contactPersonPhone"
+                   :placeholder="'请输入联系电话'"/>
+          </view>
+        </view>
+      </view>
+      <text class="darkGray font-size-mini">联系我们：{{StaticConstant.email}}</text>
+    </view>
+
+    <view class="submitButtonView button-active" @click="formSubmit">
+      <text class="font-weight-b">提交问题</text>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.container {
+  height: 100%;
+}
+
+.uni-form-item .title {
+  padding: 20rpx 0;
+}
+
+/*表单 start*/
+.form-item {
+  display: flex;
+  align-items: center;
+  margin: 30rpx 0;
+}
+
+.form-item-label {
+  width: 20%;
+}
+
+.form-item-view {
+  width: 80%;
+  min-height: 80rpx;
+}
+
+.form-input {
+  border: 1rpx solid #e6e6e6;
+}
+
+//选考科目
+.kelei-item {
+  background-color: #f7f7f7;
+  color: black;
+  padding: 20rpx 30rpx;
+  margin-right: 30rpx;
+}
+
+.kelei-item-active {
+  background-color: #feede1;
+  color: #f96712;
+}
+
+.submitButtonView {
+  margin: 30rpx;
+  text-align: center;
+  border-radius: 15rpx;
+  line-height: 80rpx;
+}
+
+.button-disabled {
+  color: white;
+  background-color: #d8d8d8;
+}
+
+.button-active {
+  color: white;
+  background: linear-gradient(#f79459, #f96622);
+}
+
+/*表单 end*/
+
+.uni-picker-tips {
+  font-size: 12px;
+  color: #666;
+  margin-bottom: 15px;
+  padding: 0 15px;
+}
+
+/*底部抽屉 报考方向内容 start*/
+.professionalCategoryPopup .professionalCategoryItem {
+  margin: 20rpx;
+  padding: 20rpx;
+  text-align: center;
+  border: 1rpx solid #f1f2f3;
+
+  .text {
+    margin: 0 auto;
+  }
+}
+
+.active {
+  background-color: #3e89fe;
+  color: white;
+  border-radius: 15rpx;
+}
+
+.professionalCategoryChildren .childrenItem {
+  margin: 20rpx;
+}
+
+/*底部抽屉 报考方向内容 end*/
+</style>
diff --git a/pages/zyb/other/updateLogs.vue b/pages/zyb/other/updateLogs.vue
index 945a968..c223bc0 100644
--- a/pages/zyb/other/updateLogs.vue
+++ b/pages/zyb/other/updateLogs.vue
@@ -25,13 +25,14 @@ export default {
   },
   onLoad() {
     // 步骤数组数据反序
-    this.stepData.reverse()
+    /*this.stepData.reverse()*/
   },
 }
 </script>
 
 <template>
-  <cc-defineStep :colors="colors" :stepData="stepData"></cc-defineStep>
+  <image src="https://mp-7a4eecb1-2a04-4d36-b050-1c4a78cc31a4.cdn.bspapp.com/images/oneByOne.png" style="width: 100%;height: 500%"/>
+<!--  <cc-defineStep :colors="colors" :stepData="stepData"></cc-defineStep>-->
 </template>
 
 <style scoped lang="scss">
diff --git a/pages/zyb/other/useHelp.vue b/pages/zyb/other/useHelp.vue
index 3049432..406334f 100644
--- a/pages/zyb/other/useHelp.vue
+++ b/pages/zyb/other/useHelp.vue
@@ -127,7 +127,7 @@ export default {
     <view class="text-group">
       <text class="text-l uni-flex flex bold">关于成绩修改次数</text>
       <text class="text-l uni-flex flex">
-        高考放榜前非VIP用户可以修改2次，VIP用户放榜前每日可修改5次。
+        高考放榜前非VIP用户可以修改5次，VIP用户放榜前每日可修改10次。
         <text class="bold">高考结束后：VIP用户可以修改1次。</text>
       </text>
     </view>
diff --git a/pages/zyb/other/volunteerCardDesc.vue b/pages/zyb/other/volunteerCardDesc.vue
index f7006dd..d638cef 100644
--- a/pages/zyb/other/volunteerCardDesc.vue
+++ b/pages/zyb/other/volunteerCardDesc.vue
@@ -7,10 +7,10 @@ export default {
 
 <template>
 <view class="body">
-  <text class="text-l uni-flex flex">（一）、适用范围:艺术类文理科(历史组/物理组)考生(自主招生暂不适用)。</text>
-  <text class="text-l uni-flex flex">（二）、使用期限:自购买起，截止到2024-08-31日有效。若再次购买，则将新增一届服务期限。</text>
-  <text class="text-l uni-flex flex">（三）、分数修改次数:每届服务期内高考分数放榜前可修改5次，放榜后只可修改1次。</text>
-  <text class="text-l uni-flex flex">（四）、系统数据来源于权威教育部门，由合作网站提供。</text>
+  <text class="text-l uni-flex flex">（一）、适用范围:艺术类文理科考生(自主招生暂不适用)。</text>
+  <text class="text-l uni-flex flex">（二）、使用期限:自购买起，截止到2024-08-31日有效。</text>
+  <text class="text-l uni-flex flex">（三）、分数修改次数:每届服务期内高考分数放榜前可修改10次，放榜后只可修改1次。</text>
+  <text class="text-l uni-flex flex">（四）、系统数据来源于及第生涯部门，由合作网站提供。</text>
   <text class="text-l uni-flex flex">（五）、部分年份数据如果为空可能是当年不在查询地招生。系统数据不包含高考加分，如果录取数据与院校公布数据不一致，请以高校正式公布的数据为准。</text>
   <text class="text-l uni-flex flex">（六）、由于高考填报志愿是一个动态变化的过程，本系统查询的历年高校录取数据仅作为填报志愿参考，请综合各种信息进行报考，勿仅以此填报志愿。</text>
   <text class="text-l uni-flex flex">（七）、本卡为电子卡，不记名，不挂失，一经出售，概不退换! 最终解释权归本平台所有。</text>
diff --git a/pages/zyb/other/yifenyiduan.vue b/pages/zyb/other/yifenyiduan.vue
index 570ebc2..1a4bf71 100644
--- a/pages/zyb/other/yifenyiduan.vue
+++ b/pages/zyb/other/yifenyiduan.vue
@@ -91,9 +91,6 @@ export default {
     <view class="image1">
       <image src="http://files.yitisheng.vip/images/zsjz2.png" style="height: 200rpx;width:100%"/>
     </view>
-    <!--筛选项-->
-    <wei-dropdown-menu :data="menuData" @change="onChange" :value="menuValue"
-                       :popupSytle="{ borderRadius: '0 0 10px 10px', overflow: 'hidden' }"></wei-dropdown-menu>
     <!--简章列表-->
     <view class="list">
       <view class="list-item" :class="index===list.length-1?'list-item-end':''" v-for="(item,index) in list" :key="index">
diff --git a/pages/zyb/qrcodeLogin.vue b/pages/zyb/qrcodeLogin.vue
new file mode 100644
index 0000000..8a8db6f
--- /dev/null
+++ b/pages/zyb/qrcodeLogin.vue
@@ -0,0 +1,290 @@
+<!--登录页面-->
+<script>
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import StaticConstant from "@/common/StaticConstant";
+import commonTool from "@/common/js/commonTool";
+import CommonTool from "@/common/js/commonTool";
+
+let request = new Request()
+export default {
+  name: "home",
+  components: {},
+  computed: {
+    CommonTool() {
+      return CommonTool
+    },
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      showType: 0,
+      uuid:'',
+      showFlag: false
+    }
+  },
+  onReady() {
+  },
+  onLoad: function (options) {
+    if(options.scene){
+      console.log('scene')
+      this.uuid = decodeURIComponent(options.scene)
+      console.log(options.scene)
+      console.log(this.uuid)
+	  this.getQrCodeStatus()
+      
+    }
+  },
+  onShow() {
+    this.showFlag = true
+  },
+  methods: {
+    //刷新到首页
+    reloadHome() {
+      setTimeout(function () {
+        wx.reLaunch({
+          url: '/pages/zyb/home',
+        })
+      }, 500)
+    },
+    getPhoneNumber(e) {
+      if(!this.uuid){
+        return
+      }
+      if (e && e.detail && e.detail.code) {
+        //选择授权
+        uni.login({
+          success: (res) => {
+            console.log('获取code', res)
+            if (res.code) {
+              let code = res.code
+              request.post(ApiConstant.User.wxLogin, {
+                uuid:this.uuid,
+                code: code,
+                encryptedData: e.detail.encryptedData,
+                iv: e.detail.iv
+              }).then(r => {
+                console.log('请求登录', r)
+                if (r.success) {
+                  console.log(r)
+                  //token
+                  uni.setStorageSync('token', r.result.token)
+                  //用户信息
+                  if (r.result.userInfo) {
+                    uni.setStorageSync('userInfo', r.result.userInfo)
+                  }
+                  //vip信息
+                  commonTool.checkVipInfo(r.result.vipInfo)
+                  //重新打开首页
+                  this.showType = 2
+                } else {
+                  uni.showToast({
+                    title: r.message,
+                    icon: 'none'
+                  })
+                }
+              }).catch(err => {
+              }).finally(() => {
+              });
+            } else {
+              uni.showModal({
+                title: '未获取到code'
+              })
+            }
+          }
+        });
+      } else {
+        uni.showToast({
+          title: '授权失败,请同意授权',
+          icon: 'none'
+        })
+        return
+      }
+      console.log(e)
+    },
+    gotoMianze() {
+      uni.navigateTo({
+        url: '/pages/zyb/other/disclaimer'
+      })
+    },
+    gotoXieyi() {
+      uni.navigateTo({
+        url: '/pages/zyb/other/userAgreement'
+      })
+
+    },
+	//获取二维码状态
+	getQrCodeStatus(){
+	  request.get(ApiConstant.User.wxQrCodeStatus+"/"+this.uuid, {}, {showLoad: false}).then(r => {
+	    if (r.success) {
+			if(r.result.qr_state === 'SUCCESS' || r.result.qr_state === 'SCAN' || r.result.qr_state === 'NULL'){
+				//已通过
+				this.showType = 3
+			}else{
+				this.showType = 1
+				this.reloadQrCodeStatus()
+			}
+	    }else{
+			this.showType = 3
+		}
+	  }).catch(err => {
+	  }).finally(() => {
+	  });
+	},
+    //更新二维码状态
+    reloadQrCodeStatus(){
+      //将微信登录二维码关闭
+      request.get(ApiConstant.User.wxQrCodeUpdateStatus+"/"+this.uuid, {}, {showLoad: false}).then(r => {
+        if (r.success) {
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    //取消
+    exit(){
+      wx.exitMiniProgram({
+        success: (res) => {}
+      })
+    },
+	exitQrCode(){
+		wx.exitMiniProgram({
+		  success: (res) => {
+		    console.log(res)
+		    if(this.uuid){
+		      //将微信登录二维码关闭
+		      request.get(ApiConstant.User.wxQrCodeExit+"/"+this.uuid, {}, {showLoad: false}).then(r => {
+		        if (r.success) {
+		        }
+		      }).catch(err => {
+		      }).finally(() => {
+		      });
+		    }
+		  }
+		})
+	}
+  },
+}
+</script>
+
+<template>
+  <view class="header" style="border-top:3rpx solid #f6f6f6"></view>
+  <view class="content" v-if="showFlag && showType===1">
+    <view class="textcenter">
+      <view class="flex">
+        <image src="/static/icons/wechat.png" class="icon256 marginCenter" />
+      </view>
+      <text class="low-title">
+        将在电脑上登录{{ StaticConstant.systemName }}
+      </text><br/>
+      <text class="low-title">
+        请确认是否是本人操作
+      </text>
+    </view>
+    <view style="margin-top: 200rpx" >
+      /*#ifdef MP-WEIXIN*/
+      <button class='login-but' open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
+        手机号快捷登录
+      </button>
+      /*#endif*/
+      <button class='login-pwd-but margin-top-20' @click="exitQrCode()">
+        取消
+      </button>
+    </view>
+    <view class="uni-flex flex" style="margin-top: 100rpx" v-show="false">
+      <checkbox-group @change="checkboxChange">
+        <label>
+          <checkbox value="cb"/>
+          登录代表{{ StaticConstant.systemName }}
+          <text style="color: #4975fd" @click="gotoXieyi">艺体志愿宝用户协议、</text>
+          <text style="color: #4975fd" @click="gotoMianze">免责声明、</text>
+          ，
+          并授权使用您的{{ StaticConstant.systemName }}账号信息（如昵称、头像）以便您统一管理
+        </label>
+      </checkbox-group>
+    </view>
+  </view>
+  <view class="content" v-else-if="showFlag && showType===2">
+    <view class="textcenter">
+      <view class="flex">
+        <image src="/static/icons/success.png" class="icon256 marginCenter" />
+      </view>
+      <text class="low-title">
+        登录成功
+      </text><br/>
+      <text class="low-title">
+        欢迎使用{{ StaticConstant.systemName }}
+      </text>
+    </view>
+    <view style="margin-top: 200rpx" >
+      <button class='login-but' @click="reloadHome()">
+        确定
+      </button>
+    </view>
+  </view>
+  <view class="content" v-else-if="showFlag && showType===3">
+    <view class="textcenter">      
+      <text class="low-title">
+        二维码已失效
+      </text><br/>
+    </view>
+    <view style="margin-top: 200rpx" >
+      <button class='login-but' @click="exit()">
+        确定
+      </button>
+    </view>
+  </view>
+
+</template>
+
+<style scoped lang="scss">
+.content {
+  margin-top: 200rpx;
+  padding: 30rpx;
+}
+
+.container {
+  height: 100%;
+}
+
+.uni-form-item .title {
+  padding: 20rpx 0;
+}
+
+.textcenter {
+  text-align: center;
+  margin: 30rpx 0;
+}
+
+/*标题*/
+.title {
+  font-family: "Bookshelf Symbol 7";
+  margin: 0 auto;
+  //color:white;
+  font-size: 90rpx;
+  font-weight: 600;
+}
+
+/*小标题*/
+.low-title {
+  font-size: 40rpx;
+}
+
+///登录按钮
+.login-but {
+  color: white;
+  width: 500rpx;
+  background-color: #25cd4d;
+  border-radius: 10rpx;
+  font-weight: 550;
+}
+.login-pwd-but{
+  width: 500rpx;
+}
+
+.login-but-disabled {
+  background: #eeeeee;
+}
+</style>
diff --git a/pages/zyb/school/detail.vue b/pages/zyb/school/detail.vue
index ef2711c..289cbc1 100644
--- a/pages/zyb/school/detail.vue
+++ b/pages/zyb/school/detail.vue
@@ -3,10 +3,17 @@ import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import StaticConstant from "@/common/StaticConstant";
 import ImagesConstant from "@/common/ImagesConstant";
+import JumpTool from "@/common/js/jumpTool";
+import {arrayIsNotEmpty} from "../../../common/util";
+import View from "../../component/view/view.vue";
 // 路径自行修改
 let request = new Request()
 export default {
+  components: {View},
   computed: {
+    JumpTool() {
+      return JumpTool
+    },
     ImagesConstant() {
       return ImagesConstant
     }
@@ -15,6 +22,7 @@ export default {
     return {
       culturalScore: '',//我的文化分
       professionalScore: '',//我的专业分
+      scoreInfo: {},
       category: '文科',//
       schoolInfo: {},//学校信息
       schoolCode: '',//学校编码
@@ -24,28 +32,15 @@ export default {
       tab: 'zlxx',
       scrollLeft: 0,
       chartData: {},
-      opts: {
-        color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4", "#ea7ccc"],
-        padding: [5, 5, 5, 5],
-        enableScroll: false,
-        extra: {
-          pie: {
-            activeOpacity: 0.5,
-            activeRadius: 10,
-            offsetAngle: 0,
-            labelWidth: 15,
-            border: true,
-            borderWidth: 3,
-            borderColor: "#FFFFFF"
-          }
-        }
-      },
+      opts: StaticConstant.opts,
       fsxIndex: 0,//分数线选择
       tdxIndex: 0,//投档线选择
       majorList: [],//
       professionalCategoryIndex: 0,//批次专业选择
       professionalCategoryList: StaticConstant.professionalCategoryList,//
+      admissionsRegulationsList: [],//招生章程列表
       historyScoreControlLineList: [],//批次线数据
+      subjectEvaluationList:[],//第四轮学科评估
     }
   },
   onShow() {
@@ -54,23 +49,35 @@ export default {
     if (e.schoolCode) {
       this.schoolCode = e.schoolCode;
     }
+    if (e.tab) {
+      this.tab = e.tab
+    }
     // this.schoolCode = '2090'
     this.getSchoolDetailInfo()
 
     let scoreInfo = uni.getStorageSync('scoreInfo')
     if (scoreInfo) {
+      this.scoreInfo = scoreInfo
       this.culturalScore = scoreInfo.culturalScore
       this.professionalScore = scoreInfo.professionalScore
       this.category = scoreInfo.cognitioPolyclinic
     }
-
   },
   methods: {
-    goto(e){
+    goto(e) {
       uni.navigateTo({
         url: e
       })
     },
+    //查看科研点
+    gotoNpee() {
+      let url = '/pages/zyb/npee/schoolNpee?schoolId='
+      url += this.schoolInfo.id + "&schoolName=" + this.schoolInfo.schoolName
+      if (this.schoolInfo.schoolResearchTeaching && this.schoolInfo.schoolResearchTeaching.byzg) {
+        url += '&byzg=' + this.schoolInfo.schoolResearchTeaching.byzg
+      }
+      this.goto(url)
+    },
     swichMenu(id) {
       this.currentTab = id
       console.log(id)
@@ -81,7 +88,7 @@ export default {
         console.log(this.scrollLeft, 60, id)
       }
     },
-    /*获取专业详情*/
+    //获取院校详情
     getSchoolDetailInfo() {
       let that = this
       request.get(ApiConstant.School.schoolInfo, {
@@ -96,11 +103,15 @@ export default {
           this.loadManData()
           //获取院校开设专业
           this.getSchoolMajorList()
+          this.getDoubleFirstPlan()
+          this.getSubjectEvaluation()
           //加载 批次线
-          this.getHistoryList()
+          //this.getHistoryList()
         }
       }).catch(err => {
       }).finally(() => {
+        //获取招生章程
+        this.getAdmissionsRegulationsList()
       });
     },
     //收藏院校
@@ -162,7 +173,7 @@ export default {
         professionalCategory: this.professionalCategoryList[this.professionalCategoryIndex].value,
         category: this.category,
         pageSize: 999
-      }).then(res => {
+      }, {showLoad: false}).then(res => {
         if (res.success) {
           this.historyScoreControlLineList = res.result.records
         }
@@ -170,11 +181,12 @@ export default {
       }).finally(() => {
       });
     },
-    getSchoolMajorList(){
+    getSchoolMajorList() {
       request.get(ApiConstant.Major.schoolMajorList, {
         cognitioPolyclinic: this.category,
-        schoolCode: this.schoolCode
-      }).then(res => {
+        schoolCode: this.schoolCode,
+        professionalCategory: this.scoreInfo.professionalCategory
+      }, {showLoad: false}).then(res => {
         if (res.success) {
           this.majorList = res.result
         }
@@ -182,6 +194,40 @@ export default {
       }).finally(() => {
       });
     },
+    //获取双万计划
+    getDoubleFirstPlan() {
+      if (this.schoolInfo && this.schoolInfo.id) {
+        request.get(ApiConstant.School.doubleFirstPlan, {
+          schoolId: this.schoolInfo.id
+        }, {showLoad: false}).then(res => {
+          if (res.success) {
+            console.log(res)
+            this.doubleFirstPlan = res.result
+            //如果国家级跟省级 都有，给院校的标签里加一个 双万计划
+            if (arrayIsNotEmpty(this.doubleFirstPlan.gjjList) || arrayIsNotEmpty(this.doubleFirstPlan.sjList)) {
+              this.schoolInfo.tagsList.push('双万计划')
+            }
+          }
+        }).catch(err => {
+        }).finally(() => {
+        });
+      }
+    },
+    //获取第四轮学科评估
+    getSubjectEvaluation() {
+      if (this.schoolInfo && this.schoolInfo.id) {
+        request.get(ApiConstant.School.subjectEvaluation, {
+          schoolId: this.schoolInfo.id
+        }, {showLoad: false}).then(res => {
+          if (res.success) {
+            console.log(res)
+            this.subjectEvaluationList = res.result
+          }
+        }).catch(err => {
+        }).finally(() => {
+        });
+      }
+    },
     //选择批次线下拉
     bindPickerPcxChange(e) {
       this.professionalCategoryIndex = e.detail.value
@@ -195,6 +241,24 @@ export default {
     bindPicker_lqMajorChange(e) {
       this.fsxIndex = e.detail.value
     },
+    /*获取招生章程*/
+    getAdmissionsRegulationsList() {
+      let params = {
+        type: StaticConstant.TYPES.admissionsRegulations,
+        schoolId: this.schoolInfo.id,
+        pageNum: 1,
+        pageSize: 5
+      }
+      request.get(ApiConstant.Article.articlePage, params, {showLoad: false}).then(res => {
+        console.log(res)
+        if (res.success) {
+          this.admissionsRegulationsList = res.result.records
+        } else {
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
   }
 }
 </script>
@@ -227,11 +291,23 @@ export default {
             <text class="address" v-if="schoolInfo.street">{{ schoolInfo.street }}</text>
           </view>
         </view>
-        <view class="flex-item-15">
-          <view>
-            <text :class="collectStatus?'collectBtn collectBtn-active':'collectBtn'" plain="true" @click="collect">
-              收藏
-            </text>
+        <view class="flex-item-13">
+          <view class="flexWrap">
+            <view class="ruanke font-size-mini" v-if="schoolInfo && schoolInfo.arwuRanking">
+              <text class="font-weight-b font-size-mini4">{{ schoolInfo.arwuRanking }}</text>
+              <br/>
+              <text>软科排名</text>
+            </view>
+          </view>
+          <view class="flexWrap marginTopBot20" @click="collect">
+            <view class="flexWrap">
+              <view class="ruanke font-size-mini">
+                <image :src="collectStatus?'/static/icons/shoucang-active.png':'/static/icons/shoucang.png'"
+                       class="icon64"/>
+                <br/>
+                <text>关注院校</text>
+              </view>
+            </view>
           </view>
         </view>
       </view>
@@ -239,48 +315,143 @@ export default {
     </view>
   </view>
   <!--学校概括-->
-  <view class="m-card padding20 margin20" v-if="tab === 'jbjs'">
-    <uni-section title="学校介绍" type="line">
-      <view class="padding20">
-        <view class="content">
-          <mote-lines-divide :dt="schoolInfo.baseInfo" :line="3" expandtext="展开" foldhint="收起"/>
+  <view v-if="tab === 'jbjs'">
+    <view class="m-card padding20 margin20">
+      <uni-section title="学校介绍" type="line">
+        <view class="padding20">
+          <view class="content">
+            <mote-lines-divide :dt="schoolInfo.baseInfo" :line="3" expandtext="展开" foldhint="收起"/>
+          </view>
         </view>
-      </view>
-    </uni-section>
-    <uni-section title="国家特色专业" type="line">
-      <view class="padding20">
-        <view class="other-item">{{ schoolInfo.gjtszy }}</view>
-      </view>
-    </uni-section>
-    <uni-section title="省特色专业" type="line">
-      <view class="padding20">
-        <view class="other-item">{{ schoolInfo.stszy }}</view>
-      </view>
-    </uni-section>
-    <uni-section title="男女比例" type="line">
-      <view class="charts-box padding20">
-        <qiun-data-charts type="pie" :opts="opts" :chartData="chartData"/>
-      </view>
-    </uni-section>
-    <uni-section title="其他信息" type="line">
-      <view class="padding20">
-        <view class="other-item" v-if="schoolInfo.schoolWebsiteAddress">
-          <text class="b">官方网址：</text>
-          <uni-link v-if="schoolInfo.schoolWebsiteAddress" :href="schoolInfo.schoolWebsiteAddress"
-                    :text="schoolInfo.schoolWebsiteAddress"></uni-link>
+      </uni-section>
+    </view>
+    <view class="m-card padding20 margin20"
+          v-if="doubleFirstPlan && doubleFirstPlan.gjjList && doubleFirstPlan.gjjList.length>0">
+      <uni-section title="国家级一流专业" type="line">
+        <view class="other-item">
+          <view class="historyScoreLineList slateGray">
+            <view class="hsl-item" :class="index===0?'not-border':''" v-for="(item,index) in doubleFirstPlan.gjjList"
+                  :key="index"
+                  @click="goto('/pages/zyb/major/detail?majorCode='+item.majorCode)">
+              <view class="other-item">
+                <text>{{ item.majorName }}</text>
+              </view>
+              <view class="other-item right-item">
+                <image :src="ImagesConstant.keyboard.arrowRight" class="icon50"/>
+              </view>
+            </view>
+          </view>
         </view>
-        <view class="other-item" v-if="schoolInfo.schoolPhone">
-          <text class="b">招生电话：</text>
-          {{ schoolInfo.schoolPhone }}
+      </uni-section>
+    </view>
+    <view class="m-card padding20 margin20"
+          v-if="doubleFirstPlan && doubleFirstPlan.sjList && doubleFirstPlan.sjList.length>0">
+      <uni-section title="省级一流专业" type="line">
+        <view class="other-item">
+          <view class="historyScoreLineList slateGray">
+            <view class="hsl-item" :class="index===0?'not-border':''" v-for="(item,index) in doubleFirstPlan.sjList"
+                  :key="index"
+                  @click="goto('/pages/zyb/major/detail?majorCode='+item.majorCode)">
+              <view class="other-item">
+                <text>{{ item.majorName }}</text>
+              </view>
+              <view class="other-item right-item">
+                <image :src="ImagesConstant.keyboard.arrowRight" class="icon50"/>
+              </view>
+            </view>
+          </view>
         </view>
-        <view class="other-item" v-if="schoolInfo.street">
-          <text class="b">校区地址：</text>
-          {{ schoolInfo.street }}
+      </uni-section>
+    </view>
+    <view class="m-card padding20 margin20"
+          v-if="subjectEvaluationList && subjectEvaluationList.length>0">
+      <uni-section title="第四轮学科评估" type="line">
+        <view class="other-item">
+          <view class="historyScoreLineList slateGray">
+            <view class="hsl-item" :class="index===0?'not-border':''" v-for="(item,index) in subjectEvaluationList"
+                  :key="index">
+              <view class="other-item">
+                <text>{{ item.subjectName }}</text>
+              </view>
+              <view class="other-item right-item">
+                <text>{{item.evaluationResult}}</text>
+<!--                <image :src="ImagesConstant.keyboard.arrowRight" class="icon50"/>-->
+              </view>
+            </view>
+          </view>
         </view>
+      </uni-section>
+    </view>
+    <view class="m-card padding20 margin20">
+      <uni-section title="科研教学" type="line">
+        <view class="padding20">
+          <view class="other-item">
+            <view v-if="schoolInfo.schoolResearchTeaching" class="flexWrap kyjx" @click="gotoNpee()">
+              <view class="flex-item-25 kyjxTag"
+                    v-if="schoolInfo.schoolResearchTeaching && schoolInfo.schoolResearchTeaching.professionalMasterDegreePoint">
+                <text>
+                  专硕点 {{ schoolInfo.schoolResearchTeaching.professionalMasterDegreePoint }}
+                </text>
+              </view>
+              <view class="flex-item-25 kyjxTag"
+                    v-if="schoolInfo.schoolResearchTeaching && schoolInfo.schoolResearchTeaching.academicMasterDegreePoint">
+                <text>
+                  学硕点 {{ schoolInfo.schoolResearchTeaching.academicMasterDegreePoint }}
+                </text>
+              </view>
+              <view class="flex-item-25 kyjxTag"
+                    v-if="schoolInfo.schoolResearchTeaching && schoolInfo.schoolResearchTeaching.doctoralPoint">
+                <text>
+                  有博士点 <!--{{ schoolInfo.schoolResearchTeaching.doctoralPoint }}-->
+                </text>
+              </view>
 
-      </view>
-    </uni-section>
+              <view class="flex-item-25 kyjxTag"
+                    v-if="schoolInfo.schoolResearchTeaching && schoolInfo.schoolResearchTeaching.byzg">有保研资格
+              </view>
+              <view class="flex-item-25 kyjxTag"
+                    v-if="schoolInfo.schoolResearchTeaching && schoolInfo.schoolResearchTeaching.yjsy">有研究生院
+              </view>
+              <view class="flex-item-25 kyjxTag"
+                    v-if="schoolInfo.schoolResearchTeaching && schoolInfo.schoolResearchTeaching.zhx">自划线院校
+              </view>
+            </view>
+            <view v-else>
+              <text>暂无</text>
+            </view>
+          </view>
+        </view>
+      </uni-section>
+    </view>
+    <view class="m-card padding20 margin20">
+      <uni-section title="男女比例" type="line">
+        <view class="charts-box padding20">
+          <qiun-data-charts type="pie" :opts="opts" :chartData="chartData"/>
+        </view>
+      </uni-section>
+    </view>
+    <view class="m-card padding20 margin20">
+      <uni-section title="其他信息" type="line">
+        <view class="padding20">
+          <view class="other-item" v-if="schoolInfo.schoolWebsiteAddress">
+            <text class="b">官方网址：</text>
+            <uni-link v-if="schoolInfo.schoolWebsiteAddress" :href="schoolInfo.schoolWebsiteAddress"
+                      :text="schoolInfo.schoolWebsiteAddress"></uni-link>
+          </view>
+          <view class="other-item" v-if="schoolInfo.schoolPhone">
+            <text class="b">招生电话：</text>
+            {{ schoolInfo.schoolPhone }}
+          </view>
+          <view class="other-item" v-if="schoolInfo.street">
+            <text class="b">校区地址：</text>
+            {{ schoolInfo.street }}
+          </view>
+
+        </view>
+      </uni-section>
+    </view>
   </view>
+
   <!--招录信息-->
   <view v-if="tab ==='zlxx'">
     <!--我的成绩-->
@@ -299,6 +470,17 @@ export default {
     <!--招生章程-->
     <view class="m-card padding20 margin20">
       <uni-section title="招生章程" type="line">
+        <view class="messageList" v-for="(item,index) in this.admissionsRegulationsList" :key="index"
+              v-if="admissionsRegulationsList">
+          <view class="messageItem" @click="JumpTool.goArticleDetail(item)"
+                :class="index ===admissionsRegulationsList.length-1?'':'border-bottom'">
+            <text class="flexWrap">{{ item.title }}</text>
+            <view class="flexWrap margin-top-10">
+              <text class="minit margin-right-20" v-if="item.releaseTime">{{ item.releaseTime }}</text>
+<!--              <text class="minit">阅读量{{ item.viewCount || '0' }}</text>-->
+            </view>
+          </view>
+        </view>
       </uni-section>
     </view>
     <!--批次线-->
@@ -336,52 +518,11 @@ export default {
         </view>
       </uni-section>
     </view>
-    <!--历年投档线-->
-<!--    <view class="m-card padding20 margin20">
-      <uni-section title="历年投档线" type="line">
-        <view style="position: relative;bottom: 75rpx;float: right" class="flex-item-6" v-if="majorList && majorList.length>0">
-          <picker @change="bindPickerTdxChange" :value="tdxIndex" :range="majorList" range-key="majorName">
-            <view class="uni-input font-size-mini" style="float: right">{{ majorList[tdxIndex].majorName }}
-              <image :src=ImagesConstant.keyboard.arrowDown2 class="icon50 marginCenter"
-                     style="vertical-align: middle"/>
-            </view>
-          </picker>
-        </view>
-        <view class="historyScoreLineList slateGray" v-if="majorList && majorList.length>0">
-          <view class="hsl-item" v-for="(item,index) in majorList[tdxIndex].historyMajorEnrollList" :key="index">
-            <view class="other-item">
-              <text>批次：</text>
-              <text>{{ item.batch }}</text>
-            </view>
-            <view class="other-item right-item">
-              <text>{{ item.year }}</text>
-            </view>
-            <view class="other-item">
-              <text>备注：-</text>
-            </view>
-            <view class="other-item">
-              <text>投档方式：</text>
-              <text>{{ item.rulesEnrollProbability || '未公布' }}</text>
-            </view>
-            <view class="other-item">
-              <text>投档公式：</text>
-              <text>{{ item.probabilityOperator || '未公布' }}</text>
-            </view>
-            <view class="other-item">
-              <text>投档分数：</text>
-              <text class="blue">未公布</text>
-            </view>
-            <view class="other-item">
-              <text>考试类型：统考</text>
-            </view>
-          </view>
-        </view>
-      </uni-section>
-    </view>-->
     <!--录取分数线-->
     <view class="m-card padding20 margin20">
       <uni-section title="录取分数线" type="line">
-        <view style="position: relative;bottom: 75rpx;float: right" class="flex-item-6" v-if="majorList && majorList.length>0">
+        <view style="position: relative;bottom: 75rpx;float: right" class="flex-item-6"
+              v-if="majorList && majorList.length>0">
           <picker @change="bindPicker_lqMajorChange" :value="fsxIndex" :range="majorList" range-key="majorName">
             <view class="uni-input font-size-mini" style="float: right">{{ majorList[fsxIndex].majorName }}
               <image :src="ImagesConstant.keyboard.arrowDown2" class="icon50 marginCenter"
@@ -408,7 +549,13 @@ export default {
             </view>
             <view class="other-item">
               <text>录取公式：</text>
-              <text>{{ item.probabilityOperator || '未公布' }}</text>
+              <text v-if="item.probabilityOperator">{{ item.probabilityOperator }}</text>
+              <text v-else-if="item.rulesEnrollProbability && !(item.probabilityOperator)">
+                {{
+                  item.rulesEnrollProbability === '文过专排' ? '文化分过省控线，专业分排序' : item.rulesEnrollProbability === '专过文排' ? '专业分过省控线，文化分排序' : item.rulesEnrollProbability
+                }}
+              </text>
+              <text v-else>未公布</text>
             </view>
             <view class="other-item">
               <text>录取分数：</text>
@@ -430,9 +577,11 @@ export default {
     <view class="m-card padding20 margin20">
       <uni-section title="开设专业" type="line">
         <view class="historyScoreLineList slateGray" v-if="majorList && majorList.length>0">
-          <view class="hsl-item" :class="index===0?'not-border':''" v-for="(item,index) in majorList" :key="index" @click="goto('/pages/zyb/major/detail?majorCode='+item.majorCode)">
+          <view class="hsl-item" :class="index===0?'not-border':''" v-for="(item,index) in majorList" :key="index"
+                @click="goto('/pages/zyb/major/detail?majorCode='+item.majorCode)">
             <view class="other-item">
               <text>{{ item.majorName }}</text>
+              <text class="xk" v-if="item.kslx && item.kslx==='校考'">校考</text>
             </view>
             <view class="other-item right-item">
               <image :src="ImagesConstant.keyboard.arrowRight" class="icon50"/>
@@ -443,17 +592,6 @@ export default {
     </view>
   </view>
 </template>
-<!-- 使用scroll-view实现tabs滑动切换 -->
-<!--<scroll-view class="top-menu-view" scroll-x="true" scroll-with-animation :scroll-left="scrollLeft">
-        <view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index" @click="swichMenu(index)">
-          <view :class="currentTab===index ? 'menu-topic-act' : 'menu-topic'">
-            <text class="menu-topic-text">{{ item.name }}</text>
-            <view class="menu-topic-bottom">
-              <view class="menu-topic-bottom-color"></view>
-            </view>
-          </view>
-        </view>
-      </scroll-view>-->
 <style scoped lang="scss">
 /*头部部分*/
 .head {
@@ -540,7 +678,7 @@ export default {
 
 .right-item {
   position: relative;
-  bottom: 40rpx;
+  bottom: 45rpx;
   float: right;
 }
 
@@ -577,8 +715,55 @@ export default {
 }
 
 
+/*============================文章列表 start*/
+.messageList {
+  color: #595757; //文章字体颜色
+  .messageItem {
+    padding: 30rpx;
+  }
+
+  .minit {
+    font-size: 25rpx;
+    color: #929f9f;
+  }
+}
+
+/*=============================文章列表 end*/
+
 .content {
   /*font-size: 24rpx;
   text-indent:48rpx;*/
 }
+
+.ruanke {
+  //background-color: #f4fcf7;
+  border-radius: 15rpx;
+  color: #6b58fa;
+  text-align: center;
+}
+
+/*科研教学 start*/
+.kyjx {
+  text-align: center;
+
+  .kyjxTag {
+    background-color: #e7f7ff;
+    border: 1rpx solid #99d4fe;
+    color: #438dfe;
+    font-weight: 600;
+    border-radius: 10rpx;
+    margin: 5rpx 10rpx;
+  }
+}
+
+/*科研教学 end*/
+
+.xk{
+  color: #f96543 !important;
+  position:relative;
+  background-color: #fef4f4;
+  border-radius: 15rpx;
+  padding:0 20rpx;
+  left: 10rpx;
+}
 </style>
diff --git a/pages/zyb/school/list.vue b/pages/zyb/school/list.vue
index 8a39465..0b7ff3b 100644
--- a/pages/zyb/school/list.vue
+++ b/pages/zyb/school/list.vue
@@ -3,13 +3,11 @@ import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import ImagesConstant from "@/common/ImagesConstant";
-import MyTopButton from "@/components/my-top-button.vue";
 import {arrayIsNotEmpty, yearAbridge} from "@/common/util";
 
 let request = new Request()
 export default {
   name: "school-list",
-  components: {MyTopButton},
   computed: {
     ImagesConstant() {
       return ImagesConstant
@@ -26,6 +24,7 @@ export default {
       selectForm: {
         addressList: [],
         institutionTypeList: [],
+        schoolType: "",
         tagsList: [],
         schoolNatureList: []
       },
@@ -52,11 +51,10 @@ export default {
           title: "算投档",
           icon: ImagesConstant.std,
           url: "/pages/zyb/other/calculateInvestment"
-        },
+        }
       ],
-      userInfo: {
-        vipFlag: true,//是否是vip
-      },
+      userInfo: {},
+      vipInfo: {},
       topFlag: false,
       nowProvince: {
         status: 'more',
@@ -83,13 +81,27 @@ export default {
   onLoad() {
     this.getSchoolList()
     this.userInfo = uni.getStorageSync('userInfo')
+    this.vipInfo = uni.getStorageSync('vipInfo')
   },
-  onReachBottom(){
+  onReachBottom() {
     console.log("已经滚动到底部了")
-    if (this.userInfo.vipFlag) {
+    if (this.vipInfo && this.vipInfo.vipFlag) {
       this.loadMore()
     }
   },
+  onShareAppMessage() {
+    return {
+      title: '查院校', //分享标题
+      path: "/pages/zyb/school/list"
+    }
+  },
+  // 分享到微信朋友圈
+  onShareTimeline(res) {
+    return {
+      title: '查院校', //分享标题
+      path: "/pages/zyb/school/list"
+    }
+  },
   methods: {
     yearAbridge,
     search(res) {
@@ -113,6 +125,8 @@ export default {
             if (this.selectForm.tagsList === null) {
               this.selectForm.tagsList = []
             }
+          } else if (e.children[i].title === '院校层次') {
+            this.selectForm.schoolType = e.children[i].value
           } else if (e.children[i].title === '办学类型') {
             this.selectForm.schoolNatureList = e.children[i].value
             if (this.selectForm.schoolNatureList === null) {
@@ -167,15 +181,15 @@ export default {
       if (arrayIsNotEmpty(this.selectForm.schoolNatureList)) {
         schoolNatureStrs = this.selectForm.schoolNatureList.join(",")
       }
-
       request.get(ApiConstant.School.searchSchoolList, {
         schoolName: this.schoolName,
         province: province,
         institutionType: institutionType,
         tagsStrs: tagsStrs,
         schoolNatureStrs: schoolNatureStrs,
+        schoolType: this.selectForm.schoolType,
         pageNum: this.nowProvince.current, pageSize: this.nowProvince.size
-      }).then(r => {
+      }, {showLoad: false}).then(r => {
         console.log(r)
         if (r.success) {
           this.nowProvince.current = r.result.current
@@ -194,8 +208,8 @@ export default {
       }).finally(() => {
       });
     },
-
     searchSchoolClick() {
+      this.checkVip()
       this.nowProvince.current = 1
       this.nowProvince.schoolList = []
       this.nowProvince.total = 0
@@ -224,6 +238,18 @@ export default {
         duration: 300
       });
     },
+
+    /*判断vip*/
+    checkVip() {
+      if (!this.vipInfo || !this.vipInfo.vipFlag) {
+        uni.showToast({
+          title: '开通VIP无限次查询',
+          duration: 1000,
+          icon: "none"
+        });
+        return
+      }
+    }
   },
   onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
     //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
@@ -251,20 +277,20 @@ export default {
         <uni-grid-item v-for="(item, index) in options" :index="index" :key="index">
           <view class="grid-item-box">
             <image :src="item.icon?item.icon:defaultIcon"
-                   style="height: 90rpx;width: 90rpx;border-radius: 50%;border: 1rpx solid #aaa"/>
+                   style="height: 90rpx;width: 90rpx;"/>
             <text class="text">{{ item.title }}</text>
           </view>
         </uni-grid-item>
       </uni-grid>
     </view>
     <!--筛选项-->
-    <le-dropdown
-        v-model:menuList="menuList"
-        themeColor="#3d76fd"
-        :duration="200"
-        :isCeiling="true"
-        @onConfirm="onConfirm"
-        @onChange="onChange"></le-dropdown>
+    <le-dropdown v-if="vipInfo && vipInfo.vipFlag"
+                 v-model:menuList="menuList"
+                 themeColor="#3d76fd"
+                 :duration="200"
+                 :isCeiling="true"
+                 @onConfirm="onConfirm"
+                 @onChange="onChange"></le-dropdown>
   </view>
   <view class="body">
     <!--院校列表-->
@@ -274,7 +300,8 @@ export default {
         <view class="flex-item-10">
           <view class="flex">
             <view class="flex-item-22 t_item">
-              <image lazy-load :src="item.schoolIcon||ImagesConstant.defaultIcon" class="icon128" mode="aspectFill"/>
+              <image lazy-load :src="item.schoolIcon||ImagesConstant.defaultIcon" class="icon128 margin-left-10"
+                     mode="aspectFill"/>
             </view>
             <view class="flex-item-8 t_item">
               <view class="uni-flex flex">
@@ -300,35 +327,57 @@ export default {
               </view>
             </view>
           </view>
-          <view class="flex" style="height: 30rpx;line-height: 30rpx">
-            <view class="flex-item-17">
-              <view style="margin-left:15%">
-                <image :src="ImagesConstant.shuqian" class="icon32"/>
-                <text class="font-size-mini font-weight-550 shiFengGreen">统考</text>
+          <!--校考-->
+          <view class="flex" style="height: 30rpx;line-height: 30rpx" v-if="item.kslx && item.kslx==='校考'">
+            <view class="flex-item-2">
+              <view style="text-align: center;margin: 0 20rpx;border-radius: 10rpx;" class="xk-background">
+                <text class="font-size-mini font-weight-550 xk-color">{{ item.kslx }}</text>
               </view>
             </view>
-            <view class="flex-item-45" v-if="item.zdf">
-              <view class="font-size-mini-mini">
+<!--            <view class="flex-item-42">
+              <view class="font-size-mini-mini" v-if="item.zdf">
                 <text class="slateGray">{{ yearAbridge(item.zdfYear) }}年录取最低分:</text>
-                <text class="font-weight-b shiFengGreen">{{ item.zdf }}分</text>
+                <text class="font-weight-b xk-color">{{ item.zdf }}分</text>
+              </view>
+            </view>-->
+            <view class="flex-item-38">
+              <view class="font-size-mini-mini float-right" v-if="item.jhs">
+                <text class="slateGray">23年省内计划录取:</text>
+                <text class="font-weight-b xk-color">{{ item.jhs }}人</text>
               </view>
             </view>
-            <view class="flex-item-35" v-if="item.jhs">
-              <view class="font-size-mini-mini float-right">
-                <text class="slateGray">23年省内计划录取:</text>
-                <text class="font-weight-b shiFengGreen">{{ item.jhs }}人</text>
+          </view>
+          <!--统考-->
+          <view class="flex" style="height: 30rpx;line-height: 30rpx" v-else>
+            <view class="flex-item-2">
+              <view style="text-align: center;margin: 0 20rpx;border-radius: 10rpx;" class="tk-background">
+                <text class="font-size-mini font-weight-550 tk-color">{{ item.kslx }}</text>
+              </view>
+            </view>
+            <view class="flex-item-42">
+              <view class="font-size-mini-mini" v-if="item.zdf">
+                <text class="slateGray">{{ yearAbridge(item.zdfYear) }}年录取最低分:</text>
+                <text class="font-weight-b tk-color">{{ item.zdf }}分</text>
+              </view>
+            </view>
+            <view class="flex-item-38">
+              <view class="font-size-mini-mini float-right" v-if="item.jhs">
+                <text class="slateGray">{{item.luquYear}}年省内计划录取:</text>
+                <text class="font-weight-b tk-color">{{ item.jhs }}人</text>
               </view>
             </view>
           </view>
         </view>
       </view>
     </view>
-    <view class="container" @click="loadMore" v-if="userInfo.vipFlag">
+    <view class="container" @click="loadMore" v-if="vipInfo && vipInfo.vipFlag">
       <uni-load-more :status="nowProvince.status" :content-text="contentText"/>
     </view>
   </view>
   <!--判断vip-->
-  <my-checkvip :vip-flag="(userInfo.vipFlag)"/>
+  <view v-if="nowProvince && nowProvince.schoolList && nowProvince.schoolList.length>0">
+    <my-checkvip :vip-flag="(vipInfo && vipInfo.vipFlag)"/>
+  </view>
   <view class="top" :style="{'display':(topFlag===true? 'block':'none')}">
     <uni-icons class="topc" type="arrowthinup" size="40" @click="top"></uni-icons>
   </view>
@@ -360,7 +409,7 @@ export default {
 
 /*院校列表*/
 .school-list {
-  padding: 10rpx 20rpx;
+  padding: 10rpx 10rpx;
 
   .school-item {
     margin-bottom: 10rpx;
@@ -503,4 +552,20 @@ export default {
 }
 
 /* 回到顶部 end*/
+.tk-color {
+  color: #7568e9 !important;
+}
+
+.xk-color {
+  color: #f96543 !important;
+}
+
+.tk-background {
+  background-color: #eaecff;
+
+}
+
+.xk-background {
+  background-color: #fef4f4;
+}
 </style>
diff --git a/pages/zyb/score/edit.vue b/pages/zyb/score/edit.vue
index f641875..a180952 100644
--- a/pages/zyb/score/edit.vue
+++ b/pages/zyb/score/edit.vue
@@ -16,17 +16,26 @@ export default {
   data() {
     return {
       saveScoreInfo: {},
+      useCount:0,
+      residueCount: 0,
+      vipInfo: {},
+      oldScoreInfo: {},
       scoreInfo: {
         id: '',
         province: '河南',//省份
-        cognitioPolyclinic: '理科',//科类
+        cognitioPolyclinic: '文科',//科类
         professionalCategory: '',//报考方向
         culturalScore: '',//文化分
         professionalScore: '',//统考分
         chineseScore: '',
         englishScore: ''
       },
-      provinceArray: [{name: "河南"}],//
+      formRuleFlag: false,//表单是否校验成功
+      provinceArray: [{
+        name: '河南',
+        text: "河南",
+        value: "河南",
+      },],//
       cognitioPolyclinicArray: StaticConstant.categoryList,//文理分科
       //===========================================================
       professionalCategoryArray: StaticConstant.professionalCategoryList,//专业类别大类array
@@ -38,30 +47,46 @@ export default {
     }
   },
   onShow() {
+    this.getEditScoreCount()
     this.getUserScore()
+    this.vipInfo = uni.getStorageSync('vipInfo')
   },
   methods: {
+    stringIsNotEmpty() {
+      return stringIsNotEmpty
+    },
     //获取用户的分数信息
     getUserScore() {
-      request.get(ApiConstant.Score.getScore, {}).then(res => {
+      let scoreInfo = uni.getStorageSync('scoreInfo')
+      this.oldScoreInfo = uni.getStorageSync('scoreInfo')
+      if (scoreInfo) {
+        this.scoreInfo = scoreInfo
+        //设置 报考方向 选择
+        let professionalCategory = this.scoreInfo.professionalCategory
+        for (let i = 0; i < this.professionalCategoryArray.length; i++) {
+          if (this.professionalCategoryArray[i].value === professionalCategory) {
+            this.professionalCategoryScoreMax = this.professionalCategoryArray[i].scoreMax
+            this.professionalCategoryIndex = i
+          }
+        }
+        let professionalCategoryChildren = this.scoreInfo.professionalCategoryChildren
+        if (professionalCategoryChildren !== undefined && professionalCategoryChildren !== '') {
+          this.pCategoryChildrenList = professionalCategoryChildren.split(',')
+        }
+      }
+    },
+    //获取用户可更改分数次数
+    getEditScoreCount() {
+      request.get(ApiConstant.Score.todayOfEditScoreCount, {}, {showLoad: false}).then(res => {
         if (res.success) {
-          this.scoreInfo = res.result
-          //设置 报考方向 选择
-          let professionalCategory = this.scoreInfo.professionalCategory
-          for (let i = 0; i < this.professionalCategoryArray.length; i++) {
-            if (this.professionalCategoryArray[i].value === professionalCategory) {
-              this.professionalCategoryScoreMax = this.professionalCategoryArray[i].scoreMax
-              this.professionalCategoryIndex = i
-            }
-          }
-          let professionalCategoryChildren = this.scoreInfo.professionalCategoryChildren
-          if (professionalCategoryChildren !== undefined && professionalCategoryChildren !== '') {
-            this.pCategoryChildrenList = professionalCategoryChildren.split(',')
-          }
+          console.log(res)
+          this.useCount = res.result.useCount
+          this.residueCount = res.result.residueCount
         }
       }).catch(err => {
       }).finally(() => {
       });
+
     },
     //保存用户的分数信息
     saveScore() {
@@ -78,57 +103,99 @@ export default {
         ...this.saveScoreInfo
       }).then(res => {
         if (res.success) {
-          uni.setStorageSync('scoreInfo', this.saveScoreInfo)
+          let scoreInfo = res.result
+          request.getUserScore()
+          /*uni.removeStorageSync('scoreInfo')//清除之前的成绩缓存
+          uni.setStorageSync('scoreInfo', scoreInfo)
           uni.removeStorageSync('fillVolunteer')//清除可报志愿数量
-          this.getRecommendMajorCount()
+          //全部推荐数量
+          let all = parseInt(scoreInfo.kcjNum) + parseInt(scoreInfo.jwtNum) + parseInt(scoreInfo.kbdNum);
+          //+parseInt(scoreInfo.nlqNum)
+          let fillVolunteer = {jwt: scoreInfo.jwtNum, kbd: scoreInfo.kbdNum, kcj: scoreInfo.kcjNum, allNumber: all}
+          uni.setStorageSync('fillVolunteer', fillVolunteer)*/
+          setTimeout(() => {
+            uni.reLaunch({
+              url: '/pages/zyb/home'
+            })
+          }, 800)
         }
       }).catch(err => {
       }).finally(() => {
       });
     },
-    getRecommendMajorCount() {
-      request.get(ApiConstant.Major.recommendMajorCount, {}).then(res => {
-        if (res.success) {
-          let result = res.result
-          //将数据存入 缓存
-          let fillVolunteer = {
-            all: result.allNumber,
-            kcj: result.kcj,
-            jwt: result.jwt,
-            nlq: result.nan,
-            kbd: result.kbd
+    checkForm() {
+      //省份
+      if (!this.scoreInfo.province) {
+        this.formRuleFlag = false
+        return;
+      }
+      //专业类别
+      if (!this.professionalCategoryArray[this.professionalCategoryIndex]) {
+        this.formRuleFlag = false
+        return
+      }
+      //子级专业分数
+      if (arrayIsNotEmpty(this.pCategoryChildrenList)) {
+        for (let i = 0; i < this.pCategoryChildrenList.length; i++) {
+          let name = this.pCategoryChildrenList[i]
+          //获取字节专业的属性，判断参数是否合格
+          let key = this.checkChildrenNameToKey(name)
+          let value = this.scoreInfo[key]
+
+          if (value === undefined || value === '') {
+            this.formRuleFlag = false
+            return
+          }
+          let score = parseInt(value)
+          if (typeof (score) !== 'number') {
+            this.formRuleFlag = false
+            return
           }
-          uni.setStorageSync('fillVolunteer', fillVolunteer)
         }
-      }).catch(err => {
-      }).finally(() => {
-        setTimeout(function () {
-          uni.showToast({title: '保存成功', icon: "none"});
-          //回到首页
-          uni.switchTab({
-            url: '/pages/zyb/home'
-          });
-        }, 500)
-      });
+      }
+      //选考科目
+      if (!this.scoreInfo.cognitioPolyclinic) {
+        this.formRuleFlag = false
+        return
+      }
+      //统考成绩
+      if (this.professionalCategoryArray[this.professionalCategoryIndex].value !== '表演类' && !this.scoreInfo.professionalScore) {
+        this.formRuleFlag = false
+        return
+      }
+      //文化成绩
+      if (!this.scoreInfo.culturalScore) {
+        this.formRuleFlag = false
+        return
+      }
+      this.formRuleFlag = true
     },
     //选择考区
     bindPicker_provinceChange: function (e) {
       console.log('考区picker发送选择改变，携带值为：' + e)
       this.scoreInfo.province = this.provinceArray[e.detail.value].name
+      this.checkForm()
     },
     //选择科目
-    bindPicker_cognitioPolyclinicChange: function (e) {
-      console.log('科目picker发送选择改变，携带值为：' + e.detail.value)
-      this.scoreInfo.cognitioPolyclinic = this.cognitioPolyclinicArray[e.detail.value].name
-    },
-    //选择报考方向
-    bindPicker_professionalCategoryChange: function (e) {
-      console.log('报考方向picker发送选择改变，携带值为：' + e.detail.value)
-      this.scoreInfo.professionalCategory = this.professionalCategoryArray[e.detail.value].value
+    switchKelei(e) {
+      this.scoreInfo.cognitioPolyclinic = e.name
+      this.checkForm()
     },
     formSubmit: function (e) {
       let that = this
       console.log('form发生了submit事件，携带数据为：' + JSON.stringify(e.detail.value))
+      //高考省份
+      if (!stringIsNotEmpty(this.scoreInfo.province)) {
+        uni.showToast({title: '请选择高考省份', icon: "none"});
+        return;
+      }
+      //选择科目（文理分科)
+      console.log(this.scoreInfo.cognitioPolyclinic)
+      if (!stringIsNotEmpty(this.scoreInfo.cognitioPolyclinic)) {
+        uni.showToast({title: '请选择选考科目', icon: "none"});
+        return;
+      }
+
       //判断 输入分数
       // 子级专业类别
       if (arrayIsNotEmpty(this.pCategoryChildrenList)) {
@@ -153,6 +220,12 @@ export default {
           }
           this.scoreInfo[key] = score
         }
+        this.scoreInfo.yybysy = this.scoreInfo.yybysy ? this.scoreInfo.yybysy : 0
+        this.scoreInfo.yybyqy = this.scoreInfo.yybyqy ? this.scoreInfo.yybyqy : 0
+        this.scoreInfo.yyjy = this.scoreInfo.yyjy ? this.scoreInfo.yyjy : 0
+        this.scoreInfo.fzby = this.scoreInfo.fzby ? this.scoreInfo.fzby : 0
+        this.scoreInfo.xjysdy = this.scoreInfo.xjysdy ? this.scoreInfo.xjysdy : 0
+        this.scoreInfo.xjysby = this.scoreInfo.xjysby ? this.scoreInfo.xjysby : 0
       } else {
         this.scoreInfo.yybysy = 0
         this.scoreInfo.yybyqy = 0
@@ -163,26 +236,38 @@ export default {
       }
       //判断统考成绩
       let professionalScore = parseInt(this.scoreInfo.professionalScore)
-      console.log('professionalScore:' + professionalScore)
-      if (isNaN(professionalScore) || professionalScore < 0 || professionalScore > this.professionalCategoryScoreMax) {
-        if (this.professionalCategoryArray[this.professionalCategoryIndex].label === '音乐类') {
-          uni.showToast({title: '请输入主项成绩', icon: "none"});
-        } else {
-          uni.showToast({title: '统考成绩请输入0~' + this.professionalCategoryScoreMax + '之间', icon: "none"});
+      if(this.professionalCategoryArray[this.professionalCategoryIndex].value !=='表演类'){
+        console.log('professionalScore:' + professionalScore)
+        if (isNaN(professionalScore) || professionalScore < 0 || professionalScore > this.professionalCategoryScoreMax) {
+          if (this.professionalCategoryIndex && this.professionalCategoryArray[this.professionalCategoryIndex].label === '音乐类') {
+            uni.showToast({title: '请输入主项成绩', icon: "none"});
+          } else {
+            if (this.professionalCategoryScoreMax) {
+              uni.showToast({title: '统考成绩请输入0~' + this.professionalCategoryScoreMax + '之间', icon: "none"});
+            } else {
+              uni.showToast({title: '请输入统考成绩', icon: "none"});
+            }
+
+          }
+          return;
         }
-        return;
       }
       //文化成绩
       let culturalScore = parseInt(this.scoreInfo.culturalScore)
-      if (isNaN(professionalScore) || culturalScore < 0 || culturalScore > 750) {
+      if (isNaN(culturalScore) || culturalScore < 0 || culturalScore > 750) {
         uni.showToast({title: '文化分请输入0~750之间', icon: "none"});
         return;
       }
       this.scoreInfo.professionalScore = parseInt(this.scoreInfo.professionalScore)
       this.scoreInfo.culturalScore = culturalScore
+
+      let title = '文化成绩:' + this.scoreInfo.culturalScore
+      if (this.scoreInfo.professionalCategory !== '表演类') {
+        title += " " + (this.scoreInfo.professionalScore ? (this.pCategoryChildrenList && this.pCategoryChildrenList.length > 0 ? '主项成绩:' : '统考成绩:') + this.scoreInfo.professionalScore : "")
+      }
       uni.showModal({
         title: '确认高考成绩',
-        content: '文化成绩:' + this.scoreInfo.culturalScore + " " + (this.scoreInfo.professionalScore ? (this.pCategoryChildrenList && this.pCategoryChildrenList.length > 0 ? '主项成绩:' : '统考成绩:') + this.scoreInfo.professionalScore : ""),
+        content: title,
         confirmText: '确定',
         cancelText: '取消',
         success: function (res) {
@@ -196,7 +281,10 @@ export default {
       console.log('清空数据')
     },
     onProfessionalCategory() {
-      this.professionalCategoryVisible = true;
+      //其他用户只能改一次专业类别
+      if (this.vipInfo.vipLevel === 9 || this.oldScoreInfo === null || !stringIsNotEmpty(this.oldScoreInfo.professionalCategory)) {
+        this.professionalCategoryVisible = true;
+      }
     },
     onProfessionalCategoryClose() {
       //如果 当前选择的包括方向 有子级
@@ -209,6 +297,7 @@ export default {
       }
       console.log('关闭')
       this.professionalCategoryVisible = false
+      this.checkForm()
     },
     onProfessionalCategoryOpen() {
       console.log('打开')
@@ -225,11 +314,13 @@ export default {
         this.professionalCategoryVisible = false
       }
       this.pCategoryChildrenList = []
+      this.checkForm()
     },
     /*选择 子类*/
     professionalCategoryChildrenChange(e) {
       console.log(e)
       this.pCategoryChildrenList = e.detail.value
+      this.checkForm()
     },
     checkChildrenNameToKey(e) {
       if (e === '音乐表演声乐') {
@@ -251,114 +342,171 @@ export default {
 </script>
 
 <template>
-  <view>
-    <!--    <page-head title=""></page-head>-->
-    <view class="uni-padding-wrap">
-      <view class="uni-title uni-common-mt">
-        统考/省联考成绩
-        <text>\n暂仅支持统考及省组织的联考科类成绩评估</text>
+  <view class="container" style="background-color: #ffffff">
+    <view class="uni-padding-wrap" style="text-align: center">
+      <view class="font-size-medium font-weight-b">
+        请输入成绩
       </view>
     </view>
-    <view class="uni-padding-wrap uni-common-mt">
-      <form class="form" @submit="formSubmit" @reset="formReset">
-        <view class="uni-form-item uni-column">
-          <view class="title">考区<span class="red">*</span></view>
-          <view class="uni-list">
-            <view class="uni-list-cell">
-              <view class="uni-list-cell-left">
-                当前选择
-              </view>
-              <view class="uni-list-cell-db">
-                <picker @change="bindPicker_provinceChange" :value="scoreInfo.province" :range="provinceArray"
-                        range-key="name">
-                  <view class="uni-input">{{ scoreInfo.province }}</view>
-                </picker>
-              </view>
-            </view>
+    <!--表单-->
+    <view class="uni-padding-wrap uni-common-mt border-top">
+      <view class="forms">
+        <view class="form-item">
+          <view class="form-item-label">高考省份</view>
+          <view class="form-item-view form-input">
+            <picker @change="bindPicker_provinceChange" :value="scoreInfo.province" :range="provinceArray"
+                    range-key="name">
+              <view class="uni-input">{{ scoreInfo.province }}</view>
+            </picker>
           </view>
         </view>
-        <view class="uni-form-item uni-column">
-          <view class="title">科目<span class="red">*</span></view>
-          <view class="uni-list">
-            <view class="uni-list-cell">
-              <view class="uni-list-cell-left">
-                当前选择
-              </view>
-              <view class="uni-list-cell-db">
-                <picker @change="bindPicker_cognitioPolyclinicChange" :value="scoreInfo.cognitioPolyclinic"
-                        :range="cognitioPolyclinicArray" range-key="name">
-                  <view class="uni-input">{{ scoreInfo.cognitioPolyclinic }}</view>
-                </picker>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="uni-form-item uni-column">
-          <view class="title">报考方向<span class="red">*</span></view>
-          <view class="uni-list" @click="onProfessionalCategory">
-            <view class="uni-list-cell">
-              <view class="uni-list-cell-left">
-                当前选择
-              </view>
-              <view class="uni-list-cell-db uni-input" style="height: auto !important;">
-                <!--选择了-->
-                <text style="line-height: 50rpx;"
-                      v-if="professionalCategoryIndex!==null &&professionalCategoryArray && (!pCategoryChildrenList || pCategoryChildrenList.length===0)">
-                  {{ professionalCategoryArray[professionalCategoryIndex].label }}
+        <view class="form-item">
+          <view class="form-item-label">专业类别</view>
+          <view class="form-item-view form-input">
+            <view style="min-height: 80rpx;margin: auto 25rpx" @click="onProfessionalCategory">
+              <view v-if="professionalCategoryIndex || professionalCategoryArray[professionalCategoryIndex]"
+                    style="height: auto !important;">
+                <!--选择了无子专业-->
+                <text style="line-height: 80rpx;" v-if="!pCategoryChildrenList || pCategoryChildrenList.length===0">
+                  {{
+                    professionalCategoryArray[professionalCategoryIndex] ? professionalCategoryArray[professionalCategoryIndex].label : ''
+                  }}
                 </text>
-                <view style="line-height: 35rpx;"
-                      v-if="professionalCategoryIndex!==undefined && pCategoryChildrenList &&pCategoryChildrenList.length>0">
+                <!--选择了有子专业-->
+                <view style="line-height: 40rpx;"
+                      v-if="pCategoryChildrenList &&pCategoryChildrenList.length>0">
                   <text class="flex" v-for="(item,index) in pCategoryChildrenList" :key="index">
                     {{ item }}
                   </text>
                 </view>
-
+              </view>
+              <view v-else>
+                <text style="line-height: 80rpx;color: #808080">
+                  请选择专业类别
+                </text>
               </view>
             </view>
           </view>
         </view>
-        <view class="uni-form-item uni-column" v-if="professionalCategoryIndex!==undefined"
+        <!--选考科目-->
+        <view class="form-item">
+          <view class="form-item-label">选考科目</view>
+          <view class="form-item-view">
+            <view class="flexWrap">
+              <view class="kelei-item" @click="switchKelei(item)"
+                    :class="scoreInfo.cognitioPolyclinic===item.name?'kelei-item-active':''"
+                    v-for="(item,index) in cognitioPolyclinicArray" :key="index">
+                <text>{{ item.name }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <!--子项专业成绩-->
+        <view class="form-item" v-if="professionalCategoryArray[professionalCategoryIndex]"
               v-for="(item,index) in pCategoryChildrenList" :key="index">
-          <view class="title">{{ item }}成绩<span class="red">*</span></view>
-          <input class="uni-input" type="number" v-model="scoreInfo[checkChildrenNameToKey(item)]" name="culturalScore"
-                 :placeholder="'请输入专业分（满分'+professionalCategoryScoreMax+'）'"/>
+          <view class="form-item-label">{{ item }}成绩</view>
+          <view class="form-item-view form-input flexWrap">
+            <view class="flex-item-9">
+              <input class="uni-input" type="number" @input="checkForm"
+                     v-model="scoreInfo[checkChildrenNameToKey(item)]"
+                     name="culturalScore"
+                     :placeholder="'请输入专业成绩（满分'+professionalCategoryScoreMax+'）'"/>
+            </view>
+            <view class="flex-item-1">
+              <text style="line-height: 80rpx">分</text>
+            </view>
+          </view>
         </view>
-        <view class="uni-form-item uni-column">
-          <view class="title" v-if="professionalCategoryArray &&professionalCategoryIndex!==undefined">
-            {{
-              professionalCategoryArray[professionalCategoryIndex] && professionalCategoryArray[professionalCategoryIndex].label === '音乐类' ? '主项成绩' : '统考成绩'
-            }}<span
-              class="red">*</span></view>
-          <input class="uni-input" type="number" v-model="scoreInfo.professionalScore" name="professionalScore"
-                 v-if="professionalCategoryArray[professionalCategoryIndex] && professionalCategoryArray[professionalCategoryIndex].label==='音乐类'"
-                 :placeholder="'请输入主项成绩'"/>
-          <input class="uni-input" type="number" v-model="scoreInfo.professionalScore" name="professionalScore" v-else
-                 :placeholder="'请输入统考分（'+professionalCategoryScoreMax+'）'"/>
+        <!--统考成绩-->
+        <view class="form-item"
+              v-if="professionalCategoryArray[professionalCategoryIndex] && professionalCategoryArray[professionalCategoryIndex].label!=='表演类'">
+          <view class="form-item-label"
+                v-if="professionalCategoryArray[professionalCategoryIndex] && professionalCategoryArray[professionalCategoryIndex].label==='音乐类'">
+            主项成绩
+          </view>
+          <view class="form-item-label" v-else>统考成绩</view>
+          <view class="form-item-view form-input">
+            <view class="flexWrap">
+              <view class="flex-item-9">
+                <input class="uni-input" type="number" @blur="checkForm()" @input="checkForm()"
+                       v-model="scoreInfo.professionalScore" name="professionalScore"
+                       v-if="professionalCategoryArray[professionalCategoryIndex] && professionalCategoryArray[professionalCategoryIndex].label==='音乐类'"
+                       :placeholder="'请输入主项成绩'"/>
+                <input class="uni-input" type="number" @blur="checkForm()" @input="checkForm()"
+                       v-model="scoreInfo.professionalScore" name="professionalScore"
+                       v-else
+                       :placeholder="professionalCategoryScoreMax?'请输入统考分（'+professionalCategoryScoreMax+'）':'请输入统考成绩'"/>
+              </view>
+              <view class="flex-item-1">
+                <text style="line-height: 80rpx">分</text>
+              </view>
+            </view>
+          </view>
         </view>
-        <view class="uni-form-item uni-column">
-          <view class="title">文化成绩<span class="red">*</span></view>
-          <input class="uni-input" type="number" v-model="scoreInfo.culturalScore" name="culturalScore"
-                 placeholder="请输入文化分(满分750)"/>
+        <!--文化成绩-->
+        <view class="form-item">
+          <view class="form-item-label">文化成绩</view>
+          <view class="form-item-view form-input flexWrap">
+            <view class="flex-item-9">
+              <input class="uni-input" type="number" @blur="checkForm()" @input="checkForm()"
+                     v-model="scoreInfo.culturalScore" name="culturalScore"
+                     placeholder="请输入文化成绩（满分750）"/>
+            </view>
+            <view class="flex-item-1">
+              <text style="line-height: 80rpx">分</text>
+            </view>
+          </view>
         </view>
-        <view class="uni-form-item uni-column">
-          <view class="title">英语成绩</view>
-          <input class="uni-input" type="number" v-model="scoreInfo.englishScore" name="englishScore"
-                 placeholder="请输入英语成绩（选填）"/>
+        <!--语文成绩-->
+        <view class="form-item">
+          <view class="form-item-label">语文成绩</view>
+          <view class="form-item-view form-input flexWrap">
+            <view class="flex-item-9">
+              <input class="uni-input" type="number" v-model="scoreInfo.chineseScore" name="englishScore"
+                     placeholder="请输入语文成绩（选填）"/>
+            </view>
+            <view class="flex-item-1">
+              <text style="line-height: 80rpx">分</text>
+            </view>
+          </view>
         </view>
-        <view class="uni-form-item uni-column">
-          <view class="title">语文成绩</view>
-          <input class="uni-input" type="number" v-model="scoreInfo.chineseScore" name="chineseScore"
-                 placeholder="请输入语文成绩（选填）"/>
+        <!--外语成绩-->
+        <view class="form-item">
+          <view class="form-item-label">外语成绩</view>
+          <view class="form-item-view form-input flexWrap">
+            <view class="flex-item-9">
+              <input class="uni-input" type="number" v-model="scoreInfo.englishScore" name="englishScore"
+                     placeholder="请输入外语成绩（选填）"/>
+            </view>
+            <view class="flex-item-1">
+              <text style="line-height: 80rpx">分</text>
+            </view>
+          </view>
         </view>
+      </view>
+    </view>
 
-
-        <view class="uni-btn-v">
-          <button form-type="submit">可修改2次</button>
-        </view>
-      </form>
+    <view v-if="vipInfo.vipLevel===9" class="submitButtonView"
+          :class="formRuleFlag?'button-active':'button-disabled'" @click="formSubmit">
+      <text class="font-weight-b">保存</text>
+    </view>
+    <!--普通vip 一天只能改10次成绩-->
+    <view v-else-if="vipInfo && vipInfo.vipLevel && vipInfo.vipLevel <=2 && (10-useCount)>0" class="submitButtonView"
+      :class="formRuleFlag?'button-active':'button-disabled'" @click="formSubmit">
+      <text class="font-weight-b">还可更改{{ 10-useCount}}次</text>
+    </view>
+    <!--非vip，一天只能改5次-->
+    <view v-else-if="5-useCount>0" class="submitButtonView"
+          :class="formRuleFlag?'button-active':'button-disabled'" @click="formSubmit">
+      <text class="font-weight-b">还可更改{{ 5-useCount }}次</text>
+    </view>
+    <view v-else class="submitButtonView button-disabled">
+      <text class="font-weight-b">今日修改次数已用完</text>
+    </view>
+    <view class="darkGray padding10-30" v-if="vipInfo.vipLevel ===null || vipInfo.vipLevel!==9">
+      注：仅可修改一次专业类别
     </view>
   </view>
-
   <!-- 每次弹出重新计算内容高度适用动态数据加载 -->
   <px-popup-bottom :visible.sync="professionalCategoryVisible" title="请选择专业类别"
                    @reachBottom="onProfessionalCategoryBottom"
@@ -395,16 +543,71 @@ export default {
 </template>
 
 <style scoped lang="scss">
+.container {
+  height: 100%;
+}
+
 .uni-form-item .title {
   padding: 20rpx 0;
 }
 
+/*表单 start*/
+.form-item {
+  display: flex;
+  align-items: center;
+  margin: 30rpx 0;
+}
+
+.form-item-label {
+  width: 20%;
+}
+
+.form-item-view {
+  width: 80%;
+  min-height: 80rpx;
+}
+
+.form-input {
+  border: 1rpx solid #e6e6e6;
+}
+
+//选考科目
+.kelei-item {
+  background-color: #f7f7f7;
+  color: black;
+  padding: 20rpx 30rpx;
+  margin-right: 30rpx;
+}
+
+.kelei-item-active {
+  background-color: #feede1;
+  color: #f96712;
+}
+
+.submitButtonView {
+  margin: 30rpx;
+  text-align: center;
+  border-radius: 15rpx;
+  line-height: 80rpx;
+}
+
+.button-disabled {
+  color: white;
+  background-color: #d8d8d8;
+}
+
+.button-active {
+  color: white;
+  background: linear-gradient(#f79459, #f96622);
+}
+
+/*表单 end*/
+
 .uni-picker-tips {
   font-size: 12px;
   color: #666;
   margin-bottom: 15px;
   padding: 0 15px;
-  /* text-align: right; */
 }
 
 /*底部抽屉 报考方向内容 start*/
diff --git a/pages/zyb/settings.vue b/pages/zyb/settings.vue
index fa285cf..d111488 100644
--- a/pages/zyb/settings.vue
+++ b/pages/zyb/settings.vue
@@ -1,6 +1,5 @@
 <script>
 import Request from '@/common/request'
-import ApiConstant from "@/common/ApiConstant";
 import ImagesConstant from "@/common/ImagesConstant";
 
 let request = new Request()
@@ -30,10 +29,13 @@ export default {
           title: '用户协议',
           url: '/pages/zyb/other/userAgreement'
         },
+        // #ifdef MP-WEIXIN
         {
           title: '联系我们',
           url: '/pages/zyb/other/web-view'
         },
+        // #endif
+
         /*{
           title: '注销账号',
           method:''
diff --git a/pages/zyb/testCultural/detail.vue b/pages/zyb/testCultural/detail.vue
index 21516e5..5fbf23e 100644
--- a/pages/zyb/testCultural/detail.vue
+++ b/pages/zyb/testCultural/detail.vue
@@ -22,43 +22,41 @@ export default {
   data() {
     return {
       schoolCode: '',
-      year:'2022',
+      year: '2023',
       schoolInfo: {},
+      scoreInfo: {},
       collectSchoolList: [],//已关注院校信息
       collectFlag: false,//是否激活关注按钮
-      majorIndex:0,
-      majorArray: [
-        {
-          majorName: '设计学类(环境设计、视觉传达设计)',
-
-        }
-      ],//专业列表
+      majorIndex: 0,
+      majorArray: [],//专业列表
     }
   },
   onLoad(e) {
+    //获取学生的成绩
+    this.scoreInfo = uni.getStorageSync('scoreInfo')
     console.log(e)
     if (e.schoolCode) {
       this.schoolCode = e.schoolCode
     }
     this.getSchoolInfo()
   },
-  onShareAppMessage(){
+  onShareAppMessage() {
     return {
       title: "文化分测算", //分享标题
-      path: "/pages/zyb/testCultural/detail?schoolCode="+this.schoolCode,//分享链接
+      path: "/pages/zyb/testCultural/detail?schoolCode=" + this.schoolCode,//分享链接
     }
   },
   // 分享到微信朋友圈
   onShareTimeline(res) {
     return {
       title: "文化分测算", //分享标题
-      path: "/pages/zyb/testCultural/detail?schoolCode="+this.schoolCode,//分享链接
+      path: "/pages/zyb/testCultural/detail?schoolCode=" + this.schoolCode,//分享链接
     }
   },
   methods: {
-    gotoSchoolDetail() {
+    gotoSchoolDetail(e) {
       uni.navigateTo({
-        url: '/pages/zyb/school/detail?schoolCode=' + this.schoolCode
+        url: '/pages/zyb/school/detail?schoolCode=' + this.schoolCode +"&tab="+e
       })
     },
     /*院校详情信息*/
@@ -69,12 +67,12 @@ export default {
         console.log(r)
         if (r.success) {
           this.schoolInfo = r.result
-          if (this.schoolInfo.city.includes(this.schoolInfo.province)) {
+          if (this.schoolInfo.city && this.schoolInfo.city.includes(this.schoolInfo.province)) {
             this.schoolInfo.cityProvince = true
           }
         }
-        this.checkCollect()
         this.getTestCultural()
+        this.checkCollect()
       }).catch(err => {
       }).finally(() => {
       });
@@ -117,13 +115,13 @@ export default {
       }
       uni.setStorageSync('collectSchoolList', collectSchoolList)
     },
-    bindMajorArrayPickerChange(e){
+    bindMajorArrayPickerChange(e) {
       this.majorIndex = e.detail.value
     },
-    getTestCultural(){
+    getTestCultural() {
       request.get(ApiConstant.Major.testCultural, {
         schoolCode: this.schoolCode,
-        year:this.year
+        year: this.year
       }).then(r => {
         console.log(r)
         if (r.success) {
@@ -157,7 +155,8 @@ export default {
     <view class="school-item">
       <view class="uni-flex flex">
         <view class="flex-item-25 t_item">
-          <image :src="schoolInfo.schoolIcon||ImagesConstant.defaultIcon" style="width: 128rpx;height: 128rpx" mode="aspectFill"/>
+          <image :src="schoolInfo.schoolIcon||ImagesConstant.defaultIcon" style="width: 128rpx;height: 128rpx"
+                 mode="aspectFill"/>
         </view>
         <view class="flex-item-75 t_item">
           <view class="uni-flex flex">
@@ -175,13 +174,12 @@ export default {
                 <view class="address-item address-item-before" v-if="schoolInfo.province">{{ schoolInfo.province }}
                 </view>
                 <view class="address-item" v-if="schoolInfo.city">{{ schoolInfo.city }}</view>
-                <!--                  <view class="address-item" v-if="item.area && item.area.length<4">{{item.area}}</view>-->
               </view>
             </view>
           </view>
           <view class="uni-flex flex">
-            <view class="flex-item-10 t_item" style="display: flex;">
-              <view class="tags">
+            <view class="flex-item-10 t_item">
+              <view class="tags flexWrap">
                 <text class="tag" v-for="(tag,tindex) in schoolInfo.tagsList" :key="tindex" v-show="tag !=='普通本科'">
                   {{ tag }}
                 </text>
@@ -191,7 +189,7 @@ export default {
         </view>
       </view>
       <view class="uni-flex flex other">
-        <view class="flex-item-33 t_item center" @click="gotoSchoolDetail">
+        <view class="flex-item-33 t_item center" @click="gotoSchoolDetail('jbjs')">
           <view class="t-item-b">
             <view style="display: flex">
               <image :src="ImagesConstant.yxjs"/>
@@ -199,7 +197,7 @@ export default {
             <text class="text">院校介绍</text>
           </view>
         </view>
-        <view class="flex-item-33 t_item center" @click="gotoSchoolDetail">
+        <view class="flex-item-33 t_item center" @click="gotoSchoolDetail('zlxx')">
           <view class="t-item-b">
             <view style="display: flex">
               <image :src="ImagesConstant.zlsj"/>
@@ -207,7 +205,7 @@ export default {
             <text class="text">招录数据</text>
           </view>
         </view>
-        <view class="flex-item-33 t_item center end" @click="gotoSchoolDetail">
+        <view class="flex-item-33 t_item center end" @click="gotoSchoolDetail('zlxx')">
           <view class="t-item-b">
             <view style="display: flex">
               <image :src="ImagesConstant.lqxx"/>
@@ -219,18 +217,22 @@ export default {
     </view>
   </view>
   <view class="body">
-    <view class="detail">
-      <picker @change="bindMajorArrayPickerChange" :value="majorIndex" :range="majorArray" range-key='majorNameAll'>
+    <view class="detail" v-if="majorArray && majorArray.length>0">
+      <picker @change="bindMajorArrayPickerChange" :value="majorIndex" :range="majorArray" range-key='majorName'>
         <view class="flex">
           <view style="width: 80%">
             <view class="flex majorTitle">专业名称</view>
             <view class="flex" style="padding: 0 30rpx 30rpx 30rpx">
-              <view class="majorName">{{ majorArray[majorIndex].majorNameAll }}</view>
+              <view class="majorName flexWrap">
+              <text>{{ majorArray[majorIndex].majorNameAll }}</text>
+              <text class="darkGray">{{majorArray[majorIndex].detail}}</text>
+              </view>
             </view>
           </view>
           <view class="" style="width: 20%;margin: auto 0">
-            <image :src="ImagesConstant.keyboard.arrowDown" style="width: 70rpx;height: 55rpx;background-color: #42c6c6;border-radius: 10rpx"/>
-            <text class="flex">共{{majorArray.length}}个</text>
+            <image :src="ImagesConstant.keyboard.arrowDown"
+                   style="width: 70rpx;height: 55rpx;background-color: #42c6c6;border-radius: 10rpx"/>
+            <text class="flex">共{{ majorArray.length }}个</text>
           </view>
         </view>
 
@@ -244,17 +246,36 @@ export default {
         </view>
       </view>
       <!--分数限制-->
-      <view class="flex" v-if='!majorArray[majorIndex].score'>
+      <view class="flex" v-if='!majorArray[majorIndex]|| !majorArray[majorIndex].score'>
         <view class="mntext marginCenter">
           未收录信息
         </view>
       </view>
-      <view  v-else>
+      <view v-else>
         <view class="flex">
           <view class="mntext marginCenter">
-            <text v-if="majorArray[majorIndex].rulesEnrollProbability==='专过文排'">文化需达院校控线{{majorArray[majorIndex].score}}分</text>
-            <text v-else-if="majorArray[majorIndex].rulesEnrollProbability==='文过专排'">专业需达院校控线{{majorArray[majorIndex].score}}分</text>
-            <text v-else>文化及专业总分需达院校控线{{majorArray[majorIndex].score}}分</text>
+            <text
+                v-if="majorArray[majorIndex] && majorArray[majorIndex].needScore && majorArray[majorIndex].needScore!==0">
+              当前需要超过{{ majorArray[majorIndex].needScore }}分
+            </text>
+            <text v-else-if="majorArray[majorIndex].rulesEnrollProbability==='专过文排'">
+              文化分需超过{{ majorArray[majorIndex].score }}分
+            </text>
+            <text v-else-if="majorArray[majorIndex].rulesEnrollProbability==='文过专排'">
+              专业分需超过{{ majorArray[majorIndex].score }}分
+            </text>
+            <text v-else-if="majorArray[majorIndex].rulesEnrollProbability==='文过专排主课'">
+              专业分需超过{{ majorArray[majorIndex].score }}分
+            </text>
+            <text v-else-if="majorArray[majorIndex].rulesEnrollProbability.includes('文') &&!majorArray[majorIndex].rulesEnrollProbability.includes('专')">
+              文化分需超过{{ majorArray[majorIndex].score }}分
+            </text>
+            <text v-else-if="!majorArray[majorIndex].rulesEnrollProbability.includes('文') &&majorArray[majorIndex].rulesEnrollProbability.includes('专')">
+              专业分需超过{{ majorArray[majorIndex].score }}分
+            </text>
+            <text v-else>
+              文化分和专业分需要超过{{ majorArray[majorIndex].score }}分
+            </text>
           </view>
         </view>
         <view style="border-bottom:5rpx solid #f4f4f4">
@@ -263,16 +284,16 @@ export default {
           </view>
           <view class="flex" style="padding:0 30rpx">
             <view class="mntext">
-              <text>{{year}}河南文化分控线为
-                <text class="darkturquoise">{{ majorArray[majorIndex].culturalScore}}</text>
+              <text>{{ majorArray[majorIndex].year }}河南文化分控线为
+                <text class="darkturquoise">{{ majorArray[majorIndex].culturalScore }}</text>
                 分
               </text>
             </view>
           </view>
           <view class="flex" style="padding:0 30rpx">
             <view class="mntext">
-              <text>{{year}}河南专业分控线为
-                <text class="darkturquoise">{{ majorArray[majorIndex].specialScore}}</text>
+              <text>{{ majorArray[majorIndex].year }}河南专业分控线为
+                <text class="darkturquoise">{{ majorArray[majorIndex].specialScore }}</text>
                 分
               </text>
             </view>
@@ -287,7 +308,7 @@ export default {
           </view>
           <view class="flex">
             <view class="mntext3 darkturquoise">
-              <text>{{ majorArray[majorIndex].rulesEnrollProbability}}</text>
+              <text>{{ majorArray[majorIndex].rulesEnrollProbability }}</text>
             </view>
           </view>
           <view class="flex">
@@ -296,8 +317,8 @@ export default {
             </view>
           </view>
           <view class="flex">
-            <view class="mntext3 darkturquoise">
-              <text>身体要求：非色盲、色弱</text>
+            <view class="mntext3 darkturquoise" v-if="majorArray[majorIndex]">
+              <text>{{majorArray[majorIndex].limitation || '暂无'}}</text>
             </view>
           </view>
         </view>
@@ -327,9 +348,9 @@ export default {
     </uni-popup>
   </view>
   <!--底部固定-->
-  <view class="bottom">
-    <view class="shareBtn" open-type="share">分享给朋友一起测</view>
-  </view>
+  <!--  <view class="bottom">
+      <view class="shareBtn" open-type="share">分享给朋友一起测</view>
+    </view>-->
 </template>
 
 <style scoped lang="scss">
@@ -376,13 +397,13 @@ export default {
 }
 
 .body {
-  padding: 30rpx;
+  padding: 20rpx 10rpx;
   height: 80%;
 
   .detail {
     background-color: white;
     border-radius: 30rpx;
-    margin-bottom: 30rpx;
+    margin-bottom: 20rpx;
     /*标题*/
     .title {
       font-size: 40rpx;
@@ -471,6 +492,7 @@ export default {
   font-size: 23rpx;
   line-height: 40rpx;
   margin-right: 10rpx;
+  margin-bottom: 5rpx;
   border: 1rpx solid #52c6c6;
   border-radius: 10rpx;
   padding: 0 8rpx;
@@ -487,7 +509,7 @@ export default {
   content: "\2003";
 }
 
-.darkturquoise{
+.darkturquoise {
   font-weight: 600;
 }
 
diff --git a/pages/zyb/testCultural/index.vue b/pages/zyb/testCultural/index.vue
index 32acc34..3a1ff82 100644
--- a/pages/zyb/testCultural/index.vue
+++ b/pages/zyb/testCultural/index.vue
@@ -6,6 +6,7 @@ import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import ImagesConstant from "@/common/ImagesConstant";
+
 let request = new Request()
 export default {
   name: "test-cultural",
@@ -20,48 +21,42 @@ export default {
   },
   data() {
     return {
-      topFlag:false,
+      topFlag: false,
       province: '河南',
       tab: 'tk',
+      vipInfo: {},
       selectForm: {
         schoolName: '',
         province: '',
         institutionType: '',
         schoolNature: '',
       },
-      statusTypes: [
-        {
-          value: 'more',
-          text: '加载前',
-          checked: true
-        }, {
-          value: 'loading',
-          text: '加载中',
-          checked: false
-        }, {
-          value: 'noMore',
-          text: '没有更多',
-          checked: false
-        }],
-      contentText: {
-        contentdown: '查看更多',
-        contentrefresh: '加载中',
-        contentnomore: '没有更多'
-      },
+      statusTypes: StaticConstant.loadStatusTypes,
+      contentText: StaticConstant.loadContentText,
       tk: {
         status: 'more',
         schoolList: [],
         current: 0,
-        size: 10
+        size: 8
       }
     }
   },
   onShow() {
 
   },
-  onLoad(){
+  onLoad() {
+    this.vipInfo = uni.getStorageSync('vipInfo')
+    if (!this.vipInfo.vipFlag) {
+      this.tk.size = 5
+    }
     this.getSchoolList()
   },
+  onReachBottom() {
+    console.log("已经滚动到底部了")
+    if (this.vipInfo && this.vipInfo.vipFlag) {
+      this.loadMore()
+    }
+  },
   methods: {
     handle(type) {
       this.show = !this.show
@@ -71,10 +66,21 @@ export default {
     switchTab(e) {
       this.tab = e
     },
+    searchSchoolClick() {
+      this.tk.current = 1
+      this.tk.schoolList = []
+      this.getSchoolList()
+    },
+    clearSchoolInput() {
+      this.selectForm.schoolName = ''
+      this.tk.current = 1
+      this.tk.schoolList = []
+      this.getSchoolList()
+    },
     /*院校列表*/
     getSchoolList() {
       request.get(ApiConstant.School.searchSchoolList, {
-        schoolName: '',
+        schoolName: this.selectForm.schoolName,
         pageNum: this.tk.current,
         pageSize: this.tk.size
       }).then(r => {
@@ -110,13 +116,13 @@ export default {
         duration: 300
       });
     },
-    goto(url){
+    goto(url) {
       uni.navigateTo({
         url: url
       })
     }
   },
-  onPageScroll(e){ //根据距离顶部距离是否显示回到顶部按钮
+  onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
     //当距离大于600时显示回到顶部按钮，//当距离小于600时隐藏回到顶部按钮
     this.topFlag = e.scrollTop > 600;
   }
@@ -125,15 +131,26 @@ export default {
 
 <template>
   <view class="head">
-    <view style="display: flex;">
-      <view class="topTitle" :class="tab==='tk'?'topTitle-active':''" @click="switchTab('tk')">
+    <view class="flexWrap">
+      <view class="flex-item-10 search-view">
+        <view style="display: flex;height: 100rpx;border-bottom: 1px solid #f5f5f5;">
+          <view style="width: 90%">
+            <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入院校名称" v-model="selectForm.schoolName"
+                            @clear="clearSchoolInput" cancelButton="none" @confirm="searchSchoolClick"/>
+          </view>
+          <view style="width: 10%;line-height: 100rpx">
+            <text @click="searchSchoolClick">搜索</text>
+          </view>
+        </view>
+      </view>
+<!--      <view class="topTitle" :class="tab==='tk'?'topTitle-active':''" @click="switchTab('tk')">
         <text>统考院校</text>
         <view style="display: flex;" :class="tab==='tk'?'bottom-active':''"></view>
-      </view>
-<!--      <view class="topTitle" :class="tab==='xk'?'topTitle-active':''" @click="switchTab('xk')">
-        <text>校考院校</text>
-        <view style="display: flex" :class="tab==='xk'?'bottom-active':''"></view>
       </view>-->
+      <!--      <view class="topTitle" :class="tab==='xk'?'topTitle-active':''" @click="switchTab('xk')">
+              <text>校考院校</text>
+              <view style="display: flex" :class="tab==='xk'?'bottom-active':''"></view>
+            </view>-->
     </view>
   </view>
   <view class="body">
@@ -142,29 +159,31 @@ export default {
       <view class="school-item uni-flex flex" v-for="(item,index) in tk.schoolList" :key="index"
             @click="goto('/pages/zyb/testCultural/detail?schoolCode='+item.schoolCode)">
         <view class="flex-item-25 t_item">
-          <image :src="item.schoolIcon||ImagesConstant.defaultIcon" style="width: 128rpx;height: 128rpx" mode="aspectFill"/>
+          <image :src="item.schoolIcon||ImagesConstant.defaultIcon" style="width: 128rpx;height: 128rpx"
+                 mode="aspectFill"/>
         </view>
         <view class="flex-item-75 t_item">
           <view class="uni-flex flex">
-            <view class="flex-item-6 t_item" style="display: flex;height: 80rpx">
+            <view :class="item.schoolName.length<8?'flex-item-6':'flex-item-75'" class=" t_item" style="display: flex;height: 80rpx">
+              <text>[{{item.schoolCode}}]</text>
               <text>{{ item.schoolName }}</text>
             </view>
-            <view class="flex-item-4 t_item" style="display: flex;height: 60rpx">
-              <view class="address adrs" v-if="item.city.includes(item.province)">
+            <view :class="item.schoolName.length<10?'flex-item-4':'flex-item-25'" class="t_item" style="display: flex;height: 60rpx">
+              <view class="address adrs" v-if="item.city && item.city.includes(item.province)">
                 <!--直辖市-->
                 <view class="address-item address-item-before" v-if="item.city">{{ item.city }}</view>
                 <view class="address-item" v-if="item.area && item.area.length<4">{{ item.area }}</view>
               </view>
               <view class="address adrs" v-else>
                 <view class="address-item address-item-before" v-if="item.province">{{ item.province }}</view>
-                <view class="address-item" v-if="item.city">{{ item.city }}</view>
+                <view class="address-item" v-if="item.city">{{ item.city.length>=4?item.city.substring(0,4):item.city }}</view>
                 <!--                  <view class="address-item" v-if="item.area && item.area.length<4">{{item.area}}</view>-->
               </view>
             </view>
           </view>
           <view class="uni-flex flex">
-            <view class="flex-item-10 t_item" style="display: flex;">
-              <view class="tags">
+            <view class="flex-item-10 t_item">
+              <view class="tags flexWrap">
                 <text class="tag" v-for="(tag,tindex) in item.tagsList" :key="tindex" v-show="tag !=='普通本科'">
                   {{ tag }}
                 </text>
@@ -172,22 +191,25 @@ export default {
             </view>
           </view>
         </view>
-    </view>
+      </view>
 
-    <view class="container" @click="loadMore">
-      <uni-load-more :status="tk.status" :content-text="contentText"/>
+      <view class="container" @click="loadMore" v-if="vipInfo && vipInfo.vipFlag">
+        <uni-load-more :status="tk.status" :content-text="contentText"/>
+      </view>
     </view>
   </view>
+  <!--判断vip-->
+  <view v-if="tk && tk.schoolList && tk.schoolList.length>0">
+    <my-checkvip :vip-flag="(vipInfo && vipInfo.vipFlag)"/>
   </view>
-
   <view class="top" style="transition: 0.3s;" :style="{'display':(topFlag===true? 'block':'none')}">
-    <uni-icons class="topc" type="arrowthinup" size="50" @click="top"></uni-icons>
+    <uni-icons class="topc" type="arrowthinup" size="40" @click="top"></uni-icons>
   </view>
 </template>
 
 <style scoped lang="scss">
 .head {
-  padding: 20rpx 30rpx;
+  padding: 20rpx 10rpx;
   text-align: center;
   background-color: white;
 }
@@ -198,9 +220,10 @@ export default {
 
 /*院校列表*/
 .school-list {
-  padding: 30rpx;
+  padding: 30rpx 10rpx;
+
   .school-item {
-    margin-bottom: 30rpx;
+    margin-bottom: 20rpx;
     padding: 30rpx;
     background-color: white;
     border-radius: 15rpx;
@@ -216,9 +239,10 @@ export default {
   margin: 0 0 0 auto;
 }
 
-.address .address-item-before{
+.address .address-item-before {
   margin-left: 0 !important;
 }
+
 .address .address-item {
   margin-left: 10rpx;
   color: #8999a3;
@@ -232,6 +256,7 @@ export default {
   font-size: 23rpx;
   line-height: 40rpx;
   margin-right: 10rpx;
+  margin-bottom: 5rpx;
   border: 1rpx solid #52c6c6;
   border-radius: 10rpx;
   padding: 0 8rpx;
@@ -258,21 +283,25 @@ export default {
 }
 
 
-/* 回到顶部 */
+/* 回到顶部 start*/
 .top {
   position: relative;
   display: none; /* 先将元素隐藏 */
+  transition: 0.5s;
 }
+
 .topc {
   position: fixed;
-  right: -5%;
+  right: 10rpx;
   //background: #F0F0F0;
-  background: #52c6c6;
+  background: #e1e1e1;
   border-radius: 50%;
   top: 80%;
-  height: 50px;
-  line-height: 50px;
+  height: 40px;
+  line-height: 40px;
 }
+
+/* 回到顶部 end*/
 </style>
 
 
diff --git a/pages/zyb/user/bindPhone.vue b/pages/zyb/user/bindPhone.vue
new file mode 100644
index 0000000..98f9690
--- /dev/null
+++ b/pages/zyb/user/bindPhone.vue
@@ -0,0 +1,186 @@
+<!--卡密激活 页面-->
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import Request from '@/common/request'
+import user from "@/pages/zyb/user/index.vue";
+import commonTool from "../../../common/js/commonTool";
+import {stringIsNotEmpty} from "../../../common/util";
+let request = new Request()
+export default {
+  name: "cardamom",
+  computed: {
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      userInputPhone: '', // 卡账号
+      buttonFlag:true,//
+      message:''
+    }
+  },
+  methods: {
+    phoneInput(e) {
+      setTimeout(() => {
+         // 过滤非数字和非小写字母字符
+        this.userInputPhone = e.detail.value.replace(/[^0-9]/g, '')
+        const chinesePhoneNumberRegex = /^1[345789]\d{9}$/;
+        if (!chinesePhoneNumberRegex.test(this.userInputPhone)) {
+          this.buttonFlag = true
+        } else {
+          this.buttonFlag = false
+        }
+      },0)
+    },
+    /*绑定手机号*/
+    bindPhone(){
+      //先判断是否可绑定
+      request.get(ApiConstant.User.dyCheckBindPhone, {phone: this.userInputPhone},{showLoad:false}).then(r => {
+        console.log(r)
+        if (r.success) {
+          if(r.result.status === 0){
+            //未绑定过
+            this.message = '确认绑定此手机号吗'
+            this.$refs.alertDialog.open()
+          }else if(r.result.status === 1){
+            uni.showToast({title: '该手机号已存在', icon: "none"});
+            return
+          }if (r.result.status === 2) {
+            //已经绑定过微信了
+            this.message = '该手机号已绑定过微信'
+            //uni.showToast({title: '该手机号已绑定过微信', icon: "none"});
+            this.$refs.alertDialog.open()
+            return
+          }
+        }else{
+          uni.showToast({title: r.message, icon: "none"});
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    dialogConfirm() {
+      console.log('点击确认')
+      request.post(ApiConstant.User.dyBindPhone, {phone: this.userInputPhone}).then(r => {
+        console.log(r)
+        if (r.success) {
+          setTimeout(() => {
+            uni.showToast({title: '已绑定,请重新登录', icon: "none"});
+          },0)
+          uni.removeStorageSync('userInfo')
+          uni.removeStorageSync('token')
+          setTimeout(() => {
+            wx.reLaunch({
+              url: '/pages/zyb/login',
+            })
+          },800)
+        }else{
+          uni.showToast({title: r.message, icon: "none"});
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    dialogClose(){
+      console.log('点击关闭')
+    }
+  }
+}
+</script>
+
+<template>
+  <view>
+    <!-- 提示窗示例 -->
+    <uni-popup ref="alertDialog" type="dialog">
+      <uni-popup-dialog type="info" cancelText="关闭" confirmText="同意" title="通知" :content="message" @confirm="dialogConfirm"
+                        @close="dialogClose"></uni-popup-dialog>
+    </uni-popup>
+  </view>
+  <view class="card radius8">
+    <view class="card-label">绑定手机号码</view>
+    <view class="card-body">
+      <input class="input radius8" type="text" placeholder="请输入手机号码" v-model="userInputPhone"
+             maxlength="11" @input='phoneInput'/>
+      <button type="primary" style="margin-top: 20rpx" class="radius8" @click="bindPhone"
+              :disabled="buttonFlag">绑定
+      </button>
+    </view>
+  </view>
+  <view class="card radius8">
+    <view class="card-label">提示</view>
+    <view class="card-body">
+      <view class="text-body">
+        <text class="text-item">-当前尚未补充手机号，为了更方便为您提供售后服务，请补充您的手机号码。</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+/*卡片 start*/
+.card {
+  background-color: white;
+  margin: 30rpx 30rpx 20rpx 30rpx;
+}
+
+.card .card-label {
+  font-size: 33rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+  padding: 20rpx 30rpx;
+  border-bottom: 1rpx solid #f4f5f7;
+}
+
+.card .card-body {
+  padding: 30rpx 30rpx;
+}
+
+/*卡片 end*/
+.card .card-body .input {
+  padding: 20rpx;
+  line-height: 100rpx;
+  border: 1rpx solid #c1c4cc;
+}
+
+
+/*兑换按钮 start*/
+.ktBtn {
+  border: 1rpx solid #3d76fd;
+  background-color: #3d76fd !important;
+  color: white;
+  font-size: 35rpx;
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+  transition: 0.1s;
+  margin: 20rpx 0;
+  cursor: pointer;
+}
+
+.ktBtn-active {
+  border: 1rpx solid #3d76fd;
+  background-color: #3d76fd;
+}
+
+/*.ktBtn:active {
+  border: none;
+  background-color: #f8f8f8;
+  color: white;
+}*/
+/*兑换按钮 end*/
+
+/*使用须知*/
+.text-body {
+  margin-top: 30rpx;
+}
+
+.text-body .text-item {
+  display: flex;
+  justify-items: left;
+  font-size: 30rpx;
+  color: #606266;
+  line-height: 45rpx;
+}
+</style>
diff --git a/pages/zyb/user/detail.vue b/pages/zyb/user/detail.vue
index e1c157d..e497b03 100644
--- a/pages/zyb/user/detail.vue
+++ b/pages/zyb/user/detail.vue
@@ -2,9 +2,15 @@
 import Request from '@/common/request'
 import ApiConstant from "@/common/ApiConstant";
 import Link from "@/pages/extUI/link/link.vue";
+import StaticConstant from "../../../common/StaticConstant";
 let request = new Request()
 export default {
   name: "user-index",
+  computed: {
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
   components: {Link},
   data() {
     return {
@@ -25,7 +31,7 @@ export default {
   },
   onLoad() {
     this.userInfo = uni.getStorageSync('userInfo')
-    if (this.userInfo === null || this.userInfo.phone === null || this.userInfo.phone === undefined || this.userInfo.phone === '') {
+    if (this.userInfo === null) {
       wx.reLaunch({
         url: '/pages/zyb/login',
       })
@@ -68,7 +74,7 @@ export default {
       </view>
       <view class="item">
         <view class="left">高考年份</view>
-        <view class="right dark">2023</view>
+        <view class="right dark">{{StaticConstant.year}}</view>
       </view>
     </view>
 
diff --git a/pages/zyb/user/index.vue b/pages/zyb/user/index.vue
index 1a884a4..efb3432 100644
--- a/pages/zyb/user/index.vue
+++ b/pages/zyb/user/index.vue
@@ -3,12 +3,17 @@ import Request from '@/common/request'
 import ApiConstant from "@/common/ApiConstant";
 import StaticConstant from "@/common/StaticConstant";
 import ImagesConstant from "@/common/ImagesConstant";
-import vip from "@/pages/zyb/vip/index.vue";
+import commonTool from "../../../common/js/commonTool";
+import NavImage from "../../template/nav-image/nav-image.vue";
 
 let request = new Request()
 export default {
   name: "user-index",
+  components: {NavImage},
   computed: {
+    commonTool() {
+      return commonTool
+    },
     ImagesConstant() {
       return ImagesConstant
     },
@@ -18,45 +23,86 @@ export default {
   },
   data() {
     return {
-      avatar:'http://files.yitisheng.vip/yitisheng.png',
-      volunteerName:'加载中',
-      userInfo:{
-        vipFlag: false
-      },
-      scoreInfo:{
-        id:'',
-        province: '',//省份
-        cognitioPolyclinic: '',//科类
-        professionalCategory: '',//报考方向
-        culturalScore: '',//文化分
-        professionalScore: '',//统考分
-        chineseScore:'',
-        englishScore:''
-      },
+      avatar: ImagesConstant.systemIcon,
+      userInfo: {},
+      vipInfo: {},
+      scoreInfo: {},//成绩信息
+      volunteerInfo: {},//当前志愿单信息
       itemList: [
         {
-          title: '更新快报',
-          icon: '/static/icons/linear/calendar.png',
+          title: '会员卡激活',
+          icon:'/static/icons/gif/icons8-cards.gif',
+          url: '/pages/zyb/vip/cardamom'
+        },
+        // #ifdef MP-TOUTIAO
+        {
+          title: '我的订单',
+          icon:'/static/icons/gif/icons8-order.gif',
+          url: '/pages/zyb/order/list'
+        },
+        {
+          title: '联系客服',
+          type:'im',
+          icon:'/static/icons/gif/icons8-customer-service.gif',
+        },
+        // #endif
+        // #ifdef MP-WEIXIN
+        {
+          title: '联系客服',
+          type:'contact',
+          icon:'/static/icons/gif/icons8-customer-service.gif',
+        },
+        {
+          title: '专家一对一',
+          //icon: '/static/icons/linear/calendar.png',
+          icon: '/static/icons/gif/icons8-man.gif',
           url: '/pages/zyb/other/updateLogs'
         },
+        {
+          title: '商务合作',
+          //icon: '/static/icons/linear/quest.png',
+          icon: '/static/icons/gif/icons8-cooperate.gif',
+          method:'cooperate',
+          url: '/pages/zyb/other/commonProblem'
+        },
+        // #endif
+
+
+        /*{
+          title: '更新快报',
+          //icon: '/static/icons/linear/calendar.png',
+          icon: '/static/icons/gif/icons8-calendar.gif',
+          url: '/pages/zyb/other/updateLogs'
+        },*/
         {
           title: '我的收藏',
-          icon: '/static/icons/linear/love.png',
+          //icon: '/static/icons/linear/love.png',
+          icon: '/static/icons/gif/icons8-loading-heart.gif',
           url: '/pages/zyb/user/myCollect'
         },
         {
           title: '使用说明',
-          icon: '/static/icons/linear/illustrate.png',
+          //icon: '/static/icons/linear/illustrate.png',
+          icon: '/static/icons/gif/detail.gif',
           url: '/pages/zyb/other/useHelp'
         },
+
+       /* {
+          title: '问题反馈',
+          //icon: '/static/icons/linear/quest.png',
+          icon: '/static/icons/gif/icons8-doubt.gif',
+          url: '/pages/zyb/other/commonProblem'
+        },*/
         {
           title: '常见问题',
-          icon: '/static/icons/linear/quest.png',
+          //icon: '/static/icons/linear/quest.png',
+          icon: '/static/icons/gif/icons8-doubt.gif',
           url: '/pages/zyb/other/commonProblem'
         },
         {
           title: '设置',
-          icon: '/static/icons/linear/settings.png',
+          //icon: '/static/icons/linear/settings.png',
+          icon: '/static/icons/gif/icons8-wotuishi-settings.gif',
           url: '/pages/zyb/settings'
         },
 
@@ -64,60 +110,99 @@ export default {
       ]
     }
   },
-  onShow(){
+  onShow() {
     this.userInfo = uni.getStorageSync('userInfo')
-    if (this.userInfo === null || this.userInfo.phone === null || this.userInfo.phone === undefined || this.userInfo.phone === '') {
+    if (this.userInfo === null || this.userInfo.id=== undefined) {
       wx.reLaunch({
         url: '/pages/zyb/login',
       })
     }
+    this.vipInfo = uni.getStorageSync('vipInfo')
     this.getScore()
   },
   onLoad() {
 
   },
   methods: {
-    //成绩信息
-    getScore(){
-      request.get(ApiConstant.Volunteer.volunteerInfo,{}).then(r => {
-        console.log(r)
-        if (r.success) {
-          this.scoreInfo = r.result.userScoreInfo
-          this.volunteerName = r.result.volunteerName
-          try {
-            uni.setStorageSync('scoreInfo',this.scoreInfo)
-          } catch (e) {
-            // error
-            console.log('setScoreInfoError ',e)
-          }
-        }
-      }).catch(err => {
-      }).finally(() => {
-      });
+    //获取成绩信息
+    getScore() {
+      this.scoreInfo = uni.getStorageSync('scoreInfo')
+      if (this.scoreInfo) {
+        this.volunteerInfo = uni.getStorageSync('volunteer')
+      }
     },
     gotoEditScore() {
       console.log('前往修改成绩页面')
       this.goto('/pages/zyb/score/edit')
     },
-    switchFillVolunteer(){
-      uni.switchTab({
-        url:'/pages/zyb/fillVolunteer/my'
-      })
+    switchFillVolunteer() {
+      this.goto('/pages/zyb/fillVolunteer/my')
     },
     /*前往开通vip*/
-    gotoOpenVip(){
+    gotoOpenVip() {
       this.goto('/pages/zyb/vip/index')
     },
+    /*商务合作弹框事件*/
+    cooperate(){
+      console.log('商务合作')
+      this.$refs.popup2.open("center")
+    },
+    cooperateClose(){
+      this.$refs.popup2.close()
+    },
     goto(e) {
       uni.navigateTo({
-        url: e
+        url: e,
+        nimationType: 'pop-in',
+        animationDuration: 2000
       })
     },
+    previewImage(e){
+      console.log('e', e);
+      uni.previewImage({
+        // 需要预览的图片链接列表
+        urls: [],
+        // 为当前显示图片的链接/索引值
+        current: ImagesConstant.customerServiceQrCode,
+        // 图片指示器样式
+        indicator:'default',
+        // 是否可循环预览
+        loop:false,
+        // 长按图片显示操作菜单，如不填默认为保存相册
+        // longPressActions:{
+        // 	itemList:[this.l('发送给朋友'),this.l]
+        // },
+        success: res => {
+          console.log('res', res);
+        },
+        fail: err => {
+          console.log('err', err);
+        }
+      });
+    }
   }
 }
 </script>
 
 <template>
+  <uni-popup ref="popup2" background-color="#fff" class="radius15">
+    <view class="popup-content radius15" style="padding: 30rpx 30rpx">
+      <view class="font-size-mini4 font-weight-b" style="text-align: center">添加老师微信</view>
+      <image @click="previewImage" :show-menu-by-longpress="true" :src="ImagesConstant.customerServiceQrCode" style="width: 600rpx;height: 800rpx"/>
+      <view class="flexWrap marginTopBot20 margin-top-20"><text class="text">联系人：周老师</text></view>
+      <view class="flexWrap marginTopBot20"><text class="text">电话：15090658223(微信同号)</text></view>
+      <view class="font-size-mini4 font-weight-b margin-top-20 margin-top-20" @click="cooperateClose" style="text-align: center">知道了</view>
+    </view>
+  </uni-popup>
+  <!-- 普通弹窗 -->
+  <uni-popup ref="popup" background-color="#fff" class="radius15">
+    <view class="popup-content radius15" style="padding: 30rpx 50rpx">
+      <view class="font-size-mini4 font-weight-b" style="text-align: center">商务合作</view>
+      <view class="flexWrap marginTopBot20 margin-top-20"><text class="text">联系人：周老师</text></view>
+      <view class="flexWrap marginTopBot20"><text class="text">电话：15090658223(微信同号)</text></view>
+      <view class="font-size-mini4 font-weight-b margin-top-20 margin-top-20" @click="cooperateClose" style="text-align: center">知道了</view>
+    </view>
+  </uni-popup>
   <!--头部-->
   <view class="header" style="z-index: 1">
     <view class="uni-flex flex" style="padding: 30rpx 30rpx 0 30rpx" @click="goto('/pages/zyb/user/detail')">
@@ -127,27 +212,36 @@ export default {
       </view>
       <!--手机号-->
       <view class="flex-item-7 t2">
-        <view class="flex">
-          <text style="line-height: 50rpx">{{userInfo.realname}}</text>
+        <view class="flex font-weight-600">
+          <text style="line-height: 50rpx">{{ userInfo.realname }}</text>
         </view>
         <view class="flex">
-          <text style="line-height: 50rpx">{{scoreInfo.province}}</text>
+          <text style="line-height: 50rpx">{{ scoreInfo.province }}</text>
           <text style="line-height: 50rpx;font-size: 24rpx">/2023</text>
         </view>
       </view>
       <!--按钮-->
       <view class="flex-item2" style="padding-top: 60rpx;">
-        <image class="arrow-right" :src="ImagesConstant.keyboard.arrowRightWhite"/>
+        <image class="arrow-right" :src="ImagesConstant.keyboard.arrowRight"/>
       </view>
     </view>
     <!--开通vip提示-->
-    <view class="uni-flex flex" style="margin-top: 30rpx">
-      <view class="flex-item-10 vipBackground" style="height: 50rpx;padding: 30rpx" v-if="userInfo.vipFlag">
-        <text style="color:white">VIP到期时间：2024-08-31</text>
+    <view class="uni-flex flex white" style="margin-top: 30rpx">
+      <view class="flex-item-10 vipBackground" style="height: 50rpx;padding: 30rpx"
+            v-if="vipInfo && vipInfo.vipLevel>0">
+        <text>
+          {{ vipInfo.skuName || 'VIP' }}到期时间：{{ commonTool.dateFormatYYYYMMDD(vipInfo.validTime) }}
+        </text>
+        <text class="float-right radius60" style="border: 1rpx solid white;padding: 0 20rpx" @click="gotoOpenVip">
+          查看更多
+        </text>
       </view>
-      <view class="flex-item-10 vipBackground" style="height: 50rpx;line-height: 50rpx;padding: 30rpx;color:white" v-else>
+      <view class="flex-item-10 vipBackground" style="height: 50rpx;line-height: 50rpx;padding: 30rpx;"
+            v-if="(!vipInfo) || !vipInfo.vipLevel || vipInfo.vipLevel===0">
         <text>升级为VIP, 准确查大学录取率</text>
-        <text class="float-right radius60" style="border: 1rpx solid white;padding: 0 20rpx" @click="gotoOpenVip">开通VIP</text>
+        <text class="float-right radius60" style="border: 1rpx solid white;padding: 0 20rpx" @click="gotoOpenVip">
+          开通VIP
+        </text>
       </view>
     </view>
   </view>
@@ -157,19 +251,34 @@ export default {
       <view class="flex-item-1">
         <text style="font-size: 24rpx">我的成绩</text>
       </view>
-      <view class="flex-item-7">
-        <view class="trow1-center"
-              style="line-height: 60rpx;">
-          <text style="margin:0 30rpx">文化分:{{this.scoreInfo.culturalScore}}分</text>
-          <text style="margin-right: 30rpx">专业分:{{this.scoreInfo.professionalScore}}分</text>
+      <view class="flex-item-7 trow1-center">
+        <view class="flexWrap margin-left-30">
+          <view class="flex-item-10">
+            <text class="margin-right-10">文化:{{ this.scoreInfo.culturalScore }}分</text>
+            <text class="margin-right-10" v-if="scoreInfo && scoreInfo.professionalCategory!=='表演类'">{{scoreInfo.professionalCategory==='音乐类'?'主项':'统考'}}:{{ this.scoreInfo.professionalScore }}分</text>
+            <br v-if="scoreInfo && scoreInfo.professionalCategory!=='表演类'"/>
+            <text v-if="scoreInfo && scoreInfo.yybysy">音表声乐:</text>
+            <text class="margin-right-10" v-if="scoreInfo && scoreInfo.yybysy">{{ scoreInfo && scoreInfo.yybysy }}分</text>
+            <text v-if="scoreInfo && scoreInfo.yybyqy">音表器乐:</text>
+            <text class="margin-right-10" v-if="scoreInfo && scoreInfo.yybyqy">{{ scoreInfo && scoreInfo.yybyqy }}分</text>
+            <text v-if="scoreInfo && scoreInfo.yyjy">音乐教育:</text>
+            <text class="margin-right-10" v-if="scoreInfo && scoreInfo.yyjy">{{ scoreInfo && scoreInfo.yyjy }}分</text>
+            <!--表演类-->
+            <text v-if="scoreInfo && scoreInfo.fzby">服装表演:</text>
+            <text class="margin-right-10" v-if="scoreInfo && scoreInfo.fzby">{{ scoreInfo && scoreInfo.fzby }}分</text>
+            <text v-if="scoreInfo && scoreInfo.xjysdy">影视导演:</text>
+            <text class="margin-right-10" v-if="scoreInfo && scoreInfo.xjysdy">{{ scoreInfo && scoreInfo.xjysdy }}分</text>
+            <text v-if="scoreInfo && scoreInfo.xjysby">影视表演:</text>
+            <text v-if="scoreInfo && scoreInfo.xjysby">{{ scoreInfo && scoreInfo.xjysby }}分</text>
+          </view>
         </view>
-      </view>
+        </view>
+        <view class="flexWrap margin-left-30"></view>
 
-      <view class="flex-item-2">
+      <view class="flex-item-2" @click="gotoEditScore()">
         <view class="" style="margin-top: 20rpx">
-          <view @click="gotoEditScore()"
-                style="border:3rpx solid #4975fd;border-radius: 20rpx; width: 100rpx;text-align: center;cursor: pointer">
-            <text style="color:#4975fd;">修改</text>
+          <view style="width: 100rpx;text-align: center;position: relative;left: 20rpx">
+            <image :src="ImagesConstant.edit2" class="icon40"/>
           </view>
         </view>
       </view>
@@ -182,29 +291,44 @@ export default {
       </view>
       <view class="flex-item-7">
         <view class="trow1-center" style="">
-          <view class="flex">
-            <text style="margin:0 30rpx">{{volunteerName}}</text>
+          <view class="flex" v-if="scoreInfo && volunteerInfo">
+            <text style="margin:0 30rpx">{{ volunteerInfo.volunteerName || '' }}</text>
           </view>
           <view class="flex" style="margin-left:30rpx;color:#c1c4cc">
-            <text>{{scoreInfo.professionalScore}}分&nbsp;&nbsp;/</text>
-            <text>&nbsp;{{ scoreInfo.province }}&nbsp;/</text>
-            <text>&nbsp;{{scoreInfo.professionalCategory}}</text>
+            <!--            <text>{{ scoreInfo && scoreInfo.professionalScore || '&#45;&#45;' }}分&nbsp;&nbsp;/</text>-->
+            <text>{{ scoreInfo && scoreInfo.province || '--' }}&nbsp;/</text>
+            <text>&nbsp;{{ scoreInfo && scoreInfo.cognitioPolyclinic || '--' }}&nbsp;/</text>
+            <text>&nbsp;{{ scoreInfo && scoreInfo.professionalCategory || '--' }}</text>
           </view>
         </view>
       </view>
-      <view class="flex-item-2">
-        <view style="width: 65rpx;height: 65rpx;text-align: center; margin-left: 10rpx;
-        background: linear-gradient(131deg, rgb(18, 117, 236) 0%, rgb(122, 182, 249) 100%);
-        border-radius: 10rpx;padding: 5rpx 10rpx 12rpx 10rpx">
-          <text @click="switchFillVolunteer" style="font-size: 24rpx;letter-spacing:2rpx;line-height: 1rpx;color: white">查看全部</text>
+      <view class="flex-item-2" @click="switchFillVolunteer">
+        <view style="padding: 15rpx 0 15rpx 65rpx">
+          <image src="/static/icons/icons8-menu.png" class="icon32"/>
         </view>
       </view>
     </view>
     <!--剩余选项-->
     <view class="trow1">
       <view class="uni-flex flex" v-for="(item,index) in itemList" :key="index">
-        <view class="flex-item-10" @click="goto(item.url)">
-          <view class="" :class="index===itemList.length-1?'uni-flex flex trow1-child-last':'uni-flex flex trow1-child'">
+        <!--联系客服-->
+        <view class="flex-item-10" v-if="item.type==='contact' || item.type ==='im'">
+          <view class="uni-flex flex trow1-child" :open-type="item.type">
+            <button class='contact-btn' :open-type="item.type" data-im-id="Shilo_">a</button>
+            <view class="flex-item-1">
+              <image :src="item.icon" class="icon40"/>
+            </view>
+            <view class="flex-item-8">
+              <text>{{item.title}}</text>
+            </view>
+            <view class="flex-item-1">
+              <image :src="ImagesConstant.keyboard.arrowRight" style="width: 40rpx;height: 40rpx"/>
+            </view>
+          </view>
+        </view>
+        <view class="flex-item-10" v-else @click="item.method==='cooperate'?cooperate() : goto(item.url)">
+          <view class=""
+                :class="index===itemList.length-1?'uni-flex flex trow1-child-last':'uni-flex flex trow1-child'">
             <view class="flex-item-1">
               <image :src="item.icon" style="width: 40rpx;height: 40rpx"/>
             </view>
@@ -221,7 +345,7 @@ export default {
     <!---->
     <view class="uni-flex flex">
       <view class="flex-item-10" style="text-align: center;">
-        <text>{{StaticConstant.systemName}}</text>
+        <text>{{ StaticConstant.systemName }}</text>
       </view>
     </view>
   </view>
@@ -229,7 +353,11 @@ export default {
 
 <style scoped lang="scss">
 .header {
-  background: linear-gradient(131deg, rgb(18, 117, 236) 0%, rgb(122, 182, 249) 100%);
+  background: repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  background: -ms-repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  background: -webkit-repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  background: -moz-repeating-linear-gradient(#dcdaf7, #f7f7f7, #e6e4e4);
+  /*background: linear-gradient(131deg, rgb(18, 117, 236) 0%, rgb(122, 182, 249) 100%);*/
   height: 340rpx;
   /*头像*/
   .avatar {
@@ -252,7 +380,7 @@ export default {
   .t2 {
     padding: 40rpx 20rpx 0 20rpx;
     font-weight: 500;
-    color: white;
+    color: black;
   }
 
   /*开通vip框*/
@@ -271,7 +399,7 @@ export default {
     background-color: #ffffff;
     border-radius: 15rpx;
     padding: 20rpx 30rpx;
-    margin-bottom: 30rpx;
+    margin-bottom: 20rpx;
 
     .trow1-center {
       font-size: 24rpx;
@@ -292,4 +420,16 @@ export default {
     }
   }
 }
+
+
+//覆盖联系客服按钮原生样式
+:deep(.contact-btn) {
+  display: inline-block;
+  position: absolute;
+  width: 80%;
+  background: salmon;
+  opacity: 0;
+  border-radius: 0;
+}
+
 </style>
diff --git a/pages/zyb/vip/cardamom.vue b/pages/zyb/vip/cardamom.vue
index 9583302..e01faed 100644
--- a/pages/zyb/vip/cardamom.vue
+++ b/pages/zyb/vip/cardamom.vue
@@ -4,6 +4,8 @@ import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
 import user from "@/pages/zyb/user/index.vue";
+import commonTool from "../../../common/js/commonTool";
+import {stringIsNotEmpty} from "../../../common/util";
 let request = new Request()
 export default {
   name: "cardamom",
@@ -21,11 +23,13 @@ export default {
     bankcardInput(e) {
       setTimeout(() => {
         let card = e.detail.value;
-        console.log(card.length)
-        //输入时每四位一个"-"
-        card = card.replace(/\s/g, '').replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1-');
-        this.userInputCardNum = card
-        console.log("有间隔", this.userInputCardNum);
+        let value = card.replace(/[^a-zA-Z0-9]/g, ''); // 过滤非数字和非小写字母字符
+        if (stringIsNotEmpty(value)) {
+          // 每隔两位插入破折号
+          this.userInputCardNum = value.match(/.{1,2}/g).join('-');
+        }else{
+          this.userInputCardNum = ''
+        }
       },0)
     },
     /*兑换按钮事件*/
@@ -39,9 +43,9 @@ export default {
         console.log(r)
         if (r.success) {
           /*更新VIP状态 start*/
-          let userInfo=uni.getStorageSync('userInfo')
-          userInfo.vipFlag = true
-          uni.setStorageSync('userInfo',userInfo)
+          setTimeout(function (){
+            commonTool.reloadVipInfo()
+          },100)
           /*更新VIP状态 end.*/
           setTimeout(function () {
             uni.showToast({title: r.message, icon: "none"});
@@ -69,9 +73,10 @@ export default {
   <view class="card radius8">
     <view class="card-label">卡密激活码</view>
     <view class="card-body">
-      <input class="input radius8" type="number" placeholder="请输入卡密激活码" v-model="userInputCardNum"
-             maxlength="19" @input='bankcardInput'/>
-      <button type="primary" style="margin-top: 20rpx" class="radius8" @click="cardActivation" :disabled="userInputCardNum.length!==19">兑换
+      <input class="input radius8" type="text" placeholder="请输入卡密激活码" v-model="userInputCardNum"
+             maxlength="17" @input='bankcardInput'/>
+      <button type="primary" style="margin-top: 20rpx" class="radius8" @click="cardActivation"
+              :disabled="userInputCardNum.length===11?false:userInputCardNum.length===17?false:true">兑换
       </button>
     </view>
   </view>
@@ -81,7 +86,7 @@ export default {
       <view class="text-body">
         <text class="text-item">-适用范围:艺术类文理科考生(自主招生暂不适用)。</text>
         <text class="text-item">
-          -使用期限:自购买起，截止到2024-8-31日有效，分数修改次数:每届服务期内高考分数放榜前每日可修改5次，放榜后仅可修改1次。
+          -使用期限:自购买起，截止到2024-08-31日有效。分数修改次数:每届服务期内高考分数放榜前每日可修改10次，放榜后仅可修改1次。
         </text>
         <text class="text-item">-系统数据来源于{{ StaticConstant.bm }}部门，由合作网站提供。</text>
         <text class="text-item">
diff --git a/pages/zyb/vip/checkoutCounter.vue b/pages/zyb/vip/checkoutCounter.vue
index 3799e69..abd015e 100644
--- a/pages/zyb/vip/checkoutCounter.vue
+++ b/pages/zyb/vip/checkoutCounter.vue
@@ -5,6 +5,8 @@ import ImagesConstant from "@/common/ImagesConstant";
 import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import Request from '@/common/request'
+import commonTool from "../../../common/js/commonTool";
+import {stringIsNotEmpty} from "../../../common/util";
 
 let request = new Request()
 export default {
@@ -20,8 +22,9 @@ export default {
   },
   data() {
     return {
-      orderCode:'',//订单号
-      totalAmount:'',//金额
+      orderCode: '',//订单号
+      totalAmount: '',//金额
+      signStr:''
     }
   },
   onLoad(e) {
@@ -32,13 +35,18 @@ export default {
   },
   methods: {
     getOrderDetail() {
-      request.get(ApiConstant.VIP.orderDetail, {orderCode:this.orderCode}).then(r => {
+      request.get(ApiConstant.VIP.orderDetail, {orderCode: this.orderCode}).then(r => {
         console.log(r)
         if (r.success) {
+          // #ifdef MP-WEIXIN
           this.signStr = r.result.orderSign
-          this.totalAmount = parseFloat(r.result.totalAmount)/100
-        }else{
-          uni.showToast({title:r.message, icon: "none"});
+          // #endif
+          // #ifdef MP-TOUTIAO
+          this.signStr = r.result.orderSign
+          // #endif
+          this.totalAmount = parseFloat(r.result.totalAmount)
+        } else {
+          uni.showToast({title: r.message, icon: "none"});
         }
       }).catch(err => {
       }).finally(() => {
@@ -49,47 +57,126 @@ export default {
         url: url
       })
     },
-    paySubmit(){
+    paySubmit() {
       if (!this.signStr) {
         uni.showToast({title: '获取订单异常!', icon: "none"});
         return
       }
       let sign = JSON.parse(this.signStr);
-      // 仅作为示例，非真实参数信息。
+      let that = this
       uni.requestPayment({
-        provider: 'wxpay',
+        provider: uni.getStorageSync('providerpayment'),
+        //微信参数
+        // #ifdef MP-WEIXIN
         timeStamp: sign.timeStamp,
         nonceStr: sign.nonceStr,
         package: sign.package,
         signType: sign.signType,
         paySign: sign.paySign,
+        // #endif
+        //抖音参数
+        // #ifdef MP-TOUTIAO
+        orderInfo: sign.data,
+        service: 5,//固定值：5-抖音小程序收银台,3-微信,4-支付宝;3、4，仅在1.35.0.1+基础库(头条743+)支持
+        //_debug: 1,//0/1仅限调试用，上线前去掉该参数。_debug=1时，微信支付期间可以看到中间报错信息，方便调试
+        //getOrderStatus: '',//商户前端实现的查询支付订单状态方法（该方法需要返回个Promise对象）。 service=3、4时不需要传。
+        // #endif
+        //结果
         success: function (res) {
-          console.log('success:' + JSON.stringify(res));
-          console.log('支付成功!')
-          setTimeout(function () {
-            uni.showToast({title:'支付成功', icon: "none"});
-            let userInfo=uni.getStorageSync('userInfo')
-            userInfo.vipFlag = true
-            uni.setStorageSync('userInfo',userInfo)
+          console.log('==== uni.requestPayment success', res);
+          // #ifdef MP-TOUTIAO
+          let code = res.code
+          if(0 === code){
+            //支付成功
+            console.log('支付成功!')
+            setTimeout(function () {
+              commonTool.reloadVipInfo()
+              uni.showToast({title:'支付成功', icon: "none"});
+            }, 100)
             setTimeout(function () {
-              //回到首页
               uni.switchTab({
                 url: '/pages/zyb/home'
               });
-            }, 2000)
-          }, 1000)
+            }, 1000)
+          }else{
+            uni.showToast({
+              title: 1===code?'支付超时':2===code?'支付失败':3===code?'支付关闭':4===code?'支付取消':"支付失败",
+              icon: 'none'
+            })
+          }
+          // #endif
+
+          // #ifdef MP-WEIXIN
+          let code = res.errMsg
+          if("requestPayment:ok" === code){
+            //支付成功
+            console.log('支付成功!')
+            setTimeout(function () {
+              commonTool.reloadVipInfo()
+              that.openPopup2()
+            }, 100)
+          }else{
+            uni.showToast({
+              title: 1===code?'支付超时':2===code?'支付失败':3===code?'支付关闭':4===code?'支付取消':"支付失败",
+              icon: 'none'
+            })
+          }
+          // #endif
         },
         fail: function (err) {
           console.log('取消支付')
           console.log('fail:' + JSON.stringify(err));
         }
       });
+    },
+    openPopup2() {
+      this.$refs.popup2.open("center")
+    },
+    maskClick() {
+      this.$refs.popup2.close()
+      //回到首页
+      uni.switchTab({
+        url: '/pages/zyb/home'
+      });
+    },
+    previewImage(e) {
+      console.log('e', e);
+      uni.previewImage({
+        // 需要预览的图片链接列表
+        urls: [],
+        // 为当前显示图片的链接/索引值
+        current: ImagesConstant.customerServiceQrCode,
+        // 图片指示器样式
+        indicator: 'default',
+        // 是否可循环预览
+        loop: false,
+        // 长按图片显示操作菜单，如不填默认为保存相册
+        // longPressActions:{
+        // 	itemList:[this.l('发送给朋友'),this.l]
+        // },
+        success: res => {
+          console.log('res', res);
+        },
+        fail: err => {
+          console.log('err', err);
+        }
+      });
     }
   }
 }
 </script>
 
 <template>
+  <uni-popup ref="popup2" background-color="#fff" class="radius15" :maskClick='false'>
+    <view class="popup-content radius15" style="padding: 30rpx 30rpx">
+      <view class="font-size-mini4 font-weight-b" style="text-align: center">支付成功，请添加老师微信</view>
+      <image @click="previewImage" :show-menu-by-longpress="true" :src="ImagesConstant.customerServiceQrCode"
+             style="width: 600rpx;height: 800rpx"/>
+      <view class="font-size-mini4 font-weight-b margin-top-20 margin-top-20" @click="maskClick"
+            style="text-align: center">知道了
+      </view>
+    </view>
+  </uni-popup>
   <view class="background-white">
     <view class="border-top"></view>
     <view style="padding: 0 40rpx">
@@ -98,7 +185,7 @@ export default {
         <view class="text-body">
           <text class="text-item">适用考生：艺术类考生</text>
           <text class="text-item">使用专业类别：省内统考</text>
-          <text class="text-item">适用批次：艺考类本科及专科批。</text>
+          <text class="text-item">适用批次：艺考类本科及专科批</text>
           <text class="text-item">适用范围：河南省</text>
         </view>
       </view>
@@ -111,9 +198,10 @@ export default {
       <view class="card">
         <text class="z-h6">开通提示</text>
         <view class="text-body">
-          <text class="text-item">1、高考出分前，可填写模拟成绩体验产品，专业成绩/文化成绩/专业类别信息每日可修改5次。</text>
+          <text class="text-item">1、高考出分前，可填写模拟成绩体验产品，专业成绩/文化成绩信息每日可修改10次。</text>
           <text class="text-item">2、出分后，仅可修改1次信息，将模拟信息修改为最终成绩。</text>
-          <text class="text-item">3、使用过程中，有任何疑问请及时反馈！</text>
+          <text class="text-item">3、激活后，如若未生效请尝试重新登录账号</text>
+          <text class="text-item">4、使用过程中，有任何疑问请及时反馈！</text>
         </view>
       </view>
     </view>
@@ -123,13 +211,15 @@ export default {
       <view class="flex-item-3">
         <view style="color: #df4e44;line-height: 120rpx">
           <text>￥</text>
-          <text class="font-weight-600 font-size-big2">{{totalAmount}}</text>
+          <text class="font-weight-600 font-size-big2">{{ totalAmount }}</text>
         </view>
       </view>
       <view class="flex-item-7">
-        <view @click="paySubmit" style="line-height:90rpx;float: right" class="padding10-30 background-red2 font-size-medium radius60">
+        <view @click="paySubmit" style="line-height:90rpx;float: right"
+              class="padding10-30 background-red2 font-size-medium radius60">
           <view class="white">立即支付</view>
         </view>
+
       </view>
     </view>
   </view>
@@ -169,5 +259,6 @@ export default {
   width: 100%;
   background-color: white;
 }
+
 /*底部 end*/
 </style>
diff --git a/pages/zyb/vip/index-bak.vue b/pages/zyb/vip/index-bak.vue
new file mode 100644
index 0000000..a5a04d3
--- /dev/null
+++ b/pages/zyb/vip/index-bak.vue
@@ -0,0 +1,425 @@
+<!--
+开通VIP 页面
+-->
+<script>
+import StaticConstant from "@/common/StaticConstant";
+import ApiConstant from "@/common/ApiConstant";
+import ImagesConstant from "@/common/ImagesConstant";
+import Request from '@/common/request';
+import {stringIsNotEmpty} from "../../../common/util";
+
+let request = new Request()
+export default {
+  name: "vip-index",
+  components: {},
+  computed: {
+    ImagesConstant() {
+      return ImagesConstant
+    },
+    StaticConstant() {
+      return StaticConstant
+    }
+  },
+  data() {
+    return {
+      checkFlag: false,
+      cardIndex: 0,
+      cardArray: [],
+      hyqyList: [
+        {
+          project: '省控线',
+          v0: '是',
+          v1: '是',
+          v2: '是',
+        },
+        {
+          project: '改成绩',
+          v0: '5次/天',
+          v1: '5次/天',
+          v2: '10次/天'
+        }, {
+          project: '查专业',
+          v0: '是',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '查大学',
+          v0: '查询5条',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '测文化',
+          v0: '查询5条',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '查位次',
+          v0: '是',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '算投档',
+          v0: '否',
+          v1: '是',
+          v2: '是'
+        },{
+          project: '智能推荐',
+          v0: '仅推荐院校',
+          v1: '仅推荐院校',
+          v2: '是'
+        },{
+          project: 'AI填报',
+          v0: '否',
+          v1: '否',
+          v2: '是'
+        },
+        {
+          project: '院校录取率',
+          v0: '否',
+          v1: '否',
+          v2: '是'
+        }
+      ]
+    }
+  },
+  onShow() {
+    let userInfo = uni.getStorageSync('userInfo');
+    if (!userInfo) {
+      wx.reLaunch({
+        url: '/pages/zyb/login',
+      })
+    }
+    if (!stringIsNotEmpty(userInfo.phone)) {
+      uni.reLaunch({
+        url: '/pages/zyb/user/bindPhone'
+      })
+    }
+    uni.getProvider({
+      service: 'payment',
+      success: function (res) {
+        console.log(res)
+        uni.setStorageSync('providerpayment', res.provider[0]);
+      }
+    });
+    //设置秒杀定时器
+    this.getSkuList()
+  },
+  onLoad() {
+  },
+  methods: {
+    //卡密激活按钮
+    kaMi() {
+      this.goto('/pages/zyb/vip/cardamom')
+    },
+    getSkuList() {
+      request.get(ApiConstant.VIP.skuList, {provider:uni.getStorageSync('providerpayment')}).then(r => {
+        console.log(r)
+        if (r.success) {
+          this.cardArray = r.result
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    //立即购买
+    pay() {
+      //判断是不是IOS
+      if (uni.getSystemInfoSync().platform === 'ios') {
+        uni.showToast({title: '抱歉，IOS端暂不可购买 ', icon: "none"});
+        return
+      }
+
+
+      if (!this.checkFlag) {
+        uni.showToast({title: '请阅读会员服务协议并勾选 ', icon: "none"});
+        return
+      }
+
+      request.post(ApiConstant.Pay.vip1, {skuCode: this.cardArray[this.cardIndex].skuCode,provider:uni.getStorageSync('providerpayment')}
+      ).then(r => {
+        console.log(r)
+        if (r.success) {
+          this.goto('/pages/zyb/vip/checkoutCounter?orderCode=' + r.result)
+        } else {
+          uni.showToast({title: r.message, icon: "none", duration: 2000});
+        }
+      }).catch(err => {
+      }).finally(() => {
+      });
+    },
+    checkboxChange(r) {
+      this.checkFlag = r.detail.value && r.detail.value.length > 0;
+    },
+    goto(url) {
+      uni.navigateTo({
+        url: url
+      })
+    },
+    bindPickerCardChange(e) {
+      this.cardIndex = e.detail.value
+    },
+  }
+}
+</script>
+
+<template>
+  <view class="border-top padding50-30" style="background-color: #fdedc8;height: 550rpx;">
+    <view class="flex" style="padding-left: 30rpx">
+      <view class="flex-item-5 font-size-big font-weight-600 brown">
+        不浪费分数
+      </view>
+      <view class="flex-item-5 font-size-big font-weight-600 float-right brown">
+        上更好的大学
+      </view>
+    </view>
+    <view class="flex" style="padding-right: 30rpx;padding-top: 20rpx">
+      <view class="flex-item-7"></view>
+      <view class="flex-item-3">
+        <view style="color: #f8430f" class="font-size-medium font-weight-550 float-right">金榜题名</view>
+      </view>
+    </view>
+    <view class="flex cardTip">
+      河南艺体生更好的选择
+    </view>
+    <view class="card">
+      <view class="flex" style="margin-top: 30rpx">
+        <view class="flex-item-6 font-weight-550" style="color: #743211">
+          {{ StaticConstant.systemName }}填报高级卡VIP
+        </view>
+        <view class="radius8"
+              style="background-color: white;color: #743211;min-width: 150rpx;text-align: center;padding: 5rpx;margin: 0 0 0 auto">
+          <picker @change="bindPickerCardChange" :value="cardIndex" :range="cardArray"
+                  v-if="cardArray && cardArray.length>0"
+                  range-key="skuName">
+            {{ cardArray[cardIndex] && cardArray[cardIndex].skuName }}
+            <image :src="ImagesConstant.triangle_bottom" class="icon32"/>
+          </picker>
+        </view>
+      </view>
+      <view class="flex" style="margin-top: 30rpx;height: 50rpx">
+        <view class="flex-item-7" style="line-height: 40rpx">
+          <view class="flex font-size-mini2 brown">
+            {{ cardArray[cardIndex] && cardArray[cardIndex].skuDetail }}
+          </view>
+        </view>
+      </view>
+      <view class="flex" style="margin-top: 50rpx">
+        <view class="flex-item-7" style="line-height: 50rpx">
+          <view class="flex font-size-mini2 brown">
+            <image
+                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAAAXNSR0IArs4c6QAAAzZJREFUWEe9l8FSGkEQhv9eSHLFm1W61OYN8AmCTxBykCW5BI+pAMITgE+AYbVyVG8BqyJ5AskTaJ4AUqBXNxWrUpYwnZqFxWHZRRJ3ndMyy0x/0739dw/hiYaVW0+DqQogDZBN4HaMYrsfvvR6EoGegsPK6hkQTr22CNSLkbYpYeZADjNG4uaFeA/mNBNSBEoAnPh3YO4Um4NNuW7fTHYZbPjvMf7fDMj+22SZBar/Z9hrZmzgYMtICW10HngQhl1s9VemIFYuWQOzjGEog4Feqdl/+SAIgGKzTw7I2BNcD4VA2WR4+3sFiQTif0Q32MuT0HzOGcaIxVlwDB+Bx1wrtga7DXOtTNB8D8qC06WTwXdq5PQ8MQ4fYS54KcOOa7ENmRVWNlll4jwBzkcrQ0c8qhRbV20nfS1TPxvndjRDTVFpob5lpJ6N6LrwtftTtUgNU++6lNGgjHcl4EgVsDlNsUydlwPgDhgdJjIIyAetkS6H4PF7jY7mD0k2IC7ka1dn3NAsAcLlYnPwyTVez60acX5+7p8J9/9t5NbyxJrv9+emt7un/EYWgngXuAsbpl4noDznYhb5QuvyWM6HC8LYK7X6Fa/BSRGTH/rMoKhAhkJsVE4unZjOwZjJa294IgHxhuUgu1792BrsLgpPVCBHpWZ/2zUsqyjuYmlXA/zCEw3IRH4lyLR4TWTbEae8kfDWkdBBvGFxTi/wChA/XFmWMPumfsiKrkQBMhOWIAHzpmj4IEpYFimvNzzhgky6Jhfg4J2RGom71FQFBdtqeNTCGTZIu9jqv3ENW2ZSyvkURM7LpqfStm35bJnJHYD3nJoRpqCxoqaycRryqDsfnvuaonbpKogK6F2/XK1h2AQqM4a/CHHZ0Mx4wzk5qMcktiFEgihedzs8OQ9GzVmrzD8I8lT9iI9Hp9cN52BWVj8FIbMoM6J4x8CMPNCiOEYBMM08jDKF5tW36W8/mY4SQO7t1+M495pF7X4UUGpm3Xto8iTbfRDXojA8s6dSNNX5mbuv9Ayg7UTR1TOkJHBN7X0DQZzSnls1YoilibXXcG7wNKchy3hNGoZjHBcAd4a3N8euEvut/wvZbExA2hR6OwAAAABJRU5ErkJggg=="
+                alt="" srcset="" class="icon32" style="margin-top: 10rpx;margin-right: 10rpx"/>
+            模拟报志愿VIP
+          </view>
+          <view class="flex font-size-mini2 brown">
+            有效期截至：2024-08-31
+          </view>
+        </view>
+        <view class="flex-item-3 brown marginRight" style="padding: 30rpx 0;text-align: right">
+          <text class="font-weight-600 font-size-medium" style="font-family: 'Helvetica'">
+            ￥{{ cardArray[cardIndex] && cardArray[cardIndex].skuPrice }}
+          </text>
+          <text class="font-size-mini">元</text>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="member-benefits" style="height: 900rpx">
+    <view class="benefits-title">会员权益</view>
+    <view class="benefits-table">
+      <view class="benefits-row header">
+        <text class="benefits-cell">功能</text>
+        <text class="benefits-cell">基础版本</text>
+        <text class="benefits-cell">体验版本</text>
+        <text class="benefits-cell">VIP版本</text>
+      </view>
+      <view class="benefits-row" v-for="(item,index) in hyqyList" :class="index%2===0?'row2':'row1'" :key="index">
+        <text class="benefits-cell">{{ item.project }}</text>
+        <text class="benefits-cell">{{ item.v0 }}</text>
+        <text class="benefits-cell">{{ item.v1 }}</text>
+        <text class="benefits-cell">{{ item.v2 }}</text>
+      </view>
+      <!-- 可以根据需求添加更多的会员权益 -->
+    </view>
+  </view>
+  <view  style="margin-top: 100rpx"></view>
+  <!--  <image :src="ImagesConstant.huiyuanquanyi" style="width: 100%;height: 1100rpx;margin-bottom: 200rpx"/>-->
+  <view class="bottom">
+    <view class="flex ms" style="height: 50rpx;line-height: 50rpx;padding: 20rpx 0">
+      <text class="radius2 white"
+            style="background-color: #f34a8b;height: 30rpx;line-height: 30rpx;font-size: 25rpx;padding: 0 5rpx;margin: 10rpx 20rpx 0 20rpx">
+        秒杀
+      </text>
+      <text class="slateGray">活动结束将恢复原价</text>
+      <text class="red">
+        限时秒杀：
+      </text>
+      <uni-countdown style="position: relative;bottom: 10rpx" :show-day="false" :show-hour="false" :minute="10"
+                     :second="0" color="red" background-color="white"/>
+    </view>
+    <view class="flex" style="padding: 30rpx 20rpx">
+      <view class="flex-item-10 flex">
+        <view class="flex-item-4">
+          <text class="slateGray font-size-mini">原价</text>
+          <text class="slateGray font-size-mini" style="text-decoration: line-through" v-if="cardArray[cardIndex]">
+            ￥{{ cardArray[cardIndex].skuOriginalPrice }}
+          </text>
+          <text class="red" v-if="cardArray[cardIndex]">
+            现价￥{{ cardArray[cardIndex].skuPrice }}
+          </text>
+          <checkbox-group @change="checkboxChange">
+            <checkbox value="cb"/>
+            <text @click="goto('/pages/zyb/other/volunteerCardDesc')">会员服务协议</text>
+          </checkbox-group>
+          <view></view>
+        </view>
+        <view class="flex-item-58 flex">
+          <view class="kmBtn radius8" @click="kaMi">卡密激活</view>
+          <view class="ktBtn radius8" @click="pay">立即开通</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+/*VIP卡*/
+.card {
+  border-radius: 2%;
+  padding: 40rpx 30rpx;
+  height: 300rpx;
+  background-image: url(https://static-qiniu.mnzy.gaokao.cn/zsgk-volunteer/gaokao/assets/images/vip-bg.png);
+  background-repeat: no-repeat;
+  background-position: 50%;
+  background-size: cover;
+  //background: linear-gradient(to right, #ecca7e, #f5dea2, #f8e7b3);
+}
+
+.cardTip {
+  font-size: 26rpx;
+  color: white;
+  padding: 8rpx 20rpx;
+  border-radius: 30rpx 30rpx 30rpx 0;
+  height: 40rpx;
+  line-height: 40rpx;
+  width: 260rpx;
+  background: linear-gradient(to right, #86c9f7, #554df9);
+  position: relative;
+  top: 30rpx;
+}
+
+.bottom {
+  position: fixed;
+  bottom: 0;
+  border-radius: 30rpx 30rpx 0 0;
+  height: 230rpx;
+  width: 100%;
+  background-color: white;
+
+  .ms {
+    background-color: #f9cdd6 !important;
+    line-height: 50rpx;
+    height: 50rpx;
+  }
+}
+
+/*卡密激活按钮 start*/
+.kmBtn {
+  border: 1rpx solid #96b8fe;
+  background-color: #eff9ff;
+  color: #96b8fe;
+  font-size: 35rpx;
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+  width: 200rpx;
+  margin-left: 20rpx;
+}
+
+.kmBtn:active {
+  border: none;
+  background-color: #f8f8f8;
+  color: white;
+}
+
+/*卡密激活按钮 end*/
+
+/*卡密激活按钮 start*/
+.ktBtn {
+  border: 1rpx solid #3d76fd;
+  background-color: #3d76fd;
+  color: white;
+  font-size: 35rpx;
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+  width: 200rpx;
+  margin-left: 20rpx;
+}
+
+.ktBtn:active {
+  border: none;
+  background-color: #f8f8f8;
+  color: white;
+}
+
+/*卡密激活按钮 end*/
+
+
+/*会员权益 start*/
+.member-benefits {
+  padding: 30rpx;
+  background-color: white;
+}
+
+.benefits-title {
+  font-size: 32rpx;
+  text-align: center;
+  margin-bottom: 20rpx;
+}
+
+.benefits-table {
+  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+}
+
+.benefits-row {
+  display: flex;
+  border-radius: 0;
+}
+
+.header {
+  background-color: #6341f7;
+  color: white;
+  border-radius: 10rpx 10rpx 0 0;
+}
+
+.header-cell {
+  color: white;
+}
+
+.odd {
+  background-color: #e9eaff;
+}
+
+.even {
+  background-color: #e9eaff;
+  border-radius: 0 0 10rpx 10rpx;
+}
+
+.benefits-cell {
+  flex: 1;
+  text-align: center;
+  border-right: 1rpx solid #fdf4dc;
+  padding: 10rpx;
+}
+
+.row2 {
+  background-color: #ffffff;
+}
+
+.row1 {
+  background-color: #e9eaff;
+}
+
+/*会员权益 end*/
+</style>
diff --git a/pages/zyb/vip/index.vue b/pages/zyb/vip/index.vue
index 974484a..3a3df13 100644
--- a/pages/zyb/vip/index.vue
+++ b/pages/zyb/vip/index.vue
@@ -5,12 +5,14 @@
 import StaticConstant from "@/common/StaticConstant";
 import ApiConstant from "@/common/ApiConstant";
 import ImagesConstant from "@/common/ImagesConstant";
-import Request from '@/common/request'
+import Request from '@/common/request';
+import {stringIsNotEmpty} from "../../../common/util";
+import Image from "../../component/image/image.vue";
 
 let request = new Request()
 export default {
   name: "vip-index",
-  components: {},
+  components: {Image},
   computed: {
     ImagesConstant() {
       return ImagesConstant
@@ -23,28 +25,95 @@ export default {
     return {
       checkFlag: false,
       cardIndex: 0,
-      cardArray: [
+      cardArray: [],
+      hyqyList: [
         {
-          skuCode:'1',
-          skuName: '志愿卡',
-          skuOriginalPrice:0,
-          skuPrice:18.8,
-          endTime: '2024-08-31'
+          project: '省控线',
+          v0: '是',
+          v1: '是',
+          v2: '是',
         },
+        {
+          project: '改成绩',
+          v0: '5次/天',
+          v1: '5次/天',
+          v2: '10次/天'
+        }, {
+          project: '查专业',
+          v0: '是',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '查大学',
+          v0: '查询5条',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '测文化',
+          v0: '查询5条',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '查位次',
+          v0: '是',
+          v1: '是',
+          v2: '是'
+        }, {
+          project: '算投档',
+          v0: '否',
+          v1: '是',
+          v2: '是'
+        },{
+          project: '智能推荐',
+          v0: '仅推荐院校',
+          v1: '仅推荐院校',
+          v2: '是'
+        },{
+          project: 'AI填报',
+          v0: '否',
+          v1: '否',
+          v2: '是'
+        },
+        {
+          project: '院校录取率',
+          v0: '否',
+          v1: '否',
+          v2: '是'
+        }
       ]
     }
   },
-  onLoad() {
+  onShow() {
+    let userInfo = uni.getStorageSync('userInfo');
+    if (!userInfo) {
+      wx.reLaunch({
+        url: '/pages/zyb/login',
+      })
+    }
+    if (!stringIsNotEmpty(userInfo.phone)) {
+      uni.reLaunch({
+        url: '/pages/zyb/user/bindPhone'
+      })
+    }
+    uni.getProvider({
+      service: 'payment',
+      success: function (res) {
+        console.log(res)
+        uni.setStorageSync('providerpayment', res.provider[0]);
+      }
+    });
     //设置秒杀定时器
     this.getSkuList()
   },
+  onLoad() {
+  },
   methods: {
     //卡密激活按钮
-    kaMi(){
+    kaMi() {
       this.goto('/pages/zyb/vip/cardamom')
     },
-    getSkuList(){
-      request.get(ApiConstant.VIP.skuList, {}).then(r => {
+    getSkuList() {
+      request.get(ApiConstant.VIP.skuList, {provider:uni.getStorageSync('providerpayment')}).then(r => {
         console.log(r)
         if (r.success) {
           this.cardArray = r.result
@@ -55,18 +124,25 @@ export default {
     },
     //立即购买
     pay() {
+      //判断是不是IOS
+      if (uni.getSystemInfoSync().platform === 'ios') {
+        uni.showToast({title: '抱歉，IOS端暂不可购买 ', icon: "none"});
+        return
+      }
+
+
       if (!this.checkFlag) {
         uni.showToast({title: '请阅读会员服务协议并勾选 ', icon: "none"});
         return
       }
-      request.post(ApiConstant.Pay.vip1,
-          {skuCode:this.cardArray[this.cardIndex].skuCode}
+
+      request.post(ApiConstant.Pay.vip1, {skuCode: this.cardArray[this.cardIndex].skuCode,provider:uni.getStorageSync('providerpayment')}
       ).then(r => {
         console.log(r)
         if (r.success) {
-          this.goto('/pages/zyb/vip/checkoutCounter?orderCode='+r.result)
-        }else{
-          uni.showToast({title:r.message, icon: "none"});
+          this.goto('/pages/zyb/vip/checkoutCounter?orderCode=' + r.result)
+        } else {
+          uni.showToast({title: r.message, icon: "none", duration: 2000});
         }
       }).catch(err => {
       }).finally(() => {
@@ -82,13 +158,16 @@ export default {
     },
     bindPickerCardChange(e) {
       this.cardIndex = e.detail.value
-    }
+    },
+    bindCardChange(index){
+      this.cardIndex = index
+    },
   }
 }
 </script>
 
 <template>
-  <view class="border-top padding50-30" style="background-color: #fdedc8;height: 700rpx;">
+  <view class="border-top padding50-30" style="background-color: #fdedc8;height: 550rpx;">
     <view class="flex" style="padding-left: 30rpx">
       <view class="flex-item-5 font-size-big font-weight-600 brown">
         不浪费分数
@@ -103,69 +182,100 @@ export default {
         <view style="color: #f8430f" class="font-size-medium font-weight-550 float-right">金榜题名</view>
       </view>
     </view>
-    <view class="flex cardTip">
-      超1000万考生开通VIP
-    </view>
-    <view class="card">
-      <view class="flex" style="margin-top: 30rpx">
-        <view class="flex-item-6 font-weight-550" style="color: #743211">
-          {{StaticConstant.systemName}}填报高级卡VIP
-        </view>
-        <view class="radius8"
-              style="background-color: white;color: #743211;min-width: 150rpx;text-align: center;padding: 5rpx;margin: 0 0 0 auto">
-          <picker @change="bindPickerCardChange" :value="cardIndex" :range="cardArray"
-                  range-key="skuName">
-            {{ cardArray[cardIndex].skuName }}
-            <image :src="ImagesConstant.triangle_bottom" class="icon32"/>
-          </picker>
-        </view>
-      </view>
-      <view class="flex" style="margin-top: 30rpx">
-        <view class="flex-item-7" style="line-height: 50rpx">
-          <view class="flex font-size-mini2 brown">
-            {{cardArray[cardIndex].skuDetail}}
+
+    <scroll-view class="nav-bar" scroll-x>
+      <view class="nav-bar-wrap">
+        <view v-for="(item, index) in cardArray" :key="index">
+          <view class="nav-bar-item">
+<!--            <view class="flex cardTip">-->
+<!--              河南艺体生更好的选择-->
+<!--            </view>-->
+            <view class="card" @click="bindCardChange(index)">
+              <image v-show="cardIndex===index" src="/static/icons/select_blue.png" class="icon32" style="position: absolute"/>
+              <view class="flex" style="margin-top: 30rpx">
+                <view class="flex-item-6 font-size-mini5 font-weight-550" style="color: #743211">
+<!--                  {{ StaticConstant.systemName }}&nbsp;-->
+                  {{item.skuName}}
+                </view>
+              </view>
+              <view class="flex" style="margin-top: 30rpx;height: 50rpx">
+                <view class="flex-item-7" style="line-height: 40rpx">
+                  <view class="flex font-size-mini2 brown">
+                    {{ item.skuDetail }}
+                  </view>
+                </view>
+              </view>
+              <view class="flex" style="margin-top: 50rpx">
+                <view class="flex-item-7" style="line-height: 50rpx">
+                  <view class="flex font-size-mini2 brown">
+                    <image
+                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAAAXNSR0IArs4c6QAAAzZJREFUWEe9l8FSGkEQhv9eSHLFm1W61OYN8AmCTxBykCW5BI+pAMITgE+AYbVyVG8BqyJ5AskTaJ4AUqBXNxWrUpYwnZqFxWHZRRJ3ndMyy0x/0739dw/hiYaVW0+DqQogDZBN4HaMYrsfvvR6EoGegsPK6hkQTr22CNSLkbYpYeZADjNG4uaFeA/mNBNSBEoAnPh3YO4Um4NNuW7fTHYZbPjvMf7fDMj+22SZBar/Z9hrZmzgYMtICW10HngQhl1s9VemIFYuWQOzjGEog4Feqdl/+SAIgGKzTw7I2BNcD4VA2WR4+3sFiQTif0Q32MuT0HzOGcaIxVlwDB+Bx1wrtga7DXOtTNB8D8qC06WTwXdq5PQ8MQ4fYS54KcOOa7ENmRVWNlll4jwBzkcrQ0c8qhRbV20nfS1TPxvndjRDTVFpob5lpJ6N6LrwtftTtUgNU++6lNGgjHcl4EgVsDlNsUydlwPgDhgdJjIIyAetkS6H4PF7jY7mD0k2IC7ka1dn3NAsAcLlYnPwyTVez60acX5+7p8J9/9t5NbyxJrv9+emt7un/EYWgngXuAsbpl4noDznYhb5QuvyWM6HC8LYK7X6Fa/BSRGTH/rMoKhAhkJsVE4unZjOwZjJa294IgHxhuUgu1792BrsLgpPVCBHpWZ/2zUsqyjuYmlXA/zCEw3IRH4lyLR4TWTbEae8kfDWkdBBvGFxTi/wChA/XFmWMPumfsiKrkQBMhOWIAHzpmj4IEpYFimvNzzhgky6Jhfg4J2RGom71FQFBdtqeNTCGTZIu9jqv3ENW2ZSyvkURM7LpqfStm35bJnJHYD3nJoRpqCxoqaycRryqDsfnvuaonbpKogK6F2/XK1h2AQqM4a/CHHZ0Mx4wzk5qMcktiFEgihedzs8OQ9GzVmrzD8I8lT9iI9Hp9cN52BWVj8FIbMoM6J4x8CMPNCiOEYBMM08jDKF5tW36W8/mY4SQO7t1+M495pF7X4UUGpm3Xto8iTbfRDXojA8s6dSNNX5mbuv9Ayg7UTR1TOkJHBN7X0DQZzSnls1YoilibXXcG7wNKchy3hNGoZjHBcAd4a3N8euEvut/wvZbExA2hR6OwAAAABJRU5ErkJggg=="
+                        alt="" srcset="" class="icon32" style="margin-top: 10rpx;margin-right: 10rpx"/>
+                    模拟报志愿VIP
+                  </view>
+                  <view class="flex font-size-mini2 brown">
+                    <text>{{item.skuCode==='9000'?'咨询详谈':'有效期截至：2024-08-31'}}</text>
+                  </view>
+                </view>
+                <view class="flex-item-3 brown marginRight" style="padding: 30rpx 0;text-align: right">
+                  <text class="font-weight-600 font-size-medium" style="font-family: 'Helvetica'">
+                    ￥{{ item.skuPrice }}
+                  </text>
+                  <text class="font-size-mini">元</text>
+                </view>
+              </view>
+            </view>
+<!--            <image class="img" @click="bindCardChange(index)" :src="'https://static-qiniu.mnzy.gaokao.cn/zsgk-volunteer/gaokao/assets/images/vip-bg.png'" style="width: 500rpx;height: 280rpx"/>-->
           </view>
         </view>
       </view>
-      <view class="flex" style="margin-top: 50rpx">
-        <view class="flex-item-7" style="line-height: 50rpx">
-          <view class="flex font-size-mini2 brown">
-            <image
-                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAAAXNSR0IArs4c6QAAAzZJREFUWEe9l8FSGkEQhv9eSHLFm1W61OYN8AmCTxBykCW5BI+pAMITgE+AYbVyVG8BqyJ5AskTaJ4AUqBXNxWrUpYwnZqFxWHZRRJ3ndMyy0x/0739dw/hiYaVW0+DqQogDZBN4HaMYrsfvvR6EoGegsPK6hkQTr22CNSLkbYpYeZADjNG4uaFeA/mNBNSBEoAnPh3YO4Um4NNuW7fTHYZbPjvMf7fDMj+22SZBar/Z9hrZmzgYMtICW10HngQhl1s9VemIFYuWQOzjGEog4Feqdl/+SAIgGKzTw7I2BNcD4VA2WR4+3sFiQTif0Q32MuT0HzOGcaIxVlwDB+Bx1wrtga7DXOtTNB8D8qC06WTwXdq5PQ8MQ4fYS54KcOOa7ENmRVWNlll4jwBzkcrQ0c8qhRbV20nfS1TPxvndjRDTVFpob5lpJ6N6LrwtftTtUgNU++6lNGgjHcl4EgVsDlNsUydlwPgDhgdJjIIyAetkS6H4PF7jY7mD0k2IC7ka1dn3NAsAcLlYnPwyTVez60acX5+7p8J9/9t5NbyxJrv9+emt7un/EYWgngXuAsbpl4noDznYhb5QuvyWM6HC8LYK7X6Fa/BSRGTH/rMoKhAhkJsVE4unZjOwZjJa294IgHxhuUgu1792BrsLgpPVCBHpWZ/2zUsqyjuYmlXA/zCEw3IRH4lyLR4TWTbEae8kfDWkdBBvGFxTi/wChA/XFmWMPumfsiKrkQBMhOWIAHzpmj4IEpYFimvNzzhgky6Jhfg4J2RGom71FQFBdtqeNTCGTZIu9jqv3ENW2ZSyvkURM7LpqfStm35bJnJHYD3nJoRpqCxoqaycRryqDsfnvuaonbpKogK6F2/XK1h2AQqM4a/CHHZ0Mx4wzk5qMcktiFEgihedzs8OQ9GzVmrzD8I8lT9iI9Hp9cN52BWVj8FIbMoM6J4x8CMPNCiOEYBMM08jDKF5tW36W8/mY4SQO7t1+M495pF7X4UUGpm3Xto8iTbfRDXojA8s6dSNNX5mbuv9Ayg7UTR1TOkJHBN7X0DQZzSnls1YoilibXXcG7wNKchy3hNGoZjHBcAd4a3N8euEvut/wvZbExA2hR6OwAAAABJRU5ErkJggg=="
-                alt="" srcset="" class="icon32" style="margin-top: 10rpx;margin-right: 10rpx"/>
-            模拟报志愿VIP
-          </view>
-          <view class="flex font-size-mini2 brown">
-            有效期截至：2024-08-31
-<!--            {{ cardArray[cardIndex].endTime }}-->
-          </view>
-        </view>
-        <view class="flex-item-3 brown marginRight" style="padding: 30rpx 0;text-align: right">
-          <text class="font-weight-600 font-size-medium" style="font-family: 'Helvetica'">
-            ￥{{ cardArray[cardIndex].skuPrice }}
-          </text>
-          <text class="font-size-mini">元</text>
-        </view>
+    </scroll-view>
+
+
+
+  </view>
+  <view class="member-benefits" style="height: 900rpx">
+    <view class="benefits-title">会员权益</view>
+    <view class="benefits-table">
+      <view class="benefits-row header">
+        <text class="benefits-cell">功能</text>
+        <text class="benefits-cell">基础版本</text>
+        <text class="benefits-cell">体验版本</text>
+        <text class="benefits-cell">VIP版本</text>
       </view>
+      <view class="benefits-row" v-for="(item,index) in hyqyList" :class="index%2===0?'row2':'row1'" :key="index">
+        <text class="benefits-cell">{{ item.project }}</text>
+        <text class="benefits-cell">{{ item.v0 }}</text>
+        <text class="benefits-cell">{{ item.v1 }}</text>
+        <text class="benefits-cell">{{ item.v2 }}</text>
+      </view>
+      <!-- 可以根据需求添加更多的会员权益 -->
     </view>
   </view>
-  <image :src="ImagesConstant.huiyuanquanyi" style="width: 100%;height: 1100rpx;margin-bottom: 200rpx"/>
+  <view  style="margin-top: 100rpx"></view>
+<!--  <image :src="ImagesConstant.huiyuanquanyi" style="width: 100%;height: 1100rpx;margin-bottom: 200rpx"/>-->
   <view class="bottom">
     <view class="flex ms" style="height: 50rpx;line-height: 50rpx;padding: 20rpx 0">
-      <text class="radius2 white" style="background-color: #f34a8b;height: 30rpx;line-height: 30rpx;font-size: 25rpx;padding: 0 5rpx;margin: 10rpx 20rpx 0 20rpx">秒杀</text>
+      <text class="radius2 white"
+            style="background-color: #f34a8b;height: 30rpx;line-height: 30rpx;font-size: 25rpx;padding: 0 5rpx;margin: 10rpx 20rpx 0 20rpx">
+        秒杀
+      </text>
       <text class="slateGray">活动结束将恢复原价</text>
       <text class="red">
         限时秒杀：
       </text>
-      <uni-countdown style="position: relative;bottom: 10rpx" :show-day="false" :show-hour="false" :minute="10" :second="0" color="red" background-color="white" />
+      <uni-countdown style="position: relative;bottom: 10rpx" :show-day="false" :show-hour="false" :minute="10"
+                     :second="0" color="red" background-color="white"/>
     </view>
     <view class="flex" style="padding: 30rpx 20rpx">
       <view class="flex-item-10 flex">
-        <view class="flex-item-4">
+        <view class="flex-item-45">
           <text class="slateGray font-size-mini">原价</text>
-          <text class="slateGray font-size-mini" style="text-decoration: line-through">￥{{cardArray[cardIndex].skuOriginalPrice}}</text>
-          <text class="red">
-            现价￥{{cardArray[cardIndex].skuPrice}}
+          <text class="slateGray font-size-mini" style="text-decoration: line-through" v-if="cardArray[cardIndex]">
+            ￥{{ cardArray[cardIndex].skuOriginalPrice }}
+          </text>
+          <text class="red" v-if="cardArray[cardIndex]">
+            现价￥<text class="font-size-mini5">{{ cardArray[cardIndex].skuPrice }}</text>
           </text>
           <checkbox-group @change="checkboxChange">
             <checkbox value="cb"/>
@@ -173,7 +283,7 @@ export default {
           </checkbox-group>
           <view></view>
         </view>
-        <view class="flex-item-58 flex">
+        <view class="flex-item-55 flex">
           <view class="kmBtn radius8" @click="kaMi">卡密激活</view>
           <view class="ktBtn radius8" @click="pay">立即开通</view>
         </view>
@@ -187,8 +297,8 @@ export default {
 .card {
   border-radius: 2%;
   padding: 40rpx 30rpx;
-  height: 300rpx;
   background-image: url(https://static-qiniu.mnzy.gaokao.cn/zsgk-volunteer/gaokao/assets/images/vip-bg.png);
+  width: 500rpx;height: 280rpx;
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: cover;
@@ -215,6 +325,7 @@ export default {
   height: 230rpx;
   width: 100%;
   background-color: white;
+
   .ms {
     background-color: #f9cdd6 !important;
     line-height: 50rpx;
@@ -263,4 +374,94 @@ export default {
 }
 
 /*卡密激活按钮 end*/
+
+
+/*会员权益 start*/
+.member-benefits {
+  padding: 30rpx;
+  background-color: white;
+}
+
+.benefits-title {
+  font-size: 32rpx;
+  text-align: center;
+  margin-bottom: 20rpx;
+}
+
+.benefits-table {
+  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+}
+
+.benefits-row {
+  display: flex;
+  border-radius: 0;
+}
+
+.header {
+  background-color: #6341f7;
+  color: white;
+  border-radius: 10rpx 10rpx 0 0;
+}
+
+.header-cell {
+  color: white;
+}
+
+.odd {
+  background-color: #e9eaff;
+}
+
+.even {
+  background-color: #e9eaff;
+  border-radius: 0 0 10rpx 10rpx;
+}
+
+.benefits-cell {
+  flex: 1;
+  text-align: center;
+  border-right: 1rpx solid #fdf4dc;
+  padding: 10rpx;
+}
+
+.row2 {
+  background-color: #ffffff;
+}
+
+.row1 {
+  background-color: #e9eaff;
+}
+
+
+/*会员权益 end*/
+
+
+/*滚动条 start*/
+/*横向滚动列表 start*/
+scroll-view {
+  white-space: nowrap;
+}
+
+/* 去除滚动条 */
+::-webkit-scrollbar {
+  //display: none;
+  //width: 0;
+  //height: 0;
+  //color: transparent;
+}
+
+.nav-bar-wrap { //  关键的样式
+  display: flex;
+  flex-flow: row wrap;
+  width: 1800rpx;
+}
+
+.nav-bar-item {
+  //width: 500rpx;
+  display: flex;
+  //height: 170rpx;
+  margin-top: 18rpx;
+  margin-right: 30rpx;
+  position: relative;
+}
+/*滚动条 end*/
 </style>
diff --git a/static/home_background.png b/static/home_background.png
new file mode 100644
index 0000000..a52a74d
Binary files /dev/null and b/static/home_background.png differ
diff --git a/static/icons/add_orange.png b/static/icons/add_orange.png
new file mode 100644
index 0000000..53822d3
Binary files /dev/null and b/static/icons/add_orange.png differ
diff --git a/static/icons/avatar.png b/static/icons/avatar.png
new file mode 100644
index 0000000..c34f0a4
Binary files /dev/null and b/static/icons/avatar.png differ
diff --git a/static/icons/boshi.png b/static/icons/boshi.png
new file mode 100644
index 0000000..6169e4b
Binary files /dev/null and b/static/icons/boshi.png differ
diff --git a/static/icons/clonse.png b/static/icons/clonse.png
new file mode 100644
index 0000000..7ff1b71
Binary files /dev/null and b/static/icons/clonse.png differ
diff --git a/static/icons/delete.png b/static/icons/delete.png
new file mode 100644
index 0000000..6ab0b08
Binary files /dev/null and b/static/icons/delete.png differ
diff --git a/static/icons/duigou_orange.png b/static/icons/duigou_orange.png
new file mode 100644
index 0000000..425fd86
Binary files /dev/null and b/static/icons/duigou_orange.png differ
diff --git a/static/icons/edit.png b/static/icons/edit.png
new file mode 100644
index 0000000..9fb5710
Binary files /dev/null and b/static/icons/edit.png differ
diff --git a/static/icons/gif/detail.gif b/static/icons/gif/detail.gif
new file mode 100644
index 0000000..32fd2be
Binary files /dev/null and b/static/icons/gif/detail.gif differ
diff --git a/static/icons/gif/icons8-calendar.gif b/static/icons/gif/icons8-calendar.gif
new file mode 100644
index 0000000..bf5d648
Binary files /dev/null and b/static/icons/gif/icons8-calendar.gif differ
diff --git a/static/icons/gif/icons8-cards.gif b/static/icons/gif/icons8-cards.gif
new file mode 100644
index 0000000..399aa00
Binary files /dev/null and b/static/icons/gif/icons8-cards.gif differ
diff --git a/static/icons/gif/icons8-cooperate.gif b/static/icons/gif/icons8-cooperate.gif
new file mode 100644
index 0000000..8b982a9
Binary files /dev/null and b/static/icons/gif/icons8-cooperate.gif differ
diff --git a/static/icons/gif/icons8-customer-service.gif b/static/icons/gif/icons8-customer-service.gif
new file mode 100644
index 0000000..ff9fc8d
Binary files /dev/null and b/static/icons/gif/icons8-customer-service.gif differ
diff --git a/static/icons/gif/icons8-doubt.gif b/static/icons/gif/icons8-doubt.gif
new file mode 100644
index 0000000..38e8a19
Binary files /dev/null and b/static/icons/gif/icons8-doubt.gif differ
diff --git a/static/icons/gif/icons8-loading-heart.gif b/static/icons/gif/icons8-loading-heart.gif
new file mode 100644
index 0000000..d701277
Binary files /dev/null and b/static/icons/gif/icons8-loading-heart.gif differ
diff --git a/static/icons/gif/icons8-man.gif b/static/icons/gif/icons8-man.gif
new file mode 100644
index 0000000..9a22c20
Binary files /dev/null and b/static/icons/gif/icons8-man.gif differ
diff --git a/static/icons/gif/icons8-order.gif b/static/icons/gif/icons8-order.gif
new file mode 100644
index 0000000..a77c684
Binary files /dev/null and b/static/icons/gif/icons8-order.gif differ
diff --git a/static/icons/gif/icons8-wotuishi-settings.gif b/static/icons/gif/icons8-wotuishi-settings.gif
new file mode 100644
index 0000000..5ddac3a
Binary files /dev/null and b/static/icons/gif/icons8-wotuishi-settings.gif differ
diff --git a/static/icons/glyph/icons-arrow-down-orange-90.png b/static/icons/glyph/icons-arrow-down-orange-90.png
new file mode 100644
index 0000000..11665ef
Binary files /dev/null and b/static/icons/glyph/icons-arrow-down-orange-90.png differ
diff --git a/static/icons/glyph/icons-arrow-up-orange-90.png b/static/icons/glyph/icons-arrow-up-orange-90.png
new file mode 100644
index 0000000..51ad9c6
Binary files /dev/null and b/static/icons/glyph/icons-arrow-up-orange-90.png differ
diff --git a/static/icons/icons8-home-active.png b/static/icons/icons8-home-active.png
new file mode 100644
index 0000000..60cbaa3
Binary files /dev/null and b/static/icons/icons8-home-active.png differ
diff --git a/static/icons/icons8-home.png b/static/icons/icons8-home.png
new file mode 100644
index 0000000..8679e5c
Binary files /dev/null and b/static/icons/icons8-home.png differ
diff --git a/static/icons/icons8-menu.png b/static/icons/icons8-menu.png
new file mode 100644
index 0000000..805d2eb
Binary files /dev/null and b/static/icons/icons8-menu.png differ
diff --git a/static/icons/icons8-notepad-active.png b/static/icons/icons8-notepad-active.png
new file mode 100644
index 0000000..bb324d9
Binary files /dev/null and b/static/icons/icons8-notepad-active.png differ
diff --git a/static/icons/icons8-notepad.png b/static/icons/icons8-notepad.png
new file mode 100644
index 0000000..0d1d35f
Binary files /dev/null and b/static/icons/icons8-notepad.png differ
diff --git a/static/icons/icons8-select-96.png b/static/icons/icons8-select-96.png
new file mode 100644
index 0000000..8c8bc76
Binary files /dev/null and b/static/icons/icons8-select-96.png differ
diff --git a/static/icons/icons8-woman-active.png b/static/icons/icons8-woman-active.png
new file mode 100644
index 0000000..895e8f9
Binary files /dev/null and b/static/icons/icons8-woman-active.png differ
diff --git a/static/icons/icons8-woman.png b/static/icons/icons8-woman.png
new file mode 100644
index 0000000..6faad4d
Binary files /dev/null and b/static/icons/icons8-woman.png differ
diff --git a/static/icons/move.png b/static/icons/move.png
new file mode 100644
index 0000000..963f5f1
Binary files /dev/null and b/static/icons/move.png differ
diff --git a/static/icons/oneByOne.2bad329.png b/static/icons/oneByOne.2bad329.png
new file mode 100644
index 0000000..c7ead0c
Binary files /dev/null and b/static/icons/oneByOne.2bad329.png differ
diff --git a/static/icons/options/cewenhua.png b/static/icons/options/cewenhua.png
new file mode 100644
index 0000000..7c77dae
Binary files /dev/null and b/static/icons/options/cewenhua.png differ
diff --git a/static/icons/options/chaweici.png b/static/icons/options/chaweici.png
new file mode 100644
index 0000000..8c646b5
Binary files /dev/null and b/static/icons/options/chaweici.png differ
diff --git a/static/icons/options/chayuanxiao.png b/static/icons/options/chayuanxiao.png
new file mode 100644
index 0000000..750dfc4
Binary files /dev/null and b/static/icons/options/chayuanxiao.png differ
diff --git a/static/icons/options/chazhuanye.png b/static/icons/options/chazhuanye.png
new file mode 100644
index 0000000..0ddc2d2
Binary files /dev/null and b/static/icons/options/chazhuanye.png differ
diff --git a/static/icons/options/dataLevelUp.png b/static/icons/options/dataLevelUp.png
new file mode 100644
index 0000000..980f219
Binary files /dev/null and b/static/icons/options/dataLevelUp.png differ
diff --git a/static/icons/options/gupiao.png b/static/icons/options/gupiao.png
new file mode 100644
index 0000000..9138586
Binary files /dev/null and b/static/icons/options/gupiao.png differ
diff --git a/static/icons/options/message.png b/static/icons/options/message.png
new file mode 100644
index 0000000..80329bf
Binary files /dev/null and b/static/icons/options/message.png differ
diff --git a/static/icons/options/shengkongxian.png b/static/icons/options/shengkongxian.png
new file mode 100644
index 0000000..16855fd
Binary files /dev/null and b/static/icons/options/shengkongxian.png differ
diff --git a/static/icons/options/suantoudang.png b/static/icons/options/suantoudang.png
new file mode 100644
index 0000000..06c7fad
Binary files /dev/null and b/static/icons/options/suantoudang.png differ
diff --git a/static/icons/options/tongji.png b/static/icons/options/tongji.png
new file mode 100644
index 0000000..56d4a7d
Binary files /dev/null and b/static/icons/options/tongji.png differ
diff --git a/static/icons/options/zhaoshengzhangcheng.png b/static/icons/options/zhaoshengzhangcheng.png
new file mode 100644
index 0000000..b81ac68
Binary files /dev/null and b/static/icons/options/zhaoshengzhangcheng.png differ
diff --git a/static/icons/options/zhuanhuan.png b/static/icons/options/zhuanhuan.png
new file mode 100644
index 0000000..255870a
Binary files /dev/null and b/static/icons/options/zhuanhuan.png differ
diff --git a/static/icons/search.png b/static/icons/search.png
new file mode 100644
index 0000000..200b31b
Binary files /dev/null and b/static/icons/search.png differ
diff --git a/static/icons/select_blue.png b/static/icons/select_blue.png
new file mode 100644
index 0000000..4526f96
Binary files /dev/null and b/static/icons/select_blue.png differ
diff --git a/static/icons/shoucang-active.png b/static/icons/shoucang-active.png
new file mode 100644
index 0000000..f80f5a1
Binary files /dev/null and b/static/icons/shoucang-active.png differ
diff --git a/static/icons/shoucang.png b/static/icons/shoucang.png
new file mode 100644
index 0000000..2ae9871
Binary files /dev/null and b/static/icons/shoucang.png differ
diff --git a/static/icons/shu.png b/static/icons/shu.png
new file mode 100644
index 0000000..a2a7ee6
Binary files /dev/null and b/static/icons/shu.png differ
diff --git a/static/icons/success.png b/static/icons/success.png
new file mode 100644
index 0000000..3fe767f
Binary files /dev/null and b/static/icons/success.png differ
diff --git a/static/icons/wechat.png b/static/icons/wechat.png
new file mode 100644
index 0000000..4ba0a2d
Binary files /dev/null and b/static/icons/wechat.png differ
diff --git a/uni_modules/mp-html/README.md b/uni_modules/mp-html/README.md
new file mode 100644
index 0000000..dcfcc2c
--- /dev/null
+++ b/uni_modules/mp-html/README.md
@@ -0,0 +1,193 @@
+## 为减小组件包的大小，默认组件包中不包含编辑、latex 公式等扩展功能，需要使用扩展功能的请参考下方的 插件扩展 栏的说明
+
+## 功能介绍
+- 全端支持（含 `v3、NVUE`）
+- 支持丰富的标签（包括 `table`、`video`、`svg` 等）
+- 支持丰富的事件效果（自动预览图片、链接处理等）
+- 支持设置占位图（加载中、出错时、预览时）
+- 支持锚点跳转、长按复制等丰富功能
+- 支持大部分 *html* 实体
+- 丰富的插件（关键词搜索、内容编辑、`latex` 公式等）
+- 效率高、容错性强且轻量化
+
+查看 [功能介绍](https://jin-yufeng.gitee.io/mp-html/#/overview/feature) 了解更多
+
+## 使用方法
+- `uni_modules` 方式  
+  1. 点击右上角的 `使用 HBuilder X 导入插件` 按钮直接导入项目或点击 `下载插件 ZIP` 按钮下载插件包并解压到项目的 `uni_modules/mp-html` 目录下  
+  2. 在需要使用页面的 `(n)vue` 文件中添加  
+     ```html
+     <!-- 不需要引入，可直接使用 -->
+     <mp-html :content="html" />
+     ```
+     ```javascript
+     export default {
+       data() {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+     ```
+  3. 需要更新版本时在 `HBuilder X` 中右键 `uni_modules/mp-html` 目录选择 `从插件市场更新` 即可  
+
+- 源码方式  
+  1. 从 [github](https://github.com/jin-yufeng/mp-html/tree/master/dist/uni-app) 或 [gitee](https://gitee.com/jin-yufeng/mp-html/tree/master/dist/uni-app) 下载源码  
+     插件市场的 **非 uni_modules 版本** 无法更新，不建议从插件市场获取  
+  2. 在需要使用页面的 `(n)vue` 文件中添加  
+     ```html
+     <mp-html :content="html" />
+     ```
+     ```javascript
+     import mpHtml from '@/components/mp-html/mp-html'
+     export default {
+       // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+       components: {
+         mpHtml
+       },
+       data() {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+     ```
+
+- npm 方式  
+  1. 在项目根目录下执行  
+     ```bash
+     npm install mp-html
+     ```
+  2. 在需要使用页面的 `(n)vue` 文件中添加  
+     ```html
+     <mp-html :content="html" />
+     ```
+     ```javascript
+     import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
+     export default {
+       // 不可省略
+       components: {
+         mpHtml
+       },
+       data() {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+     ```
+  3. 需要更新版本时执行以下命令即可  
+     ```bash
+     npm update mp-html
+     ```
+  
+  使用 *cli* 方式运行的项目，通过 *npm* 方式引入时，需要在 *vue.config.js* 中配置 *transpileDependencies*，详情可见 [#330](https://github.com/jin-yufeng/mp-html/issues/330#issuecomment-913617687)  
+  如果在 **nvue** 中使用还要将 `dist/uni-app/static` 目录下的内容拷贝到项目的 `static` 目录下，否则无法运行  
+
+查看 [快速开始](https://jin-yufeng.gitee.io/mp-html/#/overview/quickstart) 了解更多
+
+## 组件属性
+
+| 属性 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| container-style | String |  | 容器的样式（[2.1.0+](https://jin-yufeng.gitee.io/mp-html/#/changelog/changelog#v210)） |
+| content | String |  | 用于渲染的 html 字符串 |
+| copy-link | Boolean | true | 是否允许外部链接被点击时自动复制 |
+| domain | String |  | 主域名（用于链接拼接） |
+| error-img | String |  | 图片出错时的占位图链接 |
+| lazy-load | Boolean | false | 是否开启图片懒加载 |
+| loading-img | String |  | 图片加载过程中的占位图链接 |
+| pause-video | Boolean | true | 是否在播放一个视频时自动暂停其他视频 |
+| preview-img | Boolean | true | 是否允许图片被点击时自动预览 |
+| scroll-table | Boolean | false | 是否给每个表格添加一个滚动层使其能单独横向滚动 |
+| selectable | Boolean | false | 是否开启文本长按复制 |
+| set-title | Boolean | true | 是否将 title 标签的内容设置到页面标题 |
+| show-img-menu | Boolean | true | 是否允许图片被长按时显示菜单 |
+| tag-style | Object |  | 设置标签的默认样式 |
+| use-anchor | Boolean | false | 是否使用锚点链接 |
+
+查看 [属性](https://jin-yufeng.gitee.io/mp-html/#/basic/prop) 了解更多
+
+## 组件事件
+
+| 名称 | 触发时机 |
+|:---:|---|
+| load | dom 树加载完毕时 |
+| ready | 图片加载完毕时 |
+| error | 发生渲染错误时 |
+| imgtap | 图片被点击时 |
+| linktap | 链接被点击时 |
+| play | 音视频播放时 |
+
+查看 [事件](https://jin-yufeng.gitee.io/mp-html/#/basic/event) 了解更多
+
+## api
+组件实例上提供了一些 `api` 方法可供调用
+
+| 名称 | 作用 |
+|:---:|---|
+| in | 将锚点跳转的范围限定在一个 scroll-view 内 |
+| navigateTo | 锚点跳转 |
+| getText | 获取文本内容 |
+| getRect | 获取富文本内容的位置和大小 |
+| setContent | 设置富文本内容 |
+| imgList | 获取所有图片的数组 |
+| pauseMedia | 暂停播放音视频（[2.2.2+](https://jin-yufeng.gitee.io/mp-html/#/changelog/changelog#v222)） |
+| setPlaybackRate | 设置音视频播放速率（[2.4.0+](https://jin-yufeng.gitee.io/mp-html/#/changelog/changelog#v240)） |
+
+查看 [api](https://jin-yufeng.gitee.io/mp-html/#/advanced/api) 了解更多
+
+## 插件扩展  
+除基本功能外，本组件还提供了丰富的扩展，可按照需要选用
+
+| 名称 | 作用 |
+|:---:|---|
+| audio | 音乐播放器 |
+| editable | 富文本 **编辑**（[示例项目](https://mp-html.oss-cn-hangzhou.aliyuncs.com/editable.zip)） |
+| emoji | 解析 emoji |
+| highlight | 代码块高亮显示 |
+| markdown | 渲染 markdown |
+| search | 关键词搜索 |
+| style | 匹配 style 标签中的样式 |
+| txv-video | 使用腾讯视频 |
+| img-cache | 图片缓存 by [@PentaTea](https://github.com/PentaTea) |
+| latex | 渲染 latex 公式 by [@Zeng-J](https://github.com/Zeng-J) |
+
+从插件市场导入的包中 **不含有** 扩展插件，使用插件需通过微信小程序 `富文本插件` 获取或参考以下方法进行打包：  
+1. 获取完整组件包  
+   ```bash
+   npm install mp-html
+   ```
+2. 编辑 `tools/config.js` 中的 `plugins` 项，选择需要的插件  
+3. 生成新的组件包  
+   在 `node_modules/mp-html` 目录下执行  
+   ```bash
+   npm install
+   npm run build:uni-app
+   ```
+4. 拷贝 `dist/uni-app` 中的内容到项目根目录  
+
+查看 [插件](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin) 了解更多
+
+## 关于 nvue
+`nvue` 使用原生渲染，不支持部分 `css` 样式，为实现和 `html` 相同的效果，组件内部通过 `web-view` 进行渲染，性能上差于原生，根据 `weex` 官方建议，`web` 标签仅应用在非常规的降级场景。因此，如果通过原生的方式（如 `richtext`）能够满足需要，则不建议使用本组件，如果有较多的富文本内容，则可以直接使用 `vue` 页面  
+由于渲染方式与其他端不同，有以下限制：  
+1. 不支持 `lazy-load` 属性
+2. 视频不支持全屏播放
+3. 如果在 `flex-direction: row` 的容器中使用，需要给组件设置宽度或设置 `flex: 1` 占满剩余宽度
+
+纯 `nvue` 模式下，[此问题](https://ask.dcloud.net.cn/question/119678) 修复前，不支持通过 `uni_modules` 引入，需要本地引入（将 [dist/uni-app](https://github.com/jin-yufeng/mp-html/tree/master/dist/uni-app) 中的内容拷贝到项目根目录下）  
+
+## 立即体验
+![富文本插件](https://mp-html.oss-cn-hangzhou.aliyuncs.com/qrcode.jpg)
+
+## 问题反馈
+遇到问题时，请先查阅 [常见问题](https://jin-yufeng.gitee.io/mp-html/#/question/faq) 和 [issue](https://github.com/jin-yufeng/mp-html/issues) 中是否已有相同的问题  
+可通过 [issue](https://github.com/jin-yufeng/mp-html/issues/new/choose) 、插件问答或发送邮件到 [mp_html@126.com](mailto:mp_html@126.com) 提问，不建议在评论区提问（不方便回复）  
+提问请严格按照 [issue 模板](https://github.com/jin-yufeng/mp-html/issues/new/choose) ，描述清楚使用环境、`html` 内容或可复现的 `demo` 项目以及复现方式，对于 **描述不清**、**无法复现** 或重复的问题将不予回复  
+
+欢迎加入 `QQ` 交流群：  
+群1（已满）：`699734691`  
+群2：`778239129`  
+
+查看 [问题反馈](https://jin-yufeng.gitee.io/mp-html/#/question/feedback) 了解更多
diff --git a/uni_modules/mp-html/changelog.md b/uni_modules/mp-html/changelog.md
new file mode 100644
index 0000000..537357c
--- /dev/null
+++ b/uni_modules/mp-html/changelog.md
@@ -0,0 +1,138 @@
+## v2.4.3（2024-01-21）
+1. `A` 增加 [card](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#card) 插件 [详细](https://github.com/jin-yufeng/mp-html/pull/533) by [@whoooami](https://github.com/whoooami)
+2. `F` 修复了 `svg` 中包含 `foreignobject` 可能不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/523)
+3. `F` 修复了合并单元格的表格部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/561)
+4. `F` 修复了 `img` 标签设置 `object-fit` 无效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/567)
+5. `F` 修复了 `latex` 插件公式会换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/540) 
+6. `F` 修复了 `editable` 和 `audio` 插件共用时点击 `audio` 无法编辑的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/529) by [@whoooami](https://github.com/whoooami)
+7. `F` 修复了微信小程序部分情况下图片会报错 `replace of undefined` 的问题
+8. `F` 修复了快手小程序图片不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/571)
+## v2.4.2（2023-05-14）
+1. `A` `editable` 插件支持修改文字颜色 [详细](https://github.com/jin-yufeng/mp-html/issues/254)
+2. `F` 修复了 `svg` 中有 `style` 不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/505)
+3. `F` 修复了使用旧版编译器可能报错 `Bad attr nodes` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/472)
+4. `F` 修复了 `app` 端可能出现无法读取 `lazyLoad` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/513)
+5. `F` 修复了 `editable` 插件在点击换图时未拼接 `domain` 的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/497) by [@TwoKe945](https://github.com/TwoKe945)
+6. `F` 修复了 `latex` 插件部分情况下不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/515) 
+7. `F` 修复了 `editable` 插件点击音视频时其他标签框不消失的问题
+## v2.4.1（2022-12-25）
+1. `F` 修复了没有图片时 `ready` 事件可能不触发的问题
+2. `F` 修复了加载过程中可能出现 `Root label not found` 错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/470)
+3. `F` 修复了 `audio` 插件退出页面可能会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/457)
+4. `F` 修复了 `vue3` 运行到 `app` 在 `HBuilder X 3.6.10` 以上报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/480)
+5. `F` 修复了 `nvue` 端链接中包含 `%22` 时可能无法显示的问题
+6. `F` 修复了 `vue3` 使用 `highlight` 插件可能报错的问题
+## v2.4.0（2022-08-27）
+1. `A` 增加了 [setPlaybackRate](https://jin-yufeng.gitee.io/mp-html/#/advanced/api#setPlaybackRate) 的 `api`，可以设置音视频的播放速率 [详细](https://github.com/jin-yufeng/mp-html/issues/452)
+2. `A` 示例小程序代码开源 [详细](https://github.com/jin-yufeng/mp-html-demo)
+3. `U` 优化 `ready` 事件触发时机，未设置懒加载的情况下基本可以准确触发 [详细](https://github.com/jin-yufeng/mp-html/issues/195)
+4. `U` `highlight` 插件在编辑状态下不进行高亮处理，便于编辑
+5. `F` 修复了 `flex` 布局下图片大小可能不正确的问题
+6. `F` 修复了 `selectable` 属性没有设置 `force` 也可能出现渲染异常的问题
+7. `F` 修复了表格中的图片大小可能不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/448)
+8. `F` 修复了含有合并单元格的表格可能无法设置竖直对齐的问题
+9. `F` 修复了 `editable` 插件在 `scroll-view` 中使用时工具条位置可能不正确的问题
+10. `F` 修复了 `vue3` 使用 [search](advanced/plugin#search) 插件可能导致错误换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/449)
+## v2.3.2（2022-08-13）
+1. `A` 增加 [latex](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#latex) 插件，可以渲染数学公式 [详细](https://github.com/jin-yufeng/mp-html/pull/447) by [@Zeng-J](https://github.com/Zeng-J)
+2. `U` 优化根节点下有很多标签的长内容渲染速度
+3. `U` `highlight` 插件适配 `lang-xxx` 格式
+4. `F` 修复了 `table` 标签设置 `border` 属性后可能无法修改边框样式的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/439) by [@zouxingjie](https://github.com/zouxingjie)
+5. `F` 修复了 `editable` 插件输入连续空格无效的问题
+6. `F` 修复了 `vue3` 图片设置 `inline` 会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/438)
+7. `F` 修复了 `vue3` 使用 `table` 可能报错的问题
+## v2.3.1（2022-05-20）
+1. `U` `app` 端支持使用本地图片
+2. `U` 优化了微信小程序 `selectable` 属性在 `ios` 端的处理 [详细](https://jin-yufeng.gitee.io/mp-html/#/basic/prop#selectable)
+3. `F` 修复了 `editable` 插件不在顶部时 `tooltip` 位置可能错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/430)
+4. `F` 修复了 `vue3` 运行到微信小程序可能报错丢失内容的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/414)
+5. `F` 修复了 `vue3` 部分标签可能被错误换行的问题
+6. `F` 修复了 `editable` 插件 `app` 端插入视频无法预览的问题
+## v2.3.0（2022-04-01）
+1. `A` 增加了 `play` 事件，音视频播放时触发，可用于与页面其他音视频进行互斥播放 [详细](basic/event#play)
+2. `U` `show-img-menu` 属性支持控制预览时是否长按弹出菜单
+3. `U` 优化 `wxs` 处理，提高渲染性能 [详细](https://developers.weixin.qq.com/community/develop/article/doc/0006cc2b204740f601bd43fa25a413)  
+4. `U` `video` 标签支持 `object-fit` 属性
+5. `U` 增加支持一些常用实体编码 [详细](https://github.com/jin-yufeng/mp-html/issues/418)
+6. `F` 修复了图片仅设置高度可能不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/410)
+7. `F` 修复了 `video` 标签高度设置为 `auto` 不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/411)
+8. `F` 修复了使用 `grid` 布局时可能样式错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/413)
+9. `F` 修复了含有合并单元格的表格部分情况下显示异常的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/417)
+10. `F` 修复了 `editable` 插件连续插入内容时顺序不正确的问题
+11. `F` 修复了 `uni-app` 包 `vue3` 使用 `audio` 插件报错的问题
+12. `F` 修复了 `uni-app` 包 `highlight` 插件使用自定义的 `prism.min.js` 报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/416)
+## v2.2.2（2022-02-26）
+1. `A` 增加了 [pauseMedia](https://jin-yufeng.gitee.io/mp-html/#/advanced/api#pauseMedia) 的 `api`，可用于暂停播放音视频 [详细](https://github.com/jin-yufeng/mp-html/issues/317)
+2. `U` 优化了长内容的加载速度  
+3. `U` 适配 `vue3` [#389](https://github.com/jin-yufeng/mp-html/issues/389)、[#398](https://github.com/jin-yufeng/mp-html/pull/398) by [@zhouhuafei](https://github.com/zhouhuafei)、[#400](https://github.com/jin-yufeng/mp-html/issues/400)
+4. `F` 修复了小程序端图片高度设置为百分比时可能不显示的问题
+5. `F` 修复了 `highlight` 插件部分情况下可能显示不完整的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/403)
+## v2.2.1（2021-12-24）
+1. `A` `editable` 插件增加上下移动标签功能
+2. `U` `editable` 插件支持在文本中间光标处插入内容
+3. `F` 修复了 `nvue` 端设置 `margin` 后可能导致高度不正确的问题
+4. `F` 修复了 `highlight` 插件使用压缩版的 `prism.css` 可能导致背景失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/367)
+5. `F` 修复了编辑状态下使用 `emoji` 插件内容为空时可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/371)
+6. `F` 修复了使用 `editable` 插件后将 `selectable` 属性设置为 `force` 不生效的问题
+## v2.2.0（2021-10-12）
+1. `A` 增加 `customElements` 配置项，便于添加自定义功能性标签 [详细](https://github.com/jin-yufeng/mp-html/issues/350)
+2. `A` `editable` 插件增加切换音视频自动播放状态的功能 [详细](https://github.com/jin-yufeng/mp-html/pull/341) by [@leeseett](https://github.com/leeseett)
+3. `A` `editable` 插件删除媒体标签时触发 `remove` 事件，便于删除已上传的文件
+4. `U` `editable` 插件 `insertImg` 方法支持同时插入多张图片 [详细](https://github.com/jin-yufeng/mp-html/issues/342)
+5. `U` `editable` 插入图片和音视频时支持拼接 `domian` 主域名
+6. `F` 修复了内部链接参数中包含 `://` 时被认为是外部链接的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/356)
+7. `F` 修复了部分 `svg` 标签名或属性名大小写不正确时不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/351)
+8. `F` 修复了 `nvue` 页面运行到非 `app` 平台时可能样式错误的问题
+## v2.1.5（2021-08-13）
+1. `A` 增加支持标签的 `dir` 属性
+2. `F` 修复了 `ruby` 标签文字与拼音没有居中对齐的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/325)
+3. `F` 修复了音视频标签内有 `a` 标签时可能无法播放的问题
+4. `F` 修复了 `externStyle` 中的 `class` 名包含下划线或数字时可能失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/326)
+5. `F` 修复了 `h5` 端引入 `externStyle` 可能不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/326)
+## v2.1.4（2021-07-14）
+1. `F` 修复了 `rt` 标签无法设置样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/318)
+2. `F` 修复了表格中有单元格同时合并行和列时可能显示不正确的问题
+3. `F` 修复了 `app` 端无法关闭图片长按菜单的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/322)
+4. `F` 修复了 `editable` 插件只能添加图片链接不能修改的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/312) by [@leeseett](https://github.com/leeseett)
+## v2.1.3（2021-06-12）
+1. `A` `editable` 插件增加 `insertTable` 方法
+2. `U` `editable` 插件支持编辑表格中的空白单元格 [详细](https://github.com/jin-yufeng/mp-html/issues/310)
+3. `F` 修复了 `externStyle` 中使用伪类可能失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/298)
+4. `F` 修复了多个组件同时使用时 `tag-style` 属性时可能互相影响的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/305) by [@woodguoyu](https://github.com/woodguoyu)
+5. `F` 修复了包含 `linearGradient` 的 `svg` 可能无法显示的问题
+6. `F` 修复了编译到头条小程序时可能报错的问题
+7. `F` 修复了 `nvue` 端不触发 `click` 事件的问题
+8. `F` 修复了 `editable` 插件尾部插入时无法撤销的问题
+9. `F` 修复了 `editable` 插件的 `insertHtml` 方法只能在末尾插入的问题
+10. `F` 修复了 `editable` 插件插入音频不显示的问题
+## v2.1.2（2021-04-24）
+1. `A` 增加了 [img-cache](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#img-cache) 插件，可以在 `app` 端缓存图片 [详细](https://github.com/jin-yufeng/mp-html/issues/292) by [@PentaTea](https://github.com/PentaTea)
+2. `U` 支持通过 `container-style` 属性设置 `white-space` 来保留连续空格和换行符 [详细](https://jin-yufeng.gitee.io/mp-html/#/question/faq#space)
+3. `U` 代码风格符合 [standard](https://standardjs.com) 标准
+4. `U` `editable` 插件编辑状态下支持预览视频 [详细](https://github.com/jin-yufeng/mp-html/issues/286)
+5. `F` 修复了 `svg` 标签内嵌 `svg` 时无法显示的问题
+6. `F` 修复了编译到支付宝和头条小程序时部分区域不可复制的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/291)
+## v2.1.1（2021-04-09）
+1. 修复了对 `p` 标签设置 `tag-style` 可能不生效的问题
+2. 修复了 `svg` 标签中的文本无法显示的问题
+3. 修复了使用 `editable` 插件编辑表格时可能报错的问题
+4. 修复了使用 `highlight` 插件运行到头条小程序时可能没有样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/280)
+5. 修复了使用 `editable` 插件 `editable` 属性为 `false` 时会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/284)
+6. 修复了 `style` 插件连续子选择器失效的问题
+7. 修复了 `editable` 插件无法修改图片和字体大小的问题
+## v2.1.0.2（2021-03-21）
+修复了 `nvue` 端使用可能报错的问题
+## v2.1.0（2021-03-20）
+1. `A` 增加了 [container-style](https://jin-yufeng.gitee.io/mp-html/#/basic/prop#container-style) 属性 [详细](https://gitee.com/jin-yufeng/mp-html/pulls/1)
+2. `A` 增加支持 `strike` 标签
+3. `A` `editable` 插件增加 `placeholder` 属性 [详细](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#editable)
+4. `A` `editable` 插件增加 `insertHtml` 方法 [详细](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#editable)
+5. `U` 外部样式支持标签名选择器 [详细](https://jin-yufeng.gitee.io/mp-html/#/overview/quickstart#setting)
+6. `F` 修复了 `nvue` 端部分情况下可能不显示的问题
+## v2.0.5（2021-03-12）
+1. `U` [linktap](https://jin-yufeng.gitee.io/mp-html/#/basic/event#linktap) 事件增加返回内部文本内容 `innerText` [详细](https://github.com/jin-yufeng/mp-html/issues/271)
+2. `U` [selectable](https://jin-yufeng.gitee.io/mp-html/#/basic/prop#selectable) 属性设置为 `force` 时能够在微信 `iOS` 端生效（文本块会变成 `inline-block`） [详细](https://github.com/jin-yufeng/mp-html/issues/267)
+3. `F` 修复了部分情况下竖向无法滚动的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/182)
+4. `F` 修复了多次修改富文本数据时部分内容可能不显示的问题
+5. `F` 修复了 [腾讯视频](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#txv-video) 插件可能无法播放的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/265)
+6. `F` 修复了 [highlight](https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin#highlight) 插件没有设置高亮语言时没有应用默认样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/276) by [@fuzui](https://github.com/fuzui)
diff --git a/uni_modules/mp-html/components/mp-html/mp-html.vue b/uni_modules/mp-html/components/mp-html/mp-html.vue
new file mode 100644
index 0000000..ec70115
--- /dev/null
+++ b/uni_modules/mp-html/components/mp-html/mp-html.vue
@@ -0,0 +1,498 @@
+<template>
+  <view id="_root" :class="(selectable?'_select ':'')+'_root'" :style="containerStyle">
+    <slot v-if="!nodes[0]" />
+    <!-- #ifndef APP-PLUS-NVUE -->
+    <node v-else :childs="nodes" :opts="[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]" name="span" />
+    <!-- #endif -->
+    <!-- #ifdef APP-PLUS-NVUE -->
+    <web-view ref="web" src="/static/app-plus/mp-html/local.html" :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+/**
+ * mp-html v2.4.3
+ * @description 富文本组件
+ * @tutorial https://github.com/jin-yufeng/mp-html
+ * @property {String} container-style 容器的样式
+ * @property {String} content 用于渲染的 html 字符串
+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
+ * @property {String} domain 主域名，用于拼接链接
+ * @property {String} error-img 图片出错时的占位图链接
+ * @property {Boolean} lazy-load 是否开启图片懒加载
+ * @property {string} loading-img 图片加载过程中的占位图链接
+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
+ * @property {Boolean | String} selectable 是否开启长按复制
+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
+ * @property {Object} tag-style 标签的默认样式
+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
+ * @event {Function} load dom 结构加载完毕时触发
+ * @event {Function} ready 所有图片加载完毕时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
+ * @event {Function} play 音视频播放时触发
+ * @event {Function} error 媒体加载出错时触发
+ */
+// #ifndef APP-PLUS-NVUE
+import node from './node/node'
+// #endif
+import Parser from './parser'
+const plugins=[]
+// #ifdef APP-PLUS-NVUE
+const dom = weex.requireModule('dom')
+// #endif
+export default {
+  name: 'mp-html',
+  data () {
+    return {
+      nodes: [],
+      // #ifdef APP-PLUS-NVUE
+      height: 3
+      // #endif
+    }
+  },
+  props: {
+    containerStyle: {
+      type: String,
+      default: ''
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    domain: String,
+    errorImg: {
+      type: String,
+      default: ''
+    },
+    lazyLoad: {
+      type: [Boolean, String],
+      default: false
+    },
+    loadingImg: {
+      type: String,
+      default: ''
+    },
+    pauseVideo: {
+      type: [Boolean, String],
+      default: true
+    },
+    previewImg: {
+      type: [Boolean, String],
+      default: true
+    },
+    scrollTable: [Boolean, String],
+    selectable: [Boolean, String],
+    setTitle: {
+      type: [Boolean, String],
+      default: true
+    },
+    showImgMenu: {
+      type: [Boolean, String],
+      default: true
+    },
+    tagStyle: Object,
+    useAnchor: [Boolean, Number]
+  },
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
+  // #ifndef APP-PLUS-NVUE
+  components: {
+    node
+  },
+  // #endif
+  watch: {
+    content (content) {
+      this.setContent(content)
+    }
+  },
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+  },
+  mounted () {
+    if (this.content && !this.nodes.length) {
+      this.setContent(this.content)
+    }
+  },
+  beforeDestroy () {
+    this._hook('onDetached')
+  },
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      // #ifndef APP-PLUS-NVUE
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        offset = offset || parseInt(this.useAnchor) || 0
+        // #ifdef APP-PLUS-NVUE
+        if (!id) {
+          dom.scrollToElement(this.$refs.web, {
+            offset
+          })
+          resolve()
+        } else {
+          this._navigateTo = {
+            resolve,
+            reject,
+            offset
+          }
+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
+        }
+        // #endif
+        // #ifndef APP-PLUS-NVUE
+        let deep = ' '
+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+        deep = '>>>'
+        // #endif
+        const selector = uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page[this._in.scrollTop] = scrollTop
+          } else {
+            // 页面跳转
+            uni.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+        // #endif
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @return {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小和位置
+     * @return {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置内容
+     * @param {String} content html 内容
+     * @param {Boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!append || !this.imgList) {
+        this.imgList = []
+      }
+      const nodes = new Parser(this).parse(content)
+      // #ifdef APP-PLUS-NVUE
+      if (this._ready) {
+        this._set(nodes, append)
+      }
+      // #endif
+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
+
+      // #ifndef APP-PLUS-NVUE
+      this._videos = []
+      this.$nextTick(() => {
+        this._hook('onLoad')
+        this.$emit('load')
+      })
+
+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.$emit('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 调用插件钩子函数
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifdef APP-PLUS-NVUE
+    /**
+     * @description 设置内容
+     */
+    _set (nodes, append) {
+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
+    },
+
+    /**
+     * @description 接收到 web-view 消息
+     */
+    _onMessage (e) {
+      const message = e.detail.data[0]
+      switch (message.action) {
+        // web-view 初始化完毕
+        case 'onJSBridgeReady':
+          this._ready = true
+          if (this.nodes) {
+            this._set(this.nodes)
+          }
+          break
+        // 内容 dom 加载完毕
+        case 'onLoad':
+          this.height = message.height
+          this._hook('onLoad')
+          this.$emit('load')
+          break
+        // 所有图片加载完毕
+        case 'onReady':
+          this.getRect().then(res => {
+            this.$emit('ready', res)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+          break
+        // 总高度发生变化
+        case 'onHeightChange':
+          this.height = message.height
+          break
+        // 图片点击
+        case 'onImgTap':
+          this.$emit('imgtap', message.attrs)
+          if (this.previewImg) {
+            uni.previewImage({
+              current: parseInt(message.attrs.i),
+              urls: this.imgList
+            })
+          }
+          break
+        // 链接点击
+        case 'onLinkTap': {
+          const href = message.attrs.href
+          this.$emit('linktap', message.attrs)
+          if (href) {
+            // 锚点跳转
+            if (href[0] === '#') {
+              if (this.useAnchor) {
+                dom.scrollToElement(this.$refs.web, {
+                  offset: message.offset
+                })
+              }
+            } else if (href.includes('://')) {
+              // 打开外链
+              if (this.copyLink) {
+                plus.runtime.openWeb(href)
+              }
+            } else {
+              uni.navigateTo({
+                url: href,
+                fail () {
+                  uni.switchTab({
+                    url: href
+                  })
+                }
+              })
+            }
+          }
+          break
+        }
+        case 'onPlay':
+          this.$emit('play')
+          break
+        // 获取到锚点的偏移量
+        case 'getOffset':
+          if (typeof message.offset === 'number') {
+            dom.scrollToElement(this.$refs.web, {
+              offset: message.offset + this._navigateTo.offset
+            })
+            this._navigateTo.resolve()
+          } else {
+            this._navigateTo.reject(Error('Label not found'))
+          }
+          break
+        // 点击
+        case 'onClick':
+          this.$emit('tap')
+          this.$emit('click')
+          break
+        // 出错
+        case 'onError':
+          this.$emit('error', {
+            source: message.source,
+            attrs: message.attrs
+          })
+      }
+    }
+    // #endif
+  }
+}
+</script>
+
+<style>
+/* #ifndef APP-PLUS-NVUE */
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  user-select: text;
+}
+/* #endif */
+</style>
diff --git a/uni_modules/mp-html/components/mp-html/node/node.vue b/uni_modules/mp-html/components/mp-html/node/node.vue
new file mode 100644
index 0000000..c5ef094
--- /dev/null
+++ b/uni_modules/mp-html/components/mp-html/node/node.vue
@@ -0,0 +1,579 @@
+<template>
+  <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">
+    <block v-for="(n, i) in childs" v-bind:key="i">
+      <!-- 图片 -->
+      <!-- 占位图 -->
+      <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />
+      <!-- 显示图片 -->
+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
+      <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+      <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style||'',src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || APP-PLUS || MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifdef MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src" :lazy-load="opts[0]" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap"></image>
+      <!-- #endif -->
+      <!-- #ifdef APP-PLUS && VUE3 -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||''))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- 文本 -->
+      <!-- #ifdef MP-WEIXIN -->
+      <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
+      <text v-else-if="n.text" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <text v-else-if="n.name==='br'">\n</text>
+      <!-- 链接 -->
+      <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">
+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
+      </view>
+      <!-- 视频 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" @vplay.stop="play" />
+      <!-- #endif -->
+      <!-- #ifndef APP-PLUS -->
+      <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <!-- #ifdef H5 || APP-PLUS -->
+      <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
+      <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />
+      <!-- #endif -->
+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
+      <!-- 音频 -->
+      <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
+        <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+          <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+            <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <node :childs="tr.children" :opts="opts" />
+            </view>
+            <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+                <node :childs="td.children" :opts="opts" />
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+      
+      <!-- 富文本 -->
+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- 继续递归 -->
+      <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">
+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />
+      </view>
+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />
+    </block>
+  </view>
+</template>
+<script module="handler" lang="wxs">
+// 行内标签列表
+var inlineTags = {
+  abbr: true,
+  b: true,
+  big: true,
+  code: true,
+  del: true,
+  em: true,
+  i: true,
+  ins: true,
+  label: true,
+  q: true,
+  small: true,
+  span: true,
+  strong: true,
+  sub: true,
+  sup: true
+}
+/**
+ * @description 判断是否为行内标签
+ */
+module.exports = {
+  isInline: function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
+  }
+}
+</script>
+<script>
+
+import node from './node'
+export default {
+  name: 'node',
+  options: {
+    // #ifdef MP-WEIXIN
+    virtualHost: true,
+    // #endif
+    // #ifdef MP-TOUTIAO
+    addGlobalClass: false
+    // #endif
+  },
+  data () {
+    return {
+      ctrl: {},
+      // #ifdef MP-WEIXIN
+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
+      // #endif
+    }
+  },
+  props: {
+    name: String,
+    attrs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    childs: Array,
+    opts: Array
+  },
+  components: {
+
+    // #ifndef (H5 || APP-PLUS) && VUE3
+    node
+    // #endif
+  },
+  mounted () {
+    this.$nextTick(() => {
+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
+    })
+    // #ifdef H5 || APP-PLUS
+    if (this.opts[0]) {
+      let i
+      for (i = this.childs.length; i--;) {
+        if (this.childs[i].name === 'img') break
+      }
+      if (i !== -1) {
+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
+          top: 500,
+          bottom: 500
+        })
+        this.observer.observe('._img', res => {
+          if (res.intersectionRatio) {
+            this.$set(this.ctrl, 'load', 1)
+            this.observer.disconnect()
+          }
+        })
+      }
+    }
+    // #endif
+  },
+  beforeDestroy () {
+    // #ifdef H5 || APP-PLUS
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+    // #endif
+  },
+  methods:{
+    // #ifdef MP-WEIXIN
+    toJSON () { return this },
+    // #endif
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      this.root.$emit('play')
+      // #ifndef APP-PLUS
+      if (this.root.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = uni.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.childs[e.currentTarget.dataset.i]
+      if (node.a) {
+        this.linkTap(node.a)
+        return
+      }
+      if (node.attrs.ignore) return
+      // #ifdef H5 || APP-PLUS
+      node.attrs.src = node.attrs.src || node.attrs['data-src']
+      // #endif
+      this.root.$emit('imgtap', node.attrs)
+      // 自动预览图片
+      if (this.root.previewImg) {
+        uni.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.showImgMenu,
+          enableShowPhotoDownload: this.root.showImgMenu,
+          // #endif
+          current: parseInt(node.attrs.i),
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片长按
+     */
+    imgLongTap (e) {
+      // #ifdef APP-PLUS
+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
+      if (this.opts[3] && !attrs.ignore) {
+        uni.showActionSheet({
+          itemList: ['保存图片'],
+          success: () => {
+            const save = path => {
+              uni.saveImageToPhotosAlbum({
+                filePath: path,
+                success () {
+                  uni.showToast({
+                    title: '保存成功'
+                  })
+                }
+              })
+            }
+            if (this.root.imgList[attrs.i].startsWith('http')) {
+              uni.downloadFile({
+                url: this.root.imgList[attrs.i],
+                success: res => save(res.tempFilePath)
+              })
+            } else {
+              save(this.root.imgList[attrs.i])
+            }
+          }
+        })
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.currentTarget.dataset.i
+      /* #ifndef H5 || (APP-PLUS && VUE2) */
+      if (!this.childs[i].w) {
+        // 设置原宽度
+        this.$set(this.ctrl, i, e.detail.width)
+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        this.$set(this.ctrl, i, 1)
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (this.root && !this.root.lazyLoad) {
+        this.root._unloadimgs -= 1
+        if (!this.root._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.$emit('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.copyLink) {
+            // #ifdef H5
+            window.open(href)
+            // #endif
+            // #ifdef MP
+            uni.setClipboardData({
+              data: href,
+              success: () =>
+                uni.showToast({
+                  title: '链接已复制'
+                })
+            })
+            // #endif
+            // #ifdef APP-PLUS
+            plus.runtime.openWeb(href)
+            // #endif
+          }
+        } else {
+          // 跳转页面
+          uni.navigateTo({
+            url: href,
+            fail () {
+              uni.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      // 加载其他源
+      if (node.name === 'video' || node.name === 'audio') {
+        let index = (this.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          this.$set(this.ctrl, i, index)
+          return
+        }
+      } else if (node.name === 'img') {
+        // #ifdef H5 && VUE3
+        if (this.opts[0] && !this.ctrl.load) return
+        // #endif
+        // 显示错误占位图
+        if (this.opts[2]) {
+          this.$set(this.ctrl, i, -1)
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.$emit('error', {
+          source: node.name,
+          attrs: node.attrs,
+          // #ifndef H5 && VUE3
+          errMsg: e.detail.errMsg
+          // #endif
+        })
+      }
+    }
+  }
+}
+</script>
+<style>
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._block {
+  display: block;
+}
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._image {
+  height: 1px;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifdef APP-PLUS */
+._video {
+  width: 300px;
+  height: 225px;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/uni_modules/mp-html/components/mp-html/parser.js b/uni_modules/mp-html/components/mp-html/parser.js
new file mode 100644
index 0000000..e756165
--- /dev/null
+++ b/uni_modules/mp-html/components/mp-html/parser.js
@@ -0,0 +1,1372 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+  // 行内标签
+  inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
+  // #endif
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合的标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    // #ifndef APP-PLUS-NVUE
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+    // #endif
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector={}
+const {
+  windowWidth,
+  // #ifdef MP-WEIXIN
+  system
+  // #endif
+} = uni.getSystemInfoSync()
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+// #ifdef H5 || APP-PLUS
+config.ignoreTags.iframe = undefined
+config.trustTags.iframe = true
+config.ignoreTags.embed = undefined
+config.trustTags.embed = true
+// #endif
+// #ifdef APP-PLUS-NVUE
+config.ignoreTags.source = undefined
+config.ignoreTags.style = undefined
+// #endif
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  // #ifndef APP-PLUS-NVUE
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+  // #endif
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  } else if (!url.includes('data:') && !url.includes('://')) {
+    if (domain) {
+      url = domain + '/' + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  // 避免因为自动 diff 使得 type 被设置为 null 导致部分内容不显示
+  if (this.options.nodes.length) {
+    node.type = 'node'
+  }
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    // #ifndef H5 || APP-PLUS
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+    // #endif
+    // #ifdef H5 || APP-PLUS
+    this.expose()
+    // #endif
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id 以便获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+  // #endif
+
+  // 处理自闭合标签
+  if (close) {
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      // 通过 base 标签设置主域名
+      if (node.name === 'base' && !this.options.domain) {
+        this.options.domain = attrs.href
+      } /* #ifndef APP-PLUS-NVUE */ else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      } /* #endif */
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'a') {
+              node.a = item.attrs
+            }
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            // #ifndef H5 || APP-PLUS
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            // #endif
+            item.c = 1
+          }
+          attrs.i = this.imgList.length.toString()
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef H5 || MP-ALIPAY || APP-PLUS || MP-360
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+          // #ifdef H5 || APP-PLUS
+          if (this.options.lazyLoad) {
+            attrs['data-src'] = attrs.src
+            attrs.src = undefined
+          }
+          // #endif
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      // #ifndef APP-PLUS-NVUE
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // #endif
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name] || '',
+        style: this.tagStyle[name] || ''
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      uni.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  const styleObj = {}
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    // #ifdef APP-PLUS-NVUE
+    (function traversal (node) {
+      if (node.name) {
+        // 调整 svg 的大小写
+        node.name = config.svgDict[node.name] || node.name
+        for (const item in node.attrs) {
+          if (config.svgDict[item]) {
+            node.attrs[config.svgDict[item]] = node.attrs[item]
+            node.attrs[item] = undefined
+          }
+        }
+        for (let i = 0; i < (node.children || []).length; i++) {
+          traversal(node.children[i])
+        }
+      }
+    })(node)
+    // #endif
+    // #ifndef APP-PLUS-NVUE
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    // #endif
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+  // #endif
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  }
+
+  if (node.name === 'a' || node.name === 'ad'
+    // #ifdef H5 || APP-PLUS
+    || node.name === 'iframe' // eslint-disable-line
+    // #endif
+  ) {
+    this.expose()
+  } else if (node.name === 'video') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    /* #ifdef APP-PLUS */
+    let str = '<video style="width:100%;height:100%"'
+    for (const item in attrs) {
+      if (attrs[item]) {
+        str += ' ' + item + '="' + attrs[item] + '"'
+      }
+    }
+    if (this.options.pauseVideo) {
+      str += ' onplay="this.dispatchEvent(new CustomEvent(\'vplay\',{bubbles:!0}));for(var e=document.getElementsByTagName(\'video\'),t=0;t<e.length;t++)e[t]!=this&&e[t].pause()"'
+    }
+    str += '>'
+    for (let i = 0; i < node.src.length; i++) {
+      str += '<source src="' + node.src[i] + '">'
+    }
+    str += '</video>'
+    node.html = str
+    /* #endif */
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';align-items:center'
+              } else if (val.includes('bottom')) {
+                style += ';align-items:flex-end'
+              }
+            } else {
+              style += ';align-items:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow:auto'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+        break
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'div',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  } else if (node.c) {
+    (function traversal (node) {
+      node.c = 2
+      for (let i = node.children.length; i--;) {
+        const child = node.children[i]
+        // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+        if (child.name && (config.inlineTags[child.name] || ((child.attrs.style || '').includes('inline') && child.children)) && !child.c) {
+          traversal(child)
+        }
+        // #endif
+        if (!child.c || child.name === 'table') {
+          node.c = 1
+        }
+      }
+    })(node)
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid'))
+    // #ifdef MP-WEIXIN
+    // 检查基础库版本 virtualHost 是否可用
+    && !(node.c && wx.getNFCAdapter) // eslint-disable-line
+    // #endif
+    // #ifndef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+    && !node.c // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+  // #endif
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      /* #ifndef APP-PLUS-NVUE */
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else /* #endif */ {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+  for (const key in attrs) {
+    if (!attrs[key]) {
+      delete attrs[key]
+    }
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ') {
+      if (flag) return
+      // #ifdef VUE3
+      else {
+        const parent = this.stack[this.stack.length - 1]
+        if (parent && parent.name[0] === 't') return
+      }
+      // #endif
+    }
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  // #ifdef (MP-BAIDU || MP-ALIPAY || MP-TOUTIAO) && VUE3
+  node.attrs = {}
+  // #endif
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+export default Parser
diff --git a/uni_modules/mp-html/package.json b/uni_modules/mp-html/package.json
new file mode 100644
index 0000000..168abcc
--- /dev/null
+++ b/uni_modules/mp-html/package.json
@@ -0,0 +1,76 @@
+{
+    "id": "mp-html",
+    "displayName": "mp-html 富文本组件【全端支持，支持编辑、latex等扩展】",
+    "version": "v2.4.3",
+    "description": "一个强大的富文本组件，高效轻量，功能丰富",
+    "keywords": [
+        "富文本",
+        "编辑器",
+        "html",
+        "rich-text",
+        "editor"
+    ],
+    "repository": "https://github.com/jin-yufeng/mp-html",
+    "dcloudext": {
+        "sale": {
+            "regular": {
+                "price": "0.00"
+            },
+            "sourcecode": {
+                "price": "0.00"
+            }
+        },
+        "contact": {
+            "qq": ""
+        },
+        "declaration": {
+            "ads": "无",
+            "data": "无",
+            "permissions": "无"
+        },
+        "npmurl": "https://www.npmjs.com/package/mp-html",
+        "type": "component-vue"
+    },
+    "uni_modules": {
+        "platforms": {
+            "cloud": {
+                "tcb": "y",
+                "aliyun": "y"
+            },
+            "client": {
+                "App": {
+                    "app-vue": "y",
+                    "app-nvue": "y"
+                },
+                "H5-mobile": {
+                    "Safari": "y",
+                    "Android Browser": "y",
+                    "微信浏览器(Android)": "y",
+                    "QQ浏览器(Android)": "y"
+                },
+                "H5-pc": {
+                    "Chrome": "y",
+                    "IE": "u",
+                    "Edge": "y",
+                    "Firefox": "y",
+                    "Safari": "y"
+                },
+                "小程序": {
+                    "微信": "y",
+                    "阿里": "y",
+                    "百度": "y",
+                    "字节跳动": "y",
+                    "QQ": "y"
+                },
+                "快应用": {
+                    "华为": "y",
+                    "联盟": "y"
+                },
+                "Vue": {
+                    "vue2": "y",
+                    "vue3": "y"
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/uni_modules/mp-html/static/app-plus/mp-html/js/handler.js b/uni_modules/mp-html/static/app-plus/mp-html/js/handler.js
new file mode 100644
index 0000000..1d986bd
--- /dev/null
+++ b/uni_modules/mp-html/static/app-plus/mp-html/js/handler.js
@@ -0,0 +1 @@
+"use strict";function t(t){for(var e=Object.create(null),n=t.attributes.length;n--;)e[t.attributes[n].name]=t.attributes[n].value;return e}function e(){a[1]&&(this.src=a[1],this.onerror=null),this.onclick=null,this.ontouchstart=null,uni.postMessage({data:{action:"onError",source:"img",attrs:t(this)}})}function n(){window.unloadimgs-=1,0===window.unloadimgs&&uni.postMessage({data:{action:"onReady"}})}function o(r,s,c){for(var d=0;d<r.length;d++)!function(d){var u=r[d],l=void 0;if(u.type&&"node"!==u.type)l=document.createTextNode(u.text.replace(/&amp;/g,"&"));else{var g=u.name;"svg"===g&&(c="http://www.w3.org/2000/svg"),"html"!==g&&"body"!==g||(g="div"),l=c?document.createElementNS(c,g):document.createElement(g);for(var p in u.attrs)l.setAttribute(p,u.attrs[p]);if(u.children&&o(u.children,l,c),"img"===g){if(window.unloadimgs+=1,l.onload=n,l.onerror=n,!l.src&&l.getAttribute("data-src")&&(l.src=l.getAttribute("data-src")),u.attrs.ignore||(l.onclick=function(e){e.stopPropagation(),uni.postMessage({data:{action:"onImgTap",attrs:t(this)}})}),a[2]){var h=new Image;h.src=l.src,l.src=a[2],h.onload=function(){l.src=this.src},h.onerror=function(){l.onerror()}}l.onerror=e}else if("a"===g)l.addEventListener("click",function(e){e.stopPropagation(),e.preventDefault();var n,o=this.getAttribute("href");o&&"#"===o[0]&&(n=(document.getElementById(o.substr(1))||{}).offsetTop),uni.postMessage({data:{action:"onLinkTap",attrs:t(this),offset:n}})},!0);else if("video"===g||"audio"===g)i.push(l),u.attrs.autoplay||u.attrs.controls||l.setAttribute("controls","true"),l.onplay=function(){if(uni.postMessage({data:{action:"onPlay"}}),a[3])for(var t=0;t<i.length;t++)i[t]!==this&&i[t].pause()},l.onerror=function(){uni.postMessage({data:{action:"onError",source:g,attrs:t(this)}})};else if("table"===g&&a[4]&&!l.style.cssText.includes("inline")){var f=document.createElement("div");f.style.overflow="auto",f.appendChild(l),l=f}else"svg"===g&&(c=void 0)}s.appendChild(l)}(d)}document.addEventListener("UniAppJSBridgeReady",function(){document.body.onclick=function(){return uni.postMessage({data:{action:"onClick"}})},uni.postMessage({data:{action:"onJSBridgeReady"}})});var a,i=[];window.setContent=function(t,e,n){var r=document.getElementById("content");e[0]&&(document.body.style.cssText=e[0]),e[5]||(r.style.userSelect="none"),n||(r.innerHTML="",i=[]),a=e,window.unloadimgs=0;var s=document.createDocumentFragment();o(t,s),r.appendChild(s);var c=r.scrollHeight;uni.postMessage({data:{action:"onLoad",height:c}}),window.unloadimgs||uni.postMessage({data:{action:"onReady",height:c}}),clearInterval(window.timer),window.timer=setInterval(function(){r.scrollHeight!==c&&(c=r.scrollHeight,uni.postMessage({data:{action:"onHeightChange",height:c}}))},350)},window.onunload=function(){clearInterval(window.timer)};
\ No newline at end of file
diff --git a/uni_modules/mp-html/static/app-plus/mp-html/js/uni.webview.min.js b/uni_modules/mp-html/static/app-plus/mp-html/js/uni.webview.min.js
new file mode 100644
index 0000000..b0c8445
--- /dev/null
+++ b/uni_modules/mp-html/static/app-plus/mp-html/js/uni.webview.min.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e=e||self).uni=n()}(this,(function(){"use strict";try{var e={};Object.defineProperty(e,"passive",{get:function(){!0}}),window.addEventListener("test-passive",null,e)}catch(e){}var n=Object.prototype.hasOwnProperty;function t(e,t){return n.call(e,t)}var i=[],a=function(e,n){var t={options:{timestamp:+new Date},name:e,arg:n};if(window.__dcloud_weex_postMessage||window.__dcloud_weex_){if("postMessage"===e){var a={data:[n]};return window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessage(a):window.__dcloud_weex_.postMessage(JSON.stringify(a))}var o={type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}};window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessageToService(o):window.__dcloud_weex_.postMessageToService(JSON.stringify(o))}if(!window.plus)return window.parent.postMessage({type:"WEB_INVOKE_APPSERVICE",data:t,pageId:""},"*");if(0===i.length){var r=plus.webview.currentWebview();if(!r)throw new Error("plus.webview.currentWebview() is undefined");var d=r.parent(),s="";s=d?d.id:r.id,i.push(s)}if(plus.webview.getWebviewById("__uniapp__service"))plus.webview.postMessageToUniNView({type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}},"__uniapp__service");else{var w=JSON.stringify(t);plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'.concat("WEB_INVOKE_APPSERVICE",'",').concat(w,",").concat(JSON.stringify(i),");"))}},o={navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("navigateTo",{url:encodeURI(n)})},navigateBack:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.delta;a("navigateBack",{delta:parseInt(n)||1})},switchTab:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("switchTab",{url:encodeURI(n)})},reLaunch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("reLaunch",{url:encodeURI(n)})},redirectTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("redirectTo",{url:encodeURI(n)})},getEnv:function(e){window.plus?e({plus:!0}):e({h5:!0})},postMessage:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a("postMessage",e.data||{})}},r=/uni-app/i.test(navigator.userAgent),d=/Html5Plus/i.test(navigator.userAgent),s=/complete|loaded|interactive/;var w=window.my&&navigator.userAgent.indexOf("AlipayClient")>-1;var u=window.swan&&window.swan.webView&&/swan/i.test(navigator.userAgent);var c=window.qq&&window.qq.miniProgram&&/QQ/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var g=window.tt&&window.tt.miniProgram&&/toutiaomicroapp/i.test(navigator.userAgent);var v=window.wx&&window.wx.miniProgram&&/micromessenger/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var p=window.qa&&/quickapp/i.test(navigator.userAgent);for(var l,_=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))},f=[function(e){if(r||d)return window.__dcloud_weex_postMessage||window.__dcloud_weex_?document.addEventListener("DOMContentLoaded",e):window.plus&&s.test(document.readyState)?setTimeout(e,0):document.addEventListener("plusready",e),o},function(e){if(v)return window.WeixinJSBridge&&window.WeixinJSBridge.invoke?setTimeout(e,0):document.addEventListener("WeixinJSBridgeReady",e),window.wx.miniProgram},function(e){if(c)return window.QQJSBridge&&window.QQJSBridge.invoke?setTimeout(e,0):document.addEventListener("QQJSBridgeReady",e),window.qq.miniProgram},function(e){if(w){document.addEventListener("DOMContentLoaded",e);var n=window.my;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){if(u)return document.addEventListener("DOMContentLoaded",e),window.swan.webView},function(e){if(g)return document.addEventListener("DOMContentLoaded",e),window.tt.miniProgram},function(e){if(p){window.QaJSBridge&&window.QaJSBridge.invoke?setTimeout(e,0):document.addEventListener("QaJSBridgeReady",e);var n=window.qa;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){return document.addEventListener("DOMContentLoaded",e),o}],m=0;m<f.length&&!(l=f[m](_));m++);l||(l={});var E="undefined"!=typeof uni?uni:{};if(!E.navigateTo)for(var b in l)t(l,b)&&(E[b]=l[b]);return E.webView=l,E}));
\ No newline at end of file
diff --git a/uni_modules/mp-html/static/app-plus/mp-html/local.html b/uni_modules/mp-html/static/app-plus/mp-html/local.html
new file mode 100644
index 0000000..04355c9
--- /dev/null
+++ b/uni_modules/mp-html/static/app-plus/mp-html/local.html
@@ -0,0 +1 @@
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><style>body,html{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden}body{margin:0}video{width:300px;height:225px}img{max-width:100%;-webkit-touch-callout:none}</style></head><body><div id="content" style="overflow:hidden"></div><script type="text/javascript" src="./js/uni.webview.min.js"></script><script type="text/javascript" src="./js/handler.js"></script></body>
\ No newline at end of file