提交

src/views/ucurrency/Index.vue

@@ -2,7 +2,7 @@
     <div class="u-currency" >
        <div class="myubi">
            <div class="ubi-hear">
-               <h6>我的U币:367</h6><span>U币规则 <i class="el-icon-arrow-right"></i> </span>
+               <h6>我的U币:367</h6><span class="cursor-pointer" @click="dialogVisible = true">U币规则 <i class="el-icon-arrow-right"></i> </span>
                 <el-button>导出记录</el-button>
            </div>
            <div class="Ubi-hist">
@@ -141,13 +141,109 @@
             
           </div>
       </div>
+      <el-dialog
+        :visible.sync="dialogVisible"
+        :show-close="false"
+        width="716px">
+        <div class="dialog-box">
+            <div class="box-top">
+                <p style="font-size: 26px;font-weight: 600;margin-bottom: 4px;">U币规则</p>
+                <p style="font-size: 14px;line-height: 20px;">学员每日通过积分规则获得积分的上限为150积分，当天达到上限后，将 不能通过积分规则获得积分</p>
+            </div>
+            <div class="box-table">
+                <p class="table-title portal-title-tow"><span></span>学习</p>
+                <el-table
+                :data="tableData"
+                style="width: 100%;height:320px;overflow-y: auto;">
+                <el-table-column
+                    prop="date"
+                    label="分类"
+                    width="180">
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    label="描述"
+                    width="180">
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    label="经验值/U币">
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    label="每日上限">
+                </el-table-column>
+                </el-table>
+            </div>
+            <div class="dialog-close" @click="dialogVisible=false">
+                <img style="width:86px;height:86px" src="/images/homeWu/u-close.png" alt="">
+            </div>
+        </div>
+        </el-dialog>
     </div>
   </template>
 
 <script>
-   
+    import apiStat from '@/api/phase2/stat.js';
+    import { mapGetters } from 'vuex';
+      export default{
+          computed: {
+          ...mapGetters(['userInfo']),
+         
+          },
+          components: {},
+          data(){
+              return{
+                dialogVisible:false,
+                tableData:[]
+              }
+          },
+          mounted() {
+             
+          },
+        methods:{
+      
+        }
+      }
 </script>
 <style lang="scss" scoped>
+   ::v-deep .el-dialog{
+        border-radius: 8px;
+    }
+    ::v-deep .el-dialog__header{
+        display: none;
+    }
+    ::v-deep .el-dialog__body{
+       padding: 0;
+    }
+    .dialog-box{
+        position: relative;
+        .dialog-close{
+           position: absolute;
+           left: 50%;
+           transform: translate(-50%);
+           bottom: -127px;
+        }
+        .box-top{
+            color: #FBA511;
+            padding: 26px 212px 17px 61px;
+            background: url('/images/homeWu/u-bg.png') no-repeat;
+        }
+        .box-table{
+            padding: 26px 14px 40px 66px;
+            .table-title{
+                margin-bottom: 18px;
+                span{
+                    display: inline-block;
+                    width: 6px;
+                    height: 18px;
+                    background: #0060FF;
+                    border-radius: 4px;
+                    margin-right: 10px;
+                }
+            }
+        }
+    }
      .Recording-info{
          margin-top: 12px;
          height: 45px;