Merge branch 'dev-v1.0.0' of git.banshouhui.com:wuzhenzhe/study into dev-v1.0.0

src/components/notice-bar/index.vue

+<template>
+  <view class="u-flex top">
+    <view class="u-flex avatar">
+      <view class="avatar-list" v-for="(item, index) in avatars" :key="index">
+        <image :src="item" mode="scaleToFill" />
+      </view>
+    </view>
+    <view class="notice">
+      <u-notice-bar
+        mode="horizontal"
+        type="none"
+        font-size="26"
+        :list="[noticeText]"
+        color="#FFFFFF"
+        :volume-icon="false"
+        autoplay
+        padding="0 10rpx"
+      ></u-notice-bar>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      avatars: [],
+      produceTime: 1000,
+      duration: 60 * 1000,
+    }
+  },
+  computed: {
+    surnames() {
+      return '王李张刘陈杨黄赵吴周徐孙马朱胡郭何林罗高郑梁谢宋唐许韩邓冯曹彭曾肖田董潘袁蔡蒋余于杜叶程魏苏吕丁任卢姚沈钟姜崔谭陆范汪廖石金韦贾夏付方邹熊白孟秦邱侯江尹薛闫段雷龙黎史陶贺毛郝顾龚邵万覃武钱戴严莫孔向常'
+    },
+    courses() {
+      return [
+        '金属冶炼（炼铁）（常考题）',
+        '金属冶炼（炼钢）(常考题)',
+        '金属冶炼(铁合金冶炼、锰冶炼、铬冶炼)',
+        '金属冶炼(黑色金属铸造)',
+        '金属冶炼(铜冶炼)',
+        '金属冶炼(铅、锌冶炼)',
+        '金属冶炼(铝冶炼)',
+        '金属冶炼(铜及铜合金制造与铸造)',
+        '金属冶炼(铝及铝合金制造与铸造)',
+        '金属冶炼(锌及锌合金制造与铸造)',
+        '金属冶炼(镁及镁合金制造与铸造)',
+        '金属冶炼(镁及镁合金制造与铸造)金属非金属矿山(地下矿山)',
+        '金属冶炼(有色金属冶炼<除铜、铝、铅、锌之外的其他有色金属>）',
+        '金属冶炼(铝及铝合金制造与铸造)',
+        '金属冶炼(黑色金属铸造)金属非金属矿山(露天矿山)',
+        '危险化学品生产单位',
+        '金属非金属矿山(小型露天采石场)',
+        '危险化学品经营单位',
+        '烟花爆竹生产单位',
+        '烟花爆竹经营单位',
+        '金属冶炼(铝冶炼)',
+        '电气实验作业',
+        '电力电缆作业',
+        '高压电工作业',
+        '低压电工作业',
+        '防爆电气作业',
+        '继电保护作业',
+        '熔化焊接与热切割作业',
+        '压力焊作业',
+        '钎焊作业',
+        '登高架设作业',
+        '高处安装、维护、拆除作业',
+        '制冷与空调设备运行操作作业',
+        '制冷与空调设备安装修理作业',
+        '金属非金属矿山安全检查作业(露天矿山)',
+        '金属非金属矿井通风作业',
+        '尾矿作业',
+        '金属非金属矿山安全检查作业(小型露天采石场)',
+        '金属非金属矿山提升机操作作业',
+        '金属非金属矿山支柱作业',
+        '金属非金属矿山井下电气作业',
+        '金属非金属矿山排水作业',
+        '金属非金属矿山爆破作业,',
+        '金属非金属矿山安全检查作业(地下矿山)',
+        '司钻作业（井下作业）',
+        '司钻作业（钻井作业）',
+        '煤气作业',
+        '氟化工艺作业',
+        '重氮化工艺作业',
+        '氧化工艺作业',
+        '胺基化工艺作业',
+        '聚合工艺作业',
+        '烷基化工艺作业',
+        '化工自动化控制仪表作业',
+        '光气及光气化工艺作业',
+        '氯碱电解工艺作业',
+        '氯化工艺作业',
+        '硝化工艺作业',
+        '合成氨工艺作业',
+        '烟花爆竹储存作业',
+        '烟火药制造作业',
+        '黑火药制造作业',
+        '引火线制造作业',
+        '烟花爆竹产品涉药作业',
+      ]
+    },
+
+    noticeText() {
+      console.log(
+        '-----noticeText-------',
+        Math.ceil(this.produceTime / 1000 / 60)
+      )
+      return (
+        Math.ceil(this.produceTime / 1000 / 60) +
+        '分钟前 ' +
+        this.surnames[this.$u.random(0, 99)] +
+        '**' +
+        '完成了"' +
+        this.courses[this.$u.random(0, 63)] +
+        '习题"练习'
+      )
+    },
+  },
+  created() {
+    this.initData()
+    this.beginNotic()
+  },
+  methods: {
+    initData() {
+      // this.avatars = [
+      //   process.uniEnv.qn_base_url + 'touxiang' + this.$u.random(0, 49) + '.png',
+      //   process.uniEnv.qn_base_url + 'touxiang' + this.$u.random(0, 49) + '.png',
+      //   process.uniEnv.qn_base_url + 'touxiang' + this.$u.random(0, 49) + '.png',
+      //   process.uniEnv.qn_base_url + 'touxiang' + this.$u.random(0, 49) + '.png',
+      // ]
+      this.avatars = [
+        process.uniEnv.qn_base_url + 'xunzhang.png',
+        process.uniEnv.qn_base_url + 'xunzhang.png',
+        process.uniEnv.qn_base_url + 'xunzhang.png',
+        process.uniEnv.qn_base_url + 'xunzhang.png',
+      ]
+      this.list = [this.noticeText]
+      setInterval(() => {
+        this.produceTime += this.duration
+        console.log('-----produceTime-------', this.produceTime)
+      }, this.duration)
+    },
+    beginNotic() {
+      var after = this.$u.random(1, 600) * 1000
+      console.log('---after---', after)
+      this.produceTime = 1000
+
+      setTimeout(() => {
+        this.produceData()
+        this.beginNotic()
+      }, after)
+    },
+    produceData() {
+      var array = this.avatars.slice(1)
+      console.log(array.length)
+      // this.avatars = [...array, process.uniEnv.qn_base_url + 'touxiang' + this.$u.random(0, 49) + '.png']
+      this.avatars = [...array, process.uniEnv.qn_base_url + 'xunzhang.png']
+      console.log(this.avatars.length)
+
+      this.list = [this.noticeText]
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.top {
+  width: 100%;
+  margin-left: 15rpx;
+  display: flex;
+  align-items: center;
+  .avatar {
+    .avatar-list {
+      margin-left: -15rpx;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      image {
+        width: 44rpx;
+        height: 44rpx;
+        border: 2rpx solid #ccc;
+        background: #fff;
+        border-radius: 50%;
+        margin-right: 1px;
+      }
+    }
+  }
+  .notice {
+    flex: 1;
+    width: 100%;
+  }
+}
+</style>

src/components/subject-statistics/index.vue

@@ -2,7 +2,7 @@
   <view class="statis">
     <image class="background-image" :src="meiriyilianImage"></image>
     <view class="content-view">
-      <view class="u-flex top">
+      <!-- <view class="u-flex top">
         <view class="u-flex avatar">
           <view
             class="avatar-list"
@@ -23,7 +23,8 @@
             padding="0 10rpx"
           ></u-notice-bar>
         </view>
-      </view>
+      </view> -->
+      <NoticeBar />
       <view class="u-flex center">
         <view v-for="(value, key) in detailLabels" :key="key" class="item-view">
           <view v-if="key == 'total'" class="line-view"></view>
@@ -49,8 +50,13 @@
 </template>
 
 <script>
+import NoticeBar from '@/components/notice-bar'
+
 export default {
   name: 'subjectStatistics',
+  components: {
+    NoticeBar,
+  },
   props: {
     info: {
       type: Object,