<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>精品课-首页</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="sharetitle" content="全科界-精品课"/>
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医"/>
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png"/>
    <meta name="shareurl" content=""/>
    <script src="/static/js/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="/static/css/web/course/page.css">
    <link href="/web/css/common.css" rel="stylesheet"/>
    <link href="/web/css/layer.css" rel="stylesheet">
    <link href="/web/css/new.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/web/brand/upload.css">
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
    <script src="/static/js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="/web/js/common.js "></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.js?v=" +Math.random()></script>
<!--    <script src="/static/js/ali-oss.js"></script>-->
    <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<body>
<div class="container">
    <div th:include="web/common::common-header-web"></div>

    <!--首页主体盒子-->
    <div class="wareUpload">
        <p class="addUpload" @click="addCourseware">新增</p>
        <div class="wareList" v-cloak>
            <div v-for="(item,i) in list" class="wareItem">
                <div class="wareItem_img">
                    <img :src="item.coverImg" alt="">
                </div>
                <p class="wareItem_title">{{item.title}}</p>
                <p class="wareItem_text">
                    <span @click="uploadDown(item.id)">下载</span>
                    <span @click="uploadDel(item.id)">删除</span>
                </p>
            </div>
            <div style="clear: both"></div>
        </div>
        <div id="app" style="margin-bottom: 20px;" v-if="list.length>0">
            <!-- elementUI实现表格属性筛选 -->
            <el-pagination
                    background
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="page"
                    :page-size="size"
                    layout=" prev, pager, next, total,jumper"
                    :total="total">
            </el-pagination>
        </div>

        <div class="addUploadMask">
            <div class="addUploadBox">
                <p class="addupload_name">上传文件</p>
                <img src="/static/images/close1.png" @click="courseClose" class="addupload_icon">
<!--                <span @click="courseClose" class="el-icon-close addupload_icon"></span>-->
                <el-form ref="form" :model="form" size="small" label-width="130px">
                    <el-form-item label="文件名称">
                        <el-input v-model="form.fileName" style="width: 370px;" placeholder="请输入文件名称" @input="lenMin(form.fileName,50)" maxlength="50"></el-input>
                    </el-form-item>
                    <el-form-item label="上传课件">
                        <div class="content">
                            <el-upload
                                action
                                :http-request="Upload"
                                :before-upload="beforeAvatarUpload"
                                :on-preview="handlePreview"
                                :before-remove="beforeRemove"
                                :on-remove="handleRemove"
                                :on-success="handleSuccess"
                                :on-exceed="handleExceed"
                                drag
                                :limit="limit"
                                :file-list="fileList"
                            >
<!--                                <i class="el-icon-upload"></i>-->
                                <img src="/static/images/wareupload.png" style="margin-top: 40px;">
                                <div class="el-upload__text">
                                    将文件拖到此处，或
                                    <em>点击上传</em>
                                </div>
<!--                                <div slot="tip" class="el-upload__tip"> </div>-->
                            </el-upload>
                            <el-progress v-show="showProgress" :text-inside="true" :stroke-width="15" :percentage="progress" style="width: 370px;" />
                        </div>
                    </el-form-item>
                </el-form>
                <p class="addUploadSub">
                    <button type="button" @click="onSubmit">提交</button>
                </p>
            </div>
        </div>
    </div>


    <!--底部公共区域-->
    <div th:include="web/common::common-bottom-web"></div>
    <!--返回顶部-->
    <div th:include="web/common::common-back-web"></div>

</div>

</body>
<script src="/web/js/layer.js"></script>
<script src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/web/js/common.js"></script>
<script type="text/javascript" src="/static/js/ucenter.js"></script>
<script type="text/javascript" src="/static/js/vue.js"></script>
<!--引入 element-ui 的样式，-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/static/js/web/brand/upload.js"></script>
<script src="/static/web/js/common.js?v=" +Math.random()></script>

<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
<script>
</script>



</html>
