From f60acb9ae72266431193e4f3737b41f9ca2cb64f Mon Sep 17 00:00:00 2001
From: e <2432808546@qq.com>
Date: Thu, 8 Jul 2021 10:59:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B8=85=E7=90=86=E5=90=84=E9=A1=B9=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             | 156 +++-
 package.json                                  |   3 +-
 src/assets/css/main.css                       |  22 +
 src/components/Header.vue                     |   4 +-
 src/components/Sidebar.vue                    |   4 +-
 src/components/pdf.vue                        | 104 +++
 src/router/index.js                           |   4 +-
 src/views/Login.vue                           |   2 +-
 src/views/course/AddCurriculum.vue            |  94 ++-
 src/views/course/Curriculum.vue               |   2 +-
 src/views/course/assetConfig.vue              | 708 ++++++++++++++++++
 src/views/course/courseconfig.vue             | 708 ++++++++++++++++++
 .../customer/{Dashboard.vue => customer.vue}  |   4 +-
 src/views/user/User.vue                       |   2 +-
 vue.config.js                                 |   7 +
 15 files changed, 1794 insertions(+), 30 deletions(-)
 create mode 100644 src/components/pdf.vue
 create mode 100644 src/views/course/assetConfig.vue
 create mode 100644 src/views/course/courseconfig.vue
 rename src/views/customer/{Dashboard.vue => customer.vue} (99%)

diff --git a/package-lock.json b/package-lock.json
index a258ec6..7df5552 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1018,6 +1018,11 @@
         "@types/node": "*"
       }
     },
+    "@types/json-schema": {
+      "version": "7.0.7",
+      "resolved": "https://registry.nlark.com/@types/json-schema/download/@types/json-schema-7.0.7.tgz",
+      "integrity": "sha1-mKmTUWyFnrDVxMjwmDF6nqaNua0="
+    },
     "@types/minimatch": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
@@ -1568,8 +1573,7 @@
     "ajv-keywords": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
-      "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
-      "dev": true
+      "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ=="
     },
     "alphanum-sort": {
       "version": "1.0.2",
@@ -1997,6 +2001,11 @@
         "resolve": "^1.4.0"
       }
     },
+    "babel-plugin-syntax-dynamic-import": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-dynamic-import/download/babel-plugin-syntax-dynamic-import-6.18.0.tgz",
+      "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo="
+    },
     "babel-polyfill": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",
@@ -9133,6 +9142,11 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pdfjs-dist": {
+      "version": "2.6.347",
+      "resolved": "https://registry.nlark.com/pdfjs-dist/download/pdfjs-dist-2.6.347.tgz",
+      "integrity": "sha1-8lftZug76QDND9KFJKIYf7niXNU="
+    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -10212,6 +10226,76 @@
         "unpipe": "1.0.0"
       }
     },
+    "raw-loader": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npm.taobao.org/raw-loader/download/raw-loader-4.0.2.tgz",
+      "integrity": "sha1-GqxrfRrRUB5m79rBUixz5ZpYTrY=",
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.nlark.com/ajv/download/ajv-6.12.6.tgz",
+          "integrity": "sha1-uvWmLoArB9l3A0WG+MO69a3ybfQ=",
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npm.taobao.org/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1616882441894&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz",
+          "integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0="
+        },
+        "emojis-list": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/emojis-list/download/emojis-list-3.0.0.tgz",
+          "integrity": "sha1-VXBmIEatKeLpFucariYKvf9Pang="
+        },
+        "fast-deep-equal": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-3.1.3.tgz",
+          "integrity": "sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU="
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/json5/download/json5-2.2.0.tgz",
+          "integrity": "sha1-Lf7+cgxrpSXZ69kJlQ8FFTFsiaM=",
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz",
+          "integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "minimist": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz?cache=0&sync_timestamp=1589682820731&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminimist%2Fdownload%2Fminimist-1.2.5.tgz",
+          "integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI="
+        },
+        "schema-utils": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/schema-utils/download/schema-utils-3.0.0.tgz",
+          "integrity": "sha1-Z1AvaqK2ai1AMrQnmilEl4oJE+8=",
+          "requires": {
+            "@types/json-schema": "^7.0.6",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
     "read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -12530,11 +12614,6 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
-    "vue-i18n": {
-      "version": "8.15.1",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.15.1.tgz",
-      "integrity": "sha512-GBbz8qYCu0U2LNu4IcuFLZiuyninG4k26knvhL7GZG5Ncp4RR2VKDEH6g8gQ6I+UUBCvH2MBQVPSdxWe4DBkPw=="
-    },
     "vue-loader": {
       "version": "15.7.2",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.7.2.tgz",
@@ -12548,6 +12627,44 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-pdf": {
+      "version": "4.3.0",
+      "resolved": "https://registry.nlark.com/vue-pdf/download/vue-pdf-4.3.0.tgz",
+      "integrity": "sha1-1feQ7nln57eqkIm5exGrFo4Z29A=",
+      "requires": {
+        "babel-plugin-syntax-dynamic-import": "^6.18.0",
+        "loader-utils": "^1.4.0",
+        "pdfjs-dist": "2.6.347",
+        "raw-loader": "^4.0.2",
+        "vue-resize-sensor": "^2.0.0",
+        "worker-loader": "^2.0.0"
+      },
+      "dependencies": {
+        "emojis-list": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/emojis-list/download/emojis-list-3.0.0.tgz",
+          "integrity": "sha1-VXBmIEatKeLpFucariYKvf9Pang="
+        },
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz",
+          "integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-1.4.0.tgz",
+          "integrity": "sha1-xXm140yzSxp07cbB+za/o3HVphM=",
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        }
+      }
+    },
     "vue-quill-editor": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/vue-quill-editor/-/vue-quill-editor-3.0.6.tgz",
@@ -12557,6 +12674,11 @@
         "quill": "^1.3.4"
       }
     },
+    "vue-resize-sensor": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/vue-resize-sensor/download/vue-resize-sensor-2.0.0.tgz",
+      "integrity": "sha1-Olh/1oAuFohwnPLFqtrnoAdZUr8="
+    },
     "vue-router": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.3.tgz",
@@ -13036,6 +13158,26 @@
         "errno": "~0.1.7"
       }
     },
+    "worker-loader": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/worker-loader/download/worker-loader-2.0.0.tgz",
+      "integrity": "sha1-Rf2j73asqBV3GokQc5nuQRm0MKw=",
+      "requires": {
+        "loader-utils": "^1.0.0",
+        "schema-utils": "^0.4.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "0.4.7",
+          "resolved": "https://registry.npm.taobao.org/schema-utils/download/schema-utils-0.4.7.tgz",
+          "integrity": "sha1-unT1l9K+LqiAExdG7hfQoJPGgYc=",
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        }
+      }
+    },
     "wrap-ansi": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
diff --git a/package.json b/package.json
index 4a52f9f..e8258c7 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,8 @@
     "vue-router": "^3.0.3",
     "vue-schart": "^2.0.0",
     "vuedraggable": "^2.17.0",
-    "vuex": "^3.1.2"
+    "vuex": "^3.1.2",
+    "vue-pdf": "^4.2.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.9.0",
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 653e6db..d8d6caa 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -285,6 +285,28 @@ li {
     padding: 20px 0;
     border-bottom: 1px dashed #eee;
 }
+.border-b-dashed{
+    border-bottom: 1px dashed #e3e3e3;
+    width: 100%;
+    height: 1px;
+    margin-bottom: 20px;
+}
+.shadow{
+    border: 0.0625rem solid #EBEEF5;
+    background-color: #FFF;
+    color: #303133;
+    -webkit-transition: .3s;
+    transition: .3s;
+}
+.shadow :hover{
+    box-shadow: 0 0.125rem 0.75rem 0 rgb(0 0 0 / 10%);
+
+}
+.flex-col{
+    display: flex;
+    flex-direction: column;
+
+}
 .addhr_tag{
     background-color: #666;
     width: 6px;
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 0cb62d9..c97fc85 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -39,10 +39,10 @@ export default {
             localStorage.removeItem('ms_username');
             this.$router.push('/login');
             sessionStorage.clear()
-            
+
         },
         goHome(){
-            this.$router.push('/dashboard')
+            this.$router.push('/customer')
         }
     },
 };
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 166176b..c6aa132 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -57,7 +57,7 @@ export default {
             items: [
                 {
                     icon: 'el-icon-lx-home',
-                    index: 'dashboard',
+                    index: 'customer',
                     title: '客户管理'
                 },
                 {
@@ -86,7 +86,7 @@ export default {
                     title: '数据管理'
                 }
             ],
-            onRoutes:'dashboard'
+            onRoutes:'customer'
         };
     },
     watch:{
diff --git a/src/components/pdf.vue b/src/components/pdf.vue
new file mode 100644
index 0000000..fa78b74
--- /dev/null
+++ b/src/components/pdf.vue
@@ -0,0 +1,104 @@
+<template>
+    <div>
+        <el-dialog
+            custom-class="pdf-dia"
+            :close-on-click-modal="false"
+            :visible.sync="visible"
+            @close="closePdf"
+            :fullscreen="true"
+            :modal="false"
+            :append-to-body="true">
+            <div>
+                <button type="button" aria-label="Close" class="el-dialog__headerbtn" @click="closePdf"><i class="el-dialog__close el-icon el-icon-close"></i></button>
+                <div class="pdf">
+                    <p class="arrow">
+                        <span @click="changePdfPage(0)" class="turn el-icon-arrow-left" :class="{grey: currentPage==1}"></span>
+                        {{currentPage}} / {{pageCount}}
+                        <span @click="changePdfPage(1)" class="turn el-icon-arrow-right" :class="{grey: currentPage==pageCount}"></span>
+                    </p>
+                    <pdf
+                    class="pdf-wrap"
+                    :src="src"
+                    :page="currentPage"
+                    @num-pages="pageCount=$event"
+                    @page-loaded="currentPage=$event"
+                    @loaded="loadPdfHandler">
+                    </pdf>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import pdf from "vue-pdf";
+export default {
+    props: ['visible','src'],
+    data() {
+        return {
+            pdfVisible: false,
+            pdfSrc: '',
+            currentPage: 0,
+            pageCount: 0,
+            fileType: 'pdf',
+        };
+    },
+    components: { pdf },
+    methods: {
+        closePdf(){
+            this.$emit('update:visible',false)
+            this.$emit('update:src','')
+            this.currentPage = 1
+        },
+        changePdfPage (val) {
+            if (val === 0 && this.currentPage > 1) {
+            this.currentPage--
+            }
+            if (val === 1 && this.currentPage < this.pageCount) {
+            this.currentPage++
+            }
+        },
+        loadPdfHandler (e) {
+            this.currentPage = 1
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+    /deep/.pdf-dia{
+        border-radius: 0 !important;
+        .el-dialog__header{
+            display: none;
+        }
+        .el-dialog__body{
+            padding: 0;
+        }
+        .el-dialog__headerbtn{
+            top: 10px;
+            .el-dialog__close{
+                color: #fff;
+                font-size: 16px;
+            }
+        }
+
+        .pdf{
+            .arrow{
+                padding: 10px 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                font-size: 16px;
+                color: #fff;
+                background-color: #333;
+                .turn{
+                    margin: 0 10px;
+                    font-size: 18px;
+                    cursor: pointer;
+                }
+            }
+            .pdf-wrap{
+                width: 80%;
+                margin: 0 auto;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 2f2529f..1b750d4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,8 +17,8 @@ let router =  new Router({
             meta: { title: '自述文件' },
             children: [
                 {
-                    path: '/dashboard',
-                    component: () => import(/* webpackChunkName: "dashboard" */ '../views/customer/Dashboard.vue'),
+                    path: '/customer',
+                    component: () => import(/* webpackChunkName: "dashboard" */ '../views/customer/customer.vue'),
                     meta: { title: '客户管理' }
                 },
                 {
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 4977a5e..89b28e7 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -67,7 +67,7 @@ export default {
                             localStorage.setItem('ms_username', this.param.username);
                             this.$store.commit("userLoginData", { userLogin_id : res.message.retvalue.userId});
                             this.$store.commit("tokenData", {loginToken: res.message.retvalue.loginToken})
-                            this.$router.push('/dashboard');
+                            this.$router.push('/customer');
                         }else{
                             this.$message.error('该用户没有权限');
                         }
diff --git a/src/views/course/AddCurriculum.vue b/src/views/course/AddCurriculum.vue
index 06405d4..580bca7 100644
--- a/src/views/course/AddCurriculum.vue
+++ b/src/views/course/AddCurriculum.vue
@@ -13,11 +13,12 @@
                     </div>           
                 </el-card>
 
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-center mgb20 user_header">
+                <el-card shadow="hover" class="mgb20 ">
+                    <div class="flex-center mgb20">
                         <p class="addhr_tag"></p>
                         <span>课程信息</span>
                     </div>
+                    <div class="border-b-dashed"></div>
 
                     <div>
                         <el-form :model="form" :rules="rules" ref="form" label-width="80px">
@@ -61,7 +62,7 @@
                                     </el-select>
                                 </el-form-item>
 
-                                <el-form-item label="课程类别" prop="courseType">
+                                <el-form-item label="预计课时">
                                     <el-select v-model="form.courseType" clearable placeholder="请选择课程类别">
                                         <el-option v-for="(item,index) in CourseTypeList" :key="index" :label="item.name" :value="item.value"></el-option>
                                     </el-select>
@@ -82,20 +83,61 @@
 
                 <el-card shadow="hover" class="mgb20">
                     <div class="mgb20 flex-between">
-                        <div class="flex-center user_header">
+                        <div class="flex-center ">
                             <p class="addhr_tag"></p>
-                            <span>实训配置</span>
+                            <span>练习配置</span>
                         </div>
-                        <el-button type="primary" size="small" round class="mag" @click="getConfig">添加配置</el-button>
+                        <el-button  icon="el-icon-plus" circle></el-button>
                     </div>
+                    <div class="border-b-dashed"></div>
+                    <div>
+                        <el-table :data="curData" class="table" stripe header-align="center">
+                            <el-table-column type="index" width="100" label="序号" align="center">
+                            </el-table-column>
+                            <el-table-column prop="name" label="项目名称" align="center">
+                            </el-table-column>
+                            <el-table-column prop="appName" label="应用名称" align="center">
+                            </el-table-column>
+                            <el-table-column label="资源配置" align="center">
+                                <template slot-scope="scope">
+                                    <el-button @click="EditCur(scope.row)">编辑</el-button>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="展示控制" align="center">
+                                <template slot-scope="scope">
+                                    <el-switch
+                                        v-model="scope.row.contral"
+                                        :active-value="0"
+                                        :inactive-value="1">
+                                    </el-switch>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="添加控制" align="center">
+                                <template slot-scope="scope">
+                                    <el-button @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </el-card>
+                <!-- 考核配置 -->
+                <el-card shadow="hover" class="mgb20">
+                    <div class="mgb20 flex-between">
+                        <div class="flex-center ">
+                            <p class="addhr_tag"></p>
+                            <span>考核配置</span>
+                        </div>
+                        <el-button  icon="el-icon-plus" circle></el-button>
+                    </div>
+                    <div class="border-b-dashed"></div>
                     <!-- 实训配置 -->
                     <div>
-                        <el-table :data="curData" class="table" stripe header-align="center" height="600">
+                        <el-table :data="curData" class="table" stripe header-align="center">
                             <el-table-column type="index" width="100" label="序号" align="center">
                             </el-table-column>
-                            <el-table-column prop="projectName" label="项目名称" align="center">
+                            <el-table-column prop="name" label="项目名称" align="center">
                             </el-table-column>
-                            <el-table-column prop="systemName" label="应用名称" align="center">
+                            <el-table-column prop="appName" label="应用名称" align="center">
                             </el-table-column>
                             <el-table-column label="资源配置" align="center">
                                 <template slot-scope="scope">
@@ -105,7 +147,7 @@
                             <el-table-column label="展示控制" align="center">
                                 <template slot-scope="scope">
                                     <el-switch
-                                        v-model="scope.row.isShow"
+                                        v-model="scope.row.contral"
                                         :active-value="0"
                                         :inactive-value="1">
                                     </el-switch>
@@ -119,6 +161,23 @@
                         </el-table>
                     </div>
                 </el-card>
+                <!-- 资源配置 -->
+                <!-- <el-card shadow="hover" class="mgb20">
+                    <div class="mgb20 flex-between">
+                        <div class="flex-center ">
+                            <p class="addhr_tag"></p>
+                            <span>资源配置</span>
+                        </div>
+                        <div class="flex-between">
+                            <el-button type="primary" size="small" round class="mag" @click="getConfig">添加章节</el-button>
+                            <el-button type="primary" size="small" round class="mag" @click="getConfig">编辑顺序</el-button>
+                        </div>
+                    </div>
+                    <div class="border-b-dashed"></div>
+                </el-card> -->
+
+                <courseconfig></courseconfig>
+
             </el-col>
             
             <!-- 应用配置 -->
@@ -155,7 +214,11 @@
 </template>
 
 <script>
+import courseconfig from './courseconfig.vue'
     export default {
+        components:{
+            courseconfig:courseconfig
+        },
         data (){
             return {
                 form: {
@@ -203,7 +266,9 @@
                 },
                 permissionData: [],
                 curVisible: false,
-                curData: [],
+                curData: [
+                    {name:'项目名称',appName:'应用',asset:false,switch:false,contral:false}
+                ],
                 subjectList: [],
                 ProfessionalClassList: [],
                 ProfessionalList: [],
@@ -464,4 +529,11 @@
     font-size: 26px;
     color: #9278FF;
 }
+.card-curriculum{
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 10px 120px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/course/Curriculum.vue b/src/views/course/Curriculum.vue
index cc27bf7..f88dec4 100644
--- a/src/views/course/Curriculum.vue
+++ b/src/views/course/Curriculum.vue
@@ -109,7 +109,7 @@
 
 <script>
 export default {
-    name: 'dashboard',
+    name: 'customer',
     data() {
         return {
             name: localStorage.getItem('ms_username'),
diff --git a/src/views/course/assetConfig.vue b/src/views/course/assetConfig.vue
new file mode 100644
index 0000000..d03ae38
--- /dev/null
+++ b/src/views/course/assetConfig.vue
@@ -0,0 +1,708 @@
+<template>
+    <div>
+        <div class="page">
+            <div class="relative">
+                <div class="p-title">内容设置</div>
+                <div class="btns">
+                    <template v-if="!sorting">
+                        <el-button type="primary" size="small" round v-throttle @click="addChapter">添加章节</el-button>
+                        <el-button type="primary" size="small" round v-throttle @click="sort">编辑顺序</el-button>
+                    </template>
+                    <template v-else>
+                        <el-button type="primary" size="small" round v-throttle @click="cancelSort">取消</el-button>
+                        <el-button type="primary" size="small" round v-throttle @click="saveSort">保存</el-button>
+                    </template>
+                </div>
+            </div>
+            
+            <div class="page-content">
+                <div class="m-b-20" v-for="(chapter,index) in chapters" :key="chapter.id">
+                    <div class="flex j-between a-center m-b-10">
+                        <div>{{chapter.name}}</div>
+                        <div>
+                            <template v-if="!sorting">
+                                <el-button class="action-btn" type="primary" size="small" round v-throttle @click="editChapter(chapter)">修改章节名称</el-button>
+                                <el-button class="action-btn" type="primary" size="small" round v-throttle @click="addSection(chapter.id)">添加小节</el-button>
+                                <el-button class="action-btn" type="primary" size="small" round v-throttle @click="delChapter(chapter.id)">删除</el-button>
+                            </template>
+                            <template v-else>
+                                <i class="el-icon-top sort-icon" :class="{disabled: index == 0}" style="margin-right: 5px" @click="sortChapter(chapter,'up',index == 0,index)"></i>
+                                <i class="el-icon-bottom sort-icon" :class="{disabled: index == chapters.length-1}" @click="sortChapter(chapter,'down',index == chapter.length-1,index)"></i>
+                            </template>
+                        </div>
+                    </div>
+                    <el-table :data="chapter.subsectionList" class="table" stripe header-align="center">
+                        <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+                        <el-table-column prop="name" label="资源名称">
+                        </el-table-column>
+                        <el-table-column prop="fileType" label="资源类型" align="center">
+                            <template slot-scope="scope">
+                                {{transferType(scope.row.fileType)}}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" width="300">
+                            <template slot-scope="scope">
+                                <template v-if="!sorting">
+                                    <el-button type="text" @click="preview(scope.row)">查看</el-button>
+                                    <el-button type="text" @click="delSection(scope.row)">删除</el-button>
+                                    <el-button type="text" @click="editSectionName(scope.row,chapter.id)">修改小节名称</el-button>
+                                    <el-button type="text" @click="switchFile(scope.row,chapter.id)">更换文件</el-button>
+                                </template>
+                                <template v-else>
+                                    <i class="el-icon-top sort-icon" :class="{disabled: scope.$index == 0}" style="margin-right: 5px" @click="sortSection(index,'up',scope.$index == 0,scope.$index)"></i>
+                                    <i class="el-icon-bottom sort-icon" :class="{disabled: scope.$index == chapter.subsectionList.length-1}" @click="sortSection(index,'down',scope.$index == chapter.subsectionList.length-1,scope.$index)"></i>
+                                </template>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+
+                <el-dialog :title="chapterId ? '编辑章节' : '新增章节'" :visible.sync="chapterVisible" width="24%" :close-on-click-modal="false">
+                    <el-form>
+                        <el-form-item>
+                            <el-input placeholder="请输入章节名称，便于对小节归类" v-model="chapterName" maxlength="50"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="chapterVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="chapterSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <el-dialog title="添加小节" :visible.sync="sectionVisible" width="24%" @close="closeSection" :close-on-click-modal="false">
+                    <el-form label-width="80px">
+                        <el-form-item label="资源添加">
+                            <el-upload
+                                :before-upload="beforeUpload"
+                                :on-remove="handleRemove"
+                                :on-error="uploadError"
+                                :on-success="uploadSuccess"
+                                :before-remove="beforeRemove"
+                                :limit="1"
+                                :on-exceed="handleExceed"
+                                :action="this.api.fileupload"
+                                :file-list="uploadList"
+                                name="file"
+                            > 
+                                <el-button size="small"> 上传资源</el-button>
+                                <!-- <img src="../assets/img/upload.png" alt=""> -->
+                            </el-upload>
+                        </el-form-item>
+                        <el-form-item label="小节名称">
+                            <el-input placeholder="请输入小节名称" v-model="sectionName" maxlength="50"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="sectionVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="sectionSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <el-dialog title="更换文件" :visible.sync="switchVisible" width="28%" :close-on-click-modal="false" @close="closeSwitch">
+                    <div style="text-align: center">
+                        <el-upload
+                            :before-upload="beforeUpload"
+                            :on-remove="handleRemove"
+                            :on-error="uploadError"
+                            :on-success="uploadSuccess"
+                            :before-remove="beforeRemove"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :action="this.api.fileupload"
+                            :file-list="uploadList"
+                            name="file"
+                        >
+                            <el-button size="small"> 上传资源</el-button>
+                            <!-- <img src="../assets/img/upload.png" alt=""> -->
+                        </el-upload>
+                    </div>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="switchVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="switchSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <el-dialog title="修改小节名称" :visible.sync="sectionNameVisible" width="24%" :close-on-click-modal="false">
+                    <el-form>
+                        <el-form-item>
+                            <el-input placeholder="请输入小节名称" v-model="sectionName" maxlength="50"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="sectionNameVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="sectionNameSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <div v-show="previewImg" class="el-image-viewer__wrapper" :class="{active: previewImg}" style="z-index: 2000">
+                    <div class="el-image-viewer__mask"></div>
+                    <span class="el-image-viewer__btn el-image-viewer__close" @click="previewImg = ''"><i class="el-icon-circle-close" style="color: #fff"></i></span>
+                    <div class="el-image-viewer__canvas">
+                        <img :src="previewImg" class="el-image-viewer__img" style="transform: scale(1) rotate(0deg);margin-top: -1px; max-height: 100%; max-width: 100%;">
+                    </div>
+                </div>
+                <div v-show="iframeSrc" class="el-image-viewer__wrapper" :class="{active: iframeSrc}" style="z-index: 2000">
+                    <div class="el-image-viewer__mask"></div>
+                    <span class="el-image-viewer__btn el-image-viewer__close" :class="{'doc-close': isWord}" :style="{top: isWord ? '50px' : '5px'}" @click="closeIframe"><i class="el-icon-circle-close" style="color: #fff"></i></span>
+                    <div class="el-image-viewer__canvas">
+                        <iframe v-if="iframeSrc" class="fileIframe" id="fileIframe" :src="iframeSrc" frameborder="0"></iframe>
+                        <template v-if="showMask">
+                            <div class="mask" style="width: 200px;height: 30px;top: 53px;right: 320px"></div>
+                            <div class="mask" style="width: 175px;height: 30px;top: 53px;right: 5px"></div>
+                        </template>
+                        <template v-if="showMask1">
+                            <div class="word-mask1" style="width: 200px;height: 50px;"></div>
+                            <div class="word-mask" style="height: 40px;top: 48px;"></div>
+                            <div class="word-mask2" style="top: 55px;left: 28%;width: 44%;height: calc(100% - 80px);"></div>
+                        </template>
+                        <template v-if="showMask2 && iframeSrc">
+                            <div class="excel-mask1" style="height: 48px;"></div>
+                        </template>
+                    </div>
+                </div>
+                <div v-show="playAuth" class="el-image-viewer__wrapper" :class="{active: playAuth}" style="z-index: 2000">
+                    <div class="el-image-viewer__mask"></div>
+                    <span class="el-image-viewer__btn el-image-viewer__close" @click="closePlayer"><i class="el-icon-circle-close" style="color: #fff"></i></span>
+                    <div class="player" id="player"></div>
+                </div>
+
+                <!-- <pdf :visible.sync="pdfVisible" :src.sync="pdfSrc"></pdf> -->
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import { Loading } from 'element-ui';
+// import pdf from '../../components/pdf.vue'
+// import breadcrumb from '@/components/breadcrumb'
+export default {
+    data() {
+        return {
+            id: '',
+            userId: this.$store.state.userLoginId,
+            chapters: [],
+            sorting: false,
+            uploading: false,
+            uploadList: [],
+            chapterVisible: false,
+            chapterId: '',
+            chapterName: '',
+            sectionVisible: false,
+            sectionName: '',
+            sectionId: '',
+            switchVisible: false,
+            sectionNameVisible: false,
+            fileId: '',
+            fileName: '',
+            fileUrl: '',
+            originalFileName: '',
+            fileType: '',
+            playAuth: '',
+            player: null,
+            previewImg: '',
+            iframeSrc: '',
+            curFile: {},
+            isAddSection: false,
+            isWord: false,
+            isPPT: false,
+            isExcel: false,
+            showMask: false,
+            showMask1: false,
+            showMask2: false,
+            loadIns: null,
+            pdfVisible: false,
+            pdfSrc: '',
+            previewing: false
+        };
+    },
+    components: { 
+        // pdf,
+        // breadcrumb
+    },
+    mounted() {
+        this.insertScript()
+        this.id = this.$route.query.id
+        this.id && this.getData()
+        if (window.history && window.history.pushState) {
+            history.pushState(null, null, document.URL);
+            window.addEventListener("popstate", this.goBack, false);
+        }
+    },
+    destroyed() {
+        window.removeEventListener("popstate", this.goBack, false);
+    },
+    methods: {
+        getData() {
+            this.$get(`${this.api.queryChaptersAndSubsections}/${this.id}`)
+            .then(res => {
+                this.chapters = res.data.chapterList
+            })
+            .catch(err => {
+
+            });
+        },
+        goBack(){
+            if(this.previewing){
+                this.closeIframe()
+            }else{
+                history.back()
+            }
+        },
+        iframeOnload(){
+            document.querySelector('#fileIframe').onload = e => {
+                if(this.isPPT){
+                    this.showMask = true
+                }else{
+                    this.showMask = false
+                }
+                if(this.isWord){
+                    this.showMask1 = true
+                }else{
+                    this.showMask1 = false
+                }
+                if(this.isExcel){
+                    this.showMask2 = true
+                }else{
+                    this.showMask2 = false
+                }
+                this.loadIns.close()
+            }
+        },
+        insertScript(){
+            const linkTag = document.createElement('link');
+            linkTag.rel = 'stylesheet';
+            linkTag.href = 'https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css';
+            document.body.appendChild(linkTag);
+
+            const scriptTag = document.createElement('script');
+            scriptTag.type = 'text/javascript';
+            scriptTag.src = 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js';
+            document.body.appendChild(scriptTag);
+        },
+        // 上传文件
+        beforeUpload(file){
+            let type = this.transferType(file.name.substring(file.name.lastIndexOf('.') + 1))
+            if(type != '视频' && type != '图片' && type != 'pdf' && (file.size / 1024 / 1024) > 10){
+                this.errorMsg('请上传10M以内的文件')
+                return false
+            }
+            this.uploading = true
+            this.originalFileName = file.name
+            if(this.isAddSection) this.sectionName = file.name.substring(0,file.name.lastIndexOf("."))
+            this.fileType = file.name.substring(file.name.lastIndexOf('.')+1)
+        },
+        handleExceed(files, fileList) {
+            this.warningMsg(
+                `当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` 
+            );
+        },
+        uploadSuccess(res, file, fileList) {
+            this.uploading = false
+            this.fileId = res.data.filesResult.fileId
+            this.fileType = res.data.filesResult.fileType
+            this.fileUrl = res.data.filesResult.fileUrl
+            this.fileName = res.data.filesResult.ossFileName
+        },
+        uploadError(err, file, fileList) {
+            this.$message({
+                message: "上传出错，请重试！",
+                type: "error",
+                center: true
+            });
+        },
+        beforeRemove(file, fileList) {
+            if((file.size / 1024 / 1024) < 10){
+                return this.$confirm(`确定移除 ${file.name}？`);
+            }
+        },
+        handleRemove(file, fileList) {
+            this.uploadList = fileList
+        },
+        uploadSure(){
+            this.importVisible = false
+            this.pageNo = 1
+            this.staffGradeId = ''
+            this.keyword = ''
+            this.getTeacher()
+        },
+        goback() {
+            this.$router.push('course')
+        },
+        transferType(ext){
+            if('jpg,jpeg,png,gif,svg,psd'.includes(ext)) return '图片'
+            if('mp4,3gp,mov,m4v,avi,dat,mkv,flv,vob,rmvb,rm,qlv'.includes(ext)) return '视频'
+            return ext
+        },
+        addChapter(){
+            this.chapterName = ''
+            this.chapterId = ''
+            this.chapterVisible = true
+        },
+        sort(){
+            this.sorting = true
+        },
+        cancelSort(){
+            this.sorting = false
+        },
+        saveSort(){
+            this.chapters.forEach((n,k) => {
+                n.sort = k+1
+                n.subsectionList.forEach((j,i) => {
+                    j.sort = i+1
+                })
+            })
+            let data = {
+                chapterVOList: this.chapters
+            }
+            this.$post(this.api.reorder,data).then(res => {
+                this.sorting = false
+                this.getData()
+            }).catch(res => {});
+        },
+        editChapter(item){
+            this.chapterId = item.id
+            this.chapterName = item.name
+            this.chapterVisible = true
+        },
+        delChapter(id){
+            this.$confirm('此删除操作不可逆，是否确认删除选中项？', '提示', {
+                type: 'warning'
+            })
+            .then(() => {
+                this.$del(`${this.api.deleteChapter}/${id}`).then(res => {
+                    this.successMsg('删除成功');
+                    this.getData()
+                }).catch(res => {});
+            })
+            .catch(() => {});
+        },
+        closeSection(){
+            this.isAddSection = false
+        },
+        addSection(id){
+            this.chapterId = id
+            this.sectionName = ''
+            this.fileUrl = ''
+            this.uploadList = []
+            this.sectionId = ''
+            this.isAddSection = true
+            this.sectionVisible = true
+        },
+        chapterSubmit(){
+            if(!this.chapterName) return this.warningMsg('请填写章节名称')
+            let data = {
+                courseId: this.id,
+                name: this.chapterName
+            }
+            if(this.chapterId){
+                data.id = this.chapterId
+                this.$put(this.api.editChapter, data).then(res => {
+                    this.successMsg('修改成功');
+                    this.chapterVisible = false
+                    this.getData()
+                })
+                .catch(err => {
+                });
+            }else{
+                this.$post(this.api.addChapter, data).then(res => {
+                    this.successMsg('添加成功');
+                    this.chapterVisible = false
+                    this.getData()
+                })
+                .catch(err => {
+                });
+            }
+        },
+        sectionSubmit(){
+            if(!this.sectionName) return this.warningMsg('请填写小节名称')
+            if(this.uploading) return this.warningMsg('资源正在上传中，请稍候')
+            if(!this.fileUrl && !this.fileId) return this.warningMsg('请上传资源')
+            let data = {
+                id: this.sectionId,
+                courseId: this.id,
+                chapterId: this.chapterId,
+                name: this.sectionName,
+                fileId: this.fileId,
+                fileUrl: this.fileUrl,
+                fileName: this.fileName,
+                fileType: this.fileType,
+                originalFileName: this.originalFileName
+            }
+            this.$post(this.api.addSubsection, data).then(res => {
+                this.successMsg('添加成功');
+                this.sectionVisible = false
+                this.getData()
+            })
+            .catch(err => {
+            });
+        },
+        closeSwitch(){
+            this.fileId = ''
+            this.fileName = ''
+            this.fileType = ''
+            this.fileUrl = ''
+            this.sectionId = ''
+        },
+        preview(row){
+            if(this.transferType(row.fileType) == '视频'){
+                this.$get(`${this.api.getPlayAuth}/${row.fileId}`).then(res => {
+                    this.playAuth = res.data.playAuth
+                    if(this.player){
+                        this.player.replayByVidAndPlayAuth(row.fileId,this.playAuth)
+                    }else{
+                        this.player = new Aliplayer({
+                            id: 'player',
+                            width: '100%',
+                            autoplay: false,
+                            vid : row.fileId,
+                            playauth : this.playAuth,
+                            encryptType:1, //当播放私有加密流时需要设置。
+                        })
+                    }
+                }).catch(res => {})
+            }else if(this.transferType(row.fileType) == '图片'){
+                this.previewImg = row.fileUrl
+            }else if(row.fileType == 'pdf'){
+                this.pdfSrc = row.fileUrl
+                this.pdfVisible = true
+            }else{
+                this.$get(`${this.api.getSubsection}/${row.id}`).then(res => {
+                    this.previewing = true
+                    this.loadIns = Loading.service()
+                    this.$route.fullPath.includes('#file') || history.pushState({file: true},'文件预览','#' + this.$route.fullPath + '#file')
+                    if(row.fileType == 'pptx'){
+                        this.isPPT = true
+                        this.isWord = false
+                        this.isExcel = false
+                    }else if(row.fileType == 'doc' || row.fileType == 'docx'){
+                        this.isPPT = false
+                        this.isWord = true
+                        this.isExcel = false
+                    }else if(row.fileType == 'xls' || row.fileType == 'xlsx'){
+                        this.isExcel = true
+                        this.isPPT = false
+                        this.isWord = false
+                    }else{
+                        this.isPPT = false
+                        this.isWord = false
+                        this.isExcel = false
+                    }
+                    this.iframeSrc = res.data.previewUrl
+                    this.$nextTick(() => {
+                        this.iframeOnload()
+                    })
+                })
+                .catch(err => {
+                });
+            }
+        },
+        editSectionName(row,chapterId){
+            this.chapterId = chapterId
+            this.sectionId = row.id
+            this.sectionName = row.name
+            this.sectionNameVisible = true
+        },
+        switchFile(row,chapterId,sectionId){
+            this.uploadList = []
+            this.curFile = {
+                fileId: row.fileId,
+                fileName: row.fileName,
+                fileType: row.fileType,
+                fileUrl: row.fileUrl,
+            }
+            this.chapterId = chapterId
+            this.sectionId = row.id
+            this.sectionName = row.sectionName
+            
+            this.switchVisible = true
+        },
+        switchSubmitFile(){
+            let data = {
+                id: this.sectionId,
+                courseId: this.id,
+                chapterId: this.chapterId,
+                name: this.sectionName,
+                fileId: this.fileId,
+                fileName: this.fileName,
+                fileType: this.fileType,
+                fileUrl: this.fileUrl,
+                originalFileName: this.originalFileName
+            }
+            this.$put(this.api.editSubsection, data).then(res => {
+                this.successMsg('更换成功');
+                this.switchVisible = false
+                this.getData()
+            })
+            .catch(err => {
+            });
+        },
+        switchSubmit(){
+            if(this.uploading) return this.warningMsg('资源正在上传中，请稍候')
+            if(!this.fileUrl && !this.fileId) return this.warningMsg('请上传资源')
+            if(this.transferType(this.curFile.fileType) == '视频'){
+                let data = {
+                    videoIdList: [this.sectionId]
+                }
+                this.$del(`${this.api.removeVideo}/${this.curFile.fileId}`).then(res => {
+                    this.switchSubmitFile()
+                }).catch(res => {});
+            }else{
+                this.$del(`${this.api.fileDeletion}?keys=${this.curFile.fileName}`).then(res => {
+                    this.switchSubmitFile()
+                }).catch(res => {});
+            }
+        },
+        delSection(row) {
+            this.$confirm('此删除操作不可逆，是否确认删除选中项？', '提示', {
+                type: 'warning'
+            })
+            .then(() => {
+                this.$del(`${this.api.deleteSubsection}/${row.id}`).then(res => {
+                    this.successMsg('删除成功');
+                    this.getData()
+                }).catch(res => {});
+            })
+            .catch(() => {});
+        },
+        sortChapter(row,type,disabled,index){
+            if(!disabled){
+                if(type == 'up'){
+                    let tempItem = this.chapters.splice(index - 1,1)[0]
+                    this.chapters.splice(index,0,tempItem)
+                }else{
+                    let tempItem = this.chapters.splice(index + 1,1)[0]
+                    this.chapters.splice(index,0,tempItem)
+                }
+            }
+        },
+        sortSection(chapterIndex,type,disabled,index){
+            if(!disabled){
+                let list = this.chapters[chapterIndex].subsectionList
+                if(type == 'up'){
+                    let tempItem = list.splice(index - 1,1)[0]
+                    list.splice(index,0,tempItem)
+                }else{
+                    let tempItem = list.splice(index + 1,1)[0]
+                    list.splice(index,0,tempItem)
+                }
+                this.chapters[chapterIndex].subsectionList = list
+                
+            }
+        },
+        sectionNameSubmit(){
+            if(!this.sectionName) return this.warningMsg('请填写小节名称')
+            let data = {
+                id: this.sectionId,
+                courseId: this.id,
+                chapterId: this.chapterId,
+                name: this.sectionName
+            }
+            this.$put(this.api.editSubsection, data).then(res => {
+                this.successMsg('修改成功');
+                this.sectionNameVisible = false
+                this.getData()
+            })
+            .catch(err => {
+            });
+        },
+        closePlayer(){
+            this.playAuth = ''
+            this.player.pause()
+        },
+        closeIframe(){
+            this.iframeSrc = ''
+            this.showMask = false
+            this.showMask1 = false
+            this.showMask2 = false
+            this.previewing = false
+        },
+    }
+};
+</script>
+
+<style scoped lang="scss">
+    .btns{
+        position: absolute;
+        top: 12px;
+        right: 24px;
+        .el-button{
+            font-size: 14px;
+        }
+    }
+    .sort-icon{
+        font-size: 24px;
+        cursor: pointer;
+        &.disabled{
+            color: #ccc;
+            cursor: not-allowed
+        }
+    }
+    .el-image-viewer__wrapper{
+        transform: translateY(-10px);
+        transition: transform .5s;
+
+        &.active{
+            transform: translateY(0)
+        }
+    }
+    .el-image-viewer__close{
+        z-index: 10000;
+        top: 15px;
+        right: 15px;
+        &.doc-close{
+            i{
+                color: #000 !important;
+            }
+        }
+    }
+    .player{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+        width: 1200px !important;
+        height: 600px !important;
+    }
+    .fileIframe{
+        z-index: 1;
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+    }
+    .mask{
+        z-index: 1000;
+        position: fixed;
+        background-color: rgb(57,58,61);
+    }
+    .word-mask{
+        z-index: 1000;
+        position: fixed;
+        right: 0;
+        width: 100%;
+        background-color: rgb(243,242,241);
+    }
+    .word-mask1{
+        z-index: 1000;
+        position: fixed;
+        top: 0;
+        right: 0;
+        background-color: #2b579a;
+    }
+    .word-mask2{
+        z-index: 1000;
+        position: fixed;
+        background-color: transparent;
+    }
+    .excel-mask1{
+        z-index: 9;
+        position: absolute;
+        top: 0;
+        left: 20%;
+        width: 80%;
+        background-color: #107c41;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/course/courseconfig.vue b/src/views/course/courseconfig.vue
new file mode 100644
index 0000000..b820a85
--- /dev/null
+++ b/src/views/course/courseconfig.vue
@@ -0,0 +1,708 @@
+<template>
+    <div>
+        <div class="page">
+            <div class="relative">
+                <div class="p-title">内容设置</div>
+                <div class="btns">
+                    <template v-if="!sorting">
+                        <el-button type="primary" size="small" round @click="addChapter">添加章节</el-button>
+                        <el-button type="primary" size="small" round @click="sort">编辑顺序</el-button>
+                    </template>
+                    <template v-else>
+                        <el-button type="primary" size="small" round @click="cancelSort">取消</el-button>
+                        <el-button type="primary" size="small" round @click="saveSort">保存</el-button>
+                    </template>
+                </div>
+            </div>
+            
+            <div class="page-content">
+                <div class="m-b-20" v-for="(chapter,index) in chapters" :key="chapter.id">
+                    <div class="flex j-between a-center m-b-10">
+                        <div>{{chapter.name}}</div>
+                        <div>
+                            <template v-if="!sorting">
+                                <el-button class="action-btn" type="primary" size="small" round @click="editChapter(chapter)">修改章节名称</el-button>
+                                <el-button class="action-btn" type="primary" size="small" round @click="addSection(chapter.id)">添加小节</el-button>
+                                <el-button class="action-btn" type="primary" size="small" round @click="delChapter(chapter.id)">删除</el-button>
+                            </template>
+                            <template v-else>
+                                <i class="el-icon-top sort-icon" :class="{disabled: index == 0}" style="margin-right: 5px" @click="sortChapter(chapter,'up',index == 0,index)"></i>
+                                <i class="el-icon-bottom sort-icon" :class="{disabled: index == chapters.length-1}" @click="sortChapter(chapter,'down',index == chapter.length-1,index)"></i>
+                            </template>
+                        </div>
+                    </div>
+
+                    <el-table :data="chapter.subsectionList" class="table" stripe header-align="center">
+                        <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+                        <el-table-column prop="name" label="资源名称">
+                        </el-table-column>
+                        <el-table-column prop="fileType" label="资源类型" align="center">
+                            <template slot-scope="scope">
+                                {{transferType(scope.row.fileType)}}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" width="300">
+                            <template slot-scope="scope">
+                                <template v-if="!sorting">
+                                    <el-button type="text" @click="preview(scope.row)">查看</el-button>
+                                    <el-button type="text" @click="delSection(scope.row)">删除</el-button>
+                                    <el-button type="text" @click="editSectionName(scope.row,chapter.id)">修改小节名称</el-button>
+                                    <el-button type="text" @click="switchFile(scope.row,chapter.id)">更换文件</el-button>
+                                </template>
+                                <template v-else>
+                                    <i class="el-icon-top sort-icon" :class="{disabled: scope.$index == 0}" style="margin-right: 5px" @click="sortSection(index,'up',scope.$index == 0,scope.$index)"></i>
+                                    <i class="el-icon-bottom sort-icon" :class="{disabled: scope.$index == chapter.subsectionList.length-1}" @click="sortSection(index,'down',scope.$index == chapter.subsectionList.length-1,scope.$index)"></i>
+                                </template>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+
+                <el-dialog :title="chapterId ? '编辑章节' : '新增章节'" :visible.sync="chapterVisible" width="24%" :close-on-click-modal="false">
+                    <el-form>
+                        <el-form-item>
+                            <el-input placeholder="请输入章节名称，便于对小节归类" v-model="chapterName" maxlength="50"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="chapterVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="chapterSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <el-dialog title="添加小节" :visible.sync="sectionVisible" width="24%" @close="closeSection" :close-on-click-modal="false">
+                    <el-form label-width="80px">
+                        <el-form-item label="资源添加">
+                            <el-upload
+                                :before-upload="beforeUpload"
+                                :on-remove="handleRemove"
+                                :on-error="uploadError"
+                                :on-success="uploadSuccess"
+                                :before-remove="beforeRemove"
+                                :limit="1"
+                                :on-exceed="handleExceed"
+                                :action="this.api.fileupload"
+                                :file-list="uploadList"
+                                name="file"
+                            > 
+                                <el-button size="small"> 上传资源</el-button>
+                                <!-- <img src="../assets/img/upload.png" alt=""> -->
+                            </el-upload>
+                        </el-form-item>
+                        <el-form-item label="小节名称">
+                            <el-input placeholder="请输入小节名称" v-model="sectionName" maxlength="50"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="sectionVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="sectionSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <el-dialog title="更换文件" :visible.sync="switchVisible" width="28%" :close-on-click-modal="false" @close="closeSwitch">
+                    <div style="text-align: center">
+                        <el-upload
+                            :before-upload="beforeUpload"
+                            :on-remove="handleRemove"
+                            :on-error="uploadError"
+                            :on-success="uploadSuccess"
+                            :before-remove="beforeRemove"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :action="this.api.fileupload"
+                            :file-list="uploadList"
+                            name="file"
+                        >
+                            <el-button size="small"> 上传资源</el-button>
+                            <!-- <img src="../assets/img/upload.png" alt=""> -->
+                        </el-upload>
+                    </div>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="switchVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="switchSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <el-dialog title="修改小节名称" :visible.sync="sectionNameVisible" width="24%" :close-on-click-modal="false">
+                    <el-form>
+                        <el-form-item>
+                            <el-input placeholder="请输入小节名称" v-model="sectionName" maxlength="50"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button size="small" @click="sectionNameVisible = false">取消</el-button>
+                        <el-button size="small" type="primary" @click="sectionNameSubmit">确定</el-button>
+                    </span>
+                </el-dialog>
+
+                <div v-show="previewImg" class="el-image-viewer__wrapper" :class="{active: previewImg}" style="z-index: 2000">
+                    <div class="el-image-viewer__mask"></div>
+                    <span class="el-image-viewer__btn el-image-viewer__close" @click="previewImg = ''"><i class="el-icon-circle-close" style="color: #fff"></i></span>
+                    <div class="el-image-viewer__canvas">
+                        <img :src="previewImg" class="el-image-viewer__img" style="transform: scale(1) rotate(0deg);margin-top: -1px; max-height: 100%; max-width: 100%;">
+                    </div>
+                </div>
+                <div v-show="iframeSrc" class="el-image-viewer__wrapper" :class="{active: iframeSrc}" style="z-index: 2000">
+                    <div class="el-image-viewer__mask"></div>
+                    <span class="el-image-viewer__btn el-image-viewer__close" :class="{'doc-close': isWord}" :style="{top: isWord ? '50px' : '5px'}" @click="closeIframe"><i class="el-icon-circle-close" style="color: #fff"></i></span>
+                    <div class="el-image-viewer__canvas">
+                        <iframe v-if="iframeSrc" class="fileIframe" id="fileIframe" :src="iframeSrc" frameborder="0"></iframe>
+                        <template v-if="showMask">
+                            <div class="mask" style="width: 200px;height: 30px;top: 53px;right: 320px"></div>
+                            <div class="mask" style="width: 175px;height: 30px;top: 53px;right: 5px"></div>
+                        </template>
+                        <template v-if="showMask1">
+                            <div class="word-mask1" style="width: 200px;height: 50px;"></div>
+                            <div class="word-mask" style="height: 40px;top: 48px;"></div>
+                            <div class="word-mask2" style="top: 55px;left: 28%;width: 44%;height: calc(100% - 80px);"></div>
+                        </template>
+                        <template v-if="showMask2 && iframeSrc">
+                            <div class="excel-mask1" style="height: 48px;"></div>
+                        </template>
+                    </div>
+                </div>
+                <div v-show="playAuth" class="el-image-viewer__wrapper" :class="{active: playAuth}" style="z-index: 2000">
+                    <div class="el-image-viewer__mask"></div>
+                    <span class="el-image-viewer__btn el-image-viewer__close" @click="closePlayer"><i class="el-icon-circle-close" style="color: #fff"></i></span>
+                    <div class="player" id="player"></div>
+                </div>
+
+                <pdf :visible.sync="pdfVisible" :src.sync="pdfSrc"></pdf>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import { Loading } from 'element-ui';
+import pdf from '../../components/pdf.vue'
+export default {
+    data() {
+        return {
+            id: '',
+            userId: this.$store.state.userLoginId,
+            chapters: [],
+            sorting: false,
+            uploading: false,
+            uploadList: [],
+            chapterVisible: false,
+            chapterId: '',
+            chapterName: '',
+            sectionVisible: false,
+            sectionName: '',
+            sectionId: '',
+            switchVisible: false,
+            sectionNameVisible: false,
+            fileId: '',
+            fileName: '',
+            fileUrl: '',
+            originalFileName: '',
+            fileType: '',
+            playAuth: '',
+            player: null,
+            previewImg: '',
+            iframeSrc: '',
+            curFile: {},
+            isAddSection: false,
+            isWord: false,
+            isPPT: false,
+            isExcel: false,
+            showMask: false,
+            showMask1: false,
+            showMask2: false,
+            loadIns: null,
+            pdfVisible: false,
+            pdfSrc: '',
+            previewing: false
+        };
+    },
+    components: { 
+        pdf,
+        // breadcrumb
+    },
+    mounted() {
+        this.insertScript()
+        this.id = this.$route.query.id
+        this.id && this.getData()
+        if (window.history && window.history.pushState) {
+            history.pushState(null, null, document.URL);
+            window.addEventListener("popstate", this.goBack, false);
+        }
+    },
+    destroyed() {
+        window.removeEventListener("popstate", this.goBack, false);
+    },
+    methods: {
+        getData() {
+            this.$get(`${this.api.queryChaptersAndSubsections}/${this.id}`)
+            .then(res => {
+                this.chapters = res.data.chapterList
+            })
+            .catch(err => {
+
+            });
+        },
+        goBack(){
+            if(this.previewing){
+                this.closeIframe()
+            }else{
+                history.back()
+            }
+        },
+        iframeOnload(){
+            document.querySelector('#fileIframe').onload = e => {
+                if(this.isPPT){
+                    this.showMask = true
+                }else{
+                    this.showMask = false
+                }
+                if(this.isWord){
+                    this.showMask1 = true
+                }else{
+                    this.showMask1 = false
+                }
+                if(this.isExcel){
+                    this.showMask2 = true
+                }else{
+                    this.showMask2 = false
+                }
+                this.loadIns.close()
+            }
+        },
+        insertScript(){
+            const linkTag = document.createElement('link');
+            linkTag.rel = 'stylesheet';
+            linkTag.href = 'https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css';
+            document.body.appendChild(linkTag);
+
+            const scriptTag = document.createElement('script');
+            scriptTag.type = 'text/javascript';
+            scriptTag.src = 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js';
+            document.body.appendChild(scriptTag);
+        },
+        // 上传文件
+        beforeUpload(file){
+            let type = this.transferType(file.name.substring(file.name.lastIndexOf('.') + 1))
+            if(type != '视频' && type != '图片' && type != 'pdf' && (file.size / 1024 / 1024) > 10){
+                this.errorMsg('请上传10M以内的文件')
+                return false
+            }
+            this.uploading = true
+            this.originalFileName = file.name
+            if(this.isAddSection) this.sectionName = file.name.substring(0,file.name.lastIndexOf("."))
+            this.fileType = file.name.substring(file.name.lastIndexOf('.')+1)
+        },
+        handleExceed(files, fileList) {
+            this.warningMsg(
+                `当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` 
+            );
+        },
+        uploadSuccess(res, file, fileList) {
+            this.uploading = false
+            this.fileId = res.data.filesResult.fileId
+            this.fileType = res.data.filesResult.fileType
+            this.fileUrl = res.data.filesResult.fileUrl
+            this.fileName = res.data.filesResult.ossFileName
+        },
+        uploadError(err, file, fileList) {
+            this.$message({
+                message: "上传出错，请重试！",
+                type: "error",
+                center: true
+            });
+        },
+        beforeRemove(file, fileList) {
+            if((file.size / 1024 / 1024) < 10){
+                return this.$confirm(`确定移除 ${file.name}？`);
+            }
+        },
+        handleRemove(file, fileList) {
+            this.uploadList = fileList
+        },
+        uploadSure(){
+            this.importVisible = false
+            this.pageNo = 1
+            this.staffGradeId = ''
+            this.keyword = ''
+            this.getTeacher()
+        },
+        goback() {
+            this.$router.push('course')
+        },
+        transferType(ext){
+            if('jpg,jpeg,png,gif,svg,psd'.includes(ext)) return '图片'
+            if('mp4,3gp,mov,m4v,avi,dat,mkv,flv,vob,rmvb,rm,qlv'.includes(ext)) return '视频'
+            return ext
+        },
+        addChapter(){
+            this.chapterName = ''
+            this.chapterId = ''
+            this.chapterVisible = true
+        },
+        sort(){
+            this.sorting = true
+        },
+        cancelSort(){
+            this.sorting = false
+        },
+        saveSort(){
+            this.chapters.forEach((n,k) => {
+                n.sort = k+1
+                n.subsectionList.forEach((j,i) => {
+                    j.sort = i+1
+                })
+            })
+            let data = {
+                chapterVOList: this.chapters
+            }
+            this.$post(this.api.reorder,data).then(res => {
+                this.sorting = false
+                this.getData()
+            }).catch(res => {});
+        },
+        editChapter(item){
+            this.chapterId = item.id
+            this.chapterName = item.name
+            this.chapterVisible = true
+        },
+        delChapter(id){
+            this.$confirm('此删除操作不可逆，是否确认删除选中项？', '提示', {
+                type: 'warning'
+            })
+            .then(() => {
+                this.$del(`${this.api.deleteChapter}/${id}`).then(res => {
+                    this.successMsg('删除成功');
+                    this.getData()
+                }).catch(res => {});
+            })
+            .catch(() => {});
+        },
+        closeSection(){
+            this.isAddSection = false
+        },
+        addSection(id){
+            this.chapterId = id
+            this.sectionName = ''
+            this.fileUrl = ''
+            this.uploadList = []
+            this.sectionId = ''
+            this.isAddSection = true
+            this.sectionVisible = true
+        },
+        chapterSubmit(){
+            if(!this.chapterName) return this.warningMsg('请填写章节名称')
+            let data = {
+                courseId: this.id,
+                name: this.chapterName
+            }
+            if(this.chapterId){
+                data.id = this.chapterId
+                this.$put(this.api.editChapter, data).then(res => {
+                    this.successMsg('修改成功');
+                    this.chapterVisible = false
+                    this.getData()
+                })
+                .catch(err => {
+                });
+            }else{
+                this.$post(this.api.addChapter, data).then(res => {
+                    this.successMsg('添加成功');
+                    this.chapterVisible = false
+                    this.getData()
+                })
+                .catch(err => {
+                });
+            }
+        },
+        sectionSubmit(){
+            if(!this.sectionName) return this.warningMsg('请填写小节名称')
+            if(this.uploading) return this.warningMsg('资源正在上传中，请稍候')
+            if(!this.fileUrl && !this.fileId) return this.warningMsg('请上传资源')
+            let data = {
+                id: this.sectionId,
+                courseId: this.id,
+                chapterId: this.chapterId,
+                name: this.sectionName,
+                fileId: this.fileId,
+                fileUrl: this.fileUrl,
+                fileName: this.fileName,
+                fileType: this.fileType,
+                originalFileName: this.originalFileName
+            }
+            this.$post(this.api.addSubsection, data).then(res => {
+                this.successMsg('添加成功');
+                this.sectionVisible = false
+                this.getData()
+            })
+            .catch(err => {
+            });
+        },
+        closeSwitch(){
+            this.fileId = ''
+            this.fileName = ''
+            this.fileType = ''
+            this.fileUrl = ''
+            this.sectionId = ''
+        },
+        preview(row){
+            if(this.transferType(row.fileType) == '视频'){
+                this.$get(`${this.api.getPlayAuth}/${row.fileId}`).then(res => {
+                    this.playAuth = res.data.playAuth
+                    if(this.player){
+                        this.player.replayByVidAndPlayAuth(row.fileId,this.playAuth)
+                    }else{
+                        this.player = new Aliplayer({
+                            id: 'player',
+                            width: '100%',
+                            autoplay: false,
+                            vid : row.fileId,
+                            playauth : this.playAuth,
+                            encryptType:1, //当播放私有加密流时需要设置。
+                        })
+                    }
+                }).catch(res => {})
+            }else if(this.transferType(row.fileType) == '图片'){
+                this.previewImg = row.fileUrl
+            }else if(row.fileType == 'pdf'){
+                this.pdfSrc = row.fileUrl
+                this.pdfVisible = true
+            }else{
+                this.$get(`${this.api.getSubsection}/${row.id}`).then(res => {
+                    this.previewing = true
+                    this.loadIns = Loading.service()
+                    this.$route.fullPath.includes('#file') || history.pushState({file: true},'文件预览','#' + this.$route.fullPath + '#file')
+                    if(row.fileType == 'pptx'){
+                        this.isPPT = true
+                        this.isWord = false
+                        this.isExcel = false
+                    }else if(row.fileType == 'doc' || row.fileType == 'docx'){
+                        this.isPPT = false
+                        this.isWord = true
+                        this.isExcel = false
+                    }else if(row.fileType == 'xls' || row.fileType == 'xlsx'){
+                        this.isExcel = true
+                        this.isPPT = false
+                        this.isWord = false
+                    }else{
+                        this.isPPT = false
+                        this.isWord = false
+                        this.isExcel = false
+                    }
+                    this.iframeSrc = res.data.previewUrl
+                    this.$nextTick(() => {
+                        this.iframeOnload()
+                    })
+                })
+                .catch(err => {
+                });
+            }
+        },
+        editSectionName(row,chapterId){
+            this.chapterId = chapterId
+            this.sectionId = row.id
+            this.sectionName = row.name
+            this.sectionNameVisible = true
+        },
+        switchFile(row,chapterId,sectionId){
+            this.uploadList = []
+            this.curFile = {
+                fileId: row.fileId,
+                fileName: row.fileName,
+                fileType: row.fileType,
+                fileUrl: row.fileUrl,
+            }
+            this.chapterId = chapterId
+            this.sectionId = row.id
+            this.sectionName = row.sectionName
+            
+            this.switchVisible = true
+        },
+        switchSubmitFile(){
+            let data = {
+                id: this.sectionId,
+                courseId: this.id,
+                chapterId: this.chapterId,
+                name: this.sectionName,
+                fileId: this.fileId,
+                fileName: this.fileName,
+                fileType: this.fileType,
+                fileUrl: this.fileUrl,
+                originalFileName: this.originalFileName
+            }
+            this.$put(this.api.editSubsection, data).then(res => {
+                this.successMsg('更换成功');
+                this.switchVisible = false
+                this.getData()
+            })
+            .catch(err => {
+            });
+        },
+        switchSubmit(){
+            if(this.uploading) return this.warningMsg('资源正在上传中，请稍候')
+            if(!this.fileUrl && !this.fileId) return this.warningMsg('请上传资源')
+            if(this.transferType(this.curFile.fileType) == '视频'){
+                let data = {
+                    videoIdList: [this.sectionId]
+                }
+                this.$del(`${this.api.removeVideo}/${this.curFile.fileId}`).then(res => {
+                    this.switchSubmitFile()
+                }).catch(res => {});
+            }else{
+                this.$del(`${this.api.fileDeletion}?keys=${this.curFile.fileName}`).then(res => {
+                    this.switchSubmitFile()
+                }).catch(res => {});
+            }
+        },
+        delSection(row) {
+            this.$confirm('此删除操作不可逆，是否确认删除选中项？', '提示', {
+                type: 'warning'
+            })
+            .then(() => {
+                this.$del(`${this.api.deleteSubsection}/${row.id}`).then(res => {
+                    this.successMsg('删除成功');
+                    this.getData()
+                }).catch(res => {});
+            })
+            .catch(() => {});
+        },
+        sortChapter(row,type,disabled,index){
+            if(!disabled){
+                if(type == 'up'){
+                    let tempItem = this.chapters.splice(index - 1,1)[0]
+                    this.chapters.splice(index,0,tempItem)
+                }else{
+                    let tempItem = this.chapters.splice(index + 1,1)[0]
+                    this.chapters.splice(index,0,tempItem)
+                }
+            }
+        },
+        sortSection(chapterIndex,type,disabled,index){
+            if(!disabled){
+                let list = this.chapters[chapterIndex].subsectionList
+                if(type == 'up'){
+                    let tempItem = list.splice(index - 1,1)[0]
+                    list.splice(index,0,tempItem)
+                }else{
+                    let tempItem = list.splice(index + 1,1)[0]
+                    list.splice(index,0,tempItem)
+                }
+                this.chapters[chapterIndex].subsectionList = list
+                
+            }
+        },
+        sectionNameSubmit(){
+            if(!this.sectionName) return this.warningMsg('请填写小节名称')
+            let data = {
+                id: this.sectionId,
+                courseId: this.id,
+                chapterId: this.chapterId,
+                name: this.sectionName
+            }
+            this.$put(this.api.editSubsection, data).then(res => {
+                this.successMsg('修改成功');
+                this.sectionNameVisible = false
+                this.getData()
+            })
+            .catch(err => {
+            });
+        },
+        closePlayer(){
+            this.playAuth = ''
+            this.player.pause()
+        },
+        closeIframe(){
+            this.iframeSrc = ''
+            this.showMask = false
+            this.showMask1 = false
+            this.showMask2 = false
+            this.previewing = false
+        },
+    }
+};
+</script>
+
+<style scoped lang="scss">
+    .btns{
+        position: absolute;
+        top: 12px;
+        right: 24px;
+        .el-button{
+            font-size: 14px;
+        }
+    }
+    .sort-icon{
+        font-size: 24px;
+        cursor: pointer;
+        &.disabled{
+            color: #ccc;
+            cursor: not-allowed
+        }
+    }
+    .el-image-viewer__wrapper{
+        transform: translateY(-10px);
+        transition: transform .5s;
+
+        &.active{
+            transform: translateY(0)
+        }
+    }
+    .el-image-viewer__close{
+        z-index: 10000;
+        top: 15px;
+        right: 15px;
+        &.doc-close{
+            i{
+                color: #000 !important;
+            }
+        }
+    }
+    .player{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+        width: 1200px !important;
+        height: 600px !important;
+    }
+    .fileIframe{
+        z-index: 1;
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+    }
+    .mask{
+        z-index: 1000;
+        position: fixed;
+        background-color: rgb(57,58,61);
+    }
+    .word-mask{
+        z-index: 1000;
+        position: fixed;
+        right: 0;
+        width: 100%;
+        background-color: rgb(243,242,241);
+    }
+    .word-mask1{
+        z-index: 1000;
+        position: fixed;
+        top: 0;
+        right: 0;
+        background-color: #2b579a;
+    }
+    .word-mask2{
+        z-index: 1000;
+        position: fixed;
+        background-color: transparent;
+    }
+    .excel-mask1{
+        z-index: 9;
+        position: absolute;
+        top: 0;
+        left: 20%;
+        width: 80%;
+        background-color: #107c41;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/customer/Dashboard.vue b/src/views/customer/customer.vue
similarity index 99%
rename from src/views/customer/Dashboard.vue
rename to src/views/customer/customer.vue
index 95e51fa..e977b95 100644
--- a/src/views/customer/Dashboard.vue
+++ b/src/views/customer/customer.vue
@@ -50,7 +50,7 @@
                             <span>客户列表</span>
                         </div>
                         <div>
-                            <el-button type="primary" size="small" round class="mag" @click="addcustomer">新增客户</el-button>
+                            <el-button type="primary" size="small" round class="mag" @click="addcustomer">新建</el-button>
                             <el-button type="primary" size="small" round @click="delAllSelection">批量删除</el-button>
                         </div>
                     </div>
@@ -97,7 +97,7 @@
 
 <script>
 export default {
-    name: 'dashboard',
+    name: 'customer',
     data() {
         return {
             name: localStorage.getItem('ms_username'),
diff --git a/src/views/user/User.vue b/src/views/user/User.vue
index 2041976..edde785 100644
--- a/src/views/user/User.vue
+++ b/src/views/user/User.vue
@@ -130,7 +130,7 @@
 
 <script>
 export default {
-    name: 'dashboard',
+    name: 'user',
     data() {
         return {
             form: {
diff --git a/vue.config.js b/vue.config.js
index 3efe1de..4c88413 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -34,5 +34,12 @@ module.exports = {
   //       }
   //     }
   //   }
+  },
+  configureWebpack: {
+    // resolve: {
+    //   alias: {
+    //     '@': resolve('src'),
+    //   }
+    // }
   }
 }
\ No newline at end of file