From f5081481773f752c2963b37c8c2d1da82b73e76d Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 11 Dec 2024 15:48:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E4=BD=93=E9=A3=8E=E6=A0=BC=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/main.css                       |    3 +-
 src/assets/img/workbench/16.png               |  Bin 0 -> 702 bytes
 src/components/Sidebar.vue                    |    5 +-
 src/utils/api.js                              |    3 +-
 src/views/course/AddCurriculum.vue            |    8 +-
 src/views/course/Curriculum.vue               |  147 +-
 src/views/course/contentSettings.vue          |    2 +-
 src/views/customer/AddCustomer.vue            |   14 +-
 src/views/customer/Order.vue                  |  123 +-
 src/views/customer/Permission.vue             |  446 ++---
 src/views/customer/customer.vue               |    2 +-
 src/views/data/Framework.vue                  | 1483 +++++++++--------
 src/views/data/Introduce.vue                  |  191 +--
 src/views/data/Product.vue                    | 1303 ++++++++-------
 .../information/contentManage/contentList.vue |  116 +-
 src/views/market/index.vue                    |    2 +-
 src/views/match/add/set.vue                   |    4 +-
 src/views/match/add/step1.vue                 |    2 +-
 src/views/match/add/template.vue              |    2 +-
 src/views/match/list/index.vue                |    4 +-
 src/views/match/manage/abnormalTeam.vue       |    4 +-
 src/views/match/manage/matchArch.vue          |    2 +-
 src/views/match/manage/matchArchList.vue      |    4 +-
 src/views/match/manage/matchInfo.vue          |    2 +-
 src/views/match/manage/matchProgress.vue      |   89 +-
 src/views/match/manage/matchRank.vue          |    6 +-
 src/views/match/manage/matchSignup.vue        |    6 +-
 src/views/match/manage/notice.vue             |   69 +-
 src/views/match/manage/otherArchList.vue      |    6 +-
 src/views/match/manage/theoryReport.vue       |    4 +-
 src/views/match/manage/trialReport.vue        |    2 +-
 src/views/order/AddOrder.vue                  |   16 +-
 src/views/order/Order.vue                     |    2 +-
 src/views/order/selectClient.vue              |  537 +++---
 src/views/parner/mobileRole.vue               |  510 +++---
 src/views/parner/pcRole.vue                   |  508 +++---
 src/views/parner/rate.vue                     |  310 ++--
 src/views/parner/staff.vue                    |    2 +-
 src/views/parnerOperation/schemeSet.vue       |    4 +-
 src/views/serve/AddConfigure.vue              |  603 +++----
 src/views/serve/Configure.vue                 |    2 +-
 src/views/serve/backstage/model.vue           |  139 +-
 src/views/serve/backstage/sourceModel.vue     |  151 +-
 src/views/serve/projectAdd.vue                |    4 +-
 src/views/serve/projectList.vue               |  155 +-
 src/views/shop/add.vue                        |    2 +-
 src/views/shop/list.vue                       |    8 +-
 src/views/system/dic.vue                      |  503 +++---
 src/views/system/log.vue                      |  161 +-
 src/views/system/role.vue                     |  703 ++++----
 src/views/system/staff.vue                    |    2 +-
 src/views/system/taskLog.vue                  |   66 +-
 .../contentSettings/index.vue                 |  446 ++---
 .../list/buildPlatform/index.vue              |    4 +-
 .../list/courseManagement/index.vue           |  150 +-
 .../list/sortManagement/index.vue             |  338 ++--
 src/views/theoryExam/list/program.vue         |    2 +-
 src/views/theoryExam/list/system.vue          |    2 +-
 src/views/user/AddUser.vue                    |    2 +-
 src/views/user/User.vue                       |    4 +-
 src/views/workbench/index.vue                 |   65 +-
 61 files changed, 4383 insertions(+), 5072 deletions(-)
 create mode 100644 src/assets/img/workbench/16.png

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index f067394..ec42243 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -329,9 +329,10 @@ li {
     color: #fff;
 }
 #app .el-table th {
-    background-color: #062c87 !important;
+    background-color: #fafafc !important;
     font-size: 16px;
     font-weight: normal;
+    color: #000;
 }
 
 .el-input__inner[type='number'] {
diff --git a/src/assets/img/workbench/16.png b/src/assets/img/workbench/16.png
new file mode 100644
index 0000000000000000000000000000000000000000..abdb211b0f8d40dfe02e110e73894c5c59017ad4
GIT binary patch
literal 702
zcmV;v0zv(WP)<h;3K|Lk000e1NJLTq001KZ001Be1^@s6m`%a=00001b5ch_0Itp)
z=>Px%cu7P-R9Hvtm_KL}aTLej_xHOi6o;zVMI0<{l3XYa&aL291VO<~6mf9zGN?%I
zG<rz}r!HM=Gl+vOg5sisw%}k93-Qtp8qrJ+BKQx4dVii=tTlw>?qdE}um=anz3=b6
z&%NJ!zq{WdVL6imI7URlIZC}h9+FQt?aRuYDA&*|Crdy+O4z0Su5BnsqkKTiyYGl-
zZ<MfGJ4?B*atUw4`~)!EZJ;>gedehZQ(fGGY0kh_X4=)ne~=kq+0M#z^4gCH2=O9L
zCk2}RWQN(WO|=jN&@AUZ0f*xN9anE<&JPvJ&02-rGBUN#!TrwH8OWra#Y!+ZRd7!+
zQz;J2{O}1%%jd16-#}D?Ud?n0^T0NgjZ94BzV33=Z7+#=cN9<vOnoSP?1_NE46*-Z
zBM|V)Hk8|qfm21EX3tIk(TEWu)|=s?U_8d5_Aty>ZBxxfJ#j00GVd;cXtL4P9SrbZ
zbwp}8hmV~AB?@brV7Wj<J9`JS?upqyQ!$6;;s9wDA0&8>TWPz?OrysbQ>Ix?j({ue
zpnC?xM2i(enF`BJ)Tc<#V2Chd8!{6H)2e8DUNeD1W;#+am3!ft@y-(QY~QCzxN=81
zhx(G8vfODF_|@{hxL})j5?qcKdDQd04}FKR4Fy3E&GPaD&Nc*en31WNa(2AP`#s-V
z?K=z+)z*Ww`EW;>hy&a9LBPaWW<oVl-30jQPG6LN4HX5m#&T@az<d%svMFGgP?GxV
z)BhX>M61xNiD3Q*w!LjrGc}=C$9@;$pf>*03<J<boU2}M><A3tmq<O{jp38u56Gpb
k%)BH(&!E3~)ZCgs0fHWA-&D($xc~qF07*qoM6N<$g2J*$8UO$Q

literal 0
HcmV?d00001

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index f1c0b30..2a01a31 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -131,8 +131,9 @@ export default {
     border-bottom: 0;
 
     &>.el-menu-item {
-      height: 36px;
-      line-height: 36px;
+      height: 56px;
+      padding: 0 30px;
+      line-height: 56px;
     }
 
     &>.el-menu-item.is-active {
diff --git a/src/utils/api.js b/src/utils/api.js
index c4d3d01..5197871 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -90,7 +90,8 @@ export default {
   oneClickEnableVerification: `users/users/userAccount/oneClickEnableVerification`,
   getValueModule: `nakadai/nakadai/valueModuleManagement/getValueModule`,
 
-  queryServiceConfig: `nakadai/nakadai/serviceConfiguration/getAllService`, //查询服务配置
+  queryServiceConfig: `nakadai/nakadai/serviceConfiguration/getAllService`,
+  workbenchSystemDemonstration: `nakadai/nakadai/serviceConfiguration/workbenchSystemDemonstration`,
   // 项目管理
   avgValues: `occupationlab/occupationlab/projectManage/avgValues`, // 平均分分配值
   deleteProjectManage: `occupationlab/occupationlab/projectManage/deleteProjectManage`, // 新增项目管理
diff --git a/src/views/course/AddCurriculum.vue b/src/views/course/AddCurriculum.vue
index af07f6d..6c9f25a 100644
--- a/src/views/course/AddCurriculum.vue
+++ b/src/views/course/AddCurriculum.vue
@@ -102,7 +102,7 @@
           </div>
           <div class="border-b-dashed"></div>
           <div>
-            <el-table :data="practiceData" class="table" stripe header-align="center" max-height="400"
+            <el-table :data="practiceData" class="table" header-align="center" max-height="400"
               @selection-change="handleSelectionPractice">
               <el-table-column type="selection" width="55" align="center"></el-table-column>
               <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
@@ -152,7 +152,7 @@
           <div class="border-b-dashed"></div>
           <!-- 实训配置 -->
           <div>
-            <el-table :data="assessmentData" class="table" stripe header-align="center" max-height="400"
+            <el-table :data="assessmentData" class="table" header-align="center" max-height="400"
               @selection-change="handleSelectionAssessment">
               <el-table-column type="selection" width="55" align="center"></el-table-column>
               <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
@@ -201,7 +201,7 @@
           <div class="border-b-dashed"></div>
           <!-- 实训配置 -->
           <div>
-            <el-table :data="matches" class="table" stripe header-align="center" max-height="400"
+            <el-table :data="matches" class="table" header-align="center" max-height="400"
               @selection-change="handleSelectionMatch">
               <el-table-column type="selection" width="55" align="center"></el-table-column>
               <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
@@ -285,7 +285,7 @@
           </div>
           <el-input style="width: 200px;margin-bottom: 20px;" placeholder="请输入项目名称" prefix-icon="el-icon-search"
             v-model.trim="checkedKeyword" clearable></el-input>
-          <el-table :data="checkeds" class="table" stripe header-align="center" max-height="470">
+          <el-table :data="checkeds" class="table" header-align="center" max-height="470">
             <el-table-column type="index" width="55" label="序号" align="center"></el-table-column>
             <el-table-column prop="systemName" label="系统名称" align="center"></el-table-column>
             <el-table-column prop="projectName" width="80" label="系统类型" align="center">
diff --git a/src/views/course/Curriculum.vue b/src/views/course/Curriculum.vue
index 08bc0bb..f5cdde5 100644
--- a/src/views/course/Curriculum.vue
+++ b/src/views/course/Curriculum.vue
@@ -1,7 +1,6 @@
 <template>
   <div>
-    <el-card shadow="hover"
-             class="mgb20">
+    <el-card shadow="hover" class="mgb20">
       <div>
         <div class="flex-center mgb20">
           <p class="hr_tag"></p>
@@ -11,63 +10,42 @@
           <el-form label-width="80px">
             <el-col :span="4">
               <el-form-item label="学科类别">
-                <el-select v-model="form.categoryId"
-                           clearable
-                           @change="getProfessionalClass()"
-                           @clear="clearClass()">
-                  <el-option v-for="(item,index) in subjectList"
-                             :key="index"
-                             :label="item.disciplineName"
-                             :value="item.disciplineId"></el-option>
+                <el-select v-model="form.categoryId" clearable @change="getProfessionalClass()" @clear="clearClass()">
+                  <el-option v-for="(item, index) in subjectList" :key="index" :label="item.disciplineName"
+                    :value="item.disciplineId"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item label="专业类">
-                <el-select v-model="form.professionalCategoryId"
-                           clearable
-                           :disabled="form.categoryId ? false : true"
-                           @change="getProfessional()"
-                           @clear="clearProfess()">
-                  <el-option v-for="(item,index) in ProfessionalClassList"
-                             :key="index"
-                             :label="item.professionalClassName"
-                             :value="item.professionalClassId"></el-option>
+                <el-select v-model="form.professionalCategoryId" clearable :disabled="form.categoryId ? false : true"
+                  @change="getProfessional()" @clear="clearProfess()">
+                  <el-option v-for="(item, index) in ProfessionalClassList" :key="index"
+                    :label="item.professionalClassName" :value="item.professionalClassId"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item label="专业">
-                <el-select v-model="form.professionalId"
-                           clearable
-                           :disabled="form.professionalCategoryId ? false : true"
-                           @change="getData()">
-                  <el-option v-for="(item,index) in ProfessionalList"
-                             :key="index"
-                             :label="item.professionalName"
-                             :value="item.professionalId"></el-option>
+                <el-select v-model="form.professionalId" clearable
+                  :disabled="form.professionalCategoryId ? false : true" @change="getData()">
+                  <el-option v-for="(item, index) in ProfessionalList" :key="index" :label="item.professionalName"
+                    :value="item.professionalId"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item label="课程类别">
-                <el-select v-model="form.curriculumType"
-                           clearable
-                           @change="getData()">
-                  <el-option label="理论课程"
-                             :value="0"></el-option>
-                  <el-option label="实训课程"
-                             :value="1"></el-option>
+                <el-select v-model="form.curriculumType" clearable @change="getData()">
+                  <el-option label="理论课程" :value="0"></el-option>
+                  <el-option label="实训课程" :value="1"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item>
-                <el-input placeholder="请输入课程名称"
-                          prefix-icon="el-icon-search"
-                          v-model="form.curriculumName"
-                          clearable
-                          @keyup.enter.native="onSearch"></el-input>
+                <el-input placeholder="请输入课程名称" prefix-icon="el-icon-search" v-model="form.curriculumName" clearable
+                  @keyup.enter.native="onSearch"></el-input>
               </el-form-item>
             </el-col>
           </el-form>
@@ -75,97 +53,53 @@
       </div>
     </el-card>
 
-    <el-card shadow="hover"
-             class="card">
+    <el-card shadow="hover" class="card">
       <div class="flex-between mgb20">
         <div class="flex-center">
           <p class="hr_tag"></p>
           <span>课程列表</span>
         </div>
         <div>
-          <el-button type="primary"
-                     round
-                     @click="addcourse"
-                     v-auth>新增课程</el-button>
-          <el-button type="primary"
-                     round
-                     @click="delAllSelection"
-                     v-auth>批量删除</el-button>
+          <el-button type="primary" round @click="addcourse" v-auth>新增课程</el-button>
+          <el-button type="primary" round @click="delAllSelection" v-auth>批量删除</el-button>
         </div>
       </div>
-      <el-table v-loading="loading"
-                :data="courseData"
-                class="table"
-                ref="table"
-                stripe
-                header-align="center"
-                @selection-change="handleSelectionChange"
-                :row-key="getRowKeys">
-        <el-table-column type="selection"
-                         width="55"
-                         align="center"
-                         :reserve-selection="true"></el-table-column>
-        <el-table-column type="index"
-                         width="100"
-                         label="序号"
-                         align="center"></el-table-column>
-        <el-table-column prop="curriculumName"
-                         label="课程名称"
-                         align="center"></el-table-column>
-        <el-table-column prop="curriculumType"
-                         label="课程类型"
-                         align="center">
+      <el-table v-loading="loading" :data="courseData" class="table" ref="table" header-align="center"
+        @selection-change="handleSelectionChange" :row-key="getRowKeys">
+        <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
+        <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+        <el-table-column prop="curriculumName" label="课程名称" align="center"></el-table-column>
+        <el-table-column prop="curriculumType" label="课程类型" align="center">
           <template slot-scope="scope">
             <span class="ellipsis">{{ courseTypeStatus[scope.row.curriculumType] }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="userName"
-                         label="创建人"
-                         align="center"></el-table-column>
-        <el-table-column label="配置的实训应用"
-                         align="center">
+        <el-table-column prop="userName" label="创建人" align="center"></el-table-column>
+        <el-table-column label="配置的实训应用" align="center">
           <template slot-scope="scope">
             <span class="ellipsis">{{ scope.row.sysName }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="orderVolume"
-                         label="订单量"
-                         align="center"></el-table-column>
-        <el-table-column prop="expectedCourse"
-                         label="预计课时"
-                         align="center"></el-table-column>
-        <el-table-column label="上架/下架"
-                         align="center">
+        <el-table-column prop="orderVolume" label="订单量" align="center"></el-table-column>
+        <el-table-column prop="expectedCourse" label="预计课时" align="center"></el-table-column>
+        <el-table-column label="上架/下架" align="center">
           <template slot-scope="scope">
-            <el-switch v-model="scope.row.isShelves"
-                       :active-value="1"
-                       :inactive-value="0"
-                       @change="changeSwitch($event, scope.row)"
-                       v-auth="'/curriculum:上下架'">
+            <el-switch v-model="scope.row.isShelves" :active-value="1" :inactive-value="0"
+              @change="changeSwitch($event, scope.row)" v-auth="'/curriculum:上下架'">
             </el-switch>
           </template>
         </el-table-column>
-        <el-table-column label="操作"
-                         align="center">
+        <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button type="text"
-                       @click="edit(scope.row)"
-                       v-auth>编辑</el-button>
-            <el-button type="text"
-                       @click="config(scope.row)"
-                       v-auth>内容设置</el-button>
-            <el-button type="text"
-                       @click="handleDelete(scope.row)"
-                       v-auth>删除</el-button>
+            <el-button type="text" @click="edit(scope.row)" v-auth>编辑</el-button>
+            <el-button type="text" @click="config(scope.row)" v-auth>内容设置</el-button>
+            <el-button type="text" @click="handleDelete(scope.row)" v-auth>删除</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       @current-change="handleCurrentChange"
-                       :current-page="page"
-                       layout="total, prev, pager, next"
-                       :total="totals"></el-pagination>
+        <el-pagination background @current-change="handleCurrentChange" :current-page="page"
+          layout="total, prev, pager, next" :total="totals"></el-pagination>
       </div>
     </el-card>
   </div>
@@ -371,7 +305,6 @@ export default {
 
 <style scoped>
 .card {
-    min-height: calc(100vh - 300px);
+  min-height: calc(100vh - 300px);
 }
 </style>
-
diff --git a/src/views/course/contentSettings.vue b/src/views/course/contentSettings.vue
index 6d293b5..06a53d9 100644
--- a/src/views/course/contentSettings.vue
+++ b/src/views/course/contentSettings.vue
@@ -45,7 +45,7 @@
               </div>
             </div>
 
-            <el-table :data="chapter.subsectionList" class="table" stripe header-align="center" row-key="id">
+            <el-table :data="chapter.subsectionList" class="table" header-align="center" row-key="id">
               <el-table-column v-if="sorting" width="55" align="center">
                 <template slot-scope="scope">
                   <el-checkbox v-model="scope.row.check"></el-checkbox>
diff --git a/src/views/customer/AddCustomer.vue b/src/views/customer/AddCustomer.vue
index 8fd34e5..d96780c 100644
--- a/src/views/customer/AddCustomer.vue
+++ b/src/views/customer/AddCustomer.vue
@@ -130,8 +130,8 @@
             <el-button type="primary" @click="exportList">导出列表</el-button>
           </div>
         </div>
-        <el-table :data="products" class="orderTable" stripe header-align="center"
-          @selection-change="handleSelectionChange" row-key="id">
+        <el-table :data="products" class="orderTable" header-align="center" @selection-change="handleSelectionChange"
+          row-key="id">
           <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
           <el-table-column type="index" width="100" label="序号" align="center">
           </el-table-column>
@@ -191,8 +191,8 @@
               v-model="form3.keyword"></el-input>
           </div>
         </div>
-        <el-table :data="orders" class="orderTable" stripe header-align="center"
-          @selection-change="handleSelectionChange" row-key="orderId">
+        <el-table :data="orders" class="orderTable" header-align="center" @selection-change="handleSelectionChange"
+          row-key="orderId">
           <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
           <el-table-column type="index" width="100" label="序号" align="center">
           </el-table-column>
@@ -234,7 +234,7 @@
               clearable></el-input>
           </div>
         </div>
-        <el-table :data="contractInformations" class="table" stripe header-align="center">
+        <el-table :data="contractInformations" class="table" header-align="center">
           <el-table-column type="index" width="100" label="序号" align="center">
           </el-table-column>
           <el-table-column prop="contractNumber" label="订单号" align="center"></el-table-column>
@@ -270,7 +270,7 @@
               v-model="bmsKeyword"></el-input>
           </div>
         </div>
-        <el-table :data="bms" class="table" stripe header-align="center">
+        <el-table :data="bms" class="table" header-align="center">
           <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
           <el-table-column prop="userName" label="姓名" width="200" align="center">
             <template slot-scope="scope">
@@ -336,7 +336,7 @@
           clearable></el-input>
         <i class="el-icon-circle-plus plus-cus" @click="addCustomer"></i>
       </div>
-      <el-table :data="customers" class="table" ref="table" stripe header-align="center" row-key="customerId">
+      <el-table :data="customers" class="table" ref="table" header-align="center" row-key="customerId">
         <el-table-column type="index" width="100" label="序号" align="center">
           <template slot-scope="scope">
             {{ scope.$index + (pageCustomer - 1) * pageSizeCustomer + 1 }}
diff --git a/src/views/customer/Order.vue b/src/views/customer/Order.vue
index b929945..31a14a0 100644
--- a/src/views/customer/Order.vue
+++ b/src/views/customer/Order.vue
@@ -1,11 +1,8 @@
 <template>
   <div>
-    <el-card shadow="hover"
-             class="mgb20">
+    <el-card shadow="hover" class="mgb20">
       <div class="flex-between">
-        <div class="per_title"
-             v-preventReClick
-             @click="back">
+        <div class="per_title" v-preventReClick @click="back">
           <i class="el-icon-arrow-left"></i>
           <span class="per_back">返回</span>
           <span class="per_school">{{ $route.query.userName }}的订单</span>
@@ -13,80 +10,46 @@
       </div>
     </el-card>
 
-    <el-card shadow="hover"
-             class="card">
+    <el-card shadow="hover" class="card">
       <div class="flex-between mgb20">
         <div class="flex-center">
           <p class="hr_tag"></p>
           <span>订单列表</span>
         </div>
-        <el-input style="width: 300px"
-                  placeholder="请输入订单编号/产品名称"
-                  prefix-icon="el-icon-search"
-                  v-model="keyword"
-                  clearable></el-input>
+        <el-input style="width: 300px" placeholder="请输入订单编号/产品名称" prefix-icon="el-icon-search" v-model="keyword"
+          clearable></el-input>
       </div>
-      <el-table :data="orderData"
-                class="table"
-                ref="table"
-                stripe
-                header-align="center"
-                @selection-change="handleSelectionChange"
-                :row-key="getRowKeys">
-        <el-table-column type="index"
-                         width="100"
-                         label="序号"
-                         align="center">
+      <el-table :data="orderData" class="table" ref="table" header-align="center"
+        @selection-change="handleSelectionChange" :row-key="getRowKeys">
+        <el-table-column type="index" width="100" label="序号" align="center">
         </el-table-column>
-        <el-table-column prop="orderNumber"
-                         label="订单编号"
-                         align="center">
+        <el-table-column prop="orderNumber" label="订单编号" align="center">
         </el-table-column>
-        <el-table-column prop="customerName"
-                         label="客户名称"
-                         align="center">
+        <el-table-column prop="customerName" label="客户名称" align="center">
           <template slot-scope="scope">
             {{ customerName }}
           </template>
         </el-table-column>
-        <el-table-column prop="productName"
-                         label="产品内容"
-                         align="center"
-                         show-overflow-tooltip></el-table-column>
-        <el-table-column prop="orderAmount"
-                         label="订单金额（元）"
-                         align="center">
+        <el-table-column prop="productName" label="产品内容" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="orderAmount" label="订单金额（元）" align="center">
         </el-table-column>
-        <el-table-column prop="createTime"
-                         label="订单日期"
-                         align="center">
+        <el-table-column prop="createTime" label="订单日期" align="center">
         </el-table-column>
-        <el-table-column prop="orderType"
-                         label="订单类型"
-                         align="center">
+        <el-table-column prop="orderType" label="订单类型" align="center">
         </el-table-column>
-        <el-table-column prop="orderStatus"
-                         label="订单状态"
-                         align="center">
+        <el-table-column prop="orderStatus" label="订单状态" align="center">
         </el-table-column>
-        <el-table-column prop="orderNature"
-                         label="订单性质"
-                         align="center">
+        <el-table-column prop="orderNature" label="订单性质" align="center">
         </el-table-column>
-        <el-table-column label="操作"
-                         align="center">
+        <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button type="text"
-                       @click="toDetail(scope.row)">查看</el-button>
+            <el-button type="text" @click="toDetail(scope.row)">查看</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       layout="total, prev, pager, next"
-                       @current-change="handleCurrentChange"
-                       :current-page="page"
-                       :total="totals">
+        <el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChange"
+          :current-page="page" :total="totals">
         </el-pagination>
       </div>
     </el-card>
@@ -179,33 +142,35 @@ export default {
 
 <style scoped>
 .card {
-    min-height: calc(100vh - 300px);
+  min-height: calc(100vh - 300px);
 }
+
 .mag {
-    margin-right: 20px;
+  margin-right: 20px;
 }
+
 .cell {
-    white-space: pre-wrap;
-    width: 140px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
+  white-space: pre-wrap;
+  width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
 }
+
 .tags {
-    border: none;
-    background: none;
-    color: #000;
-    white-space: pre-wrap;
-    width: 140px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
+  border: none;
+  background: none;
+  color: #000;
+  white-space: pre-wrap;
+  width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
 }
 </style>
-
diff --git a/src/views/customer/Permission.vue b/src/views/customer/Permission.vue
index 52168be..abdf8b3 100644
--- a/src/views/customer/Permission.vue
+++ b/src/views/customer/Permission.vue
@@ -1,244 +1,248 @@
 <template>
-    <div>
-        <el-row :gutter="20">
-            <el-col :span="24">
-                <el-card shadow="hover" class="mgb20">
-                    <div class="per_title" v-preventReClick @click="goback()">
-                        <i class="el-icon-arrow-left"></i>
-                        <span class="per_back">返回</span>
-                        <span class="per_school">{{customerName}}</span>
-                    </div>                
-                </el-card>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card shadow="hover" class="mgb20">
+          <div class="per_title" v-preventReClick @click="goback()">
+            <i class="el-icon-arrow-left"></i>
+            <span class="per_back">返回</span>
+            <span class="per_school">{{ customerName }}</span>
+          </div>
+        </el-card>
 
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-center mgb20 user_header">
-                        <p class="addhr_tag"></p>
-                        <span>代理配置</span>
-                    </div>
+        <el-card shadow="hover" class="mgb20">
+          <div class="flex-center mgb20 user_header">
+            <p class="addhr_tag"></p>
+            <span>代理配置</span>
+          </div>
 
-                    <div class="flex-between">
-                        <span>内网地址配置</span>
-                        <div class="border_lf flex-column">
-                            <p class="marb30">平台服务</p>
-                            <div class="flex-center">
-                                <label>IP</label>
-                                <el-input placeholder="请输入IP地址" class="mar_input"></el-input>
-                                <label>端口</label>
-                                <el-input placeholder="请输入端口号"></el-input>
-                            </div>
-                        </div>
-                        <div class="border_lf pad_none flex-column">
-                            <p class="marb30">流媒体服务</p>
-                            <div class="flex-center">
-                                <label>IP</label>
-                                <el-input placeholder="请输入IP地址" class="mar_input"></el-input>
-                                <label>端口</label>
-                                <el-input placeholder="请输入端口号"></el-input>
-                            </div>
-                        </div>
-                    </div>
-                </el-card>
+          <div class="flex-between">
+            <span>内网地址配置</span>
+            <div class="border_lf flex-column">
+              <p class="marb30">平台服务</p>
+              <div class="flex-center">
+                <label>IP</label>
+                <el-input placeholder="请输入IP地址" class="mar_input"></el-input>
+                <label>端口</label>
+                <el-input placeholder="请输入端口号"></el-input>
+              </div>
+            </div>
+            <div class="border_lf pad_none flex-column">
+              <p class="marb30">流媒体服务</p>
+              <div class="flex-center">
+                <label>IP</label>
+                <el-input placeholder="请输入IP地址" class="mar_input"></el-input>
+                <label>端口</label>
+                <el-input placeholder="请输入端口号"></el-input>
+              </div>
+            </div>
+          </div>
+        </el-card>
 
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-center mgb20">
-                        <p class="addhr_tag"></p>
-                        <span>应用列表</span>
-                    </div>
-                    <el-table :data="permissionData" class="table" stripe :span-method="SpanMethod" header-align="center">
-                        <el-table-column prop="id" label="序号" align="center">
-                        </el-table-column>
-                        <el-table-column prop="age" label="应用名称" align="center">
-                        </el-table-column>
-                        <el-table-column prop="storeName" label="使用期限" align="center">
-                        </el-table-column>
-                        <el-table-column prop="total" label="启用时间" align="center">
-                        </el-table-column>
-                        <el-table-column prop="payamount" label="结束时间" align="center">
-                        </el-table-column>
-                        <el-table-column prop="payamount" label="剩余时间" align="center">
-                        </el-table-column>
-                        <el-table-column label="IP" align="center">
-                            <template slot-scope="scope">
-                                <div class="tab_temp" v-if="scope.row.Intranet != ''">
-                                    <div class="flex-center">
-                                        <label>内网:</label>
-                                        <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
-                                    </div>
-                                    <div class="flex-center mar10">
-                                        <label>外网:</label>
-                                        <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
-                                    </div>
-                                </div>
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="端口" align="center">
-                            <template slot-scope="scope">
-                                <div class="tab_temp" v-if="scope.row.Intranet != ''">
-                                    <div class="flex-center">
-                                        <label>内网:</label>
-                                        <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
-                                    </div>
-                                    <div class="flex-center mar10">
-                                        <label>外网:</label>
-                                        <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
-                                    </div>
-                                </div>
-                                <div v-else>
-                                   <el-button type="plain" @click="chooseIp">选择IP与端口</el-button> 
-                                </div>
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="操作" align="center">
-                            <template slot-scope="scope">
-                                <el-switch
-                                    v-model="scope.row.swtich"
-                                    active-text="开启"
-                                    inactive-text="关闭"
-                                    @change="changeSwitch(scope.row)">
-                                </el-switch>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <div class="pagination">
-                        <el-pagination background layout="total, prev, pager, next" :total="totals">
-                        </el-pagination>
-                    </div>
-                </el-card>
-            </el-col>
-        </el-row>
+        <el-card shadow="hover" class="mgb20">
+          <div class="flex-center mgb20">
+            <p class="addhr_tag"></p>
+            <span>应用列表</span>
+          </div>
+          <el-table :data="permissionData" class="table" :span-method="SpanMethod" header-align="center">
+            <el-table-column prop="id" label="序号" align="center">
+            </el-table-column>
+            <el-table-column prop="age" label="应用名称" align="center">
+            </el-table-column>
+            <el-table-column prop="storeName" label="使用期限" align="center">
+            </el-table-column>
+            <el-table-column prop="total" label="启用时间" align="center">
+            </el-table-column>
+            <el-table-column prop="payamount" label="结束时间" align="center">
+            </el-table-column>
+            <el-table-column prop="payamount" label="剩余时间" align="center">
+            </el-table-column>
+            <el-table-column label="IP" align="center">
+              <template slot-scope="scope">
+                <div class="tab_temp" v-if="scope.row.Intranet != ''">
+                  <div class="flex-center">
+                    <label>内网:</label>
+                    <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
+                  </div>
+                  <div class="flex-center mar10">
+                    <label>外网:</label>
+                    <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="端口" align="center">
+              <template slot-scope="scope">
+                <div class="tab_temp" v-if="scope.row.Intranet != ''">
+                  <div class="flex-center">
+                    <label>内网:</label>
+                    <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
+                  </div>
+                  <div class="flex-center mar10">
+                    <label>外网:</label>
+                    <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
+                  </div>
+                </div>
+                <div v-else>
+                  <el-button type="plain" @click="chooseIp">选择IP与端口</el-button>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.swtich" active-text="开启" inactive-text="关闭"
+                  @change="changeSwitch(scope.row)">
+                </el-switch>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="pagination">
+            <el-pagination background layout="total, prev, pager, next" :total="totals">
+            </el-pagination>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
 
-        <!-- 选择IP -->
-        <el-dialog :visible.sync="ipVisible" width="70%" center>
-            <div class="flex-center mgb20">
-                <p class="hr_tag"></p>
-                <span>客户列表</span>
+    <!-- 选择IP -->
+    <el-dialog :visible.sync="ipVisible" width="70%" center>
+      <div class="flex-center mgb20">
+        <p class="hr_tag"></p>
+        <span>客户列表</span>
+      </div>
+      <el-table :data="permissionData" class="table" header-align="center">
+        <el-table-column type="index" width="100" label="序号" align="center">
+        </el-table-column>
+        <el-table-column prop="age" label="服务器名称" align="center">
+        </el-table-column>
+        <el-table-column label="IP" align="center">
+          <template slot-scope="scope">
+            <div class="tab_temp">
+              <div class="flex-center">
+                <label>内网:</label>
+                <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
+              </div>
+              <div class="flex-center mar10">
+                <label>外网:</label>
+                <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="端口" align="center">
+          <template slot-scope="scope">
+            <div class="tab_temp">
+              <div class="flex-center">
+                <label>内网:</label>
+                <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
+              </div>
+              <div class="flex-center mar10">
+                <label>外网:</label>
+                <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
+              </div>
             </div>
-            <el-table :data="permissionData" class="table" stripe header-align="center">
-                <el-table-column type="index" width="100" label="序号" align="center">
-                </el-table-column>
-                <el-table-column prop="age" label="服务器名称" align="center">
-                </el-table-column>
-                <el-table-column label="IP" align="center">
-                    <template slot-scope="scope">
-                        <div class="tab_temp">
-                            <div class="flex-center">
-                                <label>内网:</label>
-                                <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
-                            </div>
-                            <div class="flex-center mar10">
-                                <label>外网:</label>
-                                <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
-                            </div>
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="端口" align="center">
-                    <template slot-scope="scope">
-                        <div class="tab_temp">
-                            <div class="flex-center">
-                                <label>内网:</label>
-                                <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
-                            </div>
-                            <div class="flex-center mar10">
-                                <label>外网:</label>
-                                <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
-                            </div>
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="选择" align="center">
-                    <template slot-scope="scope">
-                        <i class="el-icon-success radio_icon"></i>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="teacherVisible = false">取 消</el-button>
-                <el-button type="primary" @click="editSure('teacherForm')">确 定</el-button>
-            </span>
-        </el-dialog>
-    </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="选择" align="center">
+          <template slot-scope="scope">
+            <i class="el-icon-success radio_icon"></i>
+          </template>
+        </el-table-column>
+      </el-table>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="teacherVisible = false">取 消</el-button>
+        <el-button type="primary" @click="editSure('teacherForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-    export default {
-        data (){
-            return {
-                customerName: this.$route.query.name,
-                permissionData: [{
-                    id: 1,
-                    age: '小额贷系统',
-                    storeName: '1个月',
-                    total: '2019.01.02 11:00',
-                    payamount: '2019.01.02 11:00',
-                    payamount: '700d12h1min',
-                    swtich: true,
-                    Intranet: '10.20.202.1',
-                    extranet: '10.20.202.1'
-                },
-                {
-                    id: 2,
-                    age: '小额贷系统',
-                    storeName: '1个月',
-                    total: '2019.01.02 11:00',
-                    payamount: '2019.01.02 11:00',
-                    payamount: '700d12h1min',
-                    swtich: true,
-                    Intranet: '',
-                    extranet: ''
-                }],
-                totals: 1,
-                ipVisible: false
-            }
-        },
-        methods: {
-            SpanMethod({ row, column, rowIndex, columnIndex }) {
-                if (rowIndex % 2 === 0) {
-                    if (columnIndex === 6) {
-                        if(!row.Intranet){
-                            return [1, 2];
-                        }
-                    } 
-                    // else if (columnIndex === 1) {
-                    //     return [0, 0];
-                    // }
-                }
-            },
-            chooseIp(){
-                this.ipVisible = true
-            },
-            goback(){
-                this.$router.go(-1)
-            }
+export default {
+  data () {
+    return {
+      customerName: this.$route.query.name,
+      permissionData: [{
+        id: 1,
+        age: '小额贷系统',
+        storeName: '1个月',
+        total: '2019.01.02 11:00',
+        payamount: '2019.01.02 11:00',
+        payamount: '700d12h1min',
+        swtich: true,
+        Intranet: '10.20.202.1',
+        extranet: '10.20.202.1'
+      },
+      {
+        id: 2,
+        age: '小额贷系统',
+        storeName: '1个月',
+        total: '2019.01.02 11:00',
+        payamount: '2019.01.02 11:00',
+        payamount: '700d12h1min',
+        swtich: true,
+        Intranet: '',
+        extranet: ''
+      }],
+      totals: 1,
+      ipVisible: false
+    }
+  },
+  methods: {
+    SpanMethod ({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        if (columnIndex === 6) {
+          if (!row.Intranet) {
+            return [1, 2];
+          }
         }
+        // else if (columnIndex === 1) {
+        //     return [0, 0];
+        // }
+      }
+    },
+    chooseIp () {
+      this.ipVisible = true
+    },
+    goback () {
+      this.$router.go(-1)
     }
+  }
+}
 </script>
 
 <style scoped>
-.border_lf{
-    border-left: 1px dashed #eee;
-    padding: 0 60px;
+.border_lf {
+  border-left: 1px dashed #eee;
+  padding: 0 60px;
 }
-.border_lf label{
-    width: 120px;
+
+.border_lf label {
+  width: 120px;
 }
-.pad_none{
-    padding: 0 0 0 60px;
+
+.pad_none {
+  padding: 0 0 0 60px;
 }
-.mar_input{
-    margin-right: 80px;
+
+.mar_input {
+  margin-right: 80px;
 }
-.marb30{
-    margin-bottom: 30px;
+
+.marb30 {
+  margin-bottom: 30px;
 }
-.tab_temp label{
-    width: 60px;
+
+.tab_temp label {
+  width: 60px;
 }
-.mar10{
-    margin-top: 10px;
+
+.mar10 {
+  margin-top: 10px;
 }
-.radio_icon{
-    font-size: 26px;
-    color: #9278FF;
+
+.radio_icon {
+  font-size: 26px;
+  color: #9278FF;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/customer/customer.vue b/src/views/customer/customer.vue
index 1f7bed3..61610c6 100644
--- a/src/views/customer/customer.vue
+++ b/src/views/customer/customer.vue
@@ -57,7 +57,7 @@
           <el-button type="primary" round @click="delAllSelection" v-auth>批量删除</el-button>
         </div>
       </div>
-      <el-table :data="listData" class="table" ref="table" stripe header-align="center"
+      <el-table :data="listData" class="table" ref="table" header-align="center"
         @selection-change="handleSelectionChange" row-key="customerId">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
         <el-table-column type="index" width="100" label="序号" align="center">
diff --git a/src/views/data/Framework.vue b/src/views/data/Framework.vue
index 00b75c8..2562804 100644
--- a/src/views/data/Framework.vue
+++ b/src/views/data/Framework.vue
@@ -1,773 +1,780 @@
 <template>
-    <div class="wrap">
-        <!-- 左边的分类 -->
-        <div class="side">
-            <div class="plus">
-                <i class="el-icon-circle-plus-outline" @click.stop="addType(0)"></i>
-            </div>
-            <el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive" :current-node-key="categoryId" :props="defaultProps" :highlight-current="true" v-loading="loadingType" @current-change="typeClick">
-                <span class="custom-tree-node" slot-scope="{ node, data }">
-                    <span :title="node.label">{{ node.label }}</span>
-                    <span class="actions">
-                        <i class="el-icon-circle-plus-outline" @click.stop="addType(node)" v-if="data.level != 6" v-auth="'/data:数据架构:新增分类'"></i>
-                        <i class="el-icon-edit" @click.stop="editType(node)" v-auth="'/data:数据架构:编辑分类'"></i>
-                        <i class="el-icon-delete" @click.stop="delType(node)" v-auth="'/data:数据架构:删除分类'"></i>
-                    </span>
-                </span>
-            </el-tree>
+  <div class="wrap">
+    <!-- 左边的分类 -->
+    <div class="side">
+      <div class="plus">
+        <i class="el-icon-circle-plus-outline" @click.stop="addType(0)"></i>
+      </div>
+      <el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive"
+        :current-node-key="categoryId" :props="defaultProps" :highlight-current="true" v-loading="loadingType"
+        @current-change="typeClick">
+        <span class="custom-tree-node" slot-scope="{ node, data }">
+          <span :title="node.label">{{ node.label }}</span>
+          <span class="actions">
+            <i class="el-icon-circle-plus-outline" @click.stop="addType(node)" v-if="data.level != 6"
+              v-auth="'/data:数据架构:新增分类'"></i>
+            <i class="el-icon-edit" @click.stop="editType(node)" v-auth="'/data:数据架构:编辑分类'"></i>
+            <i class="el-icon-delete" @click.stop="delType(node)" v-auth="'/data:数据架构:删除分类'"></i>
+          </span>
+        </span>
+      </el-tree>
+    </div>
+    <!-- 右边的表 -->
+    <div class="right">
+      <el-form label-width="80px" class="flex-between mgb20">
+        <div class="flex-center">
+          <el-form-item label="更新时间" style="margin: 0 20px 0 0">
+            <el-date-picker v-model="updateTime" type="date" placeholder="选择日期" format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd" @change="initData"></el-date-picker>
+          </el-form-item>
+          <el-input placeholder="请输入数据表名称" v-model="keyword" prefix-icon="el-icon-search" clearable></el-input>
         </div>
-        <!-- 右边的表 -->
-        <div class="right">
-            <el-form label-width="80px" class="flex-between mgb20">
-                <div class="flex-center">
-                    <el-form-item label="更新时间" style="margin: 0 20px 0 0">
-                        <el-date-picker v-model="updateTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="initData"></el-date-picker>
-                    </el-form-item>
-                    <el-input placeholder="请输入数据表名称" v-model="keyword" prefix-icon="el-icon-search" clearable></el-input>
-                </div>
-                <div>
-                    <el-button type="primary" round @click="batchImport" v-auth="'/data:数据架构:导入数据'">导入数据</el-button>
-                    <el-button type="primary" round @click="delAllSelection" v-auth="'/data:数据架构:批量删除'">批量删除</el-button>
-                </div>
-            </el-form>
-            <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange">
-                <el-table-column type="selection" width="55" align="center"></el-table-column>
-                <el-table-column type="index" width="70" label="序号" align="center"></el-table-column>
-                <el-table-column prop="tableComment" label="数据表名称" align="center">
-                    <template slot-scope="scope">
-                        {{scope.row.tableComment ? scope.row.tableComment : scope.row.showName}}
-                    </template>
-                </el-table-column>
-                <el-table-column prop="showName" label="产品表名称" align="center"></el-table-column>
-                <el-table-column prop="timeRange" label="起止日期" width="180" align="center"></el-table-column>
-                <el-table-column prop="dataTotal" label="数据总量" width="100" align="center"></el-table-column>
-                <el-table-column prop="dataSize" label="数据大小" width="100" align="center">
-                    <template slot-scope="scope">
-                        {{scope.row.dataSize}}M
-                    </template>
-                </el-table-column>
-                <el-table-column prop="updateTime" label="更新时间" width="180" align="center"></el-table-column>
-                <el-table-column label="操作" width="260" align="center">
-                    <template slot-scope="scope">
-                        <el-button type="text" @click="preview(scope.row)" v-auth="'/data:数据架构:预览'">预览</el-button>
-                        <el-button type="text" @click="delTable(scope.row)" v-auth="'/data:数据架构:删除'">删除</el-button>
-                        <el-button type="text" @click="editName(scope.row)" v-auth="'/data:数据架构:编辑产品表名'">编辑产品表名</el-button>
-                        <el-button type="text" @click="editHead(scope.row)" v-auth="'/data:数据架构:编辑产品表头'">编辑产品表头</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <div class="pagination">
-                <el-pagination background layout="total, prev, pager, next" :current-page="page" @current-change="handleCurrentChange" :total="total">
-                </el-pagination>
-            </div>
+        <div>
+          <el-button type="primary" round @click="batchImport" v-auth="'/data:数据架构:导入数据'">导入数据</el-button>
+          <el-button type="primary" round @click="delAllSelection" v-auth="'/data:数据架构:批量删除'">批量删除</el-button>
         </div>
-        <!-- 导入数据 -->
-        <el-dialog title="导入" :visible.sync="importVisible" width="80%" center @close="closeImport" class="dialog" :close-on-click-modal="false">
-            <el-container style="padding: 20px 0 20px 20px;background-color: #f0f0f0;">
-                <div style="overflow:auto;height: 558px;width:330px;padding:15px;background:#fff" ref="typeTreeWrap" @scroll="loadType">
-                    <el-tree v-loading="importLoading"
-                        ref="typeTree"
-                        :data="importTypeList"
-                        node-key="id"
-                        accordion
-                        :default-expanded-keys="defaultTypeActive"
-                        :default-checked-keys="defaultTypeChecked"
-                        :current-node-key="curId"
-                        show-checkbox
-                        :props="defaultProps"
-                        highlight-current
-                        @node-click="importTypeClick"
-                        @node-expand="importTypeExpand"
-                    >
-
-                    </el-tree>
-                </div>
-                <el-main style="padding-top: 0;padding-bottom: 0;">
-                    <el-card shadow="hover">
-                        <div class="flex-center mgb20">
-                            <p class="hr_tag"></p>
-                            <span>预览</span>
-                        </div>
-                        <el-table :data="fieldData" stripe header-align="center" v-if="fieldHead.length">
-                            <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                            <el-table-column v-for="(item,index) in fieldHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
-                        </el-table>
-                    </el-card>
-                </el-main>
-            </el-container>
+      </el-form>
+      <el-table :data="listData" class="table" ref="table" header-align="center"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center"></el-table-column>
+        <el-table-column type="index" width="70" label="序号" align="center"></el-table-column>
+        <el-table-column prop="tableComment" label="数据表名称" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.tableComment ? scope.row.tableComment : scope.row.showName }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="showName" label="产品表名称" align="center"></el-table-column>
+        <el-table-column prop="timeRange" label="起止日期" width="180" align="center"></el-table-column>
+        <el-table-column prop="dataTotal" label="数据总量" width="100" align="center"></el-table-column>
+        <el-table-column prop="dataSize" label="数据大小" width="100" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.dataSize }}M
+          </template>
+        </el-table-column>
+        <el-table-column prop="updateTime" label="更新时间" width="180" align="center"></el-table-column>
+        <el-table-column label="操作" width="260" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" @click="preview(scope.row)" v-auth="'/data:数据架构:预览'">预览</el-button>
+            <el-button type="text" @click="delTable(scope.row)" v-auth="'/data:数据架构:删除'">删除</el-button>
+            <el-button type="text" @click="editName(scope.row)" v-auth="'/data:数据架构:编辑产品表名'">编辑产品表名</el-button>
+            <el-button type="text" @click="editHead(scope.row)" v-auth="'/data:数据架构:编辑产品表头'">编辑产品表头</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination">
+        <el-pagination background layout="total, prev, pager, next" :current-page="page"
+          @current-change="handleCurrentChange" :total="total">
+        </el-pagination>
+      </div>
+    </div>
+    <!-- 导入数据 -->
+    <el-dialog title="导入" :visible.sync="importVisible" width="80%" center @close="closeImport" class="dialog"
+      :close-on-click-modal="false">
+      <el-container style="padding: 20px 0 20px 20px;background-color: #f0f0f0;">
+        <div style="overflow:auto;height: 558px;width:330px;padding:15px;background:#fff" ref="typeTreeWrap"
+          @scroll="loadType">
+          <el-tree v-loading="importLoading" ref="typeTree" :data="importTypeList" node-key="id" accordion
+            :default-expanded-keys="defaultTypeActive" :default-checked-keys="defaultTypeChecked"
+            :current-node-key="curId" show-checkbox :props="defaultProps" highlight-current
+            @node-click="importTypeClick" @node-expand="importTypeExpand">
 
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="importVisible = false">取 消</el-button>
-                <el-button type="primary" :loading="submited" @click="confirmImport">确 定</el-button>
-            </span>
-        </el-dialog>
-        <!-- 新增编辑分类 -->
-        <el-dialog :title="id ? '编辑分类' : '新增分类'" :visible.sync="typeVisible" width="24%" center @close="closeType" :close-on-click-modal="false">
-            <el-input placeholder="请输入分类名称" v-model="categoryName"></el-input>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="typeVisible = false">取 消</el-button>
-                <el-button type="primary" @click="confirmType">确 定</el-button>
-            </span>
-        </el-dialog>
-        <!-- 预览 -->
-        <el-dialog title="预览" :visible.sync="previewVisible" width="60%" center :close-on-click-modal="false">
-            <el-table :data="previewData" class="table" stripe header-align="center" row-key="id">
-                <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                <el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
-            </el-table>
-        </el-dialog>
-        <!-- 编辑产品数据表名称 -->
-        <el-dialog title="编辑产品数据表名称" :visible.sync="nameVisible" width="24%" center :close-on-click-modal="false">
-            <el-input placeholder="请输入产品数据表名称" v-model="curRow.showName"></el-input>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="nameVisible = false">取 消</el-button>
-                <el-button type="primary" @click="confirmName">确 定</el-button>
-            </span>
-        </el-dialog>
-        <!-- 自定义表头 -->
-        <el-dialog title="自定义表头" :visible.sync="headVisible" width="60%" center :close-on-click-modal="false">
-            <el-table :data="previewData" class="table" stripe header-align="center" row-key="id" :key="editIndex">
-                <el-table-column type="index" width="100" label="序号" align="center">
-                    <template slot-scope="scope">
-                        <template v-if="scope.row.custom">序号</template>
-                        <template v-else>{{ scope.$index }}</template>
-                    </template>
-                </el-table-column>
-                <el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.oldComment" align="center">
-                    <template slot-scope="scope">
-                        <template v-if="scope.row.custom">
-                            <el-input placeholder="请输入" size="medium" v-model="item.comment"></el-input>
-                        </template>
-                        <template v-else>{{scope.row[item.field]}}</template>
-                    </template>
-                </el-table-column>
+          </el-tree>
+        </div>
+        <el-main style="padding-top: 0;padding-bottom: 0;">
+          <el-card shadow="hover">
+            <div class="flex-center mgb20">
+              <p class="hr_tag"></p>
+              <span>预览</span>
+            </div>
+            <el-table :data="fieldData" header-align="center" v-if="fieldHead.length">
+              <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+              <el-table-column v-for="(item, index) in fieldHead" :prop="item.field" :key="index" :label="item.comment"
+                align="center"></el-table-column>
             </el-table>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="headVisible = false">取 消</el-button>
-                <el-button type="primary" @click="confirmHead">确 定</el-button>
-            </span>
-        </el-dialog>
-    </div>
+          </el-card>
+        </el-main>
+      </el-container>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="importVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="submited" @click="confirmImport">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!-- 新增编辑分类 -->
+    <el-dialog :title="id ? '编辑分类' : '新增分类'" :visible.sync="typeVisible" width="24%" center @close="closeType"
+      :close-on-click-modal="false">
+      <el-input placeholder="请输入分类名称" v-model="categoryName"></el-input>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="typeVisible = false">取 消</el-button>
+        <el-button type="primary" @click="confirmType">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!-- 预览 -->
+    <el-dialog title="预览" :visible.sync="previewVisible" width="60%" center :close-on-click-modal="false">
+      <el-table :data="previewData" class="table" header-align="center" row-key="id">
+        <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+        <el-table-column v-for="(item, index) in previewHead" :prop="item.field" :key="index" :label="item.comment"
+          align="center"></el-table-column>
+      </el-table>
+    </el-dialog>
+    <!-- 编辑产品数据表名称 -->
+    <el-dialog title="编辑产品数据表名称" :visible.sync="nameVisible" width="24%" center :close-on-click-modal="false">
+      <el-input placeholder="请输入产品数据表名称" v-model="curRow.showName"></el-input>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="nameVisible = false">取 消</el-button>
+        <el-button type="primary" @click="confirmName">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!-- 自定义表头 -->
+    <el-dialog title="自定义表头" :visible.sync="headVisible" width="60%" center :close-on-click-modal="false">
+      <el-table :data="previewData" class="table" header-align="center" row-key="id" :key="editIndex">
+        <el-table-column type="index" width="100" label="序号" align="center">
+          <template slot-scope="scope">
+            <template v-if="scope.row.custom">序号</template>
+            <template v-else>{{ scope.$index }}</template>
+          </template>
+        </el-table-column>
+        <el-table-column v-for="(item, index) in previewHead" :prop="item.field" :key="index" :label="item.oldComment"
+          align="center">
+          <template slot-scope="scope">
+            <template v-if="scope.row.custom">
+              <el-input placeholder="请输入" size="medium" v-model="item.comment"></el-input>
+            </template>
+            <template v-else>{{ scope.row[item.field] }}</template>
+          </template>
+        </el-table-column>
+      </el-table>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="headVisible = false">取 消</el-button>
+        <el-button type="primary" @click="confirmHead">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
 import { uuid } from 'vue-uuid'
 import { Loading } from 'element-ui'
 export default {
-    data() {
-        return {
-            loadingType: false,
-            typeList: [],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            defaultActive: [],
-            addEd: false,
-            typeVisible: false,
-            categoryName: '',
-            categoryId: '',
-            id: 0,
-            levelId: 0,
-            updateTime: '',
-            importVisible: false,
-            defaultTypeActive: [],
-            defaultTypeChecked: [],
-            listData: [],
-            keyword: '',
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            multipleSelection: [],
-            importLoading: false,
-            tablePromises: [],
-            importTypeList: [],
-            fieldData: [],
-            fieldHead: [],
-            tableName: '',
-            curId: '',
-            curExpand: '',
-            typeTreeUnit: 20,
-            typeTreeScrollTop: 0,
-            typeTimer: null,
-            categoryIndex: 0,
-            previewVisible: false,
-            previewHead: [],
-            previewData: [],
-            curComment: [],
-            submited: false,
-            categorys: [],
-            nameVisible: false,
-            curRow: {},
-            headVisible: false,
-            editIndex: 0,
-            node: [],
-            resolve: null,
-            curNode: {}
-        };
-    },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-                this.initData()
-            },500)
+  data () {
+    return {
+      loadingType: false,
+      typeList: [],
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      },
+      defaultActive: [],
+      addEd: false,
+      typeVisible: false,
+      categoryName: '',
+      categoryId: '',
+      id: 0,
+      levelId: 0,
+      updateTime: '',
+      importVisible: false,
+      defaultTypeActive: [],
+      defaultTypeChecked: [],
+      listData: [],
+      keyword: '',
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      multipleSelection: [],
+      importLoading: false,
+      tablePromises: [],
+      importTypeList: [],
+      fieldData: [],
+      fieldHead: [],
+      tableName: '',
+      curId: '',
+      curExpand: '',
+      typeTreeUnit: 20,
+      typeTreeScrollTop: 0,
+      typeTimer: null,
+      categoryIndex: 0,
+      previewVisible: false,
+      previewHead: [],
+      previewData: [],
+      curComment: [],
+      submited: false,
+      categorys: [],
+      nameVisible: false,
+      curRow: {},
+      headVisible: false,
+      editIndex: 0,
+      node: [],
+      resolve: null,
+      curNode: {}
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
+        this.initData()
+      }, 500)
+    }
+  },
+  mounted () {
+    this.getType()
+  },
+  methods: {
+    // 获取分类
+    getType () {
+      this.loadingType = true
+      this.$post(this.api.getTableByClassification).then(res => {
+        // 递归赋值,同时添加层级标识
+        function handleId (data, level = 0) {
+          data.map(n => {
+            n.id = String(n.id)
+            n.label = n.categoryName
+            n.level = level + 1
+            if (n.children.length) {
+              handleId(n.children, n.level)
+            }
+          })
+        }
+        handleId(res)
+        this.typeList = res
+        this.loadingType = false
+        // 如果是删除或者新增编辑分类后调的重新查询分类，则不用默认选中第一个子级，只有页面一加载完成才需要默认选中第一个子级，addEd就是操作完分类后的标识
+        if (!this.addEd) {
+          if (res[0].children.length) { // 如果有孙级节点，则选中孙级节点，否则选中子级
+            this.categoryId = res[0].children[0].id
+            this.defaultActive = [res[0].children[0].id]
+          } else {
+            this.categoryId = res[0].id
+            this.defaultActive = [res[0].id]
+          }
+          // 选中默认分类
+          this.$nextTick(() => {
+            this.$refs.type.setCurrentKey(this.categoryId)
+          })
         }
+        this.addEd = false // 要重置为false
+        this.getData()
+      }).catch(res => { })
     },
-    mounted(){
-        this.getType()
+    // 查询表
+    getData () {
+      this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keyword}&pageNum=${this.page}&pageSize=${this.pageSize}&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res => {
+        const list = res.pageList.records
+        list.map(e => {
+          // 开始结束日期不用显示时间，所以只需要截取日期
+          const startTime = e.startTime ? e.startTime.slice(0, 10) : ''
+          const endTime = e.endTime ? e.endTime.slice(0, 10) : ''
+          if (startTime && endTime) {
+            e.timeRange = startTime + ' ~ ' + endTime
+          } else if (startTime) {
+            e.timeRange = startTime
+          } else if (endTime) {
+            e.timeRange = e.endTime
+          }
+        })
+        this.listData = list
+        this.total = res.pageList.total
+      }).catch(res => { })
     },
-    methods: {
-        // 获取分类
-        getType(){
-            this.loadingType = true
-            this.$post(this.api.getTableByClassification).then(res => {
-                // 递归赋值,同时添加层级标识
-                function handleId(data,level = 0){
-                    data.map(n => {
-                        n.id = String(n.id)
-                        n.label = n.categoryName
-                        n.level = level + 1
-                        if(n.children.length){
-                            handleId(n.children,n.level)
-                        }
-                    })
-                }
-                handleId(res)
-                this.typeList = res
-                this.loadingType = false
-                // 如果是删除或者新增编辑分类后调的重新查询分类，则不用默认选中第一个子级，只有页面一加载完成才需要默认选中第一个子级，addEd就是操作完分类后的标识
-                if (!this.addEd) {
-                    if(res[0].children.length){ // 如果有孙级节点，则选中孙级节点，否则选中子级
-                        this.categoryId = res[0].children[0].id
-                        this.defaultActive = [res[0].children[0].id]
-                    }else{
-                        this.categoryId = res[0].id
-                        this.defaultActive = [res[0].id]
-                    }
-                    // 选中默认分类
-                    this.$nextTick(() => {
-                        this.$refs.type.setCurrentKey(this.categoryId)
-                    })
-                }
-                this.addEd = false // 要重置为false
-                this.getData()
-            }).catch(res => {})
-        },
-        // 查询表
-        getData(){
-            this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keyword}&pageNum=${this.page}&pageSize=${this.pageSize}&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res => {
-                const list = res.pageList.records
-                list.map(e => {
-                    // 开始结束日期不用显示时间，所以只需要截取日期
-                    const startTime = e.startTime ? e.startTime.slice(0, 10) : ''
-                    const endTime = e.endTime ? e.endTime.slice(0, 10) : ''
-                    if (startTime && endTime) {
-                        e.timeRange = startTime + ' ~ ' + endTime
-                    } else if (startTime) {
-                        e.timeRange = startTime
-                    } else if (endTime) {
-                        e.timeRange = e.endTime
-                    }
-                })
-                this.listData = list
-                this.total = res.pageList.total
-            }).catch(res => {})
-        },
-        // 筛选的时候把分页重置为1
-        initData(){
-            this.page = 1
-            this.getData()
-        },
-        // 点击分类后查询表
-        typeClick(data,node){
-            this.categoryId = data.id
-            this.getData()
-        },
-        // 新增分类
-        addType(row){
-            if (row) this.defaultActive = [row.data.id] // 添加一级分类是没有id的，传到这个方法里row是0
-            this.typeVisible = true
-            this.levelId = row ? row.data.id : 0 // levelId是添加分类的时候要传到后端的父级id，一级分类没有父级id，所以传0
-        },
-        // 编辑分类
-        editType(row){
-            this.typeVisible = true
-            this.id = row.data.id
-            this.categoryName = row.data.categoryName
-        },
-        // 删除分类
-        delType(row){
-            // 该分类下的数据表已存在于产品管理中，是否确认删除？
-            this.$confirm('确定要删除吗？', '提示', {
-                type: 'warning'
-            }).then(() => {
-                this.addEd = true
-                this.$post(`${this.api.deleteCategory}?categoryId=${row.data.id}`).then(res => {
-                    this.$message.success('删除成功')
-                    this.getType()
-                }).catch(res => {})
-            }).catch(() => {})
-        },
-        // 保存分类
-        confirmType(){
-            if(this.submited) return false // 提交防抖标识
-            this.submited = true
-            this.addEd = true
-            if(this.id){
-                this.$post(this.api.updateCategory,{
-                    id: this.id,
-                    categoryName: this.categoryName
-                }).then(res => {
-                    this.$message.success('编辑成功')
-                    this.getType()
-                    this.typeVisible = false
-                    setTimeout(() => {
-                        this.submited = false
-                    },1500)
-                }).catch(res => {
-                    this.submited = false
-                })
-            }else{
-                this.$post(this.api.saveCategory,{
-                    levelId: this.levelId,
-                    categoryName: this.categoryName
-                }).then(res => {
-                    this.$message.success('添加成功')
-                    this.getType()
-                    this.typeVisible = false
-                    setTimeout(() => {
-                        this.submited = false
-                    },1500)
-                }).catch(res => {
-                    this.submited = false
-                })
-            }
-        },
-        // 关闭添加编辑分类弹框回调
-        closeType(){
-            this.id = 0
-            this.levelId = 0
-            this.categoryName = ''
-        },
-        /**
-         * 表预览
-         * @param row 行数据
-         * @param isEdit 是否是从自定义表头进来的
-         */
-        preview(row, isEdit){
-            this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
-                let comment = res.comment
-                let previewHead = []
-                this.curComment = comment // 用来修改表头的，先保存完整的表头，修改表头的时候需要传给后端
-                comment.map(n => {
-                    // 表格上不用展示id和操作时间
-                    n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
-                })
-                this.previewHead = previewHead
+    // 筛选的时候把分页重置为1
+    initData () {
+      this.page = 1
+      this.getData()
+    },
+    // 点击分类后查询表
+    typeClick (data, node) {
+      this.categoryId = data.id
+      this.getData()
+    },
+    // 新增分类
+    addType (row) {
+      if (row) this.defaultActive = [row.data.id] // 添加一级分类是没有id的，传到这个方法里row是0
+      this.typeVisible = true
+      this.levelId = row ? row.data.id : 0 // levelId是添加分类的时候要传到后端的父级id，一级分类没有父级id，所以传0
+    },
+    // 编辑分类
+    editType (row) {
+      this.typeVisible = true
+      this.id = row.data.id
+      this.categoryName = row.data.categoryName
+    },
+    // 删除分类
+    delType (row) {
+      // 该分类下的数据表已存在于产品管理中，是否确认删除？
+      this.$confirm('确定要删除吗？', '提示', {
+        type: 'warning'
+      }).then(() => {
+        this.addEd = true
+        this.$post(`${this.api.deleteCategory}?categoryId=${row.data.id}`).then(res => {
+          this.$message.success('删除成功')
+          this.getType()
+        }).catch(res => { })
+      }).catch(() => { })
+    },
+    // 保存分类
+    confirmType () {
+      if (this.submited) return false // 提交防抖标识
+      this.submited = true
+      this.addEd = true
+      if (this.id) {
+        this.$post(this.api.updateCategory, {
+          id: this.id,
+          categoryName: this.categoryName
+        }).then(res => {
+          this.$message.success('编辑成功')
+          this.getType()
+          this.typeVisible = false
+          setTimeout(() => {
+            this.submited = false
+          }, 1500)
+        }).catch(res => {
+          this.submited = false
+        })
+      } else {
+        this.$post(this.api.saveCategory, {
+          levelId: this.levelId,
+          categoryName: this.categoryName
+        }).then(res => {
+          this.$message.success('添加成功')
+          this.getType()
+          this.typeVisible = false
+          setTimeout(() => {
+            this.submited = false
+          }, 1500)
+        }).catch(res => {
+          this.submited = false
+        })
+      }
+    },
+    // 关闭添加编辑分类弹框回调
+    closeType () {
+      this.id = 0
+      this.levelId = 0
+      this.categoryName = ''
+    },
+    /**
+     * 表预览
+     * @param row 行数据
+     * @param isEdit 是否是从自定义表头进来的
+     */
+    preview (row, isEdit) {
+      this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
+        let comment = res.comment
+        let previewHead = []
+        this.curComment = comment // 用来修改表头的，先保存完整的表头，修改表头的时候需要传给后端
+        comment.map(n => {
+          // 表格上不用展示id和操作时间
+          n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
+        })
+        this.previewHead = previewHead
 
-                let data = res.data
-                // 如果是自定义表头，则在数据最前面加个custom的行，用来修改表头
-                isEdit && data.unshift({
-                    custom: true
-                })
-                data.map(n => {
-                    for(let i in n){
-                        // 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
-                        if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i]))
-                    }
-                })
-                this.previewData = data
-                if (!isEdit) this.previewVisible = true // 非自定义表头进来的，才需要显示预览弹框
-            }).catch(res => {})
-        },
-        // 删除表
-        delTable(row){
-            this.$confirm('确定要删除吗？', '提示', {
-                type: 'warning'
-            }).then(() => {
-                this.$post(`${this.api.deleteTable}?tableIds=${row.id}`).then(res => {
-                    this.$message.success('删除成功')
-                    this.getData()
-                }).catch(res => {})
-            }).catch(() => {})
-        },
-        // 编辑产品表名
-        editName(row){
-            this.curRow = JSON.parse(JSON.stringify(row)) // 深拷贝当前行数据
-            this.nameVisible = true
-        },
-        // 保存产品表名
-        confirmName(){
-            this.$post(this.api.editTableName, {
-                id: this.curRow.id,
-                showName: this.curRow.showName,
-            }).then(res => {
-                this.$message.success('修改成功')
-                this.nameVisible = false
-                this.getData()
-            }).catch(res => {})
-        },
-        // 编辑产品表头
-        editHead(row){
-            this.curRow = JSON.parse(JSON.stringify(row)) // 深拷贝当前行数据
-            this.preview(row, 1)
-            this.editIndex++ // 强刷新表
-            this.headVisible = true
-        },
-        // 保存自定义表头
-        confirmHead(){
-            let data = JSON.parse(JSON.stringify(this.curComment))
-            this.$post(`${this.api.updateTableCommit}?tableName=${this.curRow.name}`, data).then(res => {
-                this.$message.success('修改成功')
-                this.headVisible = false
-                this.getData()
-            }).catch(res => {})
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val
-        },
-        handleCurrentChange(val) {
-            this.page = val
+        let data = res.data
+        // 如果是自定义表头，则在数据最前面加个custom的行，用来修改表头
+        isEdit && data.unshift({
+          custom: true
+        })
+        data.map(n => {
+          for (let i in n) {
+            // 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
+            if (typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss', new Date(n[i]))
+          }
+        })
+        this.previewData = data
+        if (!isEdit) this.previewVisible = true // 非自定义表头进来的，才需要显示预览弹框
+      }).catch(res => { })
+    },
+    // 删除表
+    delTable (row) {
+      this.$confirm('确定要删除吗？', '提示', {
+        type: 'warning'
+      }).then(() => {
+        this.$post(`${this.api.deleteTable}?tableIds=${row.id}`).then(res => {
+          this.$message.success('删除成功')
+          this.getData()
+        }).catch(res => { })
+      }).catch(() => { })
+    },
+    // 编辑产品表名
+    editName (row) {
+      this.curRow = JSON.parse(JSON.stringify(row)) // 深拷贝当前行数据
+      this.nameVisible = true
+    },
+    // 保存产品表名
+    confirmName () {
+      this.$post(this.api.editTableName, {
+        id: this.curRow.id,
+        showName: this.curRow.showName,
+      }).then(res => {
+        this.$message.success('修改成功')
+        this.nameVisible = false
+        this.getData()
+      }).catch(res => { })
+    },
+    // 编辑产品表头
+    editHead (row) {
+      this.curRow = JSON.parse(JSON.stringify(row)) // 深拷贝当前行数据
+      this.preview(row, 1)
+      this.editIndex++ // 强刷新表
+      this.headVisible = true
+    },
+    // 保存自定义表头
+    confirmHead () {
+      let data = JSON.parse(JSON.stringify(this.curComment))
+      this.$post(`${this.api.updateTableCommit}?tableName=${this.curRow.name}`, data).then(res => {
+        this.$message.success('修改成功')
+        this.headVisible = false
+        this.getData()
+      }).catch(res => { })
+    },
+    handleSelectionChange (val) {
+      this.multipleSelection = val
+    },
+    handleCurrentChange (val) {
+      this.page = val
+      this.getData()
+    },
+    delAllSelection () {
+      if (this.multipleSelection.length != '') {
+        let newArr = this.multipleSelection
+        let delList = newArr.map(item => {
+          return `tableIds=${item.id}`
+        })
+        this.$confirm('确定要删除吗？', '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.$post(`${this.api.deleteTable}?${delList.join('&')}`).then(res => {
+            if (delList.length == this.listData.length) {
+              if (this.page > 1) {
+                this.page = this.page - 1
+              }
+            }
+            this.$refs.table.clearSelection()
+            this.$message.success('删除成功')
             this.getData()
-        },
-        delAllSelection() {
-            if(this.multipleSelection.length != ''){
-                let newArr = this.multipleSelection
-                let delList = newArr.map(item => {
-                    return `tableIds=${item.id}`
-                })
-                this.$confirm('确定要删除吗？', '提示', {
-                    type: 'warning'
-                }).then(() => {
-                    this.$post(`${this.api.deleteTable}?${delList.join('&')}`).then(res => {
-                        if(delList.length == this.listData.length){
-                            if(this.page > 1){
-                                this.page = this.page-1
-                            }
-                        }
-                        this.$refs.table.clearSelection()
-                        this.$message.success('删除成功')
-                        this.getData()
-                    }).catch(res => {})
-                }).catch(() => {})
-            }else{
-                this.$message.error('请先选择数据')
+          }).catch(res => { })
+        }).catch(() => { })
+      } else {
+        this.$message.error('请先选择数据')
+      }
+    },
+    // 递归查询当前展开的分类下的子分类
+    getMoreTable (list, id) {
+      list.map(n => {
+        if (n.id == id) {
+          this.getTable(n, 1)
+        } else if (n.children && n.children.length) {
+          this.getMoreTable(n.children, id)
+        }
+      })
+    },
+    // 懒加载后新加载出来的数据可能是之前就存在于这个分类下了的,因此是要自动勾选的,所以在这里去拿这个分类下已经存在了的表的id去做一个重新勾选
+    renderChecked () {
+      let result = []
+      let list = this.$refs.typeTree.getCheckedNodes()
+      list.map((n, i) => {
+        if (n.tableLen && n.tableLen > n.children.length) {
+          result = [...result, ...n.children.map(n => n.id)]
+        } else {
+          result.push(n.id)
+        }
+      })
+      this.$refs.typeTree.setCheckedKeys(result)
+    },
+    // 因为数据会有上万条的情况,一次加载出来dom太多了,所以用懒加载去处理
+    loadType (e) {
+      clearTimeout(this.typeTimer)
+      let typeTree = this.$refs.typeTreeWrap
+      // 防抖
+      this.typeTimer = setTimeout(() => {
+        this.typeTreeScrollTop = typeTree.scrollTop - this.typeTreeScrollTop
+        // 如果已经滚动到底部,则加载下面的数据
+        if (this.typeTreeScrollTop > 0 && typeTree.scrollHeight - (typeTree.clientHeight + parseInt(typeTree.scrollTop)) < 10) {
+          this.getMoreTable(this.importTypeList, this.curExpand)
+          Promise.all(this.tablePromises).then(_ => {
+            this.renderChecked()
+          })
+        }
+      }, 50)
+    },
+    // 查询分类下的表
+    getTable (n, isConcat) {
+      this.tablePromises.push(new Promise((resolve, reject) => {
+        this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=${n.typeTreePage ? n.typeTreePage : 1}&pageSize=${this.typeTreeUnit}`).then(res => {
+          let list = res.list.records
+          list.map(n => {
+            n.label = n.showName
+            n.id = String(n.id)
+            // 已经存在的表,禁止再次勾选
+            if (this.defaultTypeChecked.includes(n.id)) {
+              n.disabled = true
             }
-        },
-        // 递归查询当前展开的分类下的子分类
-        getMoreTable(list,id){
-            list.map(n => {
-                if(n.id == id){
-                    this.getTable(n,1)
-                }else if(n.children && n.children.length){
-                    this.getMoreTable(n.children,id)
-                }
+          })
+          // 如果是懒加载,则拼接
+          if (isConcat) {
+            n.children = n.children.concat(list)
+          } else {
+            n.children = list
+            n.tableLen = res.list.total
+          }
+          // 每次加载完,分页码数自动+1
+          n.typeTreePage++
+          resolve()
+        }).catch(res => {
+          reject()
+        })
+      }))
+    },
+    // 导入数据
+    batchImport () {
+      this.importLoading = true
+      this.importVisible = true
+      // 这里查的是原始分类，跟其他任何地方查分类的接口都不一样，不要混淆，如果要改这个地方，要跟后端沟通
+      this.$post(this.api.originalList).then(res => {
+        // 处理id和label。因为这个树形要同时展示分类和表，所以name的key统一用label（分类和表的name的key不一样）
+        function handleId (data) {
+          data.map(n => {
+            n.realId = n.id
+            // 分类id跟表id可能会冲突，所以加上uuid
+            n.id = uuid.v4()
+            n.label = n.categoryName
+            if (n.children.length) {
+              handleId(n.children)
+            }
+          })
+        }
+        handleId(res)
+        // 查询该分类下已勾选的表。pageSize传3000是防止查的表太少，无法选中分类，因为每个分类初始化的时候只查子下的20个表，后续可根据需求修改
+        this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keyword}&pageNum=1&pageSize=3000&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res1 => {
+          let list = res1.pageList.records
+          this.defaultTypeChecked = list.map(n => n.copyId) // copyId为原始表id，通过这个id才能选中表
+          // 递归处理分页
+          const handleId = data => {
+            data.map(n => {
+              if (n.children.length) {
+                handleId(n.children)
+              } else {
+                // 默认分页码数为1
+                n.typeTreePage = 1
+                this.getTable(n)
+              }
             })
-        },
-        // 懒加载后新加载出来的数据可能是之前就存在于这个分类下了的,因此是要自动勾选的,所以在这里去拿这个分类下已经存在了的表的id去做一个重新勾选
-        renderChecked(){
-            let result = []
-            let list = this.$refs.typeTree.getCheckedNodes()
-            list.map((n,i) => {
-                if(n.tableLen && n.tableLen > n.children.length){
-                    result = [...result,...n.children.map(n => n.id)]
-                }else{
-                    result.push(n.id)
-                }
+          }
+          handleId(res)
+          // 如果是已经勾选了的表，则禁止勾选
+          function handleDisabled (list) {
+            list.map(e => {
+              if (e.children && e.children.length) {
+                if (e.children.every(e => e.disabled)) e.disabled = true
+                handleDisabled(e.children)
+              }
             })
-            this.$refs.typeTree.setCheckedKeys(result)
-        },
-        // 因为数据会有上万条的情况,一次加载出来dom太多了,所以用懒加载去处理
-        loadType(e){
-            clearTimeout(this.typeTimer)
-            let typeTree = this.$refs.typeTreeWrap
-            // 防抖
-            this.typeTimer = setTimeout(() => {
-                this.typeTreeScrollTop = typeTree.scrollTop - this.typeTreeScrollTop
-                // 如果已经滚动到底部,则加载下面的数据
-                if(this.typeTreeScrollTop > 0 && typeTree.scrollHeight - (typeTree.clientHeight + parseInt(typeTree.scrollTop)) < 10){
-                    this.getMoreTable(this.importTypeList,this.curExpand)
-                    Promise.all(this.tablePromises).then(_ => {
-                        this.renderChecked()
-                    })
-                }
-            },50)
-        },
-        // 查询分类下的表
-        getTable(n,isConcat){
-            this.tablePromises.push(new Promise((resolve,reject) => {
-                this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=${n.typeTreePage ? n.typeTreePage : 1}&pageSize=${this.typeTreeUnit}`).then(res => {
-                    let list = res.list.records
-                    list.map(n => {
-                        n.label = n.showName
-                        n.id = String(n.id)
-                        // 已经存在的表,禁止再次勾选
-                        if(this.defaultTypeChecked.includes(n.id)){
-                            n.disabled = true
-                        }
-                    })
-                    // 如果是懒加载,则拼接
-                    if(isConcat){
-                        n.children = n.children.concat(list)
-                    }else{
-                        n.children = list
-                        n.tableLen = res.list.total
-                    }
-                    // 每次加载完,分页码数自动+1
-                    n.typeTreePage++
-                    resolve()
-                }).catch(res => {
-                    reject()
-                })
-            }))
-        },
-        // 导入数据
-        batchImport(){
-            this.importLoading = true
-            this.importVisible = true
-            // 这里查的是原始分类，跟其他任何地方查分类的接口都不一样，不要混淆，如果要改这个地方，要跟后端沟通
-            this.$post(this.api.originalList).then(res => {
-                // 处理id和label。因为这个树形要同时展示分类和表，所以name的key统一用label（分类和表的name的key不一样）
-                function handleId(data){
-                    data.map(n => {
-                        n.realId = n.id
-                        // 分类id跟表id可能会冲突，所以加上uuid
-                        n.id = uuid.v4()
-                        n.label = n.categoryName
-                        if(n.children.length){
-                            handleId(n.children)
-                        }
-                    })
-                }
-                handleId(res)
-                // 查询该分类下已勾选的表。pageSize传3000是防止查的表太少，无法选中分类，因为每个分类初始化的时候只查子下的20个表，后续可根据需求修改
-                this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keyword}&pageNum=1&pageSize=3000&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res1 => {
-                    let list = res1.pageList.records
-                    this.defaultTypeChecked = list.map(n => n.copyId) // copyId为原始表id，通过这个id才能选中表
-                    // 递归处理分页
-                    const handleId = data => {
-                        data.map(n => {
-                            if(n.children.length){
-                                handleId(n.children)
-                            }else{
-                                // 默认分页码数为1
-                                n.typeTreePage = 1
-                                this.getTable(n)
-                            }
-                        })
-                    }
-                    handleId(res)
-                    // 如果是已经勾选了的表，则禁止勾选
-                    function handleDisabled (list) {
-                        list.map(e => {
-                            if (e.children && e.children.length) {
-                                if (e.children.every(e => e.disabled)) e.disabled = true
-                                handleDisabled(e.children)
-                            }
-                        })
-                    }
-                    Promise.all(this.tablePromises).then(_ => {
-                        handleDisabled(res)
-                        this.importTypeList = res
-                        this.$refs.typeTree.setCurrentKey()
-                        this.importLoading = false
-                    })
+          }
+          Promise.all(this.tablePromises).then(_ => {
+            handleDisabled(res)
+            this.importTypeList = res
+            this.$refs.typeTree.setCurrentKey()
+            this.importLoading = false
+          })
+        }).catch(res => {
+          this.importLoading = false
+        })
+      }).catch(res => {
+        this.importLoading = false
+      })
+    },
+    // 查询表的字段
+    getFields () {
+      this.$get(`${this.api.staticPreview}?tableName=${this.tableName}`).then(res => {
+        let comment = res.comment
+        let fieldHead = []
+        // id和操作时间这两个字段不用展示
+        comment.map(n => {
+          n.field != 'id' && n.field != 'operation_time' && fieldHead.push(n)
+        })
+        this.fieldHead = fieldHead
+
+        let data = res.data
+        data.map(n => {
+          for (let i in n) {
+            // 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
+            if (typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss', new Date(n[i]))
+          }
+        })
+        this.fieldData = data
+      }).catch(res => { })
+      this.importVisible = true
+    },
+    // 分类点击回调
+    importTypeClick (data) {
+      // 如果点击的是表,则加载这个表下面的字段,分类则不用
+      if (data.name) {
+        this.tableName = data.name
+        this.curId = data.id
+        this.getFields()
+      }
+    },
+    // 分类展开的回调
+    importTypeExpand (obj, node, com) {
+      this.curExpand = obj.id
+      this.renderChecked()
+    },
+    // 关闭导入弹框回调
+    closeImport () {
+      this.$refs.typeTree.setCheckedKeys([])
+      this.categorys = []
+    },
+    // 查询分类下的表id
+    getNames (list) {
+      const categoryId = Number(this.categoryId)
+      return new Promise((resolve, reject) => {
+        this.$get(`${this.api.getAllTableInfoByCategoryId}?categoryId=${list.join()}`).then(res => {
+          const list = res.tableInfo
+          list.map(e => {
+            delete e.id // id不用传给后端
+            e.categoryId = categoryId
+          })
+          this.categorys = list
+          resolve()
+        }).catch(res => { })
+      })
+    },
+    // 保存成功后的操作
+    saveSuccess () {
+      this.$message.success('导入成功')
+      this.getData()
+      this.importVisible = false
+      setTimeout(() => {
+        this.submited = false
+      }, 1000)
+    },
+    // 导入表
+    confirmImport () {
+      if (this.submited) return false // 导入防抖标识
+      const checked = this.$refs.typeTree.getCheckedNodes().filter(e => !e.disabled) // 勾选的数据
+      // 如果没有选择任何数据
+      if (!checked.length) return this.$message.warning('请选择数据')
+      this.submited = true
+      // 分类要调另一个接口去查询该分类下的表，所以，要先把分类id和表id分开，再一次性传分类id去查询表，再把查询出来的表跟另外勾选的表拼接，再保存。要做去重
+      const typeIds = checked.filter(e => !e.name).map(e => e.realId) // 先筛选出分类id（分类没有name，表才有name），再获取分类真正的id（id作了自增处理，获取的id不是真正的id，realId才是这个分类真正的id）
+      const tableIds = checked.filter(e => e.name) // 筛选出表
+      const categoryId = Number(this.categoryId) // 外面勾选的分类，即要导入数据的分类
+      // 给表加categoryId
+      tableIds.map(e => {
+        delete e.id
+        e.categoryId = categoryId
+      })
+      /**
+       * 根据某个值给数组对象去重
+       * @param arr 要处理的数组
+       * @param val 去重依据的值
+       */
+      function uniq (arr, val) {
+        const res = new Map()
+        return arr.filter(e => !res.has(e[val]) && res.set(e[val], 1))
+      }
+      // 分类id，如果有分类id，则调接口去查询分类下的表，再新增，否则，直接拿表id去新增
+      if (typeIds.length) {
+        this.getNames(typeIds).then(() => {
+          const allIds = [...this.categorys, ...tableIds] // 合并通过分类查询到的表id和另外勾选的表id
+          const data = uniq(allIds, 'name')
+          const dataList = []
+          // 每个接口只新增2000个表，一次新增太多无法请求成功，这里做个分割
+          for (let i = 0, len = data.length; i < len; i += 2000) {
+            dataList.push(data.slice(i, i + 2000))
+          }
+          const promiseList = []
+          // 如果切割成2000条一个item，超过6个item的话，就一次调太多次接口了，也有可能会请求失败，所以如果超过6个item，则再分两次去新增，后续如果数据又增加了，可以考虑做个二次分割，即先切割成2000个一个item，如果超过6个item，则再以6个item为单位切割。新增的时候就是每个接口新增2000个表，每次调6次新增，这6次调完后，再调另外的6次，以此循环
+          if (dataList.length > 6) {
+            dataList.slice(0, 6).map(e => {
+              promiseList.push(new Promise((resolve, reject) => {
+                this.$post(this.api.saveTable, e).then(res => {
+                  resolve()
                 }).catch(res => {
-                    this.importLoading = false
+                  reject()
                 })
-            }).catch(res => {
-              this.importLoading = false
+              }))
             })
-        },
-        // 查询表的字段
-        getFields(){
-            this.$get(`${this.api.staticPreview}?tableName=${this.tableName}`).then(res => {
-                let comment = res.comment
-                let fieldHead = []
-                // id和操作时间这两个字段不用展示
-                comment.map(n => {
-                    n.field != 'id' && n.field != 'operation_time' && fieldHead.push(n)
-                })
-                this.fieldHead = fieldHead
-
-                let data = res.data
-                data.map(n => {
-                    for(let i in n){
-                        // 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
-                        if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i]))
-                    }
-                })
-                this.fieldData = data
-            }).catch(res => {})
-            this.importVisible = true
-        },
-        // 分类点击回调
-        importTypeClick(data){
-            // 如果点击的是表,则加载这个表下面的字段,分类则不用
-            if(data.name){
-                this.tableName = data.name
-                this.curId = data.id
-                this.getFields()
-            }
-        },
-        // 分类展开的回调
-        importTypeExpand(obj,node,com){
-            this.curExpand = obj.id
-            this.renderChecked()
-        },
-        // 关闭导入弹框回调
-        closeImport(){
-            this.$refs.typeTree.setCheckedKeys([])
-            this.categorys = []
-        },
-        // 查询分类下的表id
-        getNames(list){
-            const categoryId = Number(this.categoryId)
-            return new Promise((resolve,reject) => {
-                this.$get(`${this.api.getAllTableInfoByCategoryId}?categoryId=${list.join()}`).then(res => {
-                    const list = res.tableInfo
-                    list.map(e => {
-                        delete e.id // id不用传给后端
-                        e.categoryId = categoryId
-                    })
-                    this.categorys = list
+            Promise.all(promiseList).then(res => {
+              dataList.slice(6).map(e => {
+                promiseList.push(new Promise((resolve, reject) => {
+                  this.$post(this.api.saveTable, e).then(res => {
                     resolve()
-                }).catch(res => {})
-            })
-        },
-        // 保存成功后的操作
-        saveSuccess() {
-            this.$message.success('导入成功')
-            this.getData()
-            this.importVisible = false
-            setTimeout(() => {
+                  }).catch(res => {
+                    reject()
+                  })
+                }))
+              })
+              Promise.all(promiseList).then(res => {
+                this.saveSuccess()
+              }).catch(err => {
                 this.submited = false
-            },1000)
-        },
-        // 导入表
-        confirmImport(){
-            if(this.submited) return false // 导入防抖标识
-            const checked = this.$refs.typeTree.getCheckedNodes().filter(e => !e.disabled) // 勾选的数据
-            // 如果没有选择任何数据
-            if(!checked.length) return this.$message.warning('请选择数据')
-            this.submited = true
-            // 分类要调另一个接口去查询该分类下的表，所以，要先把分类id和表id分开，再一次性传分类id去查询表，再把查询出来的表跟另外勾选的表拼接，再保存。要做去重
-            const typeIds = checked.filter(e => !e.name).map(e => e.realId) // 先筛选出分类id（分类没有name，表才有name），再获取分类真正的id（id作了自增处理，获取的id不是真正的id，realId才是这个分类真正的id）
-            const tableIds = checked.filter(e => e.name) // 筛选出表
-            const categoryId = Number(this.categoryId) // 外面勾选的分类，即要导入数据的分类
-            // 给表加categoryId
-            tableIds.map(e => {
-                delete e.id
-                e.categoryId = categoryId
+              })
+            }).catch(err => {
+              this.submited = false
             })
-            /**
-             * 根据某个值给数组对象去重
-             * @param arr 要处理的数组
-             * @param val 去重依据的值
-             */
-            function uniq (arr, val) {
-                const res = new Map()
-                return arr.filter(e => !res.has(e[val]) && res.set(e[val], 1))
-            }
-            // 分类id，如果有分类id，则调接口去查询分类下的表，再新增，否则，直接拿表id去新增
-            if (typeIds.length) {
-                this.getNames(typeIds).then(() => {
-                    const allIds = [...this.categorys, ...tableIds] // 合并通过分类查询到的表id和另外勾选的表id
-                    const data = uniq(allIds, 'name')
-                    const dataList = []
-                    // 每个接口只新增2000个表，一次新增太多无法请求成功，这里做个分割
-                    for (let i = 0, len = data.length; i < len; i += 2000) {
-                        dataList.push(data.slice(i, i + 2000))
-                    }
-                    const promiseList = []
-                    // 如果切割成2000条一个item，超过6个item的话，就一次调太多次接口了，也有可能会请求失败，所以如果超过6个item，则再分两次去新增，后续如果数据又增加了，可以考虑做个二次分割，即先切割成2000个一个item，如果超过6个item，则再以6个item为单位切割。新增的时候就是每个接口新增2000个表，每次调6次新增，这6次调完后，再调另外的6次，以此循环
-                    if (dataList.length > 6) {
-                        dataList.slice(0, 6).map(e => {
-                            promiseList.push(new Promise((resolve,reject) => {
-                                this.$post(this.api.saveTable, e).then(res => {
-                                    resolve()
-                                }).catch(res => {
-                                    reject()
-                                })
-                            }))
-                        })
-                        Promise.all(promiseList).then(res => {
-                            dataList.slice(6).map(e => {
-                                promiseList.push(new Promise((resolve,reject) => {
-                                    this.$post(this.api.saveTable, e).then(res => {
-                                        resolve()
-                                    }).catch(res => {
-                                        reject()
-                                    })
-                                }))
-                            })
-                            Promise.all(promiseList).then(res => {
-                                this.saveSuccess()
-                            }).catch(err => {
-                                this.submited = false
-                            })
-                        }).catch(err => {
-                            this.submited = false
-                        })
-                    } else {
-                        dataList.map(e => {
-                            promiseList.push(new Promise((resolve,reject) => {
-                                this.$post(this.api.saveTable, e).then(res => {
-                                    resolve()
-                                }).catch(res => {
-                                    reject()
-                                })
-                            }))
-                        })
-                        Promise.all(promiseList).then(res => {
-                            this.saveSuccess()
-                        }).catch(err => {
-                            this.submited = false
-                        })
-                    }
-                })
-            } else { // 保存表
-                this.$post(this.api.saveTable, tableIds).then(res => {
-                    this.saveSuccess()
+          } else {
+            dataList.map(e => {
+              promiseList.push(new Promise((resolve, reject) => {
+                this.$post(this.api.saveTable, e).then(res => {
+                  resolve()
                 }).catch(res => {
-                    this.submited = false
+                  reject()
                 })
-            }
-        }
+              }))
+            })
+            Promise.all(promiseList).then(res => {
+              this.saveSuccess()
+            }).catch(err => {
+              this.submited = false
+            })
+          }
+        })
+      } else { // 保存表
+        this.$post(this.api.saveTable, tableIds).then(res => {
+          this.saveSuccess()
+        }).catch(res => {
+          this.submited = false
+        })
+      }
     }
+  }
 };
 </script>
 <style lang="scss" scoped>
 .wrap {
-    display: flex;
-    height: calc(100vh - 223px);
-    padding: 0 24px;
-    .side {
-        width: 300px;
-        padding: 24px 10px 24px 0;
-        margin-right: 24px;
-        border-right: 1px solid rgba(0, 0, 0, 0.06);
-    }
-    .right {
-        width: calc(100% - 374px);
-        padding: 24px 0;
-    }
-    .plus{
-        text-align: right;
+  display: flex;
+  height: calc(100vh - 223px);
+  padding: 0 24px;
+
+  .side {
+    width: 300px;
+    padding: 24px 10px 24px 0;
+    margin-right: 24px;
+    border-right: 1px solid rgba(0, 0, 0, 0.06);
+  }
+
+  .right {
+    width: calc(100% - 374px);
+    padding: 24px 0;
+  }
+
+  .plus {
+    text-align: right;
+    color: #9278FF;
+    cursor: pointer;
+  }
+
+  .custom-tree-node {
+    flex: 1;
+    display: inline-flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .actions {
+      i {
+        margin-left: 5px;
         color: #9278FF;
-        cursor: pointer;
-    }
-    .custom-tree-node{
-        flex: 1;
-        display: inline-flex;
-        justify-content: space-between;
-        align-items: center;
-        .actions{
-            i{
-                margin-left: 5px;
-                color: #9278FF;
-            }
-        }
+      }
     }
+  }
 }
 </style>
diff --git a/src/views/data/Introduce.vue b/src/views/data/Introduce.vue
index 24f8581..b4e739c 100644
--- a/src/views/data/Introduce.vue
+++ b/src/views/data/Introduce.vue
@@ -1,77 +1,51 @@
 <template>
   <div class="wrap">
     <div class="side">
-      <el-tree ref="type"
-               :data="typeList"
-               node-key="id"
-               accordion
-               :default-expanded-keys="defaultActive"
-               :current-node-key="categoryId"
-               :props="defaultProps"
-               :highlight-current="true"
-               @current-change="typeClick"></el-tree>
+      <el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive"
+        :current-node-key="categoryId" :props="defaultProps" :highlight-current="true"
+        @current-change="typeClick"></el-tree>
     </div>
 
     <div class="right">
-      <div class="flex-between"
-           style="margin-bottom: 10px;">
+      <div class="flex-between" style="margin-bottom: 10px;">
         <p>数据简介</p>
-        <el-button v-if="introduceText && !editing"
-                   type="primary"
-                   @click="editing = !editing"
-                   v-auth="'/data:数据简介:编辑'">编辑</el-button>
+        <el-button v-if="introduceText && !editing" type="primary" @click="editing = !editing"
+          v-auth="'/data:数据简介:编辑'">编辑</el-button>
       </div>
-      <div class="intro"
-           v-if="!introduceText && !editing">
+      <div class="intro" v-if="!introduceText && !editing">
         <p class="text">请添加简介</p>
         <div class="btn">
-          <el-button type="primary"
-                     @click="edit">添加</el-button>
+          <el-button type="primary" @click="edit">添加</el-button>
         </div>
       </div>
       <template v-if="introduceText || editing">
-        <el-input placeholder="请输入简介"
-                  v-model="introduce"
-                  type="textarea"
-                  rows="5"
-                  :disabled="!editing"></el-input>
+        <el-input placeholder="请输入简介" v-model="introduce" type="textarea" rows="5" :disabled="!editing"></el-input>
         <div class="field">
           <p class="label">数据源</p>
-          <el-input style="width: 250px"
-                    placeholder="请输入数据源"
-                    v-model="dataSource"
-                    type="text"
-                    :disabled="!editing"></el-input>
+          <el-input style="width: 250px" placeholder="请输入数据源" v-model="dataSource" type="text"
+            :disabled="!editing"></el-input>
         </div>
       </template>
       <div class="field">
         <p class="label">关键字</p>
-        <div class="tag-add"
-             v-if="editing">
-          <el-input placeholder="请输入关键字"
-                    size="small"
-                    v-model="newKeyword"></el-input>
+        <div class="tag-add" v-if="editing">
+          <el-input placeholder="请输入关键字" size="small" v-model="newKeyword"></el-input>
           <span v-if="editing">
             <el-button @click="save"
-                       style="color: #9076FF;border: 1px solid #9076FF;border-radius:5px;height: 25px;line-height: 0px">保 存</el-button>
+              style="color: #062c87;border: 1px solid #062c87;border-radius:5px;height: 25px;line-height: 0px">保
+              存</el-button>
           </span>
         </div>
         <div class="tag-wrap">
-          <el-tag :key="tag.id"
-                  :type="editing ? '' : 'info'"
-                  v-for="tag in keywordList"
-                  :closable="editing"
-                  :disable-transitions="false"
-                  @close="delKeyword(tag)">
-            {{tag.keyword}}
+          <el-tag :key="tag.id" :type="editing ? '' : 'info'" v-for="tag in keywordList" :closable="editing"
+            :disable-transitions="false" @close="delKeyword(tag)">
+            {{ tag.keyword }}
           </el-tag>
         </div>
       </div>
-      <div class="btns"
-           v-if="editing">
+      <div class="btns" v-if="editing">
         <el-button @click="editing = false">取 消</el-button>
-        <el-button type="primary"
-                   @click="confirmData">确 定</el-button>
+        <el-button type="primary" @click="confirmData">确 定</el-button>
       </div>
     </div>
   </div>
@@ -242,71 +216,86 @@ export default {
 </script>
 <style lang="scss" scoped>
 .wrap {
-    display: flex;
-    height: calc(100vh - 223px);
-    padding: 0 24px;
-    .side {
-        width: 300px;
-        padding: 24px 10px 24px 0;
-        margin-right: 24px;
-        border-right: 1px solid rgba(0, 0, 0, 0.06);
-    }
-    .right {
-        width: calc(100% - 374px);
-        padding: 24px 0;
-    }
-    .intro {
-        padding: 20px;
-        margin: 20px 0;
-        border: 1px solid #dcdcdc;
-        border-radius: 4px;
-        .text {
-            margin-bottom: 20px;
-        }
-    }
-    .field {
-        margin-top: 20px;
-        text-align: left;
-        .label {
-            margin-bottom: 10px;
-        }
-    }
-    .tag-wrap {
-        display: flex;
-        align-items: center;
+  display: flex;
+  height: calc(100vh - 223px);
+  padding: 0 24px;
+
+  .side {
+    width: 300px;
+    padding: 24px 10px 24px 0;
+    margin-right: 24px;
+    border-right: 1px solid rgba(0, 0, 0, 0.06);
+  }
+
+  .right {
+    width: calc(100% - 374px);
+    padding: 24px 0;
+  }
+
+  .intro {
+    padding: 20px;
+    margin: 20px 0;
+    border: 1px solid #dcdcdc;
+    border-radius: 4px;
+
+    .text {
+      margin-bottom: 20px;
     }
-    .btns {
-        margin-top: 20px;
+  }
+
+  .field {
+    margin-top: 20px;
+    text-align: left;
+
+    .label {
+      margin-bottom: 10px;
     }
-}
-.tag-add {
+  }
+
+  .tag-wrap {
     display: flex;
     align-items: center;
-    margin-bottom: 10px;
-    .el-input {
-        width: 200px;
-    }
-    .el-button {
-        margin-left: 5px;
-    }
+  }
+
+  .btns {
+    margin-top: 20px;
+  }
+}
+
+.tag-add {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+
+  .el-input {
+    width: 200px;
+  }
+
+  .el-button {
+    margin-left: 5px;
+  }
 }
+
 .mag {
-    margin-right: 20px;
-    margin-left: 20px;
+  margin-right: 20px;
+  margin-left: 20px;
 }
-.el-tag + .el-tag {
-    margin-left: 10px;
+
+.el-tag+.el-tag {
+  margin-left: 10px;
 }
+
 .button-new-tag {
-    margin-left: 10px;
-    height: 32px;
-    line-height: 30px;
-    padding-top: 0;
-    padding-bottom: 0;
+  margin-left: 10px;
+  height: 32px;
+  line-height: 30px;
+  padding-top: 0;
+  padding-bottom: 0;
 }
+
 .input-new-tag {
-    width: 90px;
-    margin-left: 10px;
-    vertical-align: bottom;
+  width: 90px;
+  margin-left: 10px;
+  vertical-align: bottom;
 }
 </style>
diff --git a/src/views/data/Product.vue b/src/views/data/Product.vue
index b10355c..d8645ca 100644
--- a/src/views/data/Product.vue
+++ b/src/views/data/Product.vue
@@ -1,687 +1,706 @@
 <template>
-    <div class="page">
-        <h6 class="p-title">筛选</h6>
-        <div class="tool">
-            <ul class="filter">
-                <li>
-                    <label>创建日期</label>
-                    <el-date-picker v-model="date" align="right" unlink-panels type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"  format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker>
-                </li>
-                <li>
-                    <label>状态</label>
-                    <el-select v-model="status" clearable placeholder="请选择状态" @change="initData">
-                        <el-option v-for="(item,index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option>
-                    </el-select>
-                </li>
-            </ul>
-        </div>
+  <div class="page">
+    <h6 class="p-title">筛选</h6>
+    <div class="tool">
+      <ul class="filter">
+        <li>
+          <label>创建日期</label>
+          <el-date-picker v-model="date" align="right" unlink-panels type="daterange" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker>
+        </li>
+        <li>
+          <label>状态</label>
+          <el-select v-model="status" clearable placeholder="请选择状态" @change="initData">
+            <el-option v-for="(item, index) in statusList" :key="index" :label="item.name"
+              :value="item.value"></el-option>
+          </el-select>
+        </li>
+      </ul>
+    </div>
 
-        <div class="tool">
-            <div>
-                <el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input>
-            </div>
-            <div>
-                <el-button type="primary" round @click="add" v-auth="'/data:产品管理:新增'">新增</el-button>
-                <el-button type="primary" round @click="delAllSelection" v-auth="'/data:产品管理:批量删除'">批量删除</el-button>
-            </div>
-        </div>
-        <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id">
-            <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
-            <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-            <el-table-column prop="productName" label="产品名称" align="center"></el-table-column>
-            <el-table-column prop="tableNum" label="数据量（表）" align="center"></el-table-column>
-            <el-table-column prop="userName" label="创建人" align="center"></el-table-column>
-            <el-table-column prop="orderNum" label="订单数量" align="center"></el-table-column>
-            <el-table-column prop="market" label="市场价（元）" align="center"></el-table-column>
-            <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
-            <el-table-column prop="orderNature" label="状态" align="center">
-                <template slot-scope="scope">
-                    <el-switch v-model="scope.row.status" :active-text="scope.row.status ? '上架' : '下架'" :active-value="1" :inactive-value="0" @change="switchOff($event,scope.row,scope.$index)" v-auth="'/data:产品管理:上架'"></el-switch>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作">
-                <template slot-scope="scope">
-                    <el-button type="text" @click="preview(scope.row)" v-auth="'/data:产品管理:预览'">预览</el-button>
-                    <el-button type="text" @click="edit(scope.row)" v-auth="'/data:产品管理:编辑'">编辑</el-button>
-                    <el-button type="text" @click="handleDelete(scope.row)" v-auth="'/data:产品管理:删除'">删除</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChange" :current-page="page" :total="totals"></el-pagination>
-        </div>
+    <div class="tool">
+      <div>
+        <el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input>
+      </div>
+      <div>
+        <el-button type="primary" round @click="add" v-auth="'/data:产品管理:新增'">新增</el-button>
+        <el-button type="primary" round @click="delAllSelection" v-auth="'/data:产品管理:批量删除'">批量删除</el-button>
+      </div>
+    </div>
+    <el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id">
+      <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+      <el-table-column prop="productName" label="产品名称" align="center"></el-table-column>
+      <el-table-column prop="tableNum" label="数据量（表）" align="center"></el-table-column>
+      <el-table-column prop="userName" label="创建人" align="center"></el-table-column>
+      <el-table-column prop="orderNum" label="订单数量" align="center"></el-table-column>
+      <el-table-column prop="market" label="市场价（元）" align="center"></el-table-column>
+      <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
+      <el-table-column prop="orderNature" label="状态" align="center">
+        <template slot-scope="scope">
+          <el-switch v-model="scope.row.status" :active-text="scope.row.status ? '上架' : '下架'" :active-value="1"
+            :inactive-value="0" @change="switchOff($event, scope.row, scope.$index)" v-auth="'/data:产品管理:上架'"></el-switch>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作">
+        <template slot-scope="scope">
+          <el-button type="text" @click="preview(scope.row)" v-auth="'/data:产品管理:预览'">预览</el-button>
+          <el-button type="text" @click="edit(scope.row)" v-auth="'/data:产品管理:编辑'">编辑</el-button>
+          <el-button type="text" @click="handleDelete(scope.row)" v-auth="'/data:产品管理:删除'">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChange"
+        :current-page="page" :total="totals"></el-pagination>
+    </div>
 
-        <el-dialog :title="isDetail ? '查看产品' : (id ? '编辑产品' : '新增产品')" :visible.sync="productVisible" width="600px" center @close="closeProduct" class="dialog" :close-on-click-modal="false">
-            <el-form ref="form" label-width="98px" :disabled="isDetail" v-loading="loading">
-                 <el-form-item label="数据产品名称">
-                    <el-input v-model="productName" placeholder="请输入数据产品名称"></el-input>
-                </el-form-item>
-                <el-form-item label="供应厂商" prop="supplier">
-                    <el-select v-model="supplier" clearable placeholder="请选择供应厂商">
-                        <el-option v-for="(item, i) in suppliers" :key="i" :label="item.supplierName" :value="item.supplierId"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="配置数据">
-                    <el-button type="primary" @click="configData">配置数据权限</el-button>
-                </el-form-item>
-                <div class="type-wrap" ref="typeWrap" @scroll="loadType" v-show="checkedIds.length">
-                    <el-tree ref="type" :data="typeList" show-checkbox accordion node-key="id" :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps" @node-expand="typeExpand">
-                        <span class="custom-tree-node" slot-scope="{ node, data }">
-                            <span :title="node.label">{{ node.label }}</span>
-                        </span>
-                    </el-tree>
-                </div>
-            </el-form>
-            <span slot="footer" class="dialog-footer" v-if="!isDetail">
-                <el-button @click="productVisible = false">取 消</el-button>
-                <el-button type="primary" :loading="submited" @click="confirm">确 定</el-button>
+    <el-dialog :title="isDetail ? '查看产品' : (id ? '编辑产品' : '新增产品')" :visible.sync="productVisible" width="600px" center
+      @close="closeProduct" class="dialog" :close-on-click-modal="false">
+      <el-form ref="form" label-width="98px" :disabled="isDetail" v-loading="loading">
+        <el-form-item label="数据产品名称">
+          <el-input v-model="productName" placeholder="请输入数据产品名称"></el-input>
+        </el-form-item>
+        <el-form-item label="供应厂商" prop="supplier">
+          <el-select v-model="supplier" clearable placeholder="请选择供应厂商">
+            <el-option v-for="(item, i) in suppliers" :key="i" :label="item.supplierName"
+              :value="item.supplierId"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="配置数据">
+          <el-button type="primary" @click="configData">配置数据权限</el-button>
+        </el-form-item>
+        <div class="type-wrap" ref="typeWrap" @scroll="loadType" v-show="checkedIds.length">
+          <el-tree ref="type" :data="typeList" show-checkbox accordion node-key="id" :default-expanded-keys="checkedIds"
+            :default-checked-keys="checkedIds" :props="defaultProps" @node-expand="typeExpand">
+            <span class="custom-tree-node" slot-scope="{ node, data }">
+              <span :title="node.label">{{ node.label }}</span>
             </span>
-        </el-dialog>
-
-        <el-dialog title="数据配置" :visible.sync="configVisible" width="70%" center @close="closeConfig" :close-on-click-modal="false">
-            <el-container style="padding: 20px 0 20px 20px;background-color: #f0f0f0;">
-                <el-aside width="300px">
-                    <el-tree style="margin: 10px;" ref="typeConfig" :data="typeConfigList" show-checkbox node-key="id" accordion :default-expanded-keys="configIds" :default-checked-keys="configIds" :current-node-key="categoryId" :props="defaultProps" highlight-current @current-change="typeConfigClick">
-                        <span class="custom-tree-node" slot-scope="{ node, data }">
-                            <span :title="node.label">{{ node.label }}</span>
-                        </span>
-                    </el-tree>
-                </el-aside>
+          </el-tree>
+        </div>
+      </el-form>
+      <span slot="footer" class="dialog-footer" v-if="!isDetail">
+        <el-button @click="productVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="submited" @click="confirm">确 定</el-button>
+      </span>
+    </el-dialog>
 
-                <el-main style="padding-top: 0;padding-bottom: 0;">
-                    <el-card shadow="hover">
-                        <el-form label-width="80px" class="flex-between mgb20">
-                            <div class="flex-center">
-                                <el-form-item label="创建日期" style="margin: 0 20px 0 0">
-                                    <el-date-picker v-model="updateTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="initConfigData"></el-date-picker>
-                                </el-form-item>
-                                <el-input placeholder="请输入数据表名称" v-model="keywordConfig" prefix-icon="el-icon-search" clearable></el-input>
-                            </div>
-                        </el-form>
-                        <el-table :data="listConfigData" class="table" ref="table" stripe header-align="center">
-                            <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                            <el-table-column prop="showName" label="数据表名称" align="center"></el-table-column>
-                            <el-table-column prop="dataTotal" label="数据总量" align="center"></el-table-column>
-                            <el-table-column prop="dataSize" label="数据大小" align="center"></el-table-column>
-                            <el-table-column prop="updateTime" width="150" label="更新时间" align="center"></el-table-column>
-                            <el-table-column label="操作" width="220" align="center">
-                                <template slot-scope="scope">
-                                    <el-button type="text" @click="previewConfig(scope.row)">预览</el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <div class="pagination">
-                            <el-pagination background layout="total, prev, pager, next" :current-page="pageConfig" @current-change="handleCurrentConfigChange" :total="totalConfig"></el-pagination>
-                        </div>
-                    </el-card>
-                </el-main>
-            </el-container>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="configVisible = false">取 消</el-button>
-                <el-button type="primary" :loading="configLoading" @click="confirmConfig">确 定</el-button>
+    <el-dialog title="数据配置" :visible.sync="configVisible" width="70%" center @close="closeConfig"
+      :close-on-click-modal="false">
+      <el-container style="padding: 20px 0 20px 20px;background-color: #f0f0f0;">
+        <el-aside width="300px">
+          <el-tree style="margin: 10px;" ref="typeConfig" :data="typeConfigList" show-checkbox node-key="id" accordion
+            :default-expanded-keys="configIds" :default-checked-keys="configIds" :current-node-key="categoryId"
+            :props="defaultProps" highlight-current @current-change="typeConfigClick">
+            <span class="custom-tree-node" slot-scope="{ node, data }">
+              <span :title="node.label">{{ node.label }}</span>
             </span>
-        </el-dialog>
+          </el-tree>
+        </el-aside>
 
-        <el-dialog title="预览" :visible.sync="previewVisible" width="60%" center :close-on-click-modal="false">
-            <el-table :data="previewData" class="table" stripe header-align="center" row-key="id">
-                <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                <el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
+        <el-main style="padding-top: 0;padding-bottom: 0;">
+          <el-card shadow="hover">
+            <el-form label-width="80px" class="flex-between mgb20">
+              <div class="flex-center">
+                <el-form-item label="创建日期" style="margin: 0 20px 0 0">
+                  <el-date-picker v-model="updateTime" type="date" placeholder="选择日期" format="yyyy-MM-dd"
+                    value-format="yyyy-MM-dd" @change="initConfigData"></el-date-picker>
+                </el-form-item>
+                <el-input placeholder="请输入数据表名称" v-model="keywordConfig" prefix-icon="el-icon-search"
+                  clearable></el-input>
+              </div>
+            </el-form>
+            <el-table :data="listConfigData" class="table" ref="table" header-align="center">
+              <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+              <el-table-column prop="showName" label="数据表名称" align="center"></el-table-column>
+              <el-table-column prop="dataTotal" label="数据总量" align="center"></el-table-column>
+              <el-table-column prop="dataSize" label="数据大小" align="center"></el-table-column>
+              <el-table-column prop="updateTime" width="150" label="更新时间" align="center"></el-table-column>
+              <el-table-column label="操作" width="220" align="center">
+                <template slot-scope="scope">
+                  <el-button type="text" @click="previewConfig(scope.row)">预览</el-button>
+                </template>
+              </el-table-column>
             </el-table>
-        </el-dialog>
-    </div>
+            <div class="pagination">
+              <el-pagination background layout="total, prev, pager, next" :current-page="pageConfig"
+                @current-change="handleCurrentConfigChange" :total="totalConfig"></el-pagination>
+            </div>
+          </el-card>
+        </el-main>
+      </el-container>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="configVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="configLoading" @click="confirmConfig">确 定</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog title="预览" :visible.sync="previewVisible" width="60%" center :close-on-click-modal="false">
+      <el-table :data="previewData" class="table" header-align="center" row-key="id">
+        <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+        <el-table-column v-for="(item, index) in previewHead" :prop="item.field" :key="index" :label="item.comment"
+          align="center"></el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import { uuid } from 'vue-uuid'
 export default {
-    data() {
-        return {
-            userName: this.$store.state.userName,
-            keyword: '',
-            searchTimer: null,
-            date: [],
-            startTime: '',
-            endTime: '',
-            status: '',
-            listData:[],
-            multipleSelection: [],
-            statusList: [{
-                name: '不限',
-                value: ''
-            },{
-                name: '已上架',
-                value: 1
-            },
-            {
-                name: '已下架',
-                value: 0
-            }],
-            page: 1,
-            pageSize: 10,
-            totals: 0,
-            productVisible: false,
-            id: '',
-            userId: '',
-            productName: '',
-            supplier: '',
-            typeList: [],
-            loading: false,
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            checkedIds: [],
-            isDetail: false,
-            curExpand: '',
-            typeUnit: 20,
-            typeScrollTop: 0,
-            typeTimer: null,
+  data () {
+    return {
+      userName: this.$store.state.userName,
+      keyword: '',
+      searchTimer: null,
+      date: [],
+      startTime: '',
+      endTime: '',
+      status: '',
+      listData: [],
+      multipleSelection: [],
+      statusList: [{
+        name: '不限',
+        value: ''
+      }, {
+        name: '已上架',
+        value: 1
+      },
+      {
+        name: '已下架',
+        value: 0
+      }],
+      page: 1,
+      pageSize: 10,
+      totals: 0,
+      productVisible: false,
+      id: '',
+      userId: '',
+      productName: '',
+      supplier: '',
+      typeList: [],
+      loading: false,
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      },
+      checkedIds: [],
+      isDetail: false,
+      curExpand: '',
+      typeUnit: 20,
+      typeScrollTop: 0,
+      typeTimer: null,
 
-            configVisible: false,
-            configLoading: false,
-            categoryId: '',
-            categoryOriginId: '',
-            configIds: [],
-            updateTime: '',
-            keywordConfig: '',
-            typeConfigList: [],
-            pageConfig: 1,
-            pageSizeConfig: 10,
-            totalConfig: 0,
-            listConfigData: [],
-            previewVisible: false,
-            previewHead: [],
-            previewData: [],
-            submited: false,
-            suppliers: [
-              {
-                supplierName: '或然科技',
-                supplierId: '1' 
-              }
-            ]
-        };
-    },
-    watch: {
-        date: function(val){
-            if(val){
-                this.startTime = val[0]
-                this.endTime = val[1]
-            }else{
-                this.startTime = ''
-                this.endTime = ''
-            }
-            this.initData()
-        },
-        keyword: function(val) {
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-                this.initData()
-            },500)
-        },
-        keywordConfig: function(val) {
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-                this.initConfigData()
-            },500)
+      configVisible: false,
+      configLoading: false,
+      categoryId: '',
+      categoryOriginId: '',
+      configIds: [],
+      updateTime: '',
+      keywordConfig: '',
+      typeConfigList: [],
+      pageConfig: 1,
+      pageSizeConfig: 10,
+      totalConfig: 0,
+      listConfigData: [],
+      previewVisible: false,
+      previewHead: [],
+      previewData: [],
+      submited: false,
+      suppliers: [
+        {
+          supplierName: '或然科技',
+          supplierId: '1'
         }
+      ]
+    };
+  },
+  watch: {
+    date: function (val) {
+      if (val) {
+        this.startTime = val[0]
+        this.endTime = val[1]
+      } else {
+        this.startTime = ''
+        this.endTime = ''
+      }
+      this.initData()
+    },
+    keyword: function (val) {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
+        this.initData()
+      }, 500)
     },
-    mounted() {
+    keywordConfig: function (val) {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
+        this.initConfigData()
+      }, 500)
+    }
+  },
+  mounted () {
+    this.getData()
+    // this.getSupplier()
+  },
+  methods: {
+    // 获取产品列表
+    getData () {
+      this.$post(this.api.listByEntity, {
+        createTime: this.startTime,
+        endTime: this.endTime,
+        pageNum: this.page,
+        pageSize: this.pageSize,
+        productName: this.keyword,
+        status: this.status,
+        supplierId: '1'
+      }).then(res => {
+        this.listData = res.pageList.records
+        this.totals = res.pageList.total
+      }).catch(res => { })
+    },
+    // 重置分页为1
+    initData () {
+      this.page = 1
       this.getData()
-      // this.getSupplier()
-    },
-    methods: {
-        // 获取产品列表
-        getData() {
-            this.$post(this.api.listByEntity,{
-                createTime: this.startTime,
-                endTime: this.endTime,
-                pageNum: this.page,
-                pageSize: this.pageSize,
-                productName: this.keyword,
-                status: this.status,
-                supplierId: '1'
-            }).then(res => {
-                this.listData = res.pageList.records
-                this.totals = res.pageList.total
-            }).catch(res => {})
-        },
-        // 重置分页为1
-        initData(){
-            this.page = 1
-            this.getData()
-        },
-        // 获取供应厂商
-        getSupplier() {
-          const sid = this.$store.state.dataPer.find(e => e.permissionName === '数据管理')
-          this.$get(this.api.getSupplierListByRole, {
-            permissionId: sid.permissionId
-          }).then(res => {
-            this.suppliers = res.supplierList
-          }).catch(res => {})
-        },
+    },
+    // 获取供应厂商
+    getSupplier () {
+      const sid = this.$store.state.dataPer.find(e => e.permissionName === '数据管理')
+      this.$get(this.api.getSupplierListByRole, {
+        permissionId: sid.permissionId
+      }).then(res => {
+        this.suppliers = res.supplierList
+      }).catch(res => { })
+    },
+    // 获取分类下的表
+    getTable (n, isConcat) {
+      this.$post(`${this.api.getIdQueryTable}?categoryId=${n.originId}&showName=&pageNum=${n.typePage}&pageSize=${this.typeUnit}&updateTime=`).then(res => {
+        let list = res.pageList.records
+        list.map(n => {
+          n.label = n.showName
+          n.id = String(n.id)
+          n.disabled = true // 外面的弹框里的分类禁止操作，只能查看
+        })
+        // 如果是懒加载的情况,则拼接
+        if (isConcat) {
+          n.children = n.children.concat(list)
+        } else {
+          n.children = list
+          n.tableLen = res.pageList.total
+        }
+        n.typePage++
+      }).catch(res => { })
+    },
+    // 获取分类
+    getType (queryDetail) {
+      this.loading = true
+      this.productVisible = true
+      this.$post(this.api.getTableByClassification).then(res => {
+        const that = this
+        function handleId (data) {
+          data.map(n => {
+            n.originId = n.id
+            // 分类id跟表id可能会冲突，所以加上uuid，同时用originId保存原始id
+            n.id = uuid.v4()
+            n.label = n.categoryName
+            n.disabled = true // 一律禁止勾选
+            if (n.children.length) {
+              handleId(n.children)
+            }
+          })
+        }
+        handleId(res)
+        this.typeConfigList = JSON.parse(JSON.stringify(res)) // 深拷贝，用来数据配置里直接使用
+
         // 获取分类下的表
-        getTable(n,isConcat){
-            this.$post(`${this.api.getIdQueryTable}?categoryId=${n.originId}&showName=&pageNum=${n.typePage}&pageSize=${this.typeUnit}&updateTime=`).then(res => {
-                let list = res.pageList.records
-                list.map(n => {
-                    n.label = n.showName
-                    n.id = String(n.id)
-                    n.disabled = true // 外面的弹框里的分类禁止操作，只能查看
-                })
-                // 如果是懒加载的情况,则拼接
-                if(isConcat){
-                    n.children = n.children.concat(list)
-                }else{
-                    n.children = list
-                    n.tableLen = res.pageList.total
-                }
-                n.typePage++
-            }).catch(res => {})
-        },
-        // 获取分类
-        getType(queryDetail){
-            this.loading = true
-            this.productVisible = true
-            this.$post(this.api.getTableByClassification).then(res => {
-                const that = this
-                function handleId(data){
-                    data.map(n => {
-                        n.originId = n.id
-                        // 分类id跟表id可能会冲突，所以加上uuid，同时用originId保存原始id
-                        n.id = uuid.v4()
-                        n.label = n.categoryName
-                        n.disabled = true // 一律禁止勾选
-                        if(n.children.length){
-                            handleId(n.children)
-                        }
-                    })
-                }
-                handleId(res)
-                this.typeConfigList = JSON.parse(JSON.stringify(res)) // 深拷贝，用来数据配置里直接使用
+        function getTable (data) {
+          data.map(n => {
+            if (n.children.length) {
+              getTable(n.children)
+            } else {
+              n.typePage = 1 // 获取表要用到的分页
+              n.disabled = true // 表同样禁止操作
+              that.getTable(n)
+            }
+          })
+        }
+        getTable(res)
 
-                // 获取分类下的表
-                function getTable(data){
-                    data.map(n => {
-                        if(n.children.length){
-                            getTable(n.children)
-                        }else{
-                            n.typePage = 1 // 获取表要用到的分页
-                            n.disabled = true // 表同样禁止操作
-                            that.getTable(n)
-                        }
-                    })
+        setTimeout(() => {
+          this.typeList = res
+          queryDetail ? this.getDetail() : (this.loading = false)
+        }, 500)
+        this.importVisible = true
+      }).catch(res => { })
+    },
+    // 处理勾选框
+    handleType (data, typeList) {
+      let result = data
+      if (typeList.length) {
+        typeList.map(e => {
+          if (result.includes(e.id) && e.children.length) {
+            // 如果该分类下的子节点不是每个都勾选了,就把该分类的id从已勾选的id集合里去除,因为如果不去除的话,这个分类就会勾选,同时会把该分类下的所有子分类都一起勾选
+            e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1)
+          }
+          e.children.length && this.handleType(data, e.children)
+        })
+      }
+      return result
+    },
+    // 分类展开的回调
+    typeExpand (obj, node, com) {
+      this.curExpand = obj.id
+    },
+    // 递归获取当前展开的分类,然后查询该分类下的表
+    getMoreTable (list, id) {
+      list.map(n => {
+        if (n.id == id) {
+          this.getTable(n, 1)
+        } else if (n.children && n.children.length) {
+          this.getMoreTable(n.children, id)
+        }
+      })
+    },
+    // 因为数据会有上万条的情况,一次加载出来dom太多了,所以用懒加载去处理
+    loadType (e) {
+      clearTimeout(this.typeTimer)
+      let typeTree = this.$refs.typeWrap
+      this.typeTimer = setTimeout(() => {
+        this.typeScrollTop = typeTree.scrollTop - this.typeScrollTop
+        // 如果已经滚动到底部,则加载下面的数据
+        if (this.typeScrollTop > 0 && typeTree.clientHeight + typeTree.scrollTop == typeTree.scrollHeight) {
+          let curExpand = this.curExpand
+          // 如果是编辑,可能会出现用户没主动点展开分类的情况,所以就无法直接从curExpand拿到当前展开的分类,需要在下面递归拿到第一个展开的分类
+          if (!curExpand) {
+            let id = this.checkedIds[0]
+            let list = this.typeList
+            function handleId (data, parentId) {
+              data.map(n => {
+                if (n.id == id) {
+                  curExpand = parentId ? parentId : n.id
+                } else if (n.children && n.children.length) {
+                  handleId(n.children, n.id)
                 }
-                getTable(res)
-
-                setTimeout(() => {
-                    this.typeList = res
-                    queryDetail ? this.getDetail() : (this.loading = false)
-                },500)
-                this.importVisible = true
-            }).catch(res => {})
-        },
-        // 处理勾选框
-        handleType(data,typeList){
-            let result = data
-            if(typeList.length){
-                typeList.map(e => {
-                    if(result.includes(e.id) && e.children.length){
-                        // 如果该分类下的子节点不是每个都勾选了,就把该分类的id从已勾选的id集合里去除,因为如果不去除的话,这个分类就会勾选,同时会把该分类下的所有子分类都一起勾选
-                        e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id),1)
-                    }
-                    e.children.length && this.handleType(data,e.children)
-                })
+              })
             }
-            return result
-        },
-        // 分类展开的回调
-        typeExpand(obj,node,com){
-            this.curExpand = obj.id
-        },
-        // 递归获取当前展开的分类,然后查询该分类下的表
-        getMoreTable(list,id){
-            list.map(n => {
-                if(n.id == id){
-                    this.getTable(n,1)
-                }else if(n.children && n.children.length){
-                    this.getMoreTable(n.children,id)
-                }
+            handleId(list)
+          }
+          this.getMoreTable(this.typeList, curExpand)
+          setTimeout(() => {
+            this.$nextTick(() => {
+              this.$refs.type.setCheckedKeys(this.checkedIds)
             })
-        },
-        // 因为数据会有上万条的情况,一次加载出来dom太多了,所以用懒加载去处理
-        loadType(e){
-            clearTimeout(this.typeTimer)
-            let typeTree = this.$refs.typeWrap
-            this.typeTimer = setTimeout(() => {
-                this.typeScrollTop = typeTree.scrollTop - this.typeScrollTop
-                // 如果已经滚动到底部,则加载下面的数据
-                if(this.typeScrollTop > 0 && typeTree.clientHeight + typeTree.scrollTop == typeTree.scrollHeight){
-                    let curExpand = this.curExpand
-                    // 如果是编辑,可能会出现用户没主动点展开分类的情况,所以就无法直接从curExpand拿到当前展开的分类,需要在下面递归拿到第一个展开的分类
-                    if(!curExpand){
-                        let id = this.checkedIds[0]
-                        let list = this.typeList
-                        function handleId(data,parentId){
-                            data.map(n => {
-                                if(n.id == id){
-                                    curExpand = parentId ? parentId : n.id
-                                }else if(n.children && n.children.length){
-                                    handleId(n.children,n.id)
-                                }
-                            })
-                        }
-                        handleId(list)
-                    }
-                    this.getMoreTable(this.typeList,curExpand)
-                    setTimeout(() => {
-                        this.$nextTick(() => {
-                            this.$refs.type.setCheckedKeys(this.checkedIds)
-                        })
-                    },300)
+          }, 300)
+        }
+      }, 50)
+    },
+    // 获取产品详情
+    getDetail () {
+      this.$post(`${this.api.findById}?id=${this.id}`).then(res => {
+        const data = res.product
+        this.productName = data.productName
+        this.supplier = data.supplier
+        this.checkedIds = data.tableId.split(',')
+        this.$refs.type.setCheckedKeys(this.checkedIds) // 选中已选的表
+        this.loading = false
+      }).catch(res => {
+        this.loading = false
+      })
+    },
+    // 新增产品
+    add () {
+      this.getType()
+      this.id = ''
+      this.checkedIds = []
+    },
+    // 编辑产品
+    edit (row) {
+      this.getType(true)
+      this.id = row.id
+      this.userId = row.userId
+    },
+    // 启用禁用产品，直接调用编辑产品的接口，状态变下即可
+    switchOff (val, row) {
+      this.$post(this.api.updateProduct, {
+        id: row.id,
+        productName: row.productName,
+        tableId: row.tableId,
+        userId: row.userId,
+        userName: row.userName,
+        createTime: '',
+        orderNum: '',
+        status: val,
+        tableNum: row.tableNum,
+        updateTime: '',
+      }).then(res => {
+        this.$message.success(val ? '上架成功' : '下架成功')
+      }).catch(err => { })
+    },
+    // 表预览
+    preview (row) {
+      this.getType(true)
+      this.isDetail = true
+      this.id = row.id
+    },
+    // 删除产品
+    handleDelete (row) {
+      this.$post(`${this.api.deleteDataPrompt}?ids=${row.id}`).then(({ status }) => {
+        if (status === 200) {
+          this.$confirm('确定要删除吗？', '提示', {
+            type: 'warning'
+          }).then(() => {
+            this.$post(`${this.api.deleteProduct}?ids=${row.id}`).then(res => {
+              this.$message.success('删除成功')
+              this.getData()
+            }).catch(res => { })
+          }).catch(() => { })
+        }
+      }).catch(err => { })
+    },
+    handleSelectionChange (val) {
+      this.multipleSelection = val
+    },
+    delAllSelection () {
+      if (this.multipleSelection.length) {
+        let ids = []
+        this.multipleSelection.forEach(i => {
+          ids.push('ids=' + i.id)
+        });
+        this.$post(`${this.api.deleteDataPrompt}?${ids.join('&')}`).then(({ status }) => {
+          if (status === 200) {
+            let arr = this.multipleSelection
+            let result = arr.map(e => e.id)
+            this.$confirm('确定要删除吗？', '提示', {
+              type: 'warning'
+            }).then(() => {
+              this.$post(`${this.api.deleteProduct}?ids=${result.join(',')}`).then(res => {
+                if (result.length == this.listData.length) {
+                  if (this.page > 1) {
+                    this.page = this.page - 1
+                  }
                 }
-            },50)
-        },
-        // 获取产品详情
-        getDetail(){
-            this.$post(`${this.api.findById}?id=${this.id}`).then(res => {
-                const data = res.product
-                this.productName = data.productName
-                this.supplier = data.supplier
-                this.checkedIds = data.tableId.split(',')
-                this.$refs.type.setCheckedKeys(this.checkedIds) // 选中已选的表
-                this.loading = false
-            }).catch(res => {
-              this.loading = false
-            })
-        },
-        // 新增产品
-        add(){
-            this.getType()
-            this.id = ''
-            this.checkedIds = []
-        },
-        // 编辑产品
-        edit(row){
-            this.getType(true)
-            this.id = row.id
-            this.userId = row.userId
-        },
-        // 启用禁用产品，直接调用编辑产品的接口，状态变下即可
-        switchOff(val,row) {
-            this.$post(this.api.updateProduct,{
-                id: row.id,
-                productName: row.productName,
-                tableId: row.tableId,
-                userId: row.userId,
-                userName: row.userName,
-                createTime: '',
-                orderNum: '',
-                status: val,
-                tableNum: row.tableNum,
-                updateTime: '',
-            }).then(res => {
-                this.$message.success(val ? '上架成功' : '下架成功')
-            }).catch(err => {})
-        },
-        // 表预览
-        preview(row){
-            this.getType(true)
-            this.isDetail = true
-            this.id = row.id
-        },
-        // 删除产品
-        handleDelete(row) {
-          this.$post(`${this.api.deleteDataPrompt}?ids=${row.id}`).then(({ status }) => {
-            if (status === 200) {
-              this.$confirm('确定要删除吗？', '提示', {
-                  type: 'warning'
-              }).then(() => {
-                    this.$post(`${this.api.deleteProduct}?ids=${row.id}`).then(res => {
-                        this.$message.success('删除成功')
-                        this.getData()
-                    }).catch(res => {})
-              }).catch(() => {})
-            }
-          }).catch(err => {})
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val
-        },
-        delAllSelection() {
-          if(this.multipleSelection.length){
-            let ids = []
-            this.multipleSelection.forEach(i => {
-              ids.push('ids=' + i.id)
-            });
-            this.$post(`${this.api.deleteDataPrompt}?${ids.join('&')}`).then(({ status }) => {
-              if (status === 200) {
-                let arr = this.multipleSelection
-                let result = arr.map(e => e.id)
-                this.$confirm('确定要删除吗？', '提示', {
-                    type: 'warning'
-                }).then(() => {
-                  this.$post(`${this.api.deleteProduct}?ids=${result.join(',')}`).then(res => {
-                      if(result.length == this.listData.length){
-                          if(this.page > 1){
-                              this.page = this.page-1
-                          }
-                      }
-                      this.$refs.table.clearSelection()
-                      this.$message.success('删除成功')
-                      this.getData()
-                  }).catch(res => {})
-                }).catch(() => {})
-              }
-            }).catch(err => {})
-          }else{
-              this.$message.error('请先选择数据')
+                this.$refs.table.clearSelection()
+                this.$message.success('删除成功')
+                this.getData()
+              }).catch(res => { })
+            }).catch(() => { })
           }
-        },
-        handleCurrentChange(val) {
-            this.page = val
-            this.getData()
-        },
-        // 计算比例分成
-        calcProp() {
-          const p1 = this.businessProportion
-          const p2 = this.manufacturerProportion
-          if (p1 && p2) {
-            if(isNaN(p1)) return this.$message.warning('商务经理占比请输入数字')
-            if(isNaN(p2)) return this.$message.warning('产品厂商占比请输入数字')
-            if(+p1 + +p2 !== 100) return this.$message.warning('比例分成总和须为100%，请重新修改')
+        }).catch(err => { })
+      } else {
+        this.$message.error('请先选择数据')
+      }
+    },
+    handleCurrentChange (val) {
+      this.page = val
+      this.getData()
+    },
+    // 计算比例分成
+    calcProp () {
+      const p1 = this.businessProportion
+      const p2 = this.manufacturerProportion
+      if (p1 && p2) {
+        if (isNaN(p1)) return this.$message.warning('商务经理占比请输入数字')
+        if (isNaN(p2)) return this.$message.warning('产品厂商占比请输入数字')
+        if (+p1 + +p2 !== 100) return this.$message.warning('比例分成总和须为100%，请重新修改')
+      }
+    },
+    // 关闭产品弹框回调
+    closeProduct () {
+      this.productName = ''
+      this.supplier = ''
+      this.isDetail = false
+      this.typeList = []
+      this.configIds = []
+    },
+    // 获取tableId,提交的时候需要
+    getIds (list) {
+      // 获取已经勾选的分类
+      this.checkedIds = []
+      const proList = []
+      this.configLoading = true
+      // 勾选的分类id分别去查询下面的表id，也可以全部id用逗号分隔去查，这里遍历去查是因为这样速度更快
+      list.map(e => {
+        proList.push(new Promise((resolve, reject) => {
+          this.$get(`${this.api.getAllTableIdBycategoryId}?categoryId=${e}`).then(res => {
+            res.tableId && this.checkedIds.push(...res.tableId.split(','))
+            resolve()
+          }).catch(res => {
+            this.submited = false
+          })
+        }))
+      })
+      // 全部分类id遍历查询完resolve回去
+      return Promise.all(proList).then(res => {
+        this.configLoading = false
+        resolve()
+      }).catch(err => {
+        this.configLoading = false
+      })
+    },
+    // 操作产品保存
+    confirm () {
+      if (this.submited) return false
+      const { productName, supplier } = this
+      if (!productName) return this.$message.warning('请输入数据产品名称')
+      if (!supplier) return this.$message.warning('请选择供应厂商')
+      if (!this.checkedIds.length) return this.$message.warning('请选择数据')
+      this.submited = true // 提交状态
+      let tableId = this.checkedIds
+      if (!tableId.length) return this.$message.warning('请选择数据')
+      let data = {
+        id: this.id,
+        productName,
+        supplier,
+        tableId: tableId.join(),
+        userId: this.userId,
+        userName: this.userName,
+        createTime: '',
+        orderNum: '',
+        status: '',
+        tableNum: tableId.length,
+        updateTime: ''
+      }
+      if (this.id) {
+        this.$post(this.api.updateProduct, data).then(res => {
+          this.$message.success('编辑成功')
+          this.productVisible = false
+          this.getData()
+          this.submited = false
+        }).catch(res => {
+          this.submited = false
+        })
+      } else {
+        this.$post(this.api.saveProduct, data).then(res => {
+          this.$message.success('新增成功')
+          this.productVisible = false
+          this.getData()
+          this.submited = false
+        }).catch(res => {
+          this.submited = false
+        })
+      }
+    },
+    // 配置数据
+    configData () {
+      this.configVisible = true
+      this.getConfigType()
+      // 编辑的时候才需要获取外面的弹框的已选数据，传到配置数据里去默认勾选
+      if (this.checkedIds.length) {
+        let list = this.$refs.type.getCheckedNodes()
+        this.configIds = list.filter(n => !n.name).map(n => n.id)
+        this.$refs.typeConfig.setCheckedKeys(this.configIds)
+      }
+    },
+    // 数据配置里的分类点击回调
+    typeConfigClick (data) {
+      this.categoryId = data.id
+      this.categoryOriginId = data.originId
+      this.getConfigTable()
+    },
+    // 关闭数据配置弹框回调
+    closeConfig () {
+      // 关闭的时候清除多选
+      this.$refs.typeConfig.setCheckedNodes([])
+    },
+    // 获取配置数据里面的分类
+    getConfigType () {
+      const list = this.typeConfigList
+      function handleId (data) {
+        data.map(n => {
+          n.disabled = false // 配置数据都是可选的
+          if (n.children.length) {
+            handleId(n.children)
           }
-        },
-        // 关闭产品弹框回调
-        closeProduct(){
-            this.productName = ''
-            this.supplier = ''
-            this.isDetail = false
-            this.typeList = []
-            this.configIds = []
-        },
-        // 获取tableId,提交的时候需要
-        getIds(list){
-            // 获取已经勾选的分类
-            this.checkedIds = []
-            const proList = []
-            this.configLoading = true
-            // 勾选的分类id分别去查询下面的表id，也可以全部id用逗号分隔去查，这里遍历去查是因为这样速度更快
-            list.map(e => {
-                proList.push(new Promise((resolve,reject) => {
-                    this.$get(`${this.api.getAllTableIdBycategoryId}?categoryId=${e}`).then(res => {
-                        res.tableId && this.checkedIds.push(...res.tableId.split(','))
-                        resolve()
-                    }).catch(res => {
-                        this.submited = false
-                    })
-                }))
-            })
-            // 全部分类id遍历查询完resolve回去
-            return Promise.all(proList).then(res => {
-                this.configLoading = false
-                resolve()
-            }).catch(err => {
-                this.configLoading = false
-            })
-        },
-        // 操作产品保存
-        confirm(){
-            if(this.submited) return false
-            const { productName, supplier } = this
-            if(!productName) return this.$message.warning('请输入数据产品名称')
-            if(!supplier) return this.$message.warning('请选择供应厂商')
-            if(!this.checkedIds.length) return this.$message.warning('请选择数据')
-            this.submited = true // 提交状态
-            let tableId = this.checkedIds
-            if(!tableId.length) return this.$message.warning('请选择数据')
-            let data = {
-                id: this.id,
-                productName,
-                supplier,
-                tableId: tableId.join(),
-                userId: this.userId,
-                userName: this.userName,
-                createTime: '',
-                orderNum: '',
-                status: '',
-                tableNum: tableId.length,
-                updateTime: ''
-            }
-            if(this.id){
-                this.$post(this.api.updateProduct,data).then(res => {
-                    this.$message.success('编辑成功')
-                    this.productVisible = false
-                    this.getData()
-                    this.submited = false
-                }).catch(res => {
-                    this.submited = false
-                })
-            }else{
-                this.$post(this.api.saveProduct,data).then(res => {
-                    this.$message.success('新增成功')
-                    this.productVisible = false
-                    this.getData()
-                    this.submited = false
-                }).catch(res => {
-                    this.submited = false
-                })
-            }
-        },
-        // 配置数据
-        configData(){
-            this.configVisible = true
-            this.getConfigType()
-            // 编辑的时候才需要获取外面的弹框的已选数据，传到配置数据里去默认勾选
-            if (this.checkedIds.length) {
-                let list = this.$refs.type.getCheckedNodes()
-                this.configIds = list.filter(n => !n.name).map(n => n.id)
-                this.$refs.typeConfig.setCheckedKeys(this.configIds)
-            }
-        },
-        // 数据配置里的分类点击回调
-        typeConfigClick(data){
-            this.categoryId = data.id
-            this.categoryOriginId = data.originId
-            this.getConfigTable()
-        },
-        // 关闭数据配置弹框回调
-        closeConfig(){
-            // 关闭的时候清除多选
-            this.$refs.typeConfig.setCheckedNodes([])
-        },
-        // 获取配置数据里面的分类
-        getConfigType(){
-            const list = this.typeConfigList
-            function handleId(data){
-                data.map(n => {
-                    n.disabled = false // 配置数据都是可选的
-                    if(n.children.length){
-                        handleId(n.children)
-                    }
-                })
-            }
-            handleId(list)
-            if(list[0].children.length){
-                this.categoryId = list[0].children[0].id
-            }else{
-                this.categoryId = list[0].id
-            }
-            this.getConfigTable()
-        },
-        // 获取配置数据里面分类下的表
-        getConfigTable(){
-            this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryOriginId}&showName=${this.keywordConfig}&pageNum=${this.pageConfig}&pageSize=${this.pageSizeConfig}&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res => {
-                let list = res.pageList.records
-                list.map(n => {
-                    // 如果有更新时间则转化格式
-                    n.updateTime = n.updateTime ? this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n.updateTime)) : ''
-                })
-                this.listConfigData = list
-                this.totalConfig = res.pageList.total
-            }).catch(res => {})
-        },
-        // 重置数据配置里的分页
-        initConfigData(){
-            this.pageConfig = 1
-            this.getConfigTable()
-        },
-        handleCurrentConfigChange(val){
-            this.pageConfig = val
-            this.getConfigTable()
-        },
-        // 预览
-        previewConfig(row){
-            this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
-                let comment = res.comment
-                let previewHead = []
-                // 不显示id和操作时间
-                comment.map(n => {
-                    n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
-                })
-                this.previewHead = previewHead
+        })
+      }
+      handleId(list)
+      if (list[0].children.length) {
+        this.categoryId = list[0].children[0].id
+      } else {
+        this.categoryId = list[0].id
+      }
+      this.getConfigTable()
+    },
+    // 获取配置数据里面分类下的表
+    getConfigTable () {
+      this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryOriginId}&showName=${this.keywordConfig}&pageNum=${this.pageConfig}&pageSize=${this.pageSizeConfig}&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res => {
+        let list = res.pageList.records
+        list.map(n => {
+          // 如果有更新时间则转化格式
+          n.updateTime = n.updateTime ? this.formatDate('yyyy-MM-dd hh:mm:ss', new Date(n.updateTime)) : ''
+        })
+        this.listConfigData = list
+        this.totalConfig = res.pageList.total
+      }).catch(res => { })
+    },
+    // 重置数据配置里的分页
+    initConfigData () {
+      this.pageConfig = 1
+      this.getConfigTable()
+    },
+    handleCurrentConfigChange (val) {
+      this.pageConfig = val
+      this.getConfigTable()
+    },
+    // 预览
+    previewConfig (row) {
+      this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
+        let comment = res.comment
+        let previewHead = []
+        // 不显示id和操作时间
+        comment.map(n => {
+          n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
+        })
+        this.previewHead = previewHead
 
-                let data = res.data
-                data.map(n => {
-                    for(let i in n){
-                        // 把返回的时间格式化
-                        if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i]))
-                    }
-                })
-                this.previewData = data
-                this.previewVisible = true
-            }).catch(res => {})
-        },
-        // 数据配置保存
-        confirmConfig(){
-            const list = this.$refs.typeConfig.getCheckedNodes().map(e => e.originId) // 获取选中的id
-            this.getIds(list).then(() => {
-                this.configVisible = false
-                this.$refs.type.setCheckedKeys(this.checkedIds)
-                
-            })
-        }
+        let data = res.data
+        data.map(n => {
+          for (let i in n) {
+            // 把返回的时间格式化
+            if (typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss', new Date(n[i]))
+          }
+        })
+        this.previewData = data
+        this.previewVisible = true
+      }).catch(res => { })
+    },
+    // 数据配置保存
+    confirmConfig () {
+      const list = this.$refs.typeConfig.getCheckedNodes().map(e => e.originId) // 获取选中的id
+      this.getIds(list).then(() => {
+        this.configVisible = false
+        this.$refs.type.setCheckedKeys(this.checkedIds)
+
+      })
     }
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-/deep/.el-input--suffix .el-input__inner{
-    padding-right: 56px;
+/deep/.el-input--suffix .el-input__inner {
+  padding-right: 56px;
 }
-.type-wrap{
-    height: 450px;
-    margin-left: 25px;
-    overflow:auto;
+
+.type-wrap {
+  height: 450px;
+  margin-left: 25px;
+  overflow: auto;
 }
+
 .settlement {
   display: flex;
   margin-bottom: 10px;
+
   .label {
     margin-right: 10px;
     white-space: nowrap;
     color: #606266;
     font-size: 14px;
   }
+
   .el-input {
     width: 150px;
     margin-right: 30px;
diff --git a/src/views/information/contentManage/contentList.vue b/src/views/information/contentManage/contentList.vue
index d77753c..c0d1971 100644
--- a/src/views/information/contentManage/contentList.vue
+++ b/src/views/information/contentManage/contentList.vue
@@ -4,108 +4,54 @@
     <!--            <a class="item" v-for="(item,index) in tabs" :key="index" :class="{active: index == activeName}" @click="tabChange(index)">{{item}}</a>-->
     <!--        </div>-->
     <div class="btn-wrap">
-      <el-button v-auth="'内容管理:保存排序'"
-                 class="action-btn"
-                 type="primary"
-                 @click="sortSubmit">保存排序</el-button>
-      <el-button v-auth="'内容管理:批量删除'"
-                 class="action-btn"
-                 type="primary"
-                 @click="delAllData">批量删除</el-button>
-      <el-button v-auth="'内容管理:新增文章'"
-                 class="action-btn"
-                 type="primary"
-                 @click="addArticle">新增文章</el-button>
+      <el-button v-auth="'内容管理:保存排序'" class="action-btn" type="primary" @click="sortSubmit">保存排序</el-button>
+      <el-button v-auth="'内容管理:批量删除'" class="action-btn" type="primary" @click="delAllData">批量删除</el-button>
+      <el-button v-auth="'内容管理:新增文章'" class="action-btn" type="primary" @click="addArticle">新增文章</el-button>
     </div>
-    <div class="page-content"
-         style="padding-top: 24px">
-      <el-table ref="table"
-                :data="list"
-                class="table"
-                stripe
-                header-align="center"
-                @selection-change="handleSelectionChange"
-                row-key="id">
-        <el-table-column type="selection"
-                         width="80"
-                         align="center"
-                         :reserve-selection="true"></el-table-column>
-        <el-table-column type="index"
-                         width="60"
-                         label="序号"
-                         align="center">
+    <div class="page-content" style="padding-top: 24px">
+      <el-table ref="table" :data="list" class="table" header-align="center" @selection-change="handleSelectionChange"
+        row-key="id">
+        <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
+        <el-table-column type="index" width="60" label="序号" align="center">
           <template slot-scope="scope">
             {{ scope.$index + (pageNo - 1) * pageSize + 1 }}
           </template>
         </el-table-column>
-        <el-table-column prop="title"
-                         label="标题"
-                         show-overflow-tooltip
-                         align="center">
+        <el-table-column prop="title" label="标题" show-overflow-tooltip align="center">
         </el-table-column>
-        <el-table-column prop="title"
-                         label="栏目"
-                         show-overflow-tooltip
-                         align="center">
+        <el-table-column prop="title" label="栏目" show-overflow-tooltip align="center">
           {{ columnName }}
         </el-table-column>
-        <el-table-column prop="name"
-                         label="排序值"
-                         width="80"
-                         align="center">
+        <el-table-column prop="name" label="排序值" width="80" align="center">
           <template slot-scope="scope">
-            <el-input class="sort-input"
-                      width="120"
-                      min="1"
-                      v-model.number="scope.row.sort"
-                      type="number"></el-input>
+            <el-input class="sort-input" width="120" min="1" v-model.number="scope.row.sort" type="number"></el-input>
             <span>{{ scope.row.sort }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="date"
-                         label="添加日期"
-                         align="center">
+        <el-table-column prop="date" label="添加日期" align="center">
           <template slot-scope="scope">
             {{ transferDate(scope.row.date) }}
           </template>
         </el-table-column>
-        <el-table-column label="操作"
-                         align="center"
-                         width="170">
+        <el-table-column label="操作" align="center" width="170">
           <template slot-scope="scope">
-            <el-button v-auth="'内容管理:编辑'"
-                       type="text"
-                       @click="editArticle(scope)">编辑</el-button>
-            <el-divider v-auth="'内容管理:编辑'"
-                        direction="vertical"></el-divider>
-            <el-button v-auth="'内容管理:删除'"
-                       type="text"
-                       @click="delData(scope.row)">删除</el-button>
+            <el-button v-auth="'内容管理:编辑'" type="text" @click="editArticle(scope)">编辑</el-button>
+            <el-divider v-auth="'内容管理:编辑'" direction="vertical"></el-divider>
+            <el-button v-auth="'内容管理:删除'" type="text" @click="delData(scope.row)">删除</el-button>
           </template>
         </el-table-column>
-        <el-table-column prop="name"
-                         label="文章发布状态"
-                         width="120"
-                         align="center">
+        <el-table-column prop="name" label="文章发布状态" width="120" align="center">
           <template slot-scope="scope">
-            <el-switch v-auth="'内容管理:禁用'"
-                       class="off"
-                       v-model="scope.row.status"
-                       :active-value="0"
-                       :inactive-value="1"
-                       style="margin: 0 5px"
-                       :active-text="scope.row.status ? '关' : '开'"
-                       @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+            <el-switch v-auth="'内容管理:禁用'" class="off" v-model="scope.row.status" :active-value="0" :inactive-value="1"
+              style="margin: 0 5px" :active-text="scope.row.status ? '关' : '开'"
+              @change="switchOff($event, scope.row, scope.$index)"></el-switch>
             <span>{{ scope.row.status ? "禁用" : "启用" }}</span>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       layout="total, prev, pager, next"
-                       :total="totals"
-                       @current-change="handleCurrentChange"
-                       :current-page="pageNo">
+        <el-pagination background layout="total, prev, pager, next" :total="totals"
+          @current-change="handleCurrentChange" :current-page="pageNo">
         </el-pagination>
       </div>
     </div>
@@ -261,20 +207,20 @@ export default {
 
 <style lang="scss" scoped>
 .btn-wrap {
-    text-align: right;
+  text-align: right;
 }
 
 .sort-input {
-    /deep/ .el-input__inner {
-        padding: 0 0 0 10px;
-    }
+  /deep/ .el-input__inner {
+    padding: 0 0 0 10px;
+  }
 }
 
-.sort-input + span {
-    display: none;
+.sort-input+span {
+  display: none;
 }
 
-.off + span {
-    display: none;
+.off+span {
+  display: none;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/market/index.vue b/src/views/market/index.vue
index 74f950c..7645d76 100644
--- a/src/views/market/index.vue
+++ b/src/views/market/index.vue
@@ -3,7 +3,7 @@
     <div style="margin-bottom: 10px;text-align: right;">
       <el-button v-auth="'/shop:营销推广管理:新增'" type="primary" round @click="add">新增</el-button>
     </div>
-    <el-table :data="list" class="table" ref="table" stripe header-align="center" row-key="id">
+    <el-table :data="list" class="table" ref="table" header-align="center" row-key="id">
       <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
       <el-table-column prop="courseName" label="图片" min-width="150" align="center">
         <template slot-scope="scope">
diff --git a/src/views/match/add/set.vue b/src/views/match/add/set.vue
index e036a4f..e4b678f 100644
--- a/src/views/match/add/set.vue
+++ b/src/views/match/add/set.vue
@@ -53,7 +53,7 @@
           已选试卷：{{ form.paperName }}
           <el-button type="primary" size="mini" @click="previewPaper(form)">预览</el-button>
         </p>
-        <el-table :data="projects" class="table" stripe header-align="center">
+        <el-table :data="projects" class="table" header-align="center">
           <el-table-column width="60" label="选择" align="center">
             <template slot-scope="scope">
               <el-radio v-model="form.paperId" :label="scope.row.paperId" @change="paperChange">&nbsp;</el-radio>
@@ -114,7 +114,7 @@
           </div>
         </div>
         <!-- 实训项目表格 -->
-        <el-table :data="projects" class="table" stripe header-align="center">
+        <el-table :data="projects" class="table" header-align="center">
           <el-table-column width="60" label="选择" align="center">
             <template slot-scope="scope">
               <el-radio v-model="form.projectId" :label="scope.row.projectId">&nbsp;</el-radio>
diff --git a/src/views/match/add/step1.vue b/src/views/match/add/step1.vue
index f00044a..425e285 100644
--- a/src/views/match/add/step1.vue
+++ b/src/views/match/add/step1.vue
@@ -151,7 +151,7 @@
             </el-form-item>
             <el-form-item label="比赛内容">
               <el-button style="margin-bottom: 10px;" size="small" type="primary">选择理论试卷</el-button>
-              <el-table :data="list" class="table" ref="table" stripe header-align="center" row-key="id">
+              <el-table :data="list" class="table" ref="table" header-align="center" row-key="id">
                 <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
                 <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
                 <el-table-column prop="name" label="试卷名称" align="center" min-width="100"></el-table-column>
diff --git a/src/views/match/add/template.vue b/src/views/match/add/template.vue
index f6d40d6..b584ebe 100644
--- a/src/views/match/add/template.vue
+++ b/src/views/match/add/template.vue
@@ -41,7 +41,7 @@
         </div>
       </div>
 
-      <el-table :data="papers" class="table" stripe header-align="center" @sort-change="sortChange">
+      <el-table :data="papers" class="table" header-align="center" @sort-change="sortChange">
         <el-table-column width="60" label="选择" align="center">
           <template slot-scope="scope">
             <el-radio v-model="form.paperId" :label="scope.row.paperId">&nbsp;</el-radio>
diff --git a/src/views/match/list/index.vue b/src/views/match/list/index.vue
index eec582f..e150f86 100644
--- a/src/views/match/list/index.vue
+++ b/src/views/match/list/index.vue
@@ -65,7 +65,7 @@
       </div>
     </div>
 
-    <el-table ref="table" :data="matchData" class="table" stripe header-align="center"
+    <el-table ref="table" :data="matchData" class="table" header-align="center"
       @selection-change="handleSelectionChange" row-key="id">
       <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
       <el-table-column type="index" width="60" label="序号" align="center">
@@ -127,7 +127,7 @@
     </div>
 
     <el-dialog title="修改当前阶段结束时间" :visible.sync="modifyVisible" width="900px" :close-on-click-modal="false">
-      <el-table :data="curRow.playingStages" class="table" ref="table" stripe header-align="center">
+      <el-table :data="curRow.playingStages" class="table" ref="table" header-align="center">
         <el-table-column prop="stageName" label="阶段名称" min-width="100" align="center"></el-table-column>
         <el-table-column label="竞赛起止时间" width="300" align="center">
           <template slot-scope="scope">
diff --git a/src/views/match/manage/abnormalTeam.vue b/src/views/match/manage/abnormalTeam.vue
index 0f15e48..d7c7739 100644
--- a/src/views/match/manage/abnormalTeam.vue
+++ b/src/views/match/manage/abnormalTeam.vue
@@ -23,8 +23,8 @@
       </div>
     </div>
 
-    <el-table ref="table" :data="listData" class="table" stripe header-align="center"
-      @selection-change="handleSelectionChange" row-key="id" v-loading="loading" @sort-change="sortChange">
+    <el-table ref="table" :data="listData" class="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id" v-loading="loading" @sort-change="sortChange">
       <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
       <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
diff --git a/src/views/match/manage/matchArch.vue b/src/views/match/manage/matchArch.vue
index 262c61e..8c24b76 100644
--- a/src/views/match/manage/matchArch.vue
+++ b/src/views/match/manage/matchArch.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- 报名人员 -->
   <div class="page-content" style="padding: 24px">
-    <el-table ref="table" :data="list" class="table" stripe header-align="center" row-key="stageId">
+    <el-table ref="table" :data="list" class="table" header-align="center" row-key="stageId">
       <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + 1 }}
diff --git a/src/views/match/manage/matchArchList.vue b/src/views/match/manage/matchArchList.vue
index b2dd692..078702d 100644
--- a/src/views/match/manage/matchArchList.vue
+++ b/src/views/match/manage/matchArchList.vue
@@ -97,7 +97,7 @@
             </template>
           </div>
         </div>
-        <el-table :data="list" class="table" :key="1" ref="table" stripe header-align="center"
+        <el-table :data="list" class="table" :key="1" ref="table" header-align="center"
           @selection-change="handleSelectionChange" row-key="id" @sort-change="sortChange">
           <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
           <el-table-column type="index" width="60" label="序号" align="center">
@@ -191,7 +191,7 @@
         <template v-else>
           <p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ faildData.tip }}</p>
           <p type="primary"
-            style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;"
+            style="margin-bottom: 10px;font-size: 14px;color: #062c87;text-decoration: underline;cursor: pointer;"
             @click="showFaild">部分数据导入失败，查看失败原因</p>
         </template>
       </div>
diff --git a/src/views/match/manage/matchInfo.vue b/src/views/match/manage/matchInfo.vue
index a377892..ef7e46e 100644
--- a/src/views/match/manage/matchInfo.vue
+++ b/src/views/match/manage/matchInfo.vue
@@ -147,7 +147,7 @@
           <p>队长：{{ info.captain.userName }}</p>
           <el-button type="primary" @click="transfer">转让队长</el-button>
         </div>
-        <el-table :data="info.teamDetail" stripe header-align="center">
+        <el-table :data="info.teamDetail" header-align="center">
           <el-table-column prop="userName" label="成员姓名" min-width="100" align="center"></el-table-column>
           <el-table-column prop="realSchool" label="学校" min-width="100" align="center"></el-table-column>
           <el-table-column prop="phone" label="手机号" min-width="100" align="center"></el-table-column>
diff --git a/src/views/match/manage/matchProgress.vue b/src/views/match/manage/matchProgress.vue
index 9a2ea9c..37c7f32 100644
--- a/src/views/match/manage/matchProgress.vue
+++ b/src/views/match/manage/matchProgress.vue
@@ -1,74 +1,43 @@
 <template>
   <!-- 竞赛进展 -->
-  <div class="page-content"
-       style="padding: 24px">
-    <el-table ref="table"
-              :data="listData"
-              class="table"
-              stripe
-              header-align="center"
-              @selection-change="handleSelectionChange"
-              row-key="id">
-      <el-table-column type="index"
-                       width="60"
-                       label="序号"
-                       align="center">
+  <div class="page-content" style="padding: 24px">
+    <el-table ref="table" :data="listData" class="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id">
+      <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + (pageNo - 1) * pageSize + 1 }}
         </template>
       </el-table-column>
-      <el-table-column prop="name"
-                       label="标题">
+      <el-table-column prop="name" label="标题">
         <template slot-scope="scope">
-          <el-input placeholder="请输入标题"
-                    :disabled="!scope.row.operate"
-                    v-model="scope.row.title"></el-input>
+          <el-input placeholder="请输入标题" :disabled="!scope.row.operate" v-model="scope.row.title"></el-input>
         </template>
       </el-table-column>
-      <el-table-column prop="name"
-                       label="详情描述">
+      <el-table-column prop="name" label="详情描述">
         <template slot-scope="scope">
-          <el-input placeholder="请输入详情描述"
-                    :disabled="!scope.row.operate"
-                    type="textarea"
-                    v-model="scope.row.description"></el-input>
+          <el-input placeholder="请输入详情描述" :disabled="!scope.row.operate" type="textarea"
+            v-model="scope.row.description"></el-input>
         </template>
       </el-table-column>
-      <el-table-column prop="name"
-                       label="状态"
-                       width="150">
+      <el-table-column prop="name" label="状态" width="150">
         <template slot-scope="scope">
-          <el-select v-model="scope.row.status"
-                     :disabled="!scope.row.operate"
-                     clearable
-                     placeholder="请选择状态">
-            <el-option v-for="(item,index) in statusList"
-                       :key="index"
-                       :label="item.name"
-                       :value="item.value"></el-option>
+          <el-select v-model="scope.row.status" :disabled="!scope.row.operate" clearable placeholder="请选择状态">
+            <el-option v-for="(item, index) in statusList" :key="index" :label="item.name"
+              :value="item.value"></el-option>
           </el-select>
         </template>
       </el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       width="170">
+      <el-table-column label="操作" align="center" width="170">
         <template slot-scope="scope">
-          <el-button v-if="!scope.row.operate"
-                     type="text"
-                     @click="operateIt(scope.row)"
-                     v-auth="'/match:管理:竞赛进展:编辑'">编辑</el-button>
-          <el-button v-else
-                     type="text"
-                     @click="saveData(scope.row)">保存</el-button>
-          <el-button type="text"
-                     @click="handleDelete(scope.row, scope.$index)"
-                     v-auth="'/match:管理:竞赛进展:删除'">删除</el-button>
+          <el-button v-if="!scope.row.operate" type="text" @click="operateIt(scope.row)"
+            v-auth="'/match:管理:竞赛进展:编辑'">编辑</el-button>
+          <el-button v-else type="text" @click="saveData(scope.row)">保存</el-button>
+          <el-button type="text" @click="handleDelete(scope.row, scope.$index)"
+            v-auth="'/match:管理:竞赛进展:删除'">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <div class="plus"
-         @click="addData"
-         v-auth="'/match:管理:竞赛进展:新增'">
+    <div class="plus" @click="addData" v-auth="'/match:管理:竞赛进展:新增'">
       <i class="el-icon-circle-plus-outline"></i>
     </div>
   </div>
@@ -260,18 +229,18 @@ export default {
 
 <style scoped lang="scss">
 .box {
-    height: calc(100vh - 100px);
-    overflow: auto;
+  height: calc(100vh - 100px);
+  overflow: auto;
 }
 
 .plus {
-    padding: 15px 0 0;
-    text-align: center;
-    cursor: pointer;
+  padding: 15px 0 0;
+  text-align: center;
+  cursor: pointer;
 
-    i {
-        font-size: 24px;
-        color: #cb221c;
-    }
+  i {
+    font-size: 24px;
+    color: #cb221c;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/match/manage/matchRank.vue b/src/views/match/manage/matchRank.vue
index 121f81c..42453ae 100644
--- a/src/views/match/manage/matchRank.vue
+++ b/src/views/match/manage/matchRank.vue
@@ -60,8 +60,8 @@
         </ul>
       </div>
 
-      <el-table :data="list" class="table" ref="table" stripe row-key="scoreId"
-        @selection-change="handleSelectionChange" header-align="center">
+      <el-table :data="list" class="table" ref="table" row-key="scoreId" @selection-change="handleSelectionChange"
+        header-align="center">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
         <el-table-column type="index" width="60" label="排名" align="center">
           <template slot-scope="scope">
@@ -176,7 +176,7 @@
         <template v-else>
           <p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ faildData.tip }}</p>
           <p type="primary"
-            style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;"
+            style="margin-bottom: 10px;font-size: 14px;color: #062c87;text-decoration: underline;cursor: pointer;"
             @click="showFaild">部分数据导入失败，查看失败原因</p>
         </template>
       </div>
diff --git a/src/views/match/manage/matchSignup.vue b/src/views/match/manage/matchSignup.vue
index cca277a..c7450c1 100644
--- a/src/views/match/manage/matchSignup.vue
+++ b/src/views/match/manage/matchSignup.vue
@@ -41,8 +41,8 @@
       </div>
     </div>
 
-    <el-table ref="table" :data="listData" class="table" stripe header-align="center"
-      @selection-change="handleSelectionChange" row-key="id" v-loading="loading" @sort-change="sortChange">
+    <el-table ref="table" :data="listData" class="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id" v-loading="loading" @sort-change="sortChange">
       <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
       <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
@@ -187,7 +187,7 @@
         <template v-else>
           <p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ uploadTips }}</p>
           <p type="primary"
-            style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;"
+            style="margin-bottom: 10px;font-size: 14px;color: #062c87;text-decoration: underline;cursor: pointer;"
             @click="showFaild">部分数据导入失败，查看失败原因</p>
         </template>
       </div>
diff --git a/src/views/match/manage/notice.vue b/src/views/match/manage/notice.vue
index cd09a52..0db69d0 100644
--- a/src/views/match/manage/notice.vue
+++ b/src/views/match/manage/notice.vue
@@ -1,71 +1,41 @@
 <template>
   <!-- 报名人员 -->
-  <div class="page-content"
-       style="padding: 24px">
-    <div class="tool"
-         style="justify-content: flex-end">
-      <el-button type="primary"
-                 round
-                 @click="add"
-                 v-auth="'/match:管理:公告通知:新增'">新增</el-button>
+  <div class="page-content" style="padding: 24px">
+    <div class="tool" style="justify-content: flex-end">
+      <el-button type="primary" round @click="add" v-auth="'/match:管理:公告通知:新增'">新增</el-button>
     </div>
 
-    <el-table ref="table"
-              :data="listData"
-              class="table"
-              stripe
-              header-align="center"
-              @selection-change="handleSelectionChange"
-              row-key="id">
-      <el-table-column type="index"
-                       width="60"
-                       label="序号"
-                       align="center">
+    <el-table ref="table" :data="listData" class="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id">
+      <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + (pageNo - 1) * pageSize + 1 }}
         </template>
       </el-table-column>
-      <el-table-column prop="announcementTitle"
-                       label="标题名称">
+      <el-table-column prop="announcementTitle" label="标题名称">
       </el-table-column>
-      <el-table-column prop="createTime"
-                       label="创建时间">
+      <el-table-column prop="createTime" label="创建时间">
       </el-table-column>
-      <el-table-column prop="updateTime"
-                       label="发布时间">
+      <el-table-column prop="updateTime" label="发布时间">
       </el-table-column>
-      <el-table-column prop="phone"
-                       label="状态">
+      <el-table-column prop="phone" label="状态">
         <template slot-scope="scope">
           {{ scope.row.status ? '已发布' : '草稿' }}
         </template>
       </el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       width="250">
+      <el-table-column label="操作" align="center" width="250">
         <template slot-scope="scope">
-          <el-button type="text"
-                     @click="edit(scope.row)"
-                     v-auth="'/match:管理:公告通知:编辑'">编辑</el-button>
-          <el-button type="text"
-                     @click="del(scope.row)"
-                     v-auth="'/match:管理:公告通知:删除'">删除</el-button>
-          <el-switch v-auth="'/match:管理:公告通知:启用'"
-                     v-model="scope.row.isOpen"
-                     :active-text="scope.row.isOpen ? '关' : '开'"
-                     :active-value="0"
-                     :inactive-value="1"
-                     style="margin: 0 10px 0 5px"
-                     @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+          <el-button type="text" @click="edit(scope.row)" v-auth="'/match:管理:公告通知:编辑'">编辑</el-button>
+          <el-button type="text" @click="del(scope.row)" v-auth="'/match:管理:公告通知:删除'">删除</el-button>
+          <el-switch v-auth="'/match:管理:公告通知:启用'" v-model="scope.row.isOpen" :active-text="scope.row.isOpen ? '关' : '开'"
+            :active-value="0" :inactive-value="1" style="margin: 0 10px 0 5px"
+            @change="switchOff($event, scope.row, scope.$index)"></el-switch>
         </template>
       </el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background
-                     layout="total, prev, pager, next"
-                     :total="totals"
-                     @current-change="handleCurrentChange"
-                     :current-page="pageNo">
+      <el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange"
+        :current-page="pageNo">
       </el-pagination>
     </div>
   </div>
@@ -162,5 +132,4 @@ export default {
 };
 </script>
 
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/match/manage/otherArchList.vue b/src/views/match/manage/otherArchList.vue
index 3f24cd8..6cc21ee 100644
--- a/src/views/match/manage/otherArchList.vue
+++ b/src/views/match/manage/otherArchList.vue
@@ -74,7 +74,7 @@
           </div>
         </div>
         <template v-if="!active">
-          <el-table :data="list" class="table" :key="1" ref="table" stripe header-align="center"
+          <el-table :data="list" class="table" :key="1" ref="table" header-align="center"
             @selection-change="handleSelectionChange" row-key="id">
             <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
             <el-table-column type="index" width="60" label="序号" align="center">
@@ -125,7 +125,7 @@
           </div>
         </template>
         <template v-else>
-          <el-table :data="list1" class="table" :key="2" stripe header-align="center"
+          <el-table :data="list1" class="table" :key="2" header-align="center"
             @selection-change="handleSelectionChange1" row-key="id">
             <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
             <el-table-column type="index" width="60" label="序号" align="center">
@@ -185,7 +185,7 @@
         <template v-else>
           <p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ faildData.tip }}</p>
           <p type="primary"
-            style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;"
+            style="margin-bottom: 10px;font-size: 14px;color: #062c87;text-decoration: underline;cursor: pointer;"
             @click="showFaild">部分数据导入失败，查看失败原因</p>
         </template>
       </div>
diff --git a/src/views/match/manage/theoryReport.vue b/src/views/match/manage/theoryReport.vue
index f04af58..8f26cd2 100644
--- a/src/views/match/manage/theoryReport.vue
+++ b/src/views/match/manage/theoryReport.vue
@@ -88,7 +88,7 @@
               <img src="@/assets/img/report4.png" alt="">
               得分情况
             </h6>
-            <el-table :data="outlines" class="table" border stripe header-align="center">
+            <el-table :data="outlines" class="table" border header-align="center">
               <el-table-column prop="outlineName" label="大题名称" align="center"></el-table-column>
               <el-table-column prop="questionNum" label="小题总数" align="center"></el-table-column>
               <el-table-column prop="targetScore" label="总分" align="center">
@@ -915,7 +915,7 @@ samp {
       margin-right: 10px;
       font-size: 12px;
       line-height: 1;
-      color: #9076FF;
+      color: #062c87;
       white-space: nowrap;
       border: 1px solid;
       border-radius: 2px;
diff --git a/src/views/match/manage/trialReport.vue b/src/views/match/manage/trialReport.vue
index fc7a189..eeee0c2 100644
--- a/src/views/match/manage/trialReport.vue
+++ b/src/views/match/manage/trialReport.vue
@@ -74,7 +74,7 @@
             <img src="@/assets/img/report4.png" alt="">
             实验数据
           </h6>
-          <el-table :data="expData" class="table" border stripe header-align="center">
+          <el-table :data="expData" class="table" border header-align="center">
             <el-table-column type="index" label="序号" align="center" width="60">
               <template slot-scope="scope">
                 {{ scope.$index + 1 }}
diff --git a/src/views/order/AddOrder.vue b/src/views/order/AddOrder.vue
index 4324d63..588cb47 100644
--- a/src/views/order/AddOrder.vue
+++ b/src/views/order/AddOrder.vue
@@ -123,7 +123,7 @@
                 </div>
               </div>
 
-              <el-table :data="coursePermissions" class="orderTable" stripe header-align="center">
+              <el-table :data="coursePermissions" class="orderTable" header-align="center">
                 <el-table-column type="index" width="60" label="序号" align="center">
                 </el-table-column>
                 <el-table-column prop="productName" label="产品名称" align="center" min-width="150" show-overflow-tooltip>
@@ -272,7 +272,7 @@
                 </div>
               </div>
 
-              <el-table :data="theoryCourseList" class="orderTable" stripe header-align="center">
+              <el-table :data="theoryCourseList" class="orderTable" header-align="center">
                 <el-table-column type="index" width="60" label="序号" align="center">
                 </el-table-column>
                 <el-table-column prop="productName" label="产品名称" align="center" min-width="150" show-overflow-tooltip>
@@ -422,7 +422,7 @@
               </div>
 
               <!--:summary-method="getSummaries"-->
-              <el-table :data="dataPlatformPermissions" class="orderTable orderTables" stripe header-align="center">
+              <el-table :data="dataPlatformPermissions" class="orderTable orderTables" header-align="center">
                 <el-table-column type="index" width="60" label="序号" align="center">
                 </el-table-column>
                 <el-table-column prop="productName" label="产品名称" align="center" min-width="100">
@@ -593,7 +593,7 @@
               </div>
 
               <!--:summary-method="getSummaries"-->
-              <el-table :data="valuePermissions" class="orderTable orderTables" stripe header-align="center">
+              <el-table :data="valuePermissions" class="orderTable orderTables" header-align="center">
                 <el-table-column type="index" width="60" label="序号" align="center">
                 </el-table-column>
                 <el-table-column prop="productName" label="产品名称" align="center" min-width="100">
@@ -732,7 +732,7 @@
                 </div>
               </div>
 
-              <el-table :data="practicalCourses" class="orderTable orderTables" stripe header-align="center">
+              <el-table :data="practicalCourses" class="orderTable orderTables" header-align="center">
                 <el-table-column type="index" width="60" label="序号" align="center">
                 </el-table-column>
                 <el-table-column prop="productName" label="产品名称" align="center" min-width="150" show-overflow-tooltip>
@@ -879,7 +879,7 @@
               </div>
 
               <!--:summary-method="getSummaries"-->
-              <el-table :data="expTools" class="orderTable orderTables" stripe header-align="center">
+              <el-table :data="expTools" class="orderTable orderTables" header-align="center">
                 <el-table-column type="index" width="60" label="序号" align="center">
                 </el-table-column>
                 <el-table-column prop="productName" label="产品名称" align="center" min-width="150" show-overflow-tooltip>
@@ -1067,7 +1067,7 @@
               clearable></el-input>
           </div>
         </div>
-        <el-table v-loading="dataLoading" :data="practicalCourseList" stripe header-align="center"
+        <el-table v-loading="dataLoading" :data="practicalCourseList" header-align="center"
           @selection-change="practicalCoursesSelection" row-key="mallId">
           <el-table-column type="selection" :selectable="practicalCoursesSelectable" width="55"
             align="center"></el-table-column>
@@ -1096,7 +1096,7 @@
           <p class="hr_tag"></p>
           <span>地址列表</span>
         </div>
-        <el-table :data="IPData" stripe header-align="center">
+        <el-table :data="IPData" header-align="center">
           <el-table-column type="index" width="100" label="序号" align="center">
           </el-table-column>
           <el-table-column prop="age" label="服务器名称" align="center">
diff --git a/src/views/order/Order.vue b/src/views/order/Order.vue
index 0e7d08b..a1f36c9 100644
--- a/src/views/order/Order.vue
+++ b/src/views/order/Order.vue
@@ -64,7 +64,7 @@
           <el-button type="primary" round @click="delAllSelection" v-auth>批量删除</el-button>
         </div>
       </div>
-      <el-table :data="orderData" class="table" ref="table" stripe header-align="center"
+      <el-table :data="orderData" class="table" ref="table" header-align="center"
         @selection-change="handleSelectionChange" row-key="orderId">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
         <el-table-column type="index" width="100" label="序号" align="center">
diff --git a/src/views/order/selectClient.vue b/src/views/order/selectClient.vue
index f64f70e..be7bf85 100644
--- a/src/views/order/selectClient.vue
+++ b/src/views/order/selectClient.vue
@@ -1,307 +1,306 @@
 <template>
-    <div>
-        <el-row :gutter="20">
-            <el-col :span="24">
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-between">
-                        <div class="per_title" v-preventReClick @click="goback('back')">
-                            <i class="el-icon-arrow-left"></i>
-                            <span class="per_back">返回</span>
-                            <span class="per_school">选择客户</span>
-                        </div>
-                        <el-button type="primary" round class="mag" v-preventReClick @click="goback()">确定
-                        </el-button>
-                    </div>
-                </el-card>
-            </el-col>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card shadow="hover" class="mgb20">
+          <div class="flex-between">
+            <div class="per_title" v-preventReClick @click="goback('back')">
+              <i class="el-icon-arrow-left"></i>
+              <span class="per_back">返回</span>
+              <span class="per_school">选择客户</span>
+            </div>
+            <el-button type="primary" round class="mag" v-preventReClick @click="goback()">确定
+            </el-button>
+          </div>
+        </el-card>
+      </el-col>
 
-            <el-col :span="24">
-                <el-card shadow="hover" class="mgb20">
-                    <div>
-                        <div class="flex-center mgb20">
-                            <p class="hr_tag"></p>
-                            <span>筛选</span>
-                        </div>
-                        <div>
-                            <el-form label-width="80px">
-                                <el-col :span="6">
-                                    <el-form-item label="国家">
-                                        <el-select v-model="form.countries" placeholder="请选择国家">
-                                            <el-option v-for="(item,index) in countryList" :key="index"
-                                                       :label="item.name" :value="item.name"></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-form-item label="省份">
-                                        <el-select v-model="form.provinces" clearable placeholder="请选择省份"
-                                                   @change="getCity" @clear="clearprovince">
-                                            <el-option v-for="(item,index) in provinceList" :key="index"
-                                                       :label="item.provinceName" :value="item.provinceId"></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-form-item label="城市">
-                                        <el-select v-model="form.city" clearable placeholder="请选择城市"
-                                                   :disabled="form.provinces ? false : true" @change="initData">
-                                            <el-option v-for="(item,index) in cityList" :key="index"
-                                                       :label="item.cityName" :value="item.cityId"></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-form-item>
-                                        <el-input placeholder="请输入客户名称/联系人姓名/账号" @clear="clearSearch"
-                                                  @input="getData" prefix-icon="el-icon-search"
-                                                  v-model="form.keyword" clearable></el-input>
-                                    </el-form-item>
-                                </el-col>
-                            </el-form>
-                        </div>
-                    </div>
-                </el-card>
-            </el-col>
+      <el-col :span="24">
+        <el-card shadow="hover" class="mgb20">
+          <div>
+            <div class="flex-center mgb20">
+              <p class="hr_tag"></p>
+              <span>筛选</span>
+            </div>
+            <div>
+              <el-form label-width="80px">
+                <el-col :span="6">
+                  <el-form-item label="国家">
+                    <el-select v-model="form.countries" placeholder="请选择国家">
+                      <el-option v-for="(item, index) in countryList" :key="index" :label="item.name"
+                        :value="item.name"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                  <el-form-item label="省份">
+                    <el-select v-model="form.provinces" clearable placeholder="请选择省份" @change="getCity"
+                      @clear="clearprovince">
+                      <el-option v-for="(item, index) in provinceList" :key="index" :label="item.provinceName"
+                        :value="item.provinceId"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                  <el-form-item label="城市">
+                    <el-select v-model="form.city" clearable placeholder="请选择城市"
+                      :disabled="form.provinces ? false : true" @change="initData">
+                      <el-option v-for="(item, index) in cityList" :key="index" :label="item.cityName"
+                        :value="item.cityId"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                  <el-form-item>
+                    <el-input placeholder="请输入客户名称/联系人姓名/账号" @clear="clearSearch" @input="getData"
+                      prefix-icon="el-icon-search" v-model="form.keyword" clearable></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-form>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
 
-            <el-col :span="24">
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-between mgb20">
-                        <div class="flex-center">
-                            <p class="hr_tag"></p>
-                            <span>客户列表</span>
-                        </div>
-                        <div>
-                        </div>
-                    </div>
-                    <el-table :data="listData" class="table" stripe header-align="center" row-key="customerId">
-                        <!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> -->
-                        <el-table-column type="index" width="100" label="序号" align="center">
-                            <template slot-scope="scope">
-                                {{ scope.$index + (page - 1) * pageSize + 1 }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="customerName" label="客户名称" align="center">
-                        </el-table-column>
-                        <el-table-column label="行业" align="center">
-                            <template slot-scope="scope">
-                                <span class="ellipsis">{{ scope.row.industryName }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="countries" label="国家" align="center">
-                        </el-table-column>
-                        <el-table-column prop="provinceName" label="省份" align="center">
-                        </el-table-column>
-                        <el-table-column prop="cityName" label="城市" align="center">
-                        </el-table-column>
-                        <el-table-column prop="name" label="联系人" align="center">
-                        </el-table-column>
-                        <el-table-column prop="account" label="账号" align="center">
-                        </el-table-column>
-                        <el-table-column label="操作" width="270" align="center">
-                            <template slot-scope="scope">
-                                <el-checkbox @change="checkboxChenge(scope.row)"
-                                             v-model="scope.row.checked"></el-checkbox>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <div class="pagination">
-                        <el-pagination background layout="total, prev, pager, next" :total="total"
-                                       @current-change="handleCurrentChange" :current-page="page">
-                        </el-pagination>
-                    </div>
-                </el-card>
-            </el-col>
+      <el-col :span="24">
+        <el-card shadow="hover" class="mgb20">
+          <div class="flex-between mgb20">
+            <div class="flex-center">
+              <p class="hr_tag"></p>
+              <span>客户列表</span>
+            </div>
+            <div>
+            </div>
+          </div>
+          <el-table :data="listData" class="table" header-align="center" row-key="customerId">
+            <!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> -->
+            <el-table-column type="index" width="100" label="序号" align="center">
+              <template slot-scope="scope">
+                {{ scope.$index + (page - 1) * pageSize + 1 }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="customerName" label="客户名称" align="center">
+            </el-table-column>
+            <el-table-column label="行业" align="center">
+              <template slot-scope="scope">
+                <span class="ellipsis">{{ scope.row.industryName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="countries" label="国家" align="center">
+            </el-table-column>
+            <el-table-column prop="provinceName" label="省份" align="center">
+            </el-table-column>
+            <el-table-column prop="cityName" label="城市" align="center">
+            </el-table-column>
+            <el-table-column prop="name" label="联系人" align="center">
+            </el-table-column>
+            <el-table-column prop="account" label="账号" align="center">
+            </el-table-column>
+            <el-table-column label="操作" width="270" align="center">
+              <template slot-scope="scope">
+                <el-checkbox @change="checkboxChenge(scope.row)" v-model="scope.row.checked"></el-checkbox>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="pagination">
+            <el-pagination background layout="total, prev, pager, next" :total="total"
+              @current-change="handleCurrentChange" :current-page="page">
+            </el-pagination>
+          </div>
+        </el-card>
+      </el-col>
 
-        </el-row>
-    </div>
+    </el-row>
+  </div>
 </template>
 <script>
 export default {
-    props: {
-        refresh: {
-            type: Boolean,
-            default: false
-        }
-    },
-    data() {
-        return {
-            page: 1,
-            pageSize: 10,
-            total: 1,
-            countryList: [{
-                name: "中国"
-            }],
-            listData: [],
-            form: {
-                countries: "中国",
-                provinces: "",
-                city: "",
-                keyword: ""
-            },
-            provinceList: [],
-            cityList: [],
-            checkedID: "",// 选中客户ID
-            checkedName: "",// 客户名称
-            data:{},
-        };
-    },
-    created() {
+  props: {
+    refresh: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      page: 1,
+      pageSize: 10,
+      total: 1,
+      countryList: [{
+        name: "中国"
+      }],
+      listData: [],
+      form: {
+        countries: "中国",
+        provinces: "",
+        city: "",
+        keyword: ""
+      },
+      provinceList: [],
+      cityList: [],
+      checkedID: "",// 选中客户ID
+      checkedName: "",// 客户名称
+      data: {},
+    };
+  },
+  created () {
+    this.getData();
+    this.getProvince();
+  },
+  watch: {
+    refresh: function (val, val2) {
+      if (val) {
         this.getData();
         this.getProvince();
-    },
-    watch: {
-        refresh: function(val, val2) {
-            if (val) {
-                this.getData();
-                this.getProvince();
 
+      }
+    }
+  },
+  methods: {
+    // 取得列表
+    getData () {
+      // const sid = this.$store.state.dataPer.find(e => e.permissionName === '客户管理')
+      this.$post(this.api.queryCustomer, {
+        countries: this.form.countries,
+        provinceId: this.form.provinces,
+        cityId: this.form.city,
+        searchContent: this.form.keyword,
+        page: this.page,
+        size: this.pageSize,
+        // supplierId: sid ? sid.supplierId : ''
+      }).then(res => {
+        res.message.list.map(e => {
+          e.checked = false;
+          if (this.checkedID) {
+            if (e.customerId === this.checkedID) {
+              e.checked = true;
             }
-        }
+          }
+        });
+        this.listData = res.message.list;
+        this.total = res.message.totalCount;
+      }).catch(res => {
+      });
+    },
+    // 省份
+    getProvince () {
+      this.$get(this.api.queryProvince).then(res => {
+        this.provinceList = res.list;
+        this.$store.commit("provinceData", { provinceList: this.provinceList });
+      }).catch(res => {
+      });
+    },
+    clearprovince () {
+      this.form.city = "";
     },
-    methods: {
-        // 取得列表
-        getData() {
-            // const sid = this.$store.state.dataPer.find(e => e.permissionName === '客户管理')
-            this.$post(this.api.queryCustomer, {
-                countries: this.form.countries,
-                provinceId: this.form.provinces,
-                cityId: this.form.city,
-                searchContent: this.form.keyword,
-                page: this.page,
-                size: this.pageSize,
-                // supplierId: sid ? sid.supplierId : ''
-            }).then(res => {
-                res.message.list.map(e => {
-                    e.checked = false;
-                    if (this.checkedID) {
-                        if (e.customerId === this.checkedID) {
-                            e.checked = true;
-                        }
-                    }
-                });
-                this.listData = res.message.list;
-                this.total = res.message.totalCount;
-            }).catch(res => {
-            });
-        },
-        // 省份
-        getProvince() {
-            this.$get(this.api.queryProvince).then(res => {
-                this.provinceList = res.list;
-                this.$store.commit("provinceData", { provinceList: this.provinceList });
-            }).catch(res => {
-            });
-        },
-        clearprovince() {
-            this.form.city = "";
-        },
-        getCity() {
-            this.clearprovince();
-            this.getCityData();
-            this.page = 1;
-            this.initData();
-        },
-        getCityData() {
-            let data = {
-                provinceId: this.form.provinces
-            };
-            this.$get(this.api.queryCity, data).then(res => {
-                this.cityList = res.list;
-            }).catch(res => {
-            });
-        },
-        async goback(val) {
-            if (val) {
-                this.$emit("back", { show: true });
-            } else {
-                if (!this.checkedName) {
-                    return this.$message("请选择客户后再确定！");
-                }
-                let param = {
-                    show: true,
-                    id: this.checkedID,
-                    name: this.checkedName
-                };
-                await this.$get(this.api.queryCustomerDetails, { customerId: this.checkedID }).then(res => {
-                    console.log(res, "当前的res");
-                    this.data = res.result.customer;
-                    param.email = this.data.email;
-                    param.phone = this.data.phone;
-                    param.name = this.data.customerName;
+    getCity () {
+      this.clearprovince();
+      this.getCityData();
+      this.page = 1;
+      this.initData();
+    },
+    getCityData () {
+      let data = {
+        provinceId: this.form.provinces
+      };
+      this.$get(this.api.queryCity, data).then(res => {
+        this.cityList = res.list;
+      }).catch(res => {
+      });
+    },
+    async goback (val) {
+      if (val) {
+        this.$emit("back", { show: true });
+      } else {
+        if (!this.checkedName) {
+          return this.$message("请选择客户后再确定！");
+        }
+        let param = {
+          show: true,
+          id: this.checkedID,
+          name: this.checkedName
+        };
+        await this.$get(this.api.queryCustomerDetails, { customerId: this.checkedID }).then(res => {
+          console.log(res, "当前的res");
+          this.data = res.result.customer;
+          param.email = this.data.email;
+          param.phone = this.data.phone;
+          param.name = this.data.customerName;
 
-                });
-                this.$emit("back", this.data);
-            }
-        },
-        initData() {
-            this.page = 1;
-            this.getData();
-        },
-        handleCurrentChange(val) {
-            this.page = val;
-            this.getData();
-        },
-        // checkbox交互
-        checkboxChenge(row) {
-            this.listData.map(e => {
-                e.checked = false;
-            });
-            row.checked = true;
-            this.checkedName = row.customerName;
-            this.checkedID = row.customerId;
+        });
+        this.$emit("back", this.data);
+      }
+    },
+    initData () {
+      this.page = 1;
+      this.getData();
+    },
+    handleCurrentChange (val) {
+      this.page = val;
+      this.getData();
+    },
+    // checkbox交互
+    checkboxChenge (row) {
+      this.listData.map(e => {
+        e.checked = false;
+      });
+      row.checked = true;
+      this.checkedName = row.customerName;
+      this.checkedID = row.customerId;
 
-        },
-        clearSearch() {
+    },
+    clearSearch () {
 
-            this.getData();
-        }
+      this.getData();
     }
+  }
 
 };
 </script>
 <style lang="scss" scoped>
 .mag {
-    margin-right: 20px;
+  margin-right: 20px;
 }
 
 /deep/ .el-checkbox__inner {
-    border-radius: 50%;
-    width: 19px;
-    height: 19px;
+  border-radius: 50%;
+  width: 19px;
+  height: 19px;
 }
 
-/deep/ .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background: #FFF;
+/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background: #FFF;
 
 }
 
 /deep/ .el-checkbox__inner::after {
-    transform: none;
-    transition: all .3s ease-in;
-    width: 0;
-    height: 0;
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-46%, -48%);
-    border-radius: 50%;
+  transform: none;
+  transition: all .3s ease-in;
+  width: 0;
+  height: 0;
+  position: relative;
+  top: 50%;
+  left: 50%;
+  transform: translate(-46%, -48%);
+  border-radius: 50%;
 }
 
 /deep/ .el-checkbox__input.is-checked .el-checkbox__inner::after {
-    width: 13px;
-    height: 13px;
-    background: #9278FF;
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-46%, -48%);
-    display: block;
-    border-radius: 50%;
-    transition: all .3s ease-in;
-    border: 0;
+  width: 13px;
+  height: 13px;
+  background: #9278FF;
+  position: relative;
+  top: 50%;
+  left: 50%;
+  transform: translate(-46%, -48%);
+  display: block;
+  border-radius: 50%;
+  transition: all .3s ease-in;
+  border: 0;
 }
 
 /deep/ .el-checkbox__input {
-    line-height: 0;
+  line-height: 0;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/parner/mobileRole.vue b/src/views/parner/mobileRole.vue
index 3c2d874..9b2df3f 100644
--- a/src/views/parner/mobileRole.vue
+++ b/src/views/parner/mobileRole.vue
@@ -1,273 +1,271 @@
 <template>
-    <div class="page">
-        <h6 class="p-title">筛选</h6>
-        <div class="tool">
-            <ul class="filter">
-                <li>
-                    <el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
-                </li>
-            </ul>
-            <div>
-                <el-button type="primary" round @click="addRole" v-auth="'/parner:小程序角色权限:新增角色'">新增角色</el-button>
-                <el-button type="primary" round @click="delAllSelection" v-auth="'/parner:小程序角色权限:批量删除'">批量删除</el-button>
-            </div>
-        </div>
-
-        <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys">
-            <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column>
-            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-            <el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column>
-            <el-table-column label="角色描述" min-width="400" align="center">
-                <template slot-scope="scope">
-                    <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" width="200">
-                <template slot-scope="scope">
-                    <el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:小程序角色权限:查看'">查看</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" v-auth="'/parner:小程序角色权限:编辑'">编辑</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)" v-auth="'/parner:小程序角色权限:删除'">删除</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination>
-        </div>
+  <div class="page">
+    <h6 class="p-title">筛选</h6>
+    <div class="tool">
+      <ul class="filter">
+        <li>
+          <el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
+        </li>
+      </ul>
+      <div>
+        <el-button type="primary" round @click="addRole" v-auth="'/parner:小程序角色权限:新增角色'">新增角色</el-button>
+        <el-button type="primary" round @click="delAllSelection" v-auth="'/parner:小程序角色权限:批量删除'">批量删除</el-button>
+      </div>
+    </div>
 
-        <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false">
-            <el-form ref="form" label-width="80px" :disabled="isDetail">
-                <el-form-item label="角色名称">
-                    <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
-                </el-form-item>
-                <el-form-item label="角色描述">
-                    <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
-                </el-form-item>
-                <el-form-item prop="role" label="角色权限">
-                    <div style="max-height: 300px; overflow: auto">
-                        <el-tree
-                            ref="per"
-                            :data="permissions"
-                            show-checkbox
-                            default-expand-all
-                            node-key="id"
-                            :default-expanded-keys="checkedIds"
-                            :default-checked-keys="checkedIds"
-                            :props="defaultProps">
-                        </el-tree>
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer" v-if="!isDetail">
-                <el-button @click="roleVisible = false">取 消</el-button>
-                <el-button type="primary" @click="saveData">确 定</el-button>
-            </span>
-        </el-dialog>
+    <el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      :row-key="getRowKeys">
+      <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable"
+        :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+      <el-table-column prop="roleName" label="角色名称" align="center" min-width="250"
+        show-overflow-tooltip></el-table-column>
+      <el-table-column label="角色描述" min-width="400" align="center">
+        <template slot-scope="scope">
+          <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:小程序角色权限:查看'">查看</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)"
+            v-auth="'/parner:小程序角色权限:编辑'">编辑</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text"
+            @click="handleDelete(scope.row)" v-auth="'/parner:小程序角色权限:删除'">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+        :total="total"></el-pagination>
     </div>
+
+    <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%"
+      @close="closeRole" class="dialog" :close-on-click-modal="false">
+      <el-form ref="form" label-width="80px" :disabled="isDetail">
+        <el-form-item label="角色名称">
+          <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
+        </el-form-item>
+        <el-form-item label="角色描述">
+          <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
+        </el-form-item>
+        <el-form-item prop="role" label="角色权限">
+          <div style="max-height: 300px; overflow: auto">
+            <el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id"
+              :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps">
+            </el-tree>
+          </div>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer" v-if="!isDetail">
+        <el-button @click="roleVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveData">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import Setting from "@/setting";
 export default {
-    data() {
-        return {
-            platformId: 4,
-            keyword: "",
-            searchTimer: null,
-            isDetail: false,
-            form: {
-                id: "",
-                roleName: "",
-                remark: ""
-            },
-            listData: [],
-            defaultProps: {
-                children: "children",
-                label: "name"
-            },
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            multipleSelection: [],
-            isAdd: true,
-            roleVisible: false,
-            permissions: [],
-            checkedIds: [],
-            roleNameReapeat: false // 角色名称是否重复
-        };
+  data () {
+    return {
+      platformId: 4,
+      keyword: "",
+      searchTimer: null,
+      isDetail: false,
+      form: {
+        id: "",
+        roleName: "",
+        remark: ""
+      },
+      listData: [],
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      multipleSelection: [],
+      isAdd: true,
+      roleVisible: false,
+      permissions: [],
+      checkedIds: [],
+      roleNameReapeat: false // 角色名称是否重复
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.getData();
+      }, 500);
+    }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      // platformId 合伙人为4，具体看setting.js；port: pc端为0、小程序端为1
+      this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=1`).then(res => {
+        this.listData = res.rolePage.records;
+        this.total = res.rolePage.total;
+      }).catch(res => { });
+    },
+    currentChange (val) {
+      this.page = val;
+      this.getData();
     },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer);
-            this.searchTimer = setTimeout(() => {
-                this.getData();
-            }, 500);
-        }
+    handleDelete (row) {
+      this.$confirm("确定要删除吗？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
+          this.$message.success("删除成功");
+          this.getData();
+        }).catch(res => { });
+      }).catch(() => { });
     },
-    mounted() {
-        this.getData()
+    getRowKeys (row) {
+      return row.id;
     },
-    methods: {
-        getData() {
-            // platformId 合伙人为4，具体看setting.js；port: pc端为0、小程序端为1
-            this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=1`).then(res => {
-                this.listData = res.rolePage.records;
-                this.total = res.rolePage.total;
-            }).catch(res => {});
-        },
-        currentChange(val) {
-            this.page = val;
+    handleSelectionChange (val) {
+      this.multipleSelection = val;
+    },
+    delAllSelection () {
+      if (this.multipleSelection.length) {
+        this.$confirm("确定要删除吗？", "提示", {
+          type: "warning"
+        }).then(() => {
+          let ids = this.multipleSelection.map(item => {
+            return item.id;
+          });
+          this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
+            this.$refs.table.clearSelection();
+            this.$message.success("删除成功");
             this.getData();
-        },
-        handleDelete(row) {
-            this.$confirm("确定要删除吗？", "提示", {
-                type: "warning"
-            }).then(() => {
-                this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
-                    this.$message.success("删除成功");
-                    this.getData();
-                }).catch(res => {});
-            }).catch(() => {});
-        },
-        getRowKeys(row) {
-            return row.id;
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val;
-        },
-        delAllSelection() {
-            if (this.multipleSelection.length) {
-                this.$confirm("确定要删除吗？", "提示", {
-                    type: "warning"
-                }).then(() => {
-                    let ids = this.multipleSelection.map(item => {
-                        return item.id;
-                    });
-                    this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
-                        this.$refs.table.clearSelection();
-                        this.$message.success("删除成功");
-                        this.getData();
-                    }).catch(res => {});
-                    if(this.multipleSelection.length === this.listData.length && this.page>1) {
-                        this.handleCurrentChange(this.page - 1)
-                    }
-                }).catch(() => {});
-            } else {
-                this.$message.error("请先选择数据！");
-            }
-        },
-        practiceSelectable(row, index){
-            let boolean = true;
-            if(row.roleName == '超级管理员'){
-                boolean = false
-            }else{
-                boolean = true
-            }
-            return boolean;
-        },
-        closeRole() {
-            this.isDetail = false;
-            this.form = {
-                id: "",
-                roleName: "",
-                remark: ""
-            };
-            this.checkedIds = [];
-            this.permissions = [];
-        },
-        // 获取权限菜单
-        getPer(row) {
-            if (!this.permissions.length) {
-                this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}&port=1`).then(res => {
-                    let data = res.children;
-                    // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
-                    let yw = data.findIndex(n => n.name == "业务后台");
-                    yw != -1 && data.splice(yw, 1);
-                    try {
-                        let system = data.findIndex(n => n.name == "系统设置");
+          }).catch(res => { });
+          if (this.multipleSelection.length === this.listData.length && this.page > 1) {
+            this.handleCurrentChange(this.page - 1)
+          }
+        }).catch(() => { });
+      } else {
+        this.$message.error("请先选择数据！");
+      }
+    },
+    practiceSelectable (row, index) {
+      let boolean = true;
+      if (row.roleName == '超级管理员') {
+        boolean = false
+      } else {
+        boolean = true
+      }
+      return boolean;
+    },
+    closeRole () {
+      this.isDetail = false;
+      this.form = {
+        id: "",
+        roleName: "",
+        remark: ""
+      };
+      this.checkedIds = [];
+      this.permissions = [];
+    },
+    // 获取权限菜单
+    getPer (row) {
+      if (!this.permissions.length) {
+        this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}&port=1`).then(res => {
+          let data = res.children;
+          // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
+          let yw = data.findIndex(n => n.name == "业务后台");
+          yw != -1 && data.splice(yw, 1);
+          try {
+            let system = data.findIndex(n => n.name == "系统设置");
 
-                        if (system != -1) {
-                            data[system].children[1].children.splice(4, 1);
-                            data[system].children[1].children.splice(1, 1);
-                            data[system].children[1].children.splice(0, 1);
-                        }
-                    } catch (error) {
-                    }
-                    this.permissions = data;
-                    if (row) {
-                        this.getDetail(row);
-                    }
-                }).catch(res => {
-                });
-            }
-        },
-        addRole() {
-            this.isAdd = true;
-            this.getPer();
-            this.checkedIds = [];
-            this.permissions.length && this.$refs.per.setCheckedNodes([]);
-            this.roleVisible = true;
-        },
-        // 递归处理勾选的权限
-        handleRolePer(data, permissions) {
-            let result = data;
-            if (permissions.length) {
-                permissions.map(e => {
-                    if (result.includes(e.id) && e.children) {
-                        // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
-                        e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
-                    }
-                    e.children && e.children.length && this.handleRolePer(data, e.children);
-                });
-            }
-            return result;
-        },
-        async getDetail(row) { // 查询详情
-            let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
-            this.form = res.role;
-            this.form.id = row.id;
-            this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
-            this.$refs.per.setCheckedNodes(this.checkedIds);
-        },
-        showRole(row) {
-            this.isDetail = true;
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        editRole(row) {
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        async saveData() {
-            if (!this.form.roleName) return this.$message.warning("请填写角色名称");
-            if (!this.form.remark) return this.$message.warning("请填写角色描述");
-            if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
-            // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
-            let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()];
-            let data = {
-                ...this.form,
-                permissionId,
-                platformId: this.platformId,
-                port: 1
-            };
-            if (this.form.id) {
-                this.$post(this.api.saveOrUpdate, data).then(res => {
-                    this.$message.success("修改成功");
-                    this.getData();
-                    this.roleVisible = false;
-                }).catch(res => {});
-            } else {
-                this.$post(this.api.saveOrUpdate, data).then(res => {
-                    this.$message.success("新增成功");
-                    this.getData();
-                    this.roleVisible = false;
-                }).catch(res => {});
+            if (system != -1) {
+              data[system].children[1].children.splice(4, 1);
+              data[system].children[1].children.splice(1, 1);
+              data[system].children[1].children.splice(0, 1);
             }
-        }
+          } catch (error) {
+          }
+          this.permissions = data;
+          if (row) {
+            this.getDetail(row);
+          }
+        }).catch(res => {
+        });
+      }
+    },
+    addRole () {
+      this.isAdd = true;
+      this.getPer();
+      this.checkedIds = [];
+      this.permissions.length && this.$refs.per.setCheckedNodes([]);
+      this.roleVisible = true;
+    },
+    // 递归处理勾选的权限
+    handleRolePer (data, permissions) {
+      let result = data;
+      if (permissions.length) {
+        permissions.map(e => {
+          if (result.includes(e.id) && e.children) {
+            // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
+            e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
+          }
+          e.children && e.children.length && this.handleRolePer(data, e.children);
+        });
+      }
+      return result;
+    },
+    async getDetail (row) { // 查询详情
+      let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
+      this.form = res.role;
+      this.form.id = row.id;
+      this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
+      this.$refs.per.setCheckedNodes(this.checkedIds);
+    },
+    showRole (row) {
+      this.isDetail = true;
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    editRole (row) {
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    async saveData () {
+      if (!this.form.roleName) return this.$message.warning("请填写角色名称");
+      if (!this.form.remark) return this.$message.warning("请填写角色描述");
+      if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
+      // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
+      let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()];
+      let data = {
+        ...this.form,
+        permissionId,
+        platformId: this.platformId,
+        port: 1
+      };
+      if (this.form.id) {
+        this.$post(this.api.saveOrUpdate, data).then(res => {
+          this.$message.success("修改成功");
+          this.getData();
+          this.roleVisible = false;
+        }).catch(res => { });
+      } else {
+        this.$post(this.api.saveOrUpdate, data).then(res => {
+          this.$message.success("新增成功");
+          this.getData();
+          this.roleVisible = false;
+        }).catch(res => { });
+      }
     }
+  }
 };
 </script>
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/parner/pcRole.vue b/src/views/parner/pcRole.vue
index bcb046b..1cca563 100644
--- a/src/views/parner/pcRole.vue
+++ b/src/views/parner/pcRole.vue
@@ -1,272 +1,270 @@
 <template>
-    <div class="page">
-        <h6 class="p-title">筛选</h6>
-        <div class="tool">
-            <ul class="filter">
-                <li>
-                    <el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
-                </li>
-            </ul>
-            <div>
-                <el-button type="primary" round @click="addRole" v-auth="'/parner:pc角色权限:新增角色'">新增角色</el-button>
-                <el-button type="primary" round @click="delAllSelection" v-auth="'/parner:pc角色权限:批量删除'">批量删除</el-button>
-            </div>
-        </div>
-
-        <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys">
-            <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column>
-            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-            <el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column>
-            <el-table-column label="角色描述" min-width="400" align="center">
-                <template slot-scope="scope">
-                    <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" width="200">
-                <template slot-scope="scope">
-                    <el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:pc角色权限:查看'">查看</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" v-auth="'/parner:pc角色权限:编辑'">编辑</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)" v-auth="'/parner:pc角色权限:删除'">删除</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination>
-        </div>
+  <div class="page">
+    <h6 class="p-title">筛选</h6>
+    <div class="tool">
+      <ul class="filter">
+        <li>
+          <el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
+        </li>
+      </ul>
+      <div>
+        <el-button type="primary" round @click="addRole" v-auth="'/parner:pc角色权限:新增角色'">新增角色</el-button>
+        <el-button type="primary" round @click="delAllSelection" v-auth="'/parner:pc角色权限:批量删除'">批量删除</el-button>
+      </div>
+    </div>
 
-        <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false">
-            <el-form ref="form" label-width="80px" :disabled="isDetail">
-                <el-form-item label="角色名称">
-                    <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
-                </el-form-item>
-                <el-form-item label="角色描述">
-                    <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
-                </el-form-item>
-                <el-form-item prop="role" label="角色权限">
-                    <div style="max-height: 300px; overflow: auto">
-                        <el-tree
-                            ref="per"
-                            :data="permissions"
-                            show-checkbox
-                            default-expand-all
-                            node-key="id"
-                            :default-expanded-keys="checkedIds"
-                            :default-checked-keys="checkedIds"
-                            :props="defaultProps">
-                        </el-tree>
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer" v-if="!isDetail">
-                <el-button @click="roleVisible = false">取 消</el-button>
-                <el-button type="primary" @click="saveData">确 定</el-button>
-            </span>
-        </el-dialog>
+    <el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      :row-key="getRowKeys">
+      <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable"
+        :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+      <el-table-column prop="roleName" label="角色名称" align="center" min-width="250"
+        show-overflow-tooltip></el-table-column>
+      <el-table-column label="角色描述" min-width="400" align="center">
+        <template slot-scope="scope">
+          <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:pc角色权限:查看'">查看</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)"
+            v-auth="'/parner:pc角色权限:编辑'">编辑</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text"
+            @click="handleDelete(scope.row)" v-auth="'/parner:pc角色权限:删除'">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+        :total="total"></el-pagination>
     </div>
+
+    <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%"
+      @close="closeRole" class="dialog" :close-on-click-modal="false">
+      <el-form ref="form" label-width="80px" :disabled="isDetail">
+        <el-form-item label="角色名称">
+          <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
+        </el-form-item>
+        <el-form-item label="角色描述">
+          <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
+        </el-form-item>
+        <el-form-item prop="role" label="角色权限">
+          <div style="max-height: 300px; overflow: auto">
+            <el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id"
+              :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps">
+            </el-tree>
+          </div>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer" v-if="!isDetail">
+        <el-button @click="roleVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveData">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import Setting from "@/setting";
 export default {
-    data() {
-        return {
-            platformId: 4,
-            keyword: "",
-            searchTimer: null,
-            isDetail: false,
-            form: {
-                id: "",
-                roleName: "",
-                remark: ""
-            },
-            listData: [],
-            defaultProps: {
-                children: "children",
-                label: "name"
-            },
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            multipleSelection: [],
-            isAdd: true,
-            roleVisible: false,
-            permissions: [],
-            checkedIds: [],
-            roleNameReapeat: false // 角色名称是否重复
-        };
+  data () {
+    return {
+      platformId: 4,
+      keyword: "",
+      searchTimer: null,
+      isDetail: false,
+      form: {
+        id: "",
+        roleName: "",
+        remark: ""
+      },
+      listData: [],
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      multipleSelection: [],
+      isAdd: true,
+      roleVisible: false,
+      permissions: [],
+      checkedIds: [],
+      roleNameReapeat: false // 角色名称是否重复
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.getData();
+      }, 500);
+    }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      // platformId 合伙人为4，具体看setting.js；
+      this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=0`).then(res => {
+        this.listData = res.rolePage.records;
+        this.total = res.rolePage.total;
+      }).catch(res => { });
+    },
+    currentChange (val) {
+      this.page = val;
+      this.getData();
     },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer);
-            this.searchTimer = setTimeout(() => {
-                this.getData();
-            }, 500);
-        }
+    handleDelete (row) {
+      this.$confirm("确定要删除吗？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
+          this.$message.success("删除成功");
+          this.getData();
+        }).catch(res => { });
+      }).catch(() => { });
     },
-    mounted() {
-        this.getData()
+    getRowKeys (row) {
+      return row.id;
     },
-    methods: {
-        getData() {
-            // platformId 合伙人为4，具体看setting.js；
-            this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=0`).then(res => {
-                this.listData = res.rolePage.records;
-                this.total = res.rolePage.total;
-            }).catch(res => {});
-        },
-        currentChange(val) {
-            this.page = val;
+    handleSelectionChange (val) {
+      this.multipleSelection = val;
+    },
+    delAllSelection () {
+      if (this.multipleSelection.length) {
+        this.$confirm("确定要删除吗？", "提示", {
+          type: "warning"
+        }).then(() => {
+          let ids = this.multipleSelection.map(item => {
+            return item.id;
+          });
+          this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
+            this.$refs.table.clearSelection();
+            this.$message.success("删除成功");
             this.getData();
-        },
-        handleDelete(row) {
-            this.$confirm("确定要删除吗？", "提示", {
-                type: "warning"
-            }).then(() => {
-                this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
-                    this.$message.success("删除成功");
-                    this.getData();
-                }).catch(res => {});
-            }).catch(() => {});
-        },
-        getRowKeys(row) {
-            return row.id;
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val;
-        },
-        delAllSelection() {
-            if (this.multipleSelection.length) {
-                this.$confirm("确定要删除吗？", "提示", {
-                    type: "warning"
-                }).then(() => {
-                    let ids = this.multipleSelection.map(item => {
-                        return item.id;
-                    });
-                    this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
-                        this.$refs.table.clearSelection();
-                        this.$message.success("删除成功");
-                        this.getData();
-                    }).catch(res => {});
-                    if(this.multipleSelection.length === this.listData.length && this.page>1) {
-                        this.handleCurrentChange(this.page - 1)
-                    }
-                }).catch(() => {});
-            } else {
-                this.$message.error("请先选择数据！");
-            }
-        },
-        practiceSelectable(row, index){
-            let boolean = true;
-            if(row.roleName == '超级管理员'){
-                boolean = false
-            }else{
-                boolean = true
-            }
-            return boolean;
-        },
-        closeRole() {
-            this.isDetail = false;
-            this.form = {
-                id: "",
-                roleName: "",
-                remark: ""
-            };
-            this.checkedIds = [];
-            this.permissions = [];
-        },
-        // 获取权限菜单
-        getPer(row) {
-            if (!this.permissions.length) {
-                this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}`).then(res => {
-                    let data = res.children;
-                    // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
-                    let yw = data.findIndex(n => n.name == "业务后台");
-                    yw != -1 && data.splice(yw, 1);
-                    try {
-                        let system = data.findIndex(n => n.name == "系统设置");
+          }).catch(res => { });
+          if (this.multipleSelection.length === this.listData.length && this.page > 1) {
+            this.handleCurrentChange(this.page - 1)
+          }
+        }).catch(() => { });
+      } else {
+        this.$message.error("请先选择数据！");
+      }
+    },
+    practiceSelectable (row, index) {
+      let boolean = true;
+      if (row.roleName == '超级管理员') {
+        boolean = false
+      } else {
+        boolean = true
+      }
+      return boolean;
+    },
+    closeRole () {
+      this.isDetail = false;
+      this.form = {
+        id: "",
+        roleName: "",
+        remark: ""
+      };
+      this.checkedIds = [];
+      this.permissions = [];
+    },
+    // 获取权限菜单
+    getPer (row) {
+      if (!this.permissions.length) {
+        this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}`).then(res => {
+          let data = res.children;
+          // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
+          let yw = data.findIndex(n => n.name == "业务后台");
+          yw != -1 && data.splice(yw, 1);
+          try {
+            let system = data.findIndex(n => n.name == "系统设置");
 
-                        if (system != -1) {
-                            data[system].children[1].children.splice(4, 1);
-                            data[system].children[1].children.splice(1, 1);
-                            data[system].children[1].children.splice(0, 1);
-                        }
-                    } catch (error) {
-                    }
-                    this.permissions = data;
-                    if (row) {
-                        this.getDetail(row);
-                    }
-                }).catch(res => {
-                });
-            }
-        },
-        addRole() {
-            this.isAdd = true;
-            this.getPer();
-            this.checkedIds = [];
-            this.permissions.length && this.$refs.per.setCheckedNodes([]);
-            this.roleVisible = true;
-        },
-        // 递归处理勾选的权限
-        handleRolePer(data, permissions) {
-            let result = data;
-            if (permissions.length) {
-                permissions.map(e => {
-                    if (result.includes(e.id) && e.children) {
-                        // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
-                        e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
-                    }
-                    e.children && e.children.length && this.handleRolePer(data, e.children);
-                });
-            }
-            return result;
-        },
-        async getDetail(row) { // 查询详情
-            let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
-            this.form = res.role;
-            this.form.id = row.id;
-            this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
-            this.$refs.per.setCheckedNodes(this.checkedIds);
-        },
-        showRole(row) {
-            this.isDetail = true;
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        editRole(row) {
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        async saveData() {
-            if (!this.form.roleName) return this.$message.warning("请填写角色名称");
-            if (!this.form.remark) return this.$message.warning("请填写角色描述");
-            if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
-            // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
-            let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()];
-            let data = {
-                ...this.form,
-                permissionId,
-                platformId: this.platformId,
-            };
-            if (this.form.id) {
-                this.$post(this.api.saveOrUpdate, data).then(res => {
-                    this.$message.success("修改成功");
-                    this.getData();
-                    this.roleVisible = false;
-                }).catch(res => {});
-            } else {
-                this.$post(this.api.saveOrUpdate, data).then(res => {
-                    this.$message.success("新增成功");
-                    this.getData();
-                    this.roleVisible = false;
-                }).catch(res => {});
+            if (system != -1) {
+              data[system].children[1].children.splice(4, 1);
+              data[system].children[1].children.splice(1, 1);
+              data[system].children[1].children.splice(0, 1);
             }
-        }
+          } catch (error) {
+          }
+          this.permissions = data;
+          if (row) {
+            this.getDetail(row);
+          }
+        }).catch(res => {
+        });
+      }
+    },
+    addRole () {
+      this.isAdd = true;
+      this.getPer();
+      this.checkedIds = [];
+      this.permissions.length && this.$refs.per.setCheckedNodes([]);
+      this.roleVisible = true;
+    },
+    // 递归处理勾选的权限
+    handleRolePer (data, permissions) {
+      let result = data;
+      if (permissions.length) {
+        permissions.map(e => {
+          if (result.includes(e.id) && e.children) {
+            // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
+            e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
+          }
+          e.children && e.children.length && this.handleRolePer(data, e.children);
+        });
+      }
+      return result;
+    },
+    async getDetail (row) { // 查询详情
+      let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
+      this.form = res.role;
+      this.form.id = row.id;
+      this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
+      this.$refs.per.setCheckedNodes(this.checkedIds);
+    },
+    showRole (row) {
+      this.isDetail = true;
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    editRole (row) {
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    async saveData () {
+      if (!this.form.roleName) return this.$message.warning("请填写角色名称");
+      if (!this.form.remark) return this.$message.warning("请填写角色描述");
+      if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
+      // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
+      let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()];
+      let data = {
+        ...this.form,
+        permissionId,
+        platformId: this.platformId,
+      };
+      if (this.form.id) {
+        this.$post(this.api.saveOrUpdate, data).then(res => {
+          this.$message.success("修改成功");
+          this.getData();
+          this.roleVisible = false;
+        }).catch(res => { });
+      } else {
+        this.$post(this.api.saveOrUpdate, data).then(res => {
+          this.$message.success("新增成功");
+          this.getData();
+          this.roleVisible = false;
+        }).catch(res => { });
+      }
     }
+  }
 };
 </script>
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/parner/rate.vue b/src/views/parner/rate.vue
index 12f803b..6349836 100644
--- a/src/views/parner/rate.vue
+++ b/src/views/parner/rate.vue
@@ -4,58 +4,36 @@
     <div class="side">
       <div>
         <div class="flex-between">
-          <h6 class="p-title"
-              style="margin-bottom: 0">城市合伙人区域管理</h6>
+          <h6 class="p-title" style="margin-bottom: 0">城市合伙人区域管理</h6>
         </div>
 
         <div style="height: 504px; max-height: 504px; overflow: auto">
-          <el-tree :data="orgList"
-                   default-expand-all
-                   ref="orgTree"
-                   node-key="id"
-                   highlight-current
-                   :expand-on-click-node="false"
-                   @node-click="handleNodeClick"
-                   :props="{children: 'children', label: 'partnerClassificationName', isLeaf: 'leaf'}">
-            <span class="custom-tree-node"
-                  slot-scope="{ node, data }">
+          <el-tree :data="orgList" default-expand-all ref="orgTree" node-key="id" highlight-current
+            :expand-on-click-node="false" @node-click="handleNodeClick"
+            :props="{ children: 'children', label: 'partnerClassificationName', isLeaf: 'leaf' }">
+            <span class="custom-tree-node" slot-scope="{ node, data }">
               <span class="org-name">{{ node.label }}</span>
             </span>
           </el-tree>
         </div>
       </div>
 
-      <el-dialog :title="typeForm.id ? '编辑' : '新增' + '分类'"
-                 :visible.sync="orgVisible"
-                 :close-on-click-modal="false"
-                 width="50%"
-                 @close="closeType">
-        <el-form v-if="orgVisible"
-                 ref="typeForm"
-                 :model="typeForm"
-                 :rules="orgRules"
-                 label-width="100px">
-          <el-form-item label="分类名称"
-                        prop="partnerClassificationName">
-            <el-input v-model.trim="typeForm.partnerClassificationName"
-                      placeholder="请输入"></el-input>
+      <el-dialog :title="typeForm.id ? '编辑' : '新增' + '分类'" :visible.sync="orgVisible" :close-on-click-modal="false"
+        width="50%" @close="closeType">
+        <el-form v-if="orgVisible" ref="typeForm" :model="typeForm" :rules="orgRules" label-width="100px">
+          <el-form-item label="分类名称" prop="partnerClassificationName">
+            <el-input v-model.trim="typeForm.partnerClassificationName" placeholder="请输入"></el-input>
           </el-form-item>
           <el-form-item label="上级部门">
             <span v-if="typeForm.parentName">{{ typeForm.parentName }}</span>
-            <el-cascader v-else
-                         :options="orgListDia"
-                         v-model="cascaderValue"
-                         :props="cascaderProps"
-                         clearable
-                         style="width: 100%">
+            <el-cascader v-else :options="orgListDia" v-model="cascaderValue" :props="cascaderProps" clearable
+              style="width: 100%">
             </el-cascader>
           </el-form-item>
         </el-form>
-        <span slot="footer"
-              class="dialog-footer">
+        <span slot="footer" class="dialog-footer">
           <el-button @click="closeOrg">取 消</el-button>
-          <el-button type="primary"
-                     @click="orgSubmit">确 定</el-button>
+          <el-button type="primary" @click="orgSubmit">确 定</el-button>
         </span>
       </el-dialog>
     </div>
@@ -70,117 +48,61 @@
               </ul>
           </div> -->
 
-      <el-table :data="listData"
-                class="table"
-                ref="table"
-                stripe
-                header-align="center"
-                @selection-change="handleSelectionChange"
-                row-key="id">
-        <el-table-column type="selection"
-                         width="55"
-                         align="center"
-                         :reserve-selection="true"></el-table-column>
-        <el-table-column type="index"
-                         width="60"
-                         label="序号"
-                         align="center"></el-table-column>
-        <el-table-column prop="teamName"
-                         label="团队名称"
-                         align="center"
-                         min-width="120"
-                         show-overflow-tooltip></el-table-column>
-        <el-table-column prop="userName"
-                         label="团队负责人"
-                         align="center"
-                         min-width="100"></el-table-column>
-        <el-table-column prop="phone"
-                         label="手机号"
-                         align="center"
-                         min-width="120"></el-table-column>
-        <el-table-column prop="account"
-                         label="账号"
-                         align="center"
-                         min-width="100"></el-table-column>
-        <el-table-column prop="invitationAccount"
-                         label="邀请人"
-                         align="center"
-                         min-width="120"></el-table-column>
-        <el-table-column prop="phone"
-                         label="团队年费"
-                         align="center"
-                         min-width="120">
+      <el-table :data="listData" class="table" ref="table" header-align="center"
+        @selection-change="handleSelectionChange" row-key="id">
+        <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
+        <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+        <el-table-column prop="teamName" label="团队名称" align="center" min-width="120"
+          show-overflow-tooltip></el-table-column>
+        <el-table-column prop="userName" label="团队负责人" align="center" min-width="100"></el-table-column>
+        <el-table-column prop="phone" label="手机号" align="center" min-width="120"></el-table-column>
+        <el-table-column prop="account" label="账号" align="center" min-width="100"></el-table-column>
+        <el-table-column prop="invitationAccount" label="邀请人" align="center" min-width="120"></el-table-column>
+        <el-table-column prop="phone" label="团队年费" align="center" min-width="120">
           <template slot-scope="scope">
-            固定年费{{ scope.row.annualTeamFee !== underfined  ? scope.row.annualTeamFee + '元' : '' }}
-            <el-button v-auth="'/parner:费率管理:修改固定年费'"
-                       type="primary"
-                       size="mini"
-                       @click="editAnnualTeamFee(scope.row)">修改</el-button>
+            固定年费{{ scope.row.annualTeamFee !== underfined ? scope.row.annualTeamFee + '元' : '' }}
+            <el-button v-auth="'/parner:费率管理:修改固定年费'" type="primary" size="mini"
+              @click="editAnnualTeamFee(scope.row)">修改</el-button>
           </template>
         </el-table-column>
-        <el-table-column prop="phone"
-                         label="市场服务年费"
-                         align="center"
-                         min-width="120">
+        <el-table-column prop="phone" label="市场服务年费" align="center" min-width="120">
           <template slot-scope="scope">
-            项目抽成{{ scope.row.annualMarketingFee !== underfined  ? scope.row.annualMarketingFee + '%' : '' }}
-            <el-button v-auth="'/parner:费率管理:修改项目抽成'"
-                       type="primary"
-                       size="mini"
-                       @click="editAnnualMarketingFee(scope.row)">修改</el-button>
+            项目抽成{{ scope.row.annualMarketingFee !== underfined ? scope.row.annualMarketingFee + '%' : '' }}
+            <el-button v-auth="'/parner:费率管理:修改项目抽成'" type="primary" size="mini"
+              @click="editAnnualMarketingFee(scope.row)">修改</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       @current-change="currentChange"
-                       :current-page="page"
-                       layout="total, prev, pager, next"
-                       :total="total"></el-pagination>
+        <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+          :total="total"></el-pagination>
       </div>
 
-      <el-dialog title="请设置团队年费"
-                 :visible.sync="annualTeamFeeVisible"
-                 width="300px"
-                 class="dialog"
-                 :close-on-click-modal="false">
-        <el-form ref="form"
-                 label-width="75px"
-                 style='margin-right: 0;'>
+      <el-dialog title="请设置团队年费" :visible.sync="annualTeamFeeVisible" width="300px" class="dialog"
+        :close-on-click-modal="false">
+        <el-form ref="form" label-width="75px" style='margin-right: 0;'>
           <el-form-item label="固定年费">
-            <el-input style="width: 150px;"
-                      type="number"
-                      v-model.number="annualTeamFee"
-                      placeholder="请输入数字"></el-input> 元
+            <el-input style="width: 150px;" type="number" v-model.number="annualTeamFee" placeholder="请输入数字"></el-input>
+            元
           </el-form-item>
         </el-form>
-        <span slot="footer"
-              class="dialog-footer">
+        <span slot="footer" class="dialog-footer">
           <el-button @click="annualTeamFeeVisible = false">取消</el-button>
-          <el-button type="primary"
-                     @click="submitAnnualTeamFee">确定</el-button>
+          <el-button type="primary" @click="submitAnnualTeamFee">确定</el-button>
         </span>
       </el-dialog>
-      <el-dialog title="请设置市场服务年费"
-                 :visible.sync="annualMarketingFeeVisible"
-                 width="300px"
-                 class="dialog"
-                 :close-on-click-modal="false">
-        <el-form ref="form"
-                 label-width="75px"
-                 style='margin-right: 0;'>
+      <el-dialog title="请设置市场服务年费" :visible.sync="annualMarketingFeeVisible" width="300px" class="dialog"
+        :close-on-click-modal="false">
+        <el-form ref="form" label-width="75px" style='margin-right: 0;'>
           <el-form-item label="项目抽成">
-            <el-input style="width: 150px;"
-                      type="number"
-                      v-model.number="annualMarketingFee"
-                      placeholder="请输入数字"></el-input> %
+            <el-input style="width: 150px;" type="number" v-model.number="annualMarketingFee"
+              placeholder="请输入数字"></el-input>
+            %
           </el-form-item>
         </el-form>
-        <span slot="footer"
-              class="dialog-footer">
+        <span slot="footer" class="dialog-footer">
           <el-button @click="annualMarketingFeeVisible = false">取消</el-button>
-          <el-button type="primary"
-                     @click="submitAnnualMarketingFee">确定</el-button>
+          <el-button type="primary" @click="submitAnnualMarketingFee">确定</el-button>
         </span>
       </el-dialog>
     </div>
@@ -496,78 +418,94 @@ export default {
 
 <style lang="scss" scoped>
 .m-b-20 {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
+
 .org-name {
-    margin-right: 20px;
+  margin-right: 20px;
 }
+
 .w-100 {
-    width: 100%;
+  width: 100%;
 }
+
 .wrap {
-    display: flex;
-    padding: 0 24px;
-    .side {
-        width: 300px;
-        padding: 24px 10px 24px 0;
-        margin-right: 24px;
-        border-right: 1px solid rgba(0, 0, 0, 0.06);
-    }
-    .right {
-        width: calc(100% - 324px);
-        padding: 24px 0;
-    }
+  display: flex;
+  padding: 0 24px;
+
+  .side {
+    width: 300px;
+    padding: 24px 10px 24px 0;
+    margin-right: 24px;
+    border-right: 1px solid rgba(0, 0, 0, 0.06);
+  }
+
+  .right {
+    width: calc(100% - 324px);
+    padding: 24px 0;
+  }
 }
+
 .add-dia {
-    .tips {
-        font-size: 12px;
-        color: #f00;
+  .tips {
+    font-size: 12px;
+    color: #f00;
+  }
+
+  .title {
+    margin: 10px 0;
+    font-size: 14px;
+
+    em {
+      font-style: normal;
     }
-    .title {
-        margin: 10px 0;
-        font-size: 14px;
-        em {
-            font-style: normal;
-        }
+  }
+
+  .des {
+    font-size: 13px;
+    color: #7a7a7a;
+  }
+
+  .link-wrap {
+    display: flex;
+    align-items: center;
+    margin: 10px 0 20px;
+  }
+
+  .link {
+    padding: 10px;
+    margin-right: 15px;
+    background-color: #e7f5ff;
+    border-radius: 4px;
+  }
+}
+
+/deep/.choose-dia {
+  .member-list {
+    li {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 10px;
     }
-    .des {
-        font-size: 13px;
-        color: #7a7a7a;
+
+    .info {
+      display: inline-flex;
+      align-items: center;
     }
-    .link-wrap {
-        display: flex;
-        align-items: center;
-        margin: 10px 0 20px;
+
+    img {
+      width: 40px;
+      height: 40px;
     }
-    .link {
-        padding: 10px;
-        margin-right: 15px;
-        background-color: #e7f5ff;
-        border-radius: 4px;
+
+    .name {
+      margin-left: 10px;
     }
-}
-/deep/.choose-dia {
-    .member-list {
-        li {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 10px;
-        }
-        .info {
-            display: inline-flex;
-            align-items: center;
-        }
-        img {
-            width: 40px;
-            height: 40px;
-        }
-        .name {
-            margin-left: 10px;
-        }
-        .el-radio__label {
-            display: none;
-        }
+
+    .el-radio__label {
+      display: none;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/parner/staff.vue b/src/views/parner/staff.vue
index 3b57261..57b8318 100644
--- a/src/views/parner/staff.vue
+++ b/src/views/parner/staff.vue
@@ -77,7 +77,7 @@
         </div>
       </div>
 
-      <el-table :data="listData" class="table" ref="table" stripe header-align="center"
+      <el-table :data="listData" class="table" ref="table" header-align="center"
         @selection-change="handleSelectionChange" row-key="id">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
         <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
diff --git a/src/views/parnerOperation/schemeSet.vue b/src/views/parnerOperation/schemeSet.vue
index cedeaba..814f2ee 100644
--- a/src/views/parnerOperation/schemeSet.vue
+++ b/src/views/parnerOperation/schemeSet.vue
@@ -104,7 +104,7 @@
           </div>
           <el-input class="mgb10" placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model.trim="keyword"
             clearable></el-input>
-          <el-table :data="products" class="table" ref="table" stripe header-align="center" max-height="470"
+          <el-table :data="products" class="table" ref="table" header-align="center" max-height="470"
             @selection-change="handleSelectionChange" row-key="mallId">
             <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
             <el-table-column type="index" width="55" label="序号" align="center"></el-table-column>
@@ -123,7 +123,7 @@
             <p class="addhr_tag"></p>
             <span>已选择产品（{{ checkeds.length }}个）</span>
           </div>
-          <el-table :data="checkeds" class="table" stripe header-align="center" max-height="470">
+          <el-table :data="checkeds" class="table" header-align="center" max-height="470">
             <el-table-column type="index" width="55" label="序号" align="center"></el-table-column>
             <el-table-column prop="productName" label="产品名称" align="center"></el-table-column>
             <el-table-column prop="supplierName" label="厂商" align="center"></el-table-column>
diff --git a/src/views/serve/AddConfigure.vue b/src/views/serve/AddConfigure.vue
index e29cfaa..006f137 100644
--- a/src/views/serve/AddConfigure.vue
+++ b/src/views/serve/AddConfigure.vue
@@ -1,323 +1,332 @@
 <template>
-    <div>
-        <el-row :gutter="20">
-            <el-col :span="24">
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-between">
-                        <div class="per_title" v-preventReClick @click="goback()">
-                            <i class="el-icon-arrow-left"></i>
-                            <span class="per_back">返回</span>
-                            <span class="per_school">系统服务器地址配置</span>
-                        </div>
-                        <div>
-                            <el-button type="primary" round class="mag" v-preventReClick @click="saveAdd('form')">确定</el-button>
-                        </div>
-                    </div>              
-                </el-card>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card shadow="hover" class="mgb20">
+          <div class="flex-between">
+            <div class="per_title" v-preventReClick @click="goback()">
+              <i class="el-icon-arrow-left"></i>
+              <span class="per_back">返回</span>
+              <span class="per_school">系统服务器地址配置</span>
+            </div>
+            <div>
+              <el-button type="primary" round class="mag" v-preventReClick @click="saveAdd('form')">确定</el-button>
+            </div>
+          </div>
+        </el-card>
 
-                <el-card shadow="hover" class="mgb20">
-                    <div class="flex-center mgb20 user_header">
-                        <p class="addhr_tag"></p>
-                        <span>系统信息</span>
-                    </div>
+        <el-card shadow="hover" class="mgb20">
+          <div class="flex-center mgb20 user_header">
+            <p class="addhr_tag"></p>
+            <span>系统信息</span>
+          </div>
 
-                    <div>
-                        <el-form ref="form" :model="form" :rules="rules" label-width="80px" class="flex-end-around">
-                            <el-col :span="6">
-                                <el-form-item prop="systemName" label="系统名称">
-                                    <el-input v-model="form.systemName" placeholder="请输入系统名称"></el-input>
-                                </el-form-item>
+          <div>
+            <el-form ref="form" :model="form" :rules="rules" label-width="80px" class="flex-end-around">
+              <el-col :span="6">
+                <el-form-item prop="systemName" label="系统名称">
+                  <el-input v-model="form.systemName" placeholder="请输入系统名称"></el-input>
+                </el-form-item>
 
-                                <el-form-item prop="systemType" label="系统类型">
-                                    <el-select v-model="form.systemType" clearable placeholder="请选择系统类型">
-                                        <el-option v-for="(item,index) in systemTypeList" :key="index" :label="item.name" :value="item.value"></el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
+                <el-form-item prop="systemType" label="系统类型">
+                  <el-select v-model="form.systemType" clearable placeholder="请选择系统类型">
+                    <el-option v-for="(item, index) in systemTypeList" :key="index" :label="item.name"
+                      :value="item.value"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
 
 
-                            <el-col :span="6" style="margin-left: 60px;">
-                                <el-form-item prop="systemAttribution" label="系统归属">
-                                    <el-select v-model="form.systemAttribution" clearable placeholder="请选择系统归属">
-                                        <el-option v-for="(item,index) in systemList" :key="index" :label="item.name" :value="item.value"></el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-form>
-                    </div>
-                </el-card>
+              <el-col :span="6" style="margin-left: 60px;">
+                <el-form-item prop="systemAttribution" label="系统归属">
+                  <el-select v-model="form.systemAttribution" clearable placeholder="请选择系统归属">
+                    <el-option v-for="(item, index) in systemList" :key="index" :label="item.name"
+                      :value="item.value"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-form>
+          </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>
-                            <el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input>
-                        </div>
-                    </div>
-                    <el-table :data="permissionData" class="table" stripe :span-method="SpanMethod" header-align="center">
-                        <el-table-column prop="id" label="序号" align="center">
-                        </el-table-column>
-                        <el-table-column prop="age" label="服务器名称" align="center">
-                        </el-table-column>
-                        <el-table-column label="IP" align="center">
-                            <template slot-scope="scope">
-                                <div class="tab_temp">
-                                    <div class="flex-center">
-                                        <label>内网:</label>
-                                        <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
-                                    </div>
-                                    <div class="flex-center mar10">
-                                        <label>外网:</label>
-                                        <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
-                                    </div>
-                                </div>
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="端口" align="center">
-                            <template slot-scope="scope">
-                                <div class="tab_temp">
-                                    <div class="flex-center">
-                                        <label>内网:</label>
-                                        <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
-                                    </div>
-                                    <div class="flex-center mar10">
-                                        <label>外网:</label>
-                                        <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
-                                    </div>
-                                </div>
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="storeName" label="后台" align="center">
-                        </el-table-column>
-                        <el-table-column label="操作" align="center">
-                            <template slot-scope="scope">
-                                <el-button type="text">编辑</el-button>
-                                <el-button type="text">删除</el-button>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <div class="pagination">
-                        <el-pagination background layout="total, prev, pager, next" :total="pages">
-                        </el-pagination>
-                    </div>
-                </el-card>
-            </el-col>
-        </el-row>
+        <el-card shadow="hover" class="mgb20">
+          <div class="mgb20 flex-between">
+            <div class="flex-center">
+              <p class="addhr_tag"></p>
+              <span>地址列表</span>
+            </div>
+            <div>
+              <el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input>
+            </div>
+          </div>
+          <el-table :data="permissionData" class="table" :span-method="SpanMethod" header-align="center">
+            <el-table-column prop="id" label="序号" align="center">
+            </el-table-column>
+            <el-table-column prop="age" label="服务器名称" align="center">
+            </el-table-column>
+            <el-table-column label="IP" align="center">
+              <template slot-scope="scope">
+                <div class="tab_temp">
+                  <div class="flex-center">
+                    <label>内网:</label>
+                    <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
+                  </div>
+                  <div class="flex-center mar10">
+                    <label>外网:</label>
+                    <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="端口" align="center">
+              <template slot-scope="scope">
+                <div class="tab_temp">
+                  <div class="flex-center">
+                    <label>内网:</label>
+                    <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
+                  </div>
+                  <div class="flex-center mar10">
+                    <label>外网:</label>
+                    <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="storeName" label="后台" align="center">
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <el-button type="text">编辑</el-button>
+                <el-button type="text">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="pagination">
+            <el-pagination background layout="total, prev, pager, next" :total="pages">
+            </el-pagination>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
 
-        <!-- 选择IP -->
-        <el-dialog :visible.sync="ipVisible" width="50%" center>
-            <div class="flex-center mgb20">
-                <p class="addhr_tag"></p>
-                <span>客户列表</span>
+    <!-- 选择IP -->
+    <el-dialog :visible.sync="ipVisible" width="50%" center>
+      <div class="flex-center mgb20">
+        <p class="addhr_tag"></p>
+        <span>客户列表</span>
+      </div>
+      <el-table :data="permissionData" class="table" header-align="center">
+        <el-table-column prop="id" label="序号" align="center">
+        </el-table-column>
+        <el-table-column prop="age" label="服务器名称" align="center">
+        </el-table-column>
+        <el-table-column label="IP" align="center">
+          <template slot-scope="scope">
+            <div class="tab_temp">
+              <div class="flex-center">
+                <label>内网:</label>
+                <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
+              </div>
+              <div class="flex-center mar10">
+                <label>外网:</label>
+                <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
+              </div>
             </div>
-            <el-table :data="permissionData" class="table" stripe header-align="center">
-                <el-table-column prop="id" label="序号" align="center">
-                </el-table-column>
-                <el-table-column prop="age" label="服务器名称" align="center">
-                </el-table-column>
-                <el-table-column label="IP" align="center">
-                    <template slot-scope="scope">
-                        <div class="tab_temp">
-                            <div class="flex-center">
-                                <label>内网:</label>
-                                <el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input>
-                            </div>
-                            <div class="flex-center mar10">
-                                <label>外网:</label>
-                                <el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input>
-                            </div>
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="端口" align="center">
-                    <template slot-scope="scope">
-                        <div class="tab_temp">
-                            <div class="flex-center">
-                                <label>内网:</label>
-                                <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
-                            </div>
-                            <div class="flex-center mar10">
-                                <label>外网:</label>
-                                <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
-                            </div>
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="选择" align="center">
-                    <template slot-scope="scope">
-                        <i class="el-icon-success radio_icon"></i>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="ipVisible = false">取 消</el-button>
-                <el-button type="primary" @click="editSure('teacherForm')">确 定</el-button>
-            </span>
-        </el-dialog>
-    </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="端口" align="center">
+          <template slot-scope="scope">
+            <div class="tab_temp">
+              <div class="flex-center">
+                <label>内网:</label>
+                <el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input>
+              </div>
+              <div class="flex-center mar10">
+                <label>外网:</label>
+                <el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="选择" align="center">
+          <template slot-scope="scope">
+            <i class="el-icon-success radio_icon"></i>
+          </template>
+        </el-table-column>
+      </el-table>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="ipVisible = false">取 消</el-button>
+        <el-button type="primary" @click="editSure('teacherForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-    export default {
-        data (){
-            return {
-                form: {
-                    systemName: '',
-                    systemType: '',
-                    systemAttribution: ''
-                },
-                rules: {
-                    systemName:[
-                        { required: true, message: '请输入系统名称', trigger: 'blur' }
-                    ],
-                    systemType:[
-                        { required: true, message: '请选择系统类型', trigger: 'change' }
-                    ],
-                    systemAttribution:[
-                        { required: true, message: '请选择系统归属', trigger: 'change' }
-                    ] 
-                },
-                permissionData: [{
-                    id: 1,
-                    age: '小额贷系统',
-                    storeName: '1个月',
-                    total: '2019.01.02 11:00',
-                    payamount: '2019.01.02 11:00',
-                    payamount: '700d12h1min',
-                    swtich: true,
-                    Intranet: '10.20.202.1',
-                    extranet: '10.20.202.1'
-                },
-                {
-                    id: 2,
-                    age: '小额贷系统',
-                    storeName: '1个月',
-                    total: '2019.01.02 11:00',
-                    payamount: '2019.01.02 11:00',
-                    swtich: true,
-                    Intranet: '',
-                    extranet: ''
-                }],
-                pages: 1,
-                ipVisible: false,
-                 educationDegreeList: [{
-                    name: '研究生及以上',
-                    value: 1
-                }],
-                systemList: [{
-                    name: '外部产品',
-                    value: 1
-                },
-                {
-                    name: '内部系统',
-                    value: 0
-                }],
-                systemTypeList: [{
-                    name: '工具',
-                    value: 1
-                },
-                {
-                    name: '实训',
-                    value: 2
-                },
-                {
-                    name: '网站',
-                    value: 3
-                }],
-                configId : this.$store.state.configId,
-                keyword: ''
-            }
-        },
-        mounted(){
-            if(this.configId){
-                this.getData()
-            }
-        },
-        methods: {
-            getData(){
-                let data = {
-                    systemId: this.configId
-                }
-                this.$get(this.api.queryServiceConfigDetails,data).then((res) => {
-                        this.form = {
-                            systemName: res.message[0].systemName,
-                            systemType: res.message[0].systemType,
-                            systemAttribution: res.message[0].systemAttribution,
-                        }
-                    }).catch((res) => {
-                })
-            },
-            saveAdd(){
-                let data = {
-                    systemId: this.configId,
-                    systemName: this.form.systemName,
-                    systemType: this.form.systemType,
-                    systemAttribution: this.form.systemAttribution,
-                }
-                if(this.configId){
-                    this.$post(this.api.updateServiceConfig,data).then((res) => {
-                            this.$message.success('编辑成功');
-                            this.goback()
-                        }).catch((res) => {
-                    })
-                }else{
-                    this.$post(this.api.updateServiceConfig,data).then((res) => {
-                            this.$message.success('添加成功');
-                            this.goback()
-                        }).catch((res) => {
-                    })
-                }
-            },
-            SpanMethod({ row, column, rowIndex, columnIndex }) {
-                if (rowIndex % 2 === 0) {
-                    if (columnIndex === 6) {
-                        if(!row.Intranet){
-                            return [1, 2];
-                        }
-                    } 
-                    // else if (columnIndex === 1) {
-                    //     return [0, 0];
-                    // }
-                }
-            },
-            chooseIp(){
-                this.ipVisible = true
-            },
-            goback(){
-                this.$router.go(-1)
-            }
+export default {
+  data () {
+    return {
+      form: {
+        systemName: '',
+        systemType: '',
+        systemAttribution: ''
+      },
+      rules: {
+        systemName: [
+          { required: true, message: '请输入系统名称', trigger: 'blur' }
+        ],
+        systemType: [
+          { required: true, message: '请选择系统类型', trigger: 'change' }
+        ],
+        systemAttribution: [
+          { required: true, message: '请选择系统归属', trigger: 'change' }
+        ]
+      },
+      permissionData: [{
+        id: 1,
+        age: '小额贷系统',
+        storeName: '1个月',
+        total: '2019.01.02 11:00',
+        payamount: '2019.01.02 11:00',
+        payamount: '700d12h1min',
+        swtich: true,
+        Intranet: '10.20.202.1',
+        extranet: '10.20.202.1'
+      },
+      {
+        id: 2,
+        age: '小额贷系统',
+        storeName: '1个月',
+        total: '2019.01.02 11:00',
+        payamount: '2019.01.02 11:00',
+        swtich: true,
+        Intranet: '',
+        extranet: ''
+      }],
+      pages: 1,
+      ipVisible: false,
+      educationDegreeList: [{
+        name: '研究生及以上',
+        value: 1
+      }],
+      systemList: [{
+        name: '外部产品',
+        value: 1
+      },
+      {
+        name: '内部系统',
+        value: 0
+      }],
+      systemTypeList: [{
+        name: '工具',
+        value: 1
+      },
+      {
+        name: '实训',
+        value: 2
+      },
+      {
+        name: '网站',
+        value: 3
+      }],
+      configId: this.$store.state.configId,
+      keyword: ''
+    }
+  },
+  mounted () {
+    if (this.configId) {
+      this.getData()
+    }
+  },
+  methods: {
+    getData () {
+      let data = {
+        systemId: this.configId
+      }
+      this.$get(this.api.queryServiceConfigDetails, data).then((res) => {
+        this.form = {
+          systemName: res.message[0].systemName,
+          systemType: res.message[0].systemType,
+          systemAttribution: res.message[0].systemAttribution,
+        }
+      }).catch((res) => {
+      })
+    },
+    saveAdd () {
+      let data = {
+        systemId: this.configId,
+        systemName: this.form.systemName,
+        systemType: this.form.systemType,
+        systemAttribution: this.form.systemAttribution,
+      }
+      if (this.configId) {
+        this.$post(this.api.updateServiceConfig, data).then((res) => {
+          this.$message.success('编辑成功');
+          this.goback()
+        }).catch((res) => {
+        })
+      } else {
+        this.$post(this.api.updateServiceConfig, data).then((res) => {
+          this.$message.success('添加成功');
+          this.goback()
+        }).catch((res) => {
+        })
+      }
+    },
+    SpanMethod ({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        if (columnIndex === 6) {
+          if (!row.Intranet) {
+            return [1, 2];
+          }
         }
+        // else if (columnIndex === 1) {
+        //     return [0, 0];
+        // }
+      }
+    },
+    chooseIp () {
+      this.ipVisible = true
+    },
+    goback () {
+      this.$router.go(-1)
     }
+  }
+}
 </script>
 
 <style scoped>
-.border_lf{
-    border-left: 1px dashed #eee;
-    padding: 0 60px;
+.border_lf {
+  border-left: 1px dashed #eee;
+  padding: 0 60px;
 }
-.border_lf label{
-    width: 120px;
+
+.border_lf label {
+  width: 120px;
 }
-.pad_none{
-    padding: 0 0 0 60px;
+
+.pad_none {
+  padding: 0 0 0 60px;
 }
-.mar_input{
-    margin-right: 80px;
+
+.mar_input {
+  margin-right: 80px;
 }
-.marb30{
-    margin-bottom: 30px;
+
+.marb30 {
+  margin-bottom: 30px;
 }
-.tab_temp label{
-    width: 60px;
+
+.tab_temp label {
+  width: 60px;
 }
-.mar10{
-    margin-top: 10px;
+
+.mar10 {
+  margin-top: 10px;
 }
-.radio_icon{
-    font-size: 26px;
-    color: #9278FF;
+
+.radio_icon {
+  font-size: 26px;
+  color: #9278FF;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/serve/Configure.vue b/src/views/serve/Configure.vue
index b1c588a..6766a48 100644
--- a/src/views/serve/Configure.vue
+++ b/src/views/serve/Configure.vue
@@ -40,7 +40,7 @@
         <p class="hr_tag"></p>
         <span>服务列表</span>
       </div>
-      <el-table :data="list" class="table" stripe header-align="center">
+      <el-table :data="list" class="table" header-align="center">
         <!-- <el-table-column type="selection" width="55" align="center"></el-table-column> -->
         <el-table-column type="index" width="100" label="序号" align="center">
         </el-table-column>
diff --git a/src/views/serve/backstage/model.vue b/src/views/serve/backstage/model.vue
index afa11d0..78d2d7f 100644
--- a/src/views/serve/backstage/model.vue
+++ b/src/views/serve/backstage/model.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="side">
-      <org ref="tree"
-           @initData="initData"
-           @getData="getData"></org>
+      <org ref="tree" @initData="initData" @getData="getData"></org>
     </div>
 
     <div class="right">
@@ -11,95 +9,51 @@
       <div class="tool">
         <ul class="filter">
           <li>
-            <el-input placeholder="请输入模型名称"
-                      prefix-icon="el-icon-search"
-                      v-model.trim="keyword"
-                      clearable></el-input>
+            <el-input placeholder="请输入模型名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
           </li>
         </ul>
         <div>
-          <el-button type="primary"
-                     round
-                     @click="add">导入模型</el-button>
-          <el-button type="primary"
-                     round
-                     @click="batchDel">批量移除</el-button>
+          <el-button type="primary" round @click="add">导入模型</el-button>
+          <el-button type="primary" round @click="batchDel">批量移除</el-button>
         </div>
       </div>
 
-      <el-table :data="listData"
-                class="table"
-                ref="table"
-                stripe
-                header-align="center"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection"
-                         width="55"
-                         align="center"></el-table-column>
-        <el-table-column type="index"
-                         label="序号"
-                         width="55"
-                         align="center"></el-table-column>
-        <el-table-column prop="modelName"
-                         label="模型名称"
-                         align="center"></el-table-column>
-        <el-table-column v-if="isTopLevel"
-                         prop="categoryName"
-                         label="分类"
-                         width="150"
-                         align="center"></el-table-column>
-        <el-table-column prop="createTime"
-                         label="导入时间"
-                         align="center"></el-table-column>
-        <el-table-column label="状态"
-                         align="center">
+      <el-table :data="listData" class="table" ref="table" header-align="center"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center"></el-table-column>
+        <el-table-column type="index" label="序号" width="55" align="center"></el-table-column>
+        <el-table-column prop="modelName" label="模型名称" align="center"></el-table-column>
+        <el-table-column v-if="isTopLevel" prop="categoryName" label="分类" width="150" align="center"></el-table-column>
+        <el-table-column prop="createTime" label="导入时间" align="center"></el-table-column>
+        <el-table-column label="状态" align="center">
           <template slot-scope="scope">
             {{ scope.row.ztOpen ? '禁用' : '启用' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作"
-                         width="200"
-                         align="center">
+        <el-table-column label="操作" width="200" align="center">
           <template slot-scope="scope">
-            <el-button type="text"
-                       @click="show(scope.row)">查看</el-button>
-            <el-button type="text"
-                       @click="del(scope.row)">移除</el-button>
+            <el-button type="text" @click="show(scope.row)">查看</el-button>
+            <el-button type="text" @click="del(scope.row)">移除</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       layout="total, prev, pager, next"
-                       :current-page="page"
-                       @current-change="handleCurrentChange"
-                       :total="total"></el-pagination>
+        <el-pagination background layout="total, prev, pager, next" :current-page="page"
+          @current-change="handleCurrentChange" :total="total"></el-pagination>
       </div>
     </div>
 
-    <el-dialog title="请选择需要导入的模型"
-               :visible.sync="modelVisible"
-               width="500px"
-               class="dialog"
-               :close-on-click-modal="false">
+    <el-dialog title="请选择需要导入的模型" :visible.sync="modelVisible" width="500px" class="dialog"
+      :close-on-click-modal="false">
       <div class="model-wrap">
-        <el-tree v-if="modelData.length"
-                 :data="modelData"
-                 v-loading="modelLoading"
-                 ref="model"
-                 default-expand-all
-                 show-checkbox
-                 node-key="id"
-                 :props="{children: 'children', label: 'categoryName', isLeaf: 'leaf'}">
+        <el-tree v-if="modelData.length" :data="modelData" v-loading="modelLoading" ref="model" default-expand-all
+          show-checkbox node-key="id" :props="{ children: 'children', label: 'categoryName', isLeaf: 'leaf' }">
         </el-tree>
-        <div class="none"
-             v-else>暂无可导入的模型</div>
+        <div class="none" v-else>暂无可导入的模型</div>
       </div>
-      <span slot="footer"
-            class="dialog-footer">
+      <span slot="footer" class="dialog-footer">
         <el-button @click="modelVisible = false">取 消</el-button>
-        <el-button type="primary"
-                   @click="submit">确 定</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -341,29 +295,34 @@ export default {
 </script>
 <style lang="scss" scoped>
 .wrap {
-    display: flex;
-    min-height: calc(100vh - 310px);
-    padding: 0 24px;
-    .side {
-        width: 300px;
-        padding: 24px 10px 24px 0;
-        margin-right: 24px;
-        border-right: 1px solid rgba(0, 0, 0, 0.06);
-    }
-    .right {
-        width: calc(100% - 374px);
-        padding: 24px;
-    }
+  display: flex;
+  min-height: calc(100vh - 310px);
+  padding: 0 24px;
+
+  .side {
+    width: 300px;
+    padding: 24px 10px 24px 0;
+    margin-right: 24px;
+    border-right: 1px solid rgba(0, 0, 0, 0.06);
+  }
+
+  .right {
+    width: calc(100% - 374px);
+    padding: 24px;
+  }
 }
+
 .el-input__inner {
-    height: 32px;
+  height: 32px;
 }
+
 .model-wrap {
-    max-height: 400px;
-    overflow: auto;
-    .none {
-        text-align: center;
-        color: #8b8b8b;
-    }
+  max-height: 400px;
+  overflow: auto;
+
+  .none {
+    text-align: center;
+    color: #8b8b8b;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/serve/backstage/sourceModel.vue b/src/views/serve/backstage/sourceModel.vue
index 01ca90b..f50b5f0 100644
--- a/src/views/serve/backstage/sourceModel.vue
+++ b/src/views/serve/backstage/sourceModel.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="side">
-      <org ref="tree"
-           @initData="catetoryClick"
-           @getData="getData"></org>
+      <org ref="tree" @initData="catetoryClick" @getData="getData"></org>
     </div>
 
     <div class="right">
@@ -11,125 +9,67 @@
       <div class="tool">
         <ul class="filter">
           <li>
-            <el-input placeholder="请输入模型名称"
-                      prefix-icon="el-icon-search"
-                      v-model.trim="keyword"
-                      clearable></el-input>
+            <el-input placeholder="请输入模型名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
           </li>
         </ul>
         <div>
-          <el-button type="primary"
-                     round
-                     @click="add">新增模型</el-button>
-          <el-button type="primary"
-                     round
-                     @click="batchDel">批量删除</el-button>
-          <el-button type="primary"
-                     round
-                     @click="batchOff(1)">批量禁用</el-button>
-          <el-button type="primary"
-                     round
-                     @click="batchOff(0)">批量开启</el-button>
+          <el-button type="primary" round @click="add">新增模型</el-button>
+          <el-button type="primary" round @click="batchDel">批量删除</el-button>
+          <el-button type="primary" round @click="batchOff(1)">批量禁用</el-button>
+          <el-button type="primary" round @click="batchOff(0)">批量开启</el-button>
         </div>
       </div>
 
-      <el-table :data="listData"
-                class="table"
-                ref="table"
-                stripe
-                header-align="center"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection"
-                         width="55"
-                         align="center"></el-table-column>
-        <el-table-column type="index"
-                         label="序号"
-                         width="55"
-                         align="center"></el-table-column>
-        <el-table-column prop="modelName"
-                         label="模型名称"
-                         align="center"></el-table-column>
-        <el-table-column v-if="isTopLevel"
-                         prop="categoryName"
-                         label="分类"
-                         width="150"
-                         align="center"></el-table-column>
-        <el-table-column prop="modifyName"
-                         label="编辑人"
-                         align="center">
+      <el-table :data="listData" class="table" ref="table" header-align="center"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center"></el-table-column>
+        <el-table-column type="index" label="序号" width="55" align="center"></el-table-column>
+        <el-table-column prop="modelName" label="模型名称" align="center"></el-table-column>
+        <el-table-column v-if="isTopLevel" prop="categoryName" label="分类" width="150" align="center"></el-table-column>
+        <el-table-column prop="modifyName" label="编辑人" align="center">
 
           <template slot-scope="scope">
             {{ scope.row.schoolName || scope.row.modifyName }}
           </template>
         </el-table-column>
-        <el-table-column prop="updateTime"
-                         label="最新编辑时间"
-                         width="150"
-                         align="center"></el-table-column>
-        <el-table-column prop="workNumber"
-                         label="状态"
-                         width="100"
-                         align="center">
+        <el-table-column prop="updateTime" label="最新编辑时间" width="150" align="center"></el-table-column>
+        <el-table-column prop="workNumber" label="状态" width="100" align="center">
           <template slot-scope="scope">
             {{ scope.row.postStatus ? '已发布' : '草稿' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作"
-                         width="260">
+        <el-table-column label="操作" width="260">
           <template slot-scope="scope">
-            <el-button type="text"
-                       @click="show(scope.row)">查看</el-button>
-            <el-button type="text"
-                       @click="edit(scope.row)">编辑</el-button>
-            <el-button type="text"
-                       @click="del(scope.row)">删除</el-button>
-            <el-button v-if="isSchool"
-                       type="text"
-                       @click="copy(scope.row)">复制</el-button>
-            <el-switch v-if="scope.row.postStatus"
-                       v-model="scope.row.ztOpen"
-                       :active-value="0"
-                       :inactive-value="1"
-                       style="margin: 0 10px 0 5px"
-                       :active-text="scope.row.ztOpen ? '禁用' : '启用'"
-                       @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+            <el-button type="text" @click="show(scope.row)">查看</el-button>
+            <el-button type="text" @click="edit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="del(scope.row)">删除</el-button>
+            <el-button v-if="isSchool" type="text" @click="copy(scope.row)">复制</el-button>
+            <el-switch v-if="scope.row.postStatus" v-model="scope.row.ztOpen" :active-value="0" :inactive-value="1"
+              style="margin: 0 10px 0 5px" :active-text="scope.row.ztOpen ? '禁用' : '启用'"
+              @change="switchOff($event, scope.row, scope.$index)"></el-switch>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       layout="total, prev, pager, next"
-                       :current-page="page"
-                       @current-change="handleCurrentChange"
-                       :total="total"></el-pagination>
+        <el-pagination background layout="total, prev, pager, next" :current-page="page"
+          @current-change="handleCurrentChange" :total="total"></el-pagination>
       </div>
     </div>
 
-    <el-dialog title="复制"
-               :visible.sync="copyVisible"
-               width="400px"
-               center
-               :close-on-click-modal="false">
+    <el-dialog title="复制" :visible.sync="copyVisible" width="400px" center :close-on-click-modal="false">
       <el-form label-position="left">
         <el-form-item label="模型名称">
-          <el-input placeholder="请输入模型名称"
-                    v-model="curRow.modelName"
-                    style="width: 280px"></el-input>
+          <el-input placeholder="请输入模型名称" v-model="curRow.modelName" style="width: 280px"></el-input>
         </el-form-item>
         <el-form-item label="模型分类">
-          <el-cascader :options="categories"
-                       v-model="categoryIdCus"
-                       :props="categoryProps"
-                       clearable
-                       style="width: 280px">
+          <el-cascader :options="categories" v-model="categoryIdCus" :props="categoryProps" clearable
+            style="width: 280px">
           </el-cascader>
         </el-form-item>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
+      <span slot="footer" class="dialog-footer">
         <el-button @click="copyVisible = false">取 消</el-button>
-        <el-button type="primary"
-                   @click="copySubmit">确 定</el-button>
+        <el-button type="primary" @click="copySubmit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -334,20 +274,23 @@ export default {
 </script>
 <style lang="scss" scoped>
 .wrap {
-    display: flex;
-    padding: 0 24px;
-    .side {
-        width: 300px;
-        padding: 24px 10px 24px 0;
-        margin-right: 24px;
-        border-right: 1px solid rgba(0, 0, 0, 0.06);
-    }
-    .right {
-        width: calc(100% - 374px);
-        padding: 24px;
-    }
+  display: flex;
+  padding: 0 24px;
+
+  .side {
+    width: 300px;
+    padding: 24px 10px 24px 0;
+    margin-right: 24px;
+    border-right: 1px solid rgba(0, 0, 0, 0.06);
+  }
+
+  .right {
+    width: calc(100% - 374px);
+    padding: 24px;
+  }
 }
+
 .el-input__inner {
-    height: 32px;
+  height: 32px;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/serve/projectAdd.vue b/src/views/serve/projectAdd.vue
index 0a2592e..f02860f 100644
--- a/src/views/serve/projectAdd.vue
+++ b/src/views/serve/projectAdd.vue
@@ -113,7 +113,7 @@
             style="margin-bottom: 10px">批量删除
           </el-button>
           <div class="draggable">
-            <el-table ref="projectJudgementTable" :data="projectJudgmentData" class="table" stripe header-align="center"
+            <el-table ref="projectJudgementTable" :data="projectJudgmentData" class="table" header-align="center"
               :use-virtual="isLc" :max-height="600" :row-height="60" :border="false"
               @selection-change="handleSelectionProjectJudgment" row-key="judgmentId" v-loading="listLoading">
               <el-table-column type="selection" width="55" align="center"></el-table-column>
@@ -187,7 +187,7 @@
         </div>
       </div>
 
-      <el-table v-loading="visibleLoading" :data="judgementData" ref="judgementTable" class="table" stripe
+      <el-table v-loading="visibleLoading" :data="judgementData" ref="judgementTable" class="table"
         header-align="center" use-virtual :row-height="45" :max-height="400" :border="false"
         @selection-change="handleSelectionJudgment" :row-key="rowKey">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
diff --git a/src/views/serve/projectList.vue b/src/views/serve/projectList.vue
index f1dc2c0..00e346e 100644
--- a/src/views/serve/projectList.vue
+++ b/src/views/serve/projectList.vue
@@ -1,14 +1,10 @@
 <template>
   <div>
-    <el-card v-if="showBack"
-             shadow="hover"
-             class="mgb20">
-      <el-page-header :content="'实验项目管理 / '+titleName"
-                      @back="back"></el-page-header>
+    <el-card v-if="showBack" shadow="hover" class="mgb20">
+      <el-page-header :content="'实验项目管理 / ' + titleName" @back="back"></el-page-header>
     </el-card>
 
-    <el-card shadow="hover"
-             class="mgb20">
+    <el-card shadow="hover" class="mgb20">
       <div>
         <div class="flex-center mgb20">
           <p class="hr_tag"></p>
@@ -19,177 +15,109 @@
         <el-form label-width="80px">
           <el-col :span="4">
             <el-form-item label="来源">
-              <el-select v-model="form.founder"
-                         clearable
-                         placeholder="请选择创建人"
-                         @change="initData">
-                <el-option v-for="(item,index) in founderList"
-                           :key="index"
-                           :label="item.label"
-                           :value="item.value"></el-option>
+              <el-select v-model="form.founder" clearable placeholder="请选择创建人" @change="initData">
+                <el-option v-for="(item, index) in founderList" :key="index" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="状态">
-              <el-select v-model="form.state"
-                         clearable
-                         placeholder="请选择状态"
-                         @change="initData">
-                <el-option v-for="(item,index) in stateList"
-                           :key="index"
-                           :label="item.label"
-                           :value="item.value"></el-option>
+              <el-select v-model="form.state" clearable placeholder="请选择状态" @change="initData">
+                <el-option v-for="(item, index) in stateList" :key="index" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="用途">
-              <el-select v-model="form.permissions"
-                         placeholder="请选择"
-                         @change="initData">
-                <el-option v-for="item in permissionsList"
-                           :key="item.value"
-                           :label="item.label"
-                           :value="item.value"></el-option>
+              <el-select v-model="form.permissions" placeholder="请选择" @change="initData">
+                <el-option v-for="item in permissionsList" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item>
-              <el-input placeholder="请输入项目名称"
-                        prefix-icon="el-icon-search"
-                        v-model="form.projectName"
-                        clearable></el-input>
+              <el-input placeholder="请输入项目名称" prefix-icon="el-icon-search" v-model="form.projectName"
+                clearable></el-input>
             </el-form-item>
           </el-col>
         </el-form>
       </div>
     </el-card>
 
-    <el-card shadow="hover"
-             class="mgb20">
+    <el-card shadow="hover" class="mgb20">
       <div class="flex-between mgb20">
         <div class="flex-center">
           <p class="hr_tag"></p>
           <span>项目列表</span>
         </div>
         <div>
-          <el-button type="primary"
-                     round
-                     @click="add"
-                     class="mag">新增项目</el-button>
-          <el-button type="primary"
-                     round
-                     @click="delAllData">批量删除</el-button>
+          <el-button type="primary" round @click="add" class="mag">新增项目</el-button>
+          <el-button type="primary" round @click="delAllData">批量删除</el-button>
         </div>
       </div>
-      <el-table :data="list"
-                class="table"
-                ref="table"
-                stripe
-                header-align="center"
-                row-key="projectId"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection"
-                         width="55"
-                         align="center"></el-table-column>
-        <el-table-column type="index"
-                         width="100"
-                         label="序号"
-                         align="center">
+      <el-table :data="list" class="table" ref="table" header-align="center" row-key="projectId"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center"></el-table-column>
+        <el-table-column type="index" width="100" label="序号" align="center">
           <template slot-scope="scope">{{ scope.$index + (page - 1) * pageSize + 1 }}</template>
         </el-table-column>
-        <el-table-column prop="projectName"
-                         label="实验项目名称"
-                         min-width="400"
-                         align="center"></el-table-column>
-        <el-table-column prop="founder"
-                         label="来源"
-                         min-width="150"
-                         align="center">
+        <el-table-column prop="projectName" label="实验项目名称" min-width="400" align="center"></el-table-column>
+        <el-table-column prop="founder" label="来源" min-width="150" align="center">
           <template slot-scope="scope">
             {{ founderKeys[scope.row.founder] }}
           </template>
         </el-table-column>
-        <el-table-column prop="creator"
-                         label="创建人"
-                         min-width="140"
-                         align="center">
+        <el-table-column prop="creator" label="创建人" min-width="140" align="center">
           <template slot-scope="scope">
             {{ form.founder == 1 ? scope.row.schoolName : scope.row.creator }}
           </template>
         </el-table-column>
-        <el-table-column label="用途"
-                         min-width="120"
-                         align="center">
+        <el-table-column label="用途" min-width="120" align="center">
           <template slot-scope="scope">
             {{ permissionsKeys[scope.row.permissions] }}
           </template>
         </el-table-column>
-        <el-table-column prop="createTime"
-                         label="创建时间"
-                         min-width="150"
-                         align="center"></el-table-column>
-        <el-table-column prop="status"
-                         label="状态"
-                         min-width="100"
-                         align="center">
+        <el-table-column prop="createTime" label="创建时间" min-width="150" align="center"></el-table-column>
+        <el-table-column prop="status" label="状态" min-width="100" align="center">
           <template slot-scope="scope">
             {{ stateKeys[scope.row.state] }}
           </template>
         </el-table-column>
-        <el-table-column label="操作"
-                         width="300"
-                         align="center">
+        <el-table-column label="操作" width="300" align="center">
           <template slot-scope="scope">
-            <el-button type="text"
-                       @click="edit(scope.row)">
+            <el-button type="text" @click="edit(scope.row)">
               编辑
             </el-button>
-            <el-button type="text"
-                       @click="handleDelete(scope.row.projectId)">
+            <el-button type="text" @click="handleDelete(scope.row.projectId)">
               删除
             </el-button>
-            <el-button type="text"
-                       @click="copyData(scope.row.projectId)">复制</el-button>
-            <el-switch v-if="scope.row.state"
-                       v-model="scope.row.ztOpen"
-                       :active-text="scope.row.ztOpen ? '关闭' : '启用'"
-                       :active-value="0"
-                       :inactive-value="1"
-                       style="margin: 0 10px 0 10px"
-                       @change="switchOff(scope.row)"></el-switch>
+            <el-button type="text" @click="copyData(scope.row.projectId)">复制</el-button>
+            <el-switch v-if="scope.row.state" v-model="scope.row.ztOpen" :active-text="scope.row.ztOpen ? '关闭' : '启用'"
+              :active-value="0" :inactive-value="1" style="margin: 0 10px 0 10px"
+              @change="switchOff(scope.row)"></el-switch>
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination">
-        <el-pagination background
-                       @current-change="handleCurrentChange"
-                       :current-page="page"
-                       layout="total, prev, pager, next"
-                       :total="total"></el-pagination>
+        <el-pagination background @current-change="handleCurrentChange" :current-page="page"
+          layout="total, prev, pager, next" :total="total"></el-pagination>
       </div>
     </el-card>
 
     <!--复制对话框-->
-    <el-dialog title="复制"
-               :visible.sync="copyVisible"
-               width="24%"
-               center
-               :close-on-click-modal="false">
+    <el-dialog title="复制" :visible.sync="copyVisible" width="24%" center :close-on-click-modal="false">
       <el-form>
         <el-form-item>
           <!--前端不用做名称判重了：@change='projectNameExistis'-->
-          <el-input placeholder="请输入项目名称"
-                    v-model="projectName"></el-input>
+          <el-input placeholder="请输入项目名称" v-model="projectName"></el-input>
         </el-form-item>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
+      <span slot="footer" class="dialog-footer">
         <el-button @click="copyVisible = false">取 消</el-button>
-        <el-button type="primary"
-                   @click="copySubmit">确 定</el-button>
+        <el-button type="primary" @click="copySubmit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -439,5 +367,4 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/shop/add.vue b/src/views/shop/add.vue
index 910274d..0608d8e 100644
--- a/src/views/shop/add.vue
+++ b/src/views/shop/add.vue
@@ -404,7 +404,7 @@
       </div>
       <el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="productKeyword" clearable
         style="width: 200px;margin-bottom: 10px;"></el-input>
-      <el-table :data="products" class="table" ref="table" stripe header-align="center" row-key="id">
+      <el-table :data="products" class="table" ref="table" header-align="center" row-key="id">
         <el-table-column width="80" align="center">
           <template slot-scope="scope">
             <el-radio class="product-radio" v-model="selectProduct" :label="scope.row.cid"></el-radio>
diff --git a/src/views/shop/list.vue b/src/views/shop/list.vue
index f78eae2..15da933 100644
--- a/src/views/shop/list.vue
+++ b/src/views/shop/list.vue
@@ -43,8 +43,8 @@
       </div>
     </div>
 
-    <el-table :data="list" class="table" ref="table" stripe header-align="center"
-      @selection-change="handleSelectionChange" row-key="id" @sort-change="sortChange">
+    <el-table :data="list" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id" @sort-change="sortChange">
       <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
       <el-table-column type="index" width="100" label="序号" align="center">
         <template slot-scope="scope">
@@ -216,11 +216,11 @@ export default {
     },
     addCourse () {
       this.setReferrer()
-      this.$router.push("/shop/addProduct");
+      this.$router.push("/shop/add");
     },
     edit (row, show = 0) {
       this.setReferrer()
-      this.$router.push(`/shop/addProduct?id=${row.mallId}&show=${show}`)
+      this.$router.push(`/shop/add?id=${row.mallId}&show=${show}`)
     },
     handleDelete (row) {
       this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
diff --git a/src/views/system/dic.vue b/src/views/system/dic.vue
index b471bfe..fde2254 100644
--- a/src/views/system/dic.vue
+++ b/src/views/system/dic.vue
@@ -1,270 +1,267 @@
 <template>
-    <div class="page">
-        <h6 class="p-title">筛选</h6>
-        <div class="tool">
-            <ul class="filter">
-                <li>
-                    <el-input placeholder="请输入字典名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
-                </li>
-            </ul>
-            <div>
-                <el-button type="primary" round @click="addRole">新增角色</el-button>
-                <el-button type="primary" round @click="delAllSelection">批量删除</el-button>
-            </div>
-        </div>
-
-        <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys">
-            <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column>
-            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-            <el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column>
-            <el-table-column label="角色描述" min-width="400" align="center">
-                <template slot-scope="scope">
-                    <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" width="200">
-                <template slot-scope="scope">
-                    <el-button type="text" @click="showRole(scope.row)">查看</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)">编辑</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)">删除</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination>
-        </div>
+  <div class="page">
+    <h6 class="p-title">筛选</h6>
+    <div class="tool">
+      <ul class="filter">
+        <li>
+          <el-input placeholder="请输入字典名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
+        </li>
+      </ul>
+      <div>
+        <el-button type="primary" round @click="addRole">新增角色</el-button>
+        <el-button type="primary" round @click="delAllSelection">批量删除</el-button>
+      </div>
+    </div>
 
-        <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false">
-            <el-form ref="form" label-width="80px" :disabled="isDetail">
-                <el-form-item label="角色名称">
-                    <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
-                </el-form-item>
-                <el-form-item label="角色描述">
-                    <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
-                </el-form-item>
-                <el-form-item prop="role" label="角色权限">
-                    <div style="max-height: 300px; overflow: auto">
-                        <el-tree
-                            ref="per"
-                            :data="permissions"
-                            show-checkbox
-                            default-expand-all
-                            node-key="id"
-                            :default-expanded-keys="checkedIds"
-                            :default-checked-keys="checkedIds"
-                            :props="defaultProps">
-                        </el-tree>
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer" v-if="!isDetail">
-                <el-button @click="roleVisible = false">取 消</el-button>
-                <el-button type="primary" @click="saveData">确 定</el-button>
-            </span>
-        </el-dialog>
+    <el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      :row-key="getRowKeys">
+      <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable"
+        :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+      <el-table-column prop="roleName" label="角色名称" align="center" min-width="250"
+        show-overflow-tooltip></el-table-column>
+      <el-table-column label="角色描述" min-width="400" align="center">
+        <template slot-scope="scope">
+          <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="showRole(scope.row)">查看</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)">编辑</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text"
+            @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+        :total="total"></el-pagination>
     </div>
+
+    <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%"
+      @close="closeRole" class="dialog" :close-on-click-modal="false">
+      <el-form ref="form" label-width="80px" :disabled="isDetail">
+        <el-form-item label="角色名称">
+          <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
+        </el-form-item>
+        <el-form-item label="角色描述">
+          <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
+        </el-form-item>
+        <el-form-item prop="role" label="角色权限">
+          <div style="max-height: 300px; overflow: auto">
+            <el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id"
+              :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps">
+            </el-tree>
+          </div>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer" v-if="!isDetail">
+        <el-button @click="roleVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveData">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import Setting from "@/setting";
 export default {
-    data() {
-        return {
-            keyword: "",
-            searchTimer: null,
-            isDetail: false,
-            form: {
-                id: "",
-                roleName: "",
-                remark: ""
-            },
-            listData: [],
-            defaultProps: {
-                children: "children",
-                label: "name"
-            },
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            multipleSelection: [],
-            isAdd: true,
-            roleVisible: false,
-            permissions: [],
-            checkedIds: [],
-            roleNameReapeat: false // 角色名称是否重复
-        };
+  data () {
+    return {
+      keyword: "",
+      searchTimer: null,
+      isDetail: false,
+      form: {
+        id: "",
+        roleName: "",
+        remark: ""
+      },
+      listData: [],
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      multipleSelection: [],
+      isAdd: true,
+      roleVisible: false,
+      permissions: [],
+      checkedIds: [],
+      roleNameReapeat: false // 角色名称是否重复
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.getData();
+      }, 500);
+    }
+  },
+  mounted () {
+    // this.getData();
+  },
+  methods: {
+    getData () {
+      this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=1`).then(res => {
+        this.listData = res.rolePage.records;
+        this.total = res.rolePage.total;
+      }).catch(res => { });
+    },
+    currentChange (val) {
+      this.page = val;
+      this.getData();
     },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer);
-            this.searchTimer = setTimeout(() => {
-                this.getData();
-            }, 500);
-        }
+    handleDelete (row) {
+      this.$confirm("确定要删除吗？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
+          this.$message.success("删除成功");
+          this.getData();
+        }).catch(res => { });
+      }).catch(() => { });
     },
-    mounted() {
-        // this.getData();
+    getRowKeys (row) {
+      return row.id;
     },
-    methods: {
-        getData() {
-            this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=1`).then(res => {
-                this.listData = res.rolePage.records;
-                this.total = res.rolePage.total;
-            }).catch(res => {});
-        },
-        currentChange(val) {
-            this.page = val;
+    handleSelectionChange (val) {
+      this.multipleSelection = val;
+    },
+    delAllSelection () {
+      if (this.multipleSelection.length) {
+        this.$confirm("确定要删除吗？", "提示", {
+          type: "warning"
+        }).then(() => {
+          let ids = this.multipleSelection.map(item => {
+            return item.id;
+          });
+          this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
+            this.$refs.table.clearSelection();
+            this.$message.success("删除成功");
             this.getData();
-        },
-        handleDelete(row) {
-            this.$confirm("确定要删除吗？", "提示", {
-                type: "warning"
-            }).then(() => {
-                this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
-                    this.$message.success("删除成功");
-                    this.getData();
-                }).catch(res => {});
-            }).catch(() => {});
-        },
-        getRowKeys(row) {
-            return row.id;
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val;
-        },
-        delAllSelection() {
-            if (this.multipleSelection.length) {
-                this.$confirm("确定要删除吗？", "提示", {
-                    type: "warning"
-                }).then(() => {
-                    let ids = this.multipleSelection.map(item => {
-                        return item.id;
-                    });
-                    this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
-                        this.$refs.table.clearSelection();
-                        this.$message.success("删除成功");
-                        this.getData();
-                    }).catch(res => {});
-                    if(this.multipleSelection.length === this.listData.length && this.page>1) {
-                        this.handleCurrentChange(this.page - 1)
-                    }
-                }).catch(() => {});
-            } else {
-                this.$message.error("请先选择数据！");
-            }
-        },
-        practiceSelectable(row, index){
-            let boolean = true;
-            if(row.roleName == '超级管理员'){
-                boolean = false
-            }else{
-                boolean = true
-            }
-            return boolean;
-        },
-        closeRole() {
-            this.isDetail = false;
-            this.form = {
-                id: "",
-                roleName: "",
-                remark: ""
-            };
-            this.checkedIds = [];
-            this.permissions = [];
-        },
-        // 获取权限菜单
-        getPer(row) {
-            if (!this.permissions.length) {
-                this.$get(`${this.api.queryAllMenus}?platformId=${Setting.platformId}`).then(res => {
-                    let data = res.children;
-                    // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
-                    let yw = data.findIndex(n => n.name == "业务后台");
-                    yw != -1 && data.splice(yw, 1);
-                    try {
-                        let system = data.findIndex(n => n.name == "系统设置");
+          }).catch(res => { });
+          if (this.multipleSelection.length === this.listData.length && this.page > 1) {
+            this.handleCurrentChange(this.page - 1)
+          }
+        }).catch(() => { });
+      } else {
+        this.$message.error("请先选择数据！");
+      }
+    },
+    practiceSelectable (row, index) {
+      let boolean = true;
+      if (row.roleName == '超级管理员') {
+        boolean = false
+      } else {
+        boolean = true
+      }
+      return boolean;
+    },
+    closeRole () {
+      this.isDetail = false;
+      this.form = {
+        id: "",
+        roleName: "",
+        remark: ""
+      };
+      this.checkedIds = [];
+      this.permissions = [];
+    },
+    // 获取权限菜单
+    getPer (row) {
+      if (!this.permissions.length) {
+        this.$get(`${this.api.queryAllMenus}?platformId=${Setting.platformId}`).then(res => {
+          let data = res.children;
+          // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
+          let yw = data.findIndex(n => n.name == "业务后台");
+          yw != -1 && data.splice(yw, 1);
+          try {
+            let system = data.findIndex(n => n.name == "系统设置");
 
-                        if (system != -1) {
-                            data[system].children[1].children.splice(4, 1);
-                            data[system].children[1].children.splice(1, 1);
-                            data[system].children[1].children.splice(0, 1);
-                        }
-                    } catch (error) {
-                    }
-                    this.permissions = data;
-                    if (row) {
-                        this.getDetail(row);
-                    }
-                }).catch(res => {
-                });
-            }
-        },
-        addRole() {
-            this.isAdd = true;
-            this.getPer();
-            this.checkedIds = [];
-            this.permissions.length && this.$refs.per.setCheckedNodes([]);
-            this.roleVisible = true;
-        },
-        // 递归处理勾选的权限
-        handleRolePer(data, permissions) {
-            let result = data;
-            if (permissions.length) {
-                permissions.map(e => {
-                    if (result.includes(e.id) && e.children) {
-                        // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
-                        e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
-                    }
-                    e.children && e.children.length && this.handleRolePer(data, e.children);
-                });
-            }
-            return result;
-        },
-        async getDetail(row) { // 查询详情
-            let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
-            this.form = res.role;
-            this.form.id = row.id;
-            this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
-            this.$refs.per.setCheckedNodes(this.checkedIds);
-        },
-        showRole(row) {
-            this.isDetail = true;
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        editRole(row) {
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        async saveData() {
-            if (!this.form.roleName) return this.$message.warning("请填写角色名称");
-            if (!this.form.remark) return this.$message.warning("请填写角色描述");
-            if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
-            // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
-            let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()];
-            let data = {
-                ...this.form,
-                permissionId,
-                platformId:1,
-            };
-            if (this.form.id) {
-                this.$post(this.api.saveOrUpdate, data).then(res => {
-                    this.$message.success("修改成功");
-                    this.getData();
-                    this.roleVisible = false;
-                }).catch(res => {});
-            } else {
-                this.$post(this.api.saveOrUpdate, data).then(res => {
-                    this.$message.success("新增成功");
-                    this.getData();
-                    this.roleVisible = false;
-                }).catch(res => {});
+            if (system != -1) {
+              data[system].children[1].children.splice(4, 1);
+              data[system].children[1].children.splice(1, 1);
+              data[system].children[1].children.splice(0, 1);
             }
-        }
+          } catch (error) {
+          }
+          this.permissions = data;
+          if (row) {
+            this.getDetail(row);
+          }
+        }).catch(res => {
+        });
+      }
+    },
+    addRole () {
+      this.isAdd = true;
+      this.getPer();
+      this.checkedIds = [];
+      this.permissions.length && this.$refs.per.setCheckedNodes([]);
+      this.roleVisible = true;
+    },
+    // 递归处理勾选的权限
+    handleRolePer (data, permissions) {
+      let result = data;
+      if (permissions.length) {
+        permissions.map(e => {
+          if (result.includes(e.id) && e.children) {
+            // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
+            e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
+          }
+          e.children && e.children.length && this.handleRolePer(data, e.children);
+        });
+      }
+      return result;
+    },
+    async getDetail (row) { // 查询详情
+      let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
+      this.form = res.role;
+      this.form.id = row.id;
+      this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
+      this.$refs.per.setCheckedNodes(this.checkedIds);
+    },
+    showRole (row) {
+      this.isDetail = true;
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    editRole (row) {
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    async saveData () {
+      if (!this.form.roleName) return this.$message.warning("请填写角色名称");
+      if (!this.form.remark) return this.$message.warning("请填写角色描述");
+      if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
+      // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
+      let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()];
+      let data = {
+        ...this.form,
+        permissionId,
+        platformId: 1,
+      };
+      if (this.form.id) {
+        this.$post(this.api.saveOrUpdate, data).then(res => {
+          this.$message.success("修改成功");
+          this.getData();
+          this.roleVisible = false;
+        }).catch(res => { });
+      } else {
+        this.$post(this.api.saveOrUpdate, data).then(res => {
+          this.$message.success("新增成功");
+          this.getData();
+          this.roleVisible = false;
+        }).catch(res => { });
+      }
     }
+  }
 };
 </script>
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/system/log.vue b/src/views/system/log.vue
index 49770e6..384cd5b 100644
--- a/src/views/system/log.vue
+++ b/src/views/system/log.vue
@@ -1,94 +1,93 @@
 <template>
-    <div class="page">
-        <h6 class="p-title">筛选</h6>
-        <div class="tool">
-            <ul class="filter">
-                <li>
-                    <el-input placeholder="请输入平台名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
-                </li>
-            </ul>
-        </div>
+  <div class="page">
+    <h6 class="p-title">筛选</h6>
+    <div class="tool">
+      <ul class="filter">
+        <li>
+          <el-input placeholder="请输入平台名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
+        </li>
+      </ul>
+    </div>
 
-        <el-table :data="listData" class="table" ref="table" stripe header-align="center" row-key="id">
-            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-            <el-table-column prop="name" label="平台名称" align="center" min-width="250" show-overflow-tooltip></el-table-column>
-            <el-table-column prop="versionName" label="最新版本名称" align="center"></el-table-column>
-            <el-table-column prop="roleName" label="最新版本状态" align="center">
-                <template slot-scope="scope">
-                    {{ scope.row.draft ? '草稿箱' : '已发布' }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="updateTime" label="最近编辑" align="center"></el-table-column>
-            <el-table-column prop="versionNum" label="版本数" align="center"></el-table-column>
-            <el-table-column label="操作" align="center" width="200">
-                <template slot-scope="scope">
-                    <el-button type="text" @click="toManage(scope.row)" v-auth="'/system:日志更新:管理'">管理</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination>
-        </div>
+    <el-table :data="listData" class="table" ref="table" header-align="center" row-key="id">
+      <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+      <el-table-column prop="name" label="平台名称" align="center" min-width="250" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="versionName" label="最新版本名称" align="center"></el-table-column>
+      <el-table-column prop="roleName" label="最新版本状态" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.draft ? '草稿箱' : '已发布' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="updateTime" label="最近编辑" align="center"></el-table-column>
+      <el-table-column prop="versionNum" label="版本数" align="center"></el-table-column>
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="toManage(scope.row)" v-auth="'/system:日志更新:管理'">管理</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+        :total="total"></el-pagination>
     </div>
+  </div>
 </template>
 
 <script>
 import Setting from '@/setting'
 export default {
-    data() {
-        return {
-            keyword: "",
-            searchTimer: null,
-            platformList: Setting.platformList,
-            form: {
-                id: "",
-                roleName: "",
-                remark: ""
-            },
-            listDataAll: [],
-            listData: [],
-            page: 1,
-            pageSize: 10,
-            total: 0
-        };
-    },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer);
-            this.searchTimer = setTimeout(() => {
-              const list = this.listData
-              this.listData = val ? list.filter(e => e.name.includes(val)) : this.listDataAll
-              this.total = this.listData.length
-            }, 500);
-        }
+  data () {
+    return {
+      keyword: "",
+      searchTimer: null,
+      platformList: Setting.platformList,
+      form: {
+        id: "",
+        roleName: "",
+        remark: ""
+      },
+      listDataAll: [],
+      listData: [],
+      page: 1,
+      pageSize: 10,
+      total: 0
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        const list = this.listData
+        this.listData = val ? list.filter(e => e.name.includes(val)) : this.listDataAll
+        this.total = this.listData.length
+      }, 500);
+    }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.$get(`${this.api.logManagementList}?search=${this.keyword}`).then(res => {
+        const list = res.logManagementListVo
+        const platformList = this.platformList
+        list.map(e => {
+          const item = platformList.find(n => n.id === e.platformId)
+          if (item) e.name = item.name
+        })
+        this.listDataAll = res.logManagementListVo
+        this.listData = res.logManagementListVo
+        this.total = this.listData.length
+      }).catch(res => { })
     },
-    mounted() {
-        this.getData()
+    currentChange (val) {
+      this.page = val;
+      this.getData();
     },
-    methods: {
-        getData() {
-            this.$get(`${this.api.logManagementList}?search=${this.keyword}`).then(res => {
-              const list = res.logManagementListVo
-              const platformList = this.platformList
-              list.map(e => {
-                const item = platformList.find(n => n.id === e.platformId)
-                if (item) e.name = item.name
-              })
-              this.listDataAll = res.logManagementListVo
-              this.listData = res.logManagementListVo
-              this.total = this.listData.length
-            }).catch(res => {})
-        },
-        currentChange(val) {
-            this.page = val;
-            this.getData();
-        },
-        toManage(row) {
-            this.$router.push(`/manageLog?platformId=${row.platformId}`)
-        }
+    toManage (row) {
+      this.$router.push(`/manageLog?platformId=${row.platformId}`)
     }
+  }
 };
 </script>
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/system/role.vue b/src/views/system/role.vue
index 1e6e90e..f14db20 100644
--- a/src/views/system/role.vue
+++ b/src/views/system/role.vue
@@ -1,379 +1,382 @@
 <template>
-    <div class="page">
-        <h6 class="p-title">筛选</h6>
-        <div class="tool">
-            <ul class="filter">
-                <li>
-                    <el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
-                </li>
-            </ul>
-            <div>
-                <el-button type="primary" round @click="addRole" v-auth="'/system:角色权限:新增角色'">新增角色</el-button>
-                <el-button type="primary" round @click="delAllSelection" v-auth="'/system:角色权限:批量删除'">批量删除</el-button>
-            </div>
-        </div>
-
-        <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys">
-            <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column>
-            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-            <el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column>
-            <el-table-column label="角色描述" min-width="400" align="center">
-                <template slot-scope="scope">
-                    <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" width="200">
-                <template slot-scope="scope">
-                    <el-button type="text" @click="showRole(scope.row)" v-auth="'/system:角色权限:查看'">查看</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" v-auth="'/system:角色权限:编辑'">编辑</el-button>
-                    <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)" v-auth="'/system:角色权限:删除'">删除</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination>
-        </div>
+  <div class="page">
+    <h6 class="p-title">筛选</h6>
+    <div class="tool">
+      <ul class="filter">
+        <li>
+          <el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input>
+        </li>
+      </ul>
+      <div>
+        <el-button type="primary" round @click="addRole" v-auth="'/system:角色权限:新增角色'">新增角色</el-button>
+        <el-button type="primary" round @click="delAllSelection" v-auth="'/system:角色权限:批量删除'">批量删除</el-button>
+      </div>
+    </div>
 
-        <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false">
-            <el-form ref="form" label-width="80px" :disabled="isDetail">
-                <el-form-item label="角色名称">
-                    <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
-                </el-form-item>
-                <el-form-item label="角色描述">
-                    <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
-                </el-form-item>
-                <el-form-item prop="role" label="角色权限">
-                    <div style="max-height: 300px; overflow: auto">
-                        <el-tree
-                          ref="per"
-                          :data="permissions"
-                          show-checkbox
-                          default-expand-all
-                          node-key="id"
-                          :default-expanded-keys="checkedIds"
-                          :default-checked-keys="checkedIds"
-                          :props="defaultProps">
-                          <span class="custom-tree-node" slot-scope="{ node, data }">
-                            <span>{{ node.label }}</span>
-                            <span v-if="datas.includes(node.label)" class="data" @click.stop="showData(data, node)">数据权限</span>
-                            <span v-if="data.supplierNames">({{ data.supplierNames }})</span>
-                          </span>
-                        </el-tree>
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer" v-if="!isDetail">
-                <el-button @click="roleVisible = false">取 消</el-button>
-                <el-button type="primary" @click="saveData">确 定</el-button>
-            </span>
-        </el-dialog>
-        
-        <el-dialog title="数据权限设置" :visible.sync="dataVisible" width="500px" class="data-dia" :close-on-click-modal="false">
-            <p class="title">请选择要关联的供应商系统</p>
-            <div class="checks">
-              <el-checkbox v-model="dataCheckAll" @change="checkAll">全部</el-checkbox>
-              <el-checkbox v-for="(item, i) in suppliers" :key="i" v-model="item.check" @change="supChange">{{ item.supplierName }}</el-checkbox>
-            </div>
-            <span slot="footer" class="dialog-footer" v-if="!isDetail">
-                <el-button @click="dataVisible = false">取 消</el-button>
-                <el-button type="primary" @click="dataSubmit">确 定</el-button>
-            </span>
-        </el-dialog>
+    <el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      :row-key="getRowKeys">
+      <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable"
+        :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+      <el-table-column prop="roleName" label="角色名称" align="center" min-width="250"
+        show-overflow-tooltip></el-table-column>
+      <el-table-column label="角色描述" min-width="400" align="center">
+        <template slot-scope="scope">
+          <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="showRole(scope.row)" v-auth="'/system:角色权限:查看'">查看</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)"
+            v-auth="'/system:角色权限:编辑'">编辑</el-button>
+          <el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text"
+            @click="handleDelete(scope.row)" v-auth="'/system:角色权限:删除'">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+        :total="total"></el-pagination>
     </div>
+
+    <el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%"
+      @close="closeRole" class="dialog" :close-on-click-modal="false">
+      <el-form ref="form" label-width="80px" :disabled="isDetail">
+        <el-form-item label="角色名称">
+          <el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input>
+        </el-form-item>
+        <el-form-item label="角色描述">
+          <el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input>
+        </el-form-item>
+        <el-form-item prop="role" label="角色权限">
+          <div style="max-height: 300px; overflow: auto">
+            <el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id"
+              :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps">
+              <span class="custom-tree-node" slot-scope="{ node, data }">
+                <span>{{ node.label }}</span>
+                <span v-if="datas.includes(node.label)" class="data" @click.stop="showData(data, node)">数据权限</span>
+                <span v-if="data.supplierNames">({{ data.supplierNames }})</span>
+              </span>
+            </el-tree>
+          </div>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer" v-if="!isDetail">
+        <el-button @click="roleVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveData">确 定</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog title="数据权限设置" :visible.sync="dataVisible" width="500px" class="data-dia" :close-on-click-modal="false">
+      <p class="title">请选择要关联的供应商系统</p>
+      <div class="checks">
+        <el-checkbox v-model="dataCheckAll" @change="checkAll">全部</el-checkbox>
+        <el-checkbox v-for="(item, i) in suppliers" :key="i" v-model="item.check" @change="supChange">{{
+          item.supplierName
+        }}</el-checkbox>
+      </div>
+      <span slot="footer" class="dialog-footer" v-if="!isDetail">
+        <el-button @click="dataVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dataSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import Setting from "@/setting";
 export default {
-    data() {
-        return {
-            keyword: "",
-            searchTimer: null,
-            isDetail: false,
-            form: {
-                id: "",
-                roleName: "",
-                remark: ""
-            },
-            listData: [],
-            defaultProps: {
-                children: "children",
-                label: "name"
-            },
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            multipleSelection: [],
-            isAdd: true,
-            roleVisible: false,
-            permissions: [],
-            checkedIds: [],
-            roleNameReapeat: false, // 角色名称是否重复
-            datas: ['客户管理', '订单管理', '课程管理', '服务配置'], // 需要勾选数据权限的模块
-            dataVisible: false,
-            suppliers: [],
-            dataCheckAll: false,
-            curData: {},
-        };
+  data () {
+    return {
+      keyword: "",
+      searchTimer: null,
+      isDetail: false,
+      form: {
+        id: "",
+        roleName: "",
+        remark: ""
+      },
+      listData: [],
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      multipleSelection: [],
+      isAdd: true,
+      roleVisible: false,
+      permissions: [],
+      checkedIds: [],
+      roleNameReapeat: false, // 角色名称是否重复
+      datas: ['客户管理', '订单管理', '课程管理', '服务配置'], // 需要勾选数据权限的模块
+      dataVisible: false,
+      suppliers: [],
+      dataCheckAll: false,
+      curData: {},
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.getData();
+      }, 500);
+    }
+  },
+  mounted () {
+    this.getData()
+    this.getSupplier()
+  },
+  methods: {
+    getData () {
+      this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${Setting.platformId}&port=0`).then(res => {
+        this.listData = res.rolePage.records;
+        this.total = res.rolePage.total;
+      }).catch(res => { });
     },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer);
-            this.searchTimer = setTimeout(() => {
-                this.getData();
-            }, 500);
-        }
+    // 获取供应商
+    getSupplier (data) {
+      this.$get(this.api.getSupplierList).then(res => {
+        this.suppliers = res.supplierList
+      }).catch(res => { })
+    },
+    currentChange (val) {
+      this.page = val;
+      this.getData();
+    },
+    handleDelete (row) {
+      this.$confirm("确定要删除吗？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
+          this.$message.success("删除成功");
+          this.getData();
+        }).catch(res => { });
+      }).catch(() => { });
+    },
+    getRowKeys (row) {
+      return row.id;
     },
-    mounted() {
-        this.getData()
-        this.getSupplier()
+    handleSelectionChange (val) {
+      this.multipleSelection = val;
     },
-    methods: {
-        getData() {
-            this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${Setting.platformId}&port=0`).then(res => {
-                this.listData = res.rolePage.records;
-                this.total = res.rolePage.total;
-            }).catch(res => {});
-        },
-        // 获取供应商
-        getSupplier(data) {
-          this.$get(this.api.getSupplierList).then(res => {
-            this.suppliers = res.supplierList
-          }).catch(res => {})
-        },
-        currentChange(val) {
-            this.page = val;
+    delAllSelection () {
+      if (this.multipleSelection.length) {
+        this.$confirm("确定要删除吗？", "提示", {
+          type: "warning"
+        }).then(() => {
+          let ids = this.multipleSelection.map(item => {
+            return item.id;
+          });
+          this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
+            this.$refs.table.clearSelection();
+            this.$message.success("删除成功");
             this.getData();
-        },
-        handleDelete(row) {
-            this.$confirm("确定要删除吗？", "提示", {
-                type: "warning"
-            }).then(() => {
-                this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => {
-                    this.$message.success("删除成功");
-                    this.getData();
-                }).catch(res => {});
-            }).catch(() => {});
-        },
-        getRowKeys(row) {
-            return row.id;
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val;
-        },
-        delAllSelection() {
-            if (this.multipleSelection.length) {
-                this.$confirm("确定要删除吗？", "提示", {
-                    type: "warning"
-                }).then(() => {
-                    let ids = this.multipleSelection.map(item => {
-                        return item.id;
-                    });
-                    this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => {
-                        this.$refs.table.clearSelection();
-                        this.$message.success("删除成功");
-                        this.getData();
-                    }).catch(res => {});
-                    if(this.multipleSelection.length === this.listData.length && this.page>1) {
-                        this.handleCurrentChange(this.page - 1)
-                    }
-                }).catch(() => {});
-            } else {
-                this.$message.error("请先选择数据！");
-            }
-        },
-        practiceSelectable(row, index){
-            let boolean = true;
-            if(row.roleName == '超级管理员'){
-                boolean = false
-            }else{
-                boolean = true
-            }
-            return boolean;
-        },
-        closeRole() {
-            this.isDetail = false;
-            this.form = {
-                id: "",
-                roleName: "",
-                remark: ""
-            };
-            this.checkedIds = [];
-            this.permissions = [];
-        },
-        // 获取权限菜单
-        getPer(row) {
-            if (!this.permissions.length) {
-                this.$get(`${this.api.queryAllMenus}?platformId=${Setting.platformId}`).then(res => {
-                    let data = res.children;
-                    // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
-                    let yw = data.findIndex(n => n.name == "业务后台");
-                    yw != -1 && data.splice(yw, 1);
-                    try {
-                        let system = data.findIndex(n => n.name == "系统设置");
+          }).catch(res => { });
+          if (this.multipleSelection.length === this.listData.length && this.page > 1) {
+            this.handleCurrentChange(this.page - 1)
+          }
+        }).catch(() => { });
+      } else {
+        this.$message.error("请先选择数据！");
+      }
+    },
+    practiceSelectable (row, index) {
+      let boolean = true;
+      if (row.roleName == '超级管理员') {
+        boolean = false
+      } else {
+        boolean = true
+      }
+      return boolean;
+    },
+    closeRole () {
+      this.isDetail = false;
+      this.form = {
+        id: "",
+        roleName: "",
+        remark: ""
+      };
+      this.checkedIds = [];
+      this.permissions = [];
+    },
+    // 获取权限菜单
+    getPer (row) {
+      if (!this.permissions.length) {
+        this.$get(`${this.api.queryAllMenus}?platformId=${Setting.platformId}`).then(res => {
+          let data = res.children;
+          // 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理
+          let yw = data.findIndex(n => n.name == "业务后台");
+          yw != -1 && data.splice(yw, 1);
+          try {
+            let system = data.findIndex(n => n.name == "系统设置");
 
-                        if (system != -1) {
-                            data[system].children[1].children.splice(4, 1);
-                            data[system].children[1].children.splice(1, 1);
-                            data[system].children[1].children.splice(0, 1);
-                        }
-                    } catch (error) {
-                    }
-                    // 默认全部供应商都勾选，并且至少要勾选一个
-                    const { datas, suppliers } = this
-                    const ids = suppliers.map(e => e.supplierId)
-                    data[0].children.map(e => {
-                      if (datas.includes(e.name)) {
-                        e.supplierNames = ''
-                        if (!row) {
-                          e.supplierIds = ids
-                        }
-                        
-                      }
-                    })
-                    this.permissions = data;
-                    if (row) {
-                        this.getDetail(row);
-                    }
-                }).catch(res => {
-                });
-            }
-        },
-        addRole() {
-            this.isAdd = true;
-            this.getPer();
-            this.checkedIds = [];
-            this.permissions.length && this.$refs.per.setCheckedNodes([]);
-            this.roleVisible = true;
-        },
-        // 数据权限全选
-        checkAll(val) {
-          this.suppliers.map(e => e.check = val)
-        },
-        // 数据权限回调
-        supChange(val) {
-          this.dataCheckAll = !this.suppliers.find(e => !e.check)
-        },
-        // 展示数据权限弹框
-        showData(data, node) {
-          this.curData = data
-          this.dataVisible = true
-          const list = this.suppliers
-          let ids = data.supplierIds
-          list.map(e => this.$set(e, 'check', ids ? ids.includes(e.supplierId) : false))
-          this.suppliers = list
-          this.dataCheckAll = !list.find(e => !e.check)
-        },
-        // 数据权限确定
-        dataSubmit() {
-          const ids = []
-          let names = []
-          this.suppliers.filter(e => e.check).map(e => {
-            ids.push(e.supplierId)
-            names.push(e.supplierName)
-          })
-          names = this.dataCheckAll ? '全部' : names.join()
-          if (!ids.length) return this.$message.warning('请至少勾选一个供应商') 
-          const { id } = this.curData
-          this.permissions[0].children.map(e => {
-            // 给当前选择的权限赋上供应商id，提交的时候一起处理
-            if (e.id == id) {
-              e.supplierIds = ids
-              e.supplierNames = names
-            }
-          })
-          this.dataVisible = false
-        },
-        // 递归处理勾选的权限
-        handleRolePer(data, permissions) {
-            let result = data;
-            if (permissions.length) {
-                permissions.map(e => {
-                    if (result.includes(e.id) && e.children) {
-                        // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
-                        e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
-                    }
-                    e.children && e.children.length && this.handleRolePer(data, e.children);
-                });
+            if (system != -1) {
+              data[system].children[1].children.splice(4, 1);
+              data[system].children[1].children.splice(1, 1);
+              data[system].children[1].children.splice(0, 1);
             }
-            return result;
-        },
-        async getDetail(row) { // 查询详情
-            let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
-            this.form = res.role;
-            this.form.id = row.id
-            const checked = res.permissionList
-            const per = res.permissionVoList
-            const ids = this.suppliers.map(e => e.supplierId)
-            const len = ids.length
-            // 把勾选了的权限赋值为supplierIds
-            this.permissions[0].children.map(e => {
-              const sup = per.find(n => n.permissionId == e.id)
-              // 如果有数据权限，直接取值；或者没有勾选该权限，则直接勾选全部数据权限
-              if (sup) {
-                e.supplierIds = sup.supplierId.split(',').map(e => +e)
-                e.supplierNames = sup.supplierName.split(',').length === len ? '全部' : sup.supplierName
-              } else if (!checked.includes(e.id)) {
+          } catch (error) {
+          }
+          // 默认全部供应商都勾选，并且至少要勾选一个
+          const { datas, suppliers } = this
+          const ids = suppliers.map(e => e.supplierId)
+          data[0].children.map(e => {
+            if (datas.includes(e.name)) {
+              e.supplierNames = ''
+              if (!row) {
                 e.supplierIds = ids
               }
-            })
-            console.log(33, this.permissions)
-            this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
-            this.$refs.per.setCheckedNodes(this.checkedIds);
-        },
-        showRole(row) {
-            this.isDetail = true;
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        editRole(row) {
-            this.isAdd = false;
-            this.getPer(row);
-            this.roleVisible = true;
-        },
-        async saveData() {
-          const { form, datas } = this
-          if (!form.roleName) return this.$message.warning("请填写角色名称");
-          if (!form.remark) return this.$message.warning("请填写角色描述");
-          const tree = this.$refs.per
-          if (!tree.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
-          // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
-          const checks = [...this.$refs.per.getHalfCheckedNodes(), ...this.$refs.per.getCheckedNodes()];
-          const ids = []
-          const roleId = form.id
-          // 处理数据权限id
-          checks.map(e => {
-            // 能勾选数据权限的菜单，并且选择了供应商的
-            if (datas.includes(e.name) && e.supplierIds) {
-              e.supplierIds.map(n => {
-                ids.push({
-                  permissionId: e.id,
-                  roleId,
-                  supplierId: n
-                })
-              })
+
             }
           })
-          this.$post(this.api.saveOrUpdate, {
-              ...this.form,
-              permissionId: [...tree.getHalfCheckedKeys(), ...tree.getCheckedKeys()],
-              dataPermissionList: ids,
-              platformId: Setting.platformId,
-          }).then(res => {
-              this.$message.success(form.id ? "修改成功" : "新增成功");
-              this.getData();
-              this.roleVisible = false;
-          }).catch(res => {});
+          this.permissions = data;
+          if (row) {
+            this.getDetail(row);
+          }
+        }).catch(res => {
+        });
+      }
+    },
+    addRole () {
+      this.isAdd = true;
+      this.getPer();
+      this.checkedIds = [];
+      this.permissions.length && this.$refs.per.setCheckedNodes([]);
+      this.roleVisible = true;
+    },
+    // 数据权限全选
+    checkAll (val) {
+      this.suppliers.map(e => e.check = val)
+    },
+    // 数据权限回调
+    supChange (val) {
+      this.dataCheckAll = !this.suppliers.find(e => !e.check)
+    },
+    // 展示数据权限弹框
+    showData (data, node) {
+      this.curData = data
+      this.dataVisible = true
+      const list = this.suppliers
+      let ids = data.supplierIds
+      list.map(e => this.$set(e, 'check', ids ? ids.includes(e.supplierId) : false))
+      this.suppliers = list
+      this.dataCheckAll = !list.find(e => !e.check)
+    },
+    // 数据权限确定
+    dataSubmit () {
+      const ids = []
+      let names = []
+      this.suppliers.filter(e => e.check).map(e => {
+        ids.push(e.supplierId)
+        names.push(e.supplierName)
+      })
+      names = this.dataCheckAll ? '全部' : names.join()
+      if (!ids.length) return this.$message.warning('请至少勾选一个供应商')
+      const { id } = this.curData
+      this.permissions[0].children.map(e => {
+        // 给当前选择的权限赋上供应商id，提交的时候一起处理
+        if (e.id == id) {
+          e.supplierIds = ids
+          e.supplierNames = names
+        }
+      })
+      this.dataVisible = false
+    },
+    // 递归处理勾选的权限
+    handleRolePer (data, permissions) {
+      let result = data;
+      if (permissions.length) {
+        permissions.map(e => {
+          if (result.includes(e.id) && e.children) {
+            // 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选
+            e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1);
+          }
+          e.children && e.children.length && this.handleRolePer(data, e.children);
+        });
+      }
+      return result;
+    },
+    async getDetail (row) { // 查询详情
+      let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`);
+      this.form = res.role;
+      this.form.id = row.id
+      const checked = res.permissionList
+      const per = res.permissionVoList
+      const ids = this.suppliers.map(e => e.supplierId)
+      const len = ids.length
+      // 把勾选了的权限赋值为supplierIds
+      this.permissions[0].children.map(e => {
+        const sup = per.find(n => n.permissionId == e.id)
+        // 如果有数据权限，直接取值；或者没有勾选该权限，则直接勾选全部数据权限
+        if (sup) {
+          e.supplierIds = sup.supplierId.split(',').map(e => +e)
+          e.supplierNames = sup.supplierName.split(',').length === len ? '全部' : sup.supplierName
+        } else if (!checked.includes(e.id)) {
+          e.supplierIds = ids
+        }
+      })
+      console.log(33, this.permissions)
+      this.checkedIds = this.handleRolePer(res.permissionList, this.permissions);
+      this.$refs.per.setCheckedNodes(this.checkedIds);
+    },
+    showRole (row) {
+      this.isDetail = true;
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    editRole (row) {
+      this.isAdd = false;
+      this.getPer(row);
+      this.roleVisible = true;
+    },
+    async saveData () {
+      const { form, datas } = this
+      if (!form.roleName) return this.$message.warning("请填写角色名称");
+      if (!form.remark) return this.$message.warning("请填写角色描述");
+      const tree = this.$refs.per
+      if (!tree.getCheckedKeys().length) return this.$message.warning("请选择角色权限");
+      // 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端
+      const checks = [...this.$refs.per.getHalfCheckedNodes(), ...this.$refs.per.getCheckedNodes()];
+      const ids = []
+      const roleId = form.id
+      // 处理数据权限id
+      checks.map(e => {
+        // 能勾选数据权限的菜单，并且选择了供应商的
+        if (datas.includes(e.name) && e.supplierIds) {
+          e.supplierIds.map(n => {
+            ids.push({
+              permissionId: e.id,
+              roleId,
+              supplierId: n
+            })
+          })
         }
+      })
+      this.$post(this.api.saveOrUpdate, {
+        ...this.form,
+        permissionId: [...tree.getHalfCheckedKeys(), ...tree.getCheckedKeys()],
+        dataPermissionList: ids,
+        platformId: Setting.platformId,
+      }).then(res => {
+        this.$message.success(form.id ? "修改成功" : "新增成功");
+        this.getData();
+        this.roleVisible = false;
+      }).catch(res => { });
     }
+  }
 };
 </script>
 <style lang="scss" scoped>
 .data {
   margin: 0 5px 0 50px;
-  color: #9076FF;
+  color: #062c87;
 }
+
 .data-dia {
   .title {
     margin-bottom: 10px;
diff --git a/src/views/system/staff.vue b/src/views/system/staff.vue
index e9bf3ff..16d1e0b 100644
--- a/src/views/system/staff.vue
+++ b/src/views/system/staff.vue
@@ -77,7 +77,7 @@
         </div>
       </div>
 
-      <el-table :data="listData" class="table" ref="table" stripe header-align="center"
+      <el-table :data="listData" class="table" ref="table" header-align="center"
         @selection-change="handleSelectionChange" row-key="accountId">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
         <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
diff --git a/src/views/system/taskLog.vue b/src/views/system/taskLog.vue
index 01817d3..8bfdc14 100644
--- a/src/views/system/taskLog.vue
+++ b/src/views/system/taskLog.vue
@@ -1,57 +1,20 @@
 <template>
   <div class="page">
-    <el-table :data="listData"
-              class="table"
-              ref="table"
-              stripe
-              header-align="center"
-              row-key="id">
-      <el-table-column type="index"
-                       width="60"
-                       label="序号"
-                       align="center"></el-table-column>
-      <el-table-column prop="operation"
-                       label="操作"
-                       align="center"
-                       min-width="150"
-                       show-overflow-tooltip></el-table-column>
-      <el-table-column prop="ip"
-                       label="ip"
-                       min-width="90"
-                       align="center"></el-table-column>
-      <el-table-column prop="userId"
-                       label="userId"
-                       min-width="60"
-                       align="center"></el-table-column>
-      <el-table-column prop="userName"
-                       label="用户名"
-                       min-width="60"
-                       align="center"></el-table-column>
-      <el-table-column prop="schoolName"
-                       label="学校"
-                       min-width="90"
-                       align="center"></el-table-column>
-      <el-table-column prop="method"
-                       label="路径"
-                       min-width="90"
-                       align="center"
-                       show-overflow-tooltip></el-table-column>
-      <el-table-column prop="params"
-                       label="参数"
-                       min-width="300"
-                       align="center"
-                       show-overflow-tooltip></el-table-column>
-      <el-table-column prop="createTime"
-                       label="操作时间"
-                       width="150"
-                       align="center"></el-table-column>
+    <el-table :data="listData" class="table" ref="table" header-align="center" row-key="id">
+      <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+      <el-table-column prop="operation" label="操作" align="center" min-width="150"
+        show-overflow-tooltip></el-table-column>
+      <el-table-column prop="ip" label="ip" min-width="90" align="center"></el-table-column>
+      <el-table-column prop="userId" label="userId" min-width="60" align="center"></el-table-column>
+      <el-table-column prop="userName" label="用户名" min-width="60" align="center"></el-table-column>
+      <el-table-column prop="schoolName" label="学校" min-width="90" align="center"></el-table-column>
+      <el-table-column prop="method" label="路径" min-width="90" align="center" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="params" label="参数" min-width="300" align="center" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="createTime" label="操作时间" width="150" align="center"></el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background
-                     @current-change="currentChange"
-                     :current-page="page"
-                     layout="total, prev, pager, next"
-                     :total="total"></el-pagination>
+      <el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next"
+        :total="total"></el-pagination>
     </div>
   </div>
 </template>
@@ -96,5 +59,4 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/theoreticalCourse/contentSettings/index.vue b/src/views/theoreticalCourse/contentSettings/index.vue
index 0a78558..d905980 100644
--- a/src/views/theoreticalCourse/contentSettings/index.vue
+++ b/src/views/theoreticalCourse/contentSettings/index.vue
@@ -1,334 +1,208 @@
 <template>
   <div>
-    <el-card shadow="hover"
-             class="m-b-20">
+    <el-card shadow="hover" class="m-b-20">
       <div class="flex-between">
-        <el-page-header @back="back"
-                        :content="'课程内容/' + (sorting ? '更改排序' : '内容设置')"></el-page-header>
+        <el-page-header @back="back" :content="'课程内容/' + (sorting ? '更改排序' : '内容设置')"></el-page-header>
       </div>
     </el-card>
     <!--内容设置-->
-    <el-card shadow="hover"
-             class="m-b-20">
+    <el-card shadow="hover" class="m-b-20">
       <div class="page">
         <div class="relative">
           <div class="p-title">内容设置</div>
-          <div class="btns"
-               style="top: -10px">
+          <div class="btns" style="top: -10px">
             <template v-if="!sorting">
-              <el-button type="primary"
-                         round
-                         @click="addChapter">添加章节</el-button>
-              <el-button type="primary"
-                         round
-                         @click="sort">编辑顺序</el-button>
+              <el-button type="primary" round @click="addChapter">添加章节</el-button>
+              <el-button type="primary" round @click="sort">编辑顺序</el-button>
             </template>
             <template v-else>
-              <el-button type="primary"
-                         round
-                         @click="move">批量移动</el-button>
-              <el-button type="primary"
-                         round
-                         @click="cancelSort">取消</el-button>
-              <el-button type="primary"
-                         round
-                         @click="saveSort">保存</el-button>
+              <el-button type="primary" round @click="move">批量移动</el-button>
+              <el-button type="primary" round @click="cancelSort">取消</el-button>
+              <el-button type="primary" round @click="saveSort">保存</el-button>
             </template>
           </div>
         </div>
         <el-divider></el-divider>
         <div class="page-content">
-          <div class="m-b-20"
-               v-for="(chapter,index) in chapters"
-               :key="chapter.id">
+          <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"
-                             round
-                             @click="editChapter(chapter)">修改章节名称</el-button>
-                  <el-button class="action-btn"
-                             type="primary"
-                             round
-                             @click="addSection(chapter.id)">添加小节</el-button>
-                  <el-button class="action-btn"
-                             type="primary"
-                             round
-                             @click="delChapter(chapter.id)">删除</el-button>
+                  <el-button class="action-btn" type="primary" round @click="editChapter(chapter)">修改章节名称</el-button>
+                  <el-button class="action-btn" type="primary" round @click="addSection(chapter.id)">添加小节</el-button>
+                  <el-button class="action-btn" type="primary" 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>
+                  <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 v-if="sorting"
-                               width="55"
-                               align="center">
+            <el-table :data="chapter.subsectionList" class="table" header-align="center">
+              <el-table-column v-if="sorting" width="55" align="center">
                 <template slot-scope="scope">
                   <el-checkbox v-model="scope.row.check"></el-checkbox>
                 </template>
               </el-table-column>
-              <el-table-column type="index"
-                               width="100"
-                               label="序号"
-                               align="center"></el-table-column>
-              <el-table-column prop="name"
-                               label="资源名称"
-                               min-width="200">
+              <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+              <el-table-column prop="name" label="资源名称" min-width="200">
               </el-table-column>
-              <el-table-column prop="fileType"
-                               label="资源类型"
-                               min-width="120"
-                               align="center">
+              <el-table-column prop="fileType" label="资源类型" min-width="120" align="center">
                 <template slot-scope="scope">
                   {{ transferType(scope.row.fileType) }}
                 </template>
               </el-table-column>
-              <el-table-column prop="fileType"
-                               label="格式"
-                               min-width="120"
-                               align="center">
+              <el-table-column prop="fileType" label="格式" min-width="120" align="center">
               </el-table-column>
-              <el-table-column label="操作"
-                               align="center"
-                               width="300">
+              <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>
+                    <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-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>
+                      :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="540px"
-                     :close-on-click-modal="false">
+          <el-dialog :title="chapterId ? '编辑章节' : '新增章节'" :visible.sync="chapterVisible" width="540px"
+            :close-on-click-modal="false">
             <el-form>
               <el-form-item>
-                <el-input placeholder="请输入章节名称，便于对小节归类"
-                          v-model="chapterName"
-                          maxlength="50"></el-input>
+                <el-input placeholder="请输入章节名称，便于对小节归类" v-model="chapterName" maxlength="50"></el-input>
               </el-form-item>
             </el-form>
-            <span slot="footer"
-                  class="dialog-footer">
+            <span slot="footer" class="dialog-footer">
               <el-button @click="chapterVisible = false">取消</el-button>
-              <el-button type="primary"
-                         @click="chapterSubmit">确定</el-button>
+              <el-button type="primary" @click="chapterSubmit">确定</el-button>
             </span>
           </el-dialog>
 
-          <el-dialog title="添加小节"
-                     :visible.sync="sectionVisible"
-                     width="540px"
-                     @close="closeSection"
-                     :close-on-click-modal="false">
+          <el-dialog title="添加小节" :visible.sync="sectionVisible" width="540px" @close="closeSection"
+            :close-on-click-modal="false">
             <el-form label-width="80px">
               <el-form-item label="资源添加">
-                <Upload :max-size="100000"
-                        :file-list="uploadList"
-                        @beforeUpload="beforeUpload"
-                        @onSuccess="uploadSuccess">
+                <Upload :max-size="100000" :file-list="uploadList" @beforeUpload="beforeUpload"
+                  @onSuccess="uploadSuccess">
                   <template slot="tip">
                     <p>视频请上传MP4格式</p>
                   </template>
                 </Upload>
               </el-form-item>
               <el-form-item label="小节名称">
-                <el-input placeholder="请输入小节名称"
-                          v-model="sectionName"
-                          maxlength="50"></el-input>
+                <el-input placeholder="请输入小节名称" v-model="sectionName" maxlength="50"></el-input>
               </el-form-item>
             </el-form>
-            <span slot="footer"
-                  class="dialog-footer">
+            <span slot="footer" class="dialog-footer">
               <el-button @click="sectionVisible = false">取消</el-button>
-              <el-button type="primary"
-                         @click="sectionSubmit">确定</el-button>
+              <el-button type="primary" @click="sectionSubmit">确定</el-button>
             </span>
           </el-dialog>
 
-          <el-dialog title="更换文件"
-                     :visible.sync="switchVisible"
-                     width="540px"
-                     :close-on-click-modal="false"
-                     @close="closeSwitch">
+          <el-dialog title="更换文件" :visible.sync="switchVisible" width="540px" :close-on-click-modal="false"
+            @close="closeSwitch">
             <div style="text-align: center">
-              <Upload :max-size="100000"
-                      :file-list="uploadList"
-                      @beforeUpload="beforeUpload"
-                      @onSuccess="uploadSuccess">
+              <Upload :max-size="100000" :file-list="uploadList" @beforeUpload="beforeUpload"
+                @onSuccess="uploadSuccess">
                 <template slot="tip">
                   <p>视频请上传MP4格式</p>
                 </template>
               </Upload>
             </div>
-            <span slot="footer"
-                  class="dialog-footer">
+            <span slot="footer" class="dialog-footer">
               <el-button @click="switchVisible = false">取消</el-button>
-              <el-button type="primary"
-                         @click="switchSubmit">确定</el-button>
+              <el-button type="primary" @click="switchSubmit">确定</el-button>
             </span>
           </el-dialog>
 
-          <el-dialog title="修改小节名称"
-                     :visible.sync="sectionNameVisible"
-                     width="540px"
-                     :close-on-click-modal="false">
+          <el-dialog title="修改小节名称" :visible.sync="sectionNameVisible" width="540px" :close-on-click-modal="false">
             <el-form>
               <el-form-item>
-                <el-input placeholder="请输入小节名称"
-                          v-model="sectionName"
-                          maxlength="50"></el-input>
+                <el-input placeholder="请输入小节名称" v-model="sectionName" maxlength="50"></el-input>
               </el-form-item>
             </el-form>
-            <span slot="footer"
-                  class="dialog-footer">
+            <span slot="footer" class="dialog-footer">
               <el-button @click="sectionNameVisible = false">取消</el-button>
-              <el-button type="primary"
-                         @click="sectionNameSubmit">确定</el-button>
+              <el-button 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 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>
+            <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%;">
+              <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 || videoSrc"
-               class="el-image-viewer__wrapper"
-               :class="{active: iframeSrc}"
-               style="z-index: 2000">
+          <div v-show="iframeSrc || videoSrc" 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>
+            <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>
-              <video v-if="videoSrc"
-                     class="video"
-                     width="1200"
-                     height="600"
-                     autoplay
-                     controls>
-                <source :src="videoSrc"
-                        type="video/mp4">
+              <iframe v-if="iframeSrc" class="fileIframe" id="fileIframe" :src="iframeSrc" frameborder="0"></iframe>
+              <video v-if="videoSrc" class="video" width="1200" height="600" autoplay controls>
+                <source :src="videoSrc" type="video/mp4">
                 您的浏览器不支持 video 标签。
               </video>
               <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>
+                <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>
+                <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>
+                <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 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>
+            <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>
+          <pdf :visible.sync="pdfVisible" :src.sync="pdfSrc"></pdf>
         </div>
       </div>
     </el-card>
 
-    <el-dialog title="资源移动"
-               :visible.sync="moveVisible"
-               :close-on-click-modal="false"
-               width="330px">
+    <el-dialog title="资源移动" :visible.sync="moveVisible" :close-on-click-modal="false" width="330px">
       <el-form>
         <el-form-item label="目标章节">
-          <el-select v-model="moveForm.id"
-                     placeholder="请选择目标章节"
-                     @change="chapterChange">
-            <el-option v-for="(item, i) in chapters"
-                       :key="i"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+          <el-select v-model="moveForm.id" placeholder="请选择目标章节" @change="chapterChange">
+            <el-option v-for="(item, i) in chapters" :key="i" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="目标排序">
-          <el-select v-model="moveForm.sort"
-                     placeholder="请选择目标排序">
-            <el-option v-for="(item, i) in sortList"
-                       :key="i"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+          <el-select v-model="moveForm.sort" placeholder="请选择目标排序">
+            <el-option v-for="(item, i) in sortList" :key="i" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </el-form-item>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
+      <span slot="footer" class="dialog-footer">
         <el-button @click="moveVisible = false">取消</el-button>
-        <el-button type="primary"
-                   @click="moveConfirm">确定</el-button>
+        <el-button type="primary" @click="moveConfirm">确定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -878,118 +752,124 @@ export default {
 
 <style scoped lang="scss">
 .relative {
-    position: relative;
+  position: relative;
 }
+
 .btns {
-    position: absolute;
-    top: 12px;
-    right: 24px;
+  position: absolute;
+  top: 12px;
+  right: 24px;
 
-    .el-button {
-        font-size: 12px;
-    }
+  .el-button {
+    font-size: 12px;
+  }
 }
+
 /deep/.el-progress-bar {
-    padding-right: 70px;
-    margin-right: -70px;
+  padding-right: 70px;
+  margin-right: -70px;
 }
+
 .el-upload__tip {
-    position: absolute;
-    top: 4px;
-    right: 0;
-    width: 300px;
-    line-height: 1.4;
+  position: absolute;
+  top: 4px;
+  right: 0;
+  width: 300px;
+  line-height: 1.4;
 }
+
 .sort-icon {
-    font-size: 24px;
-    cursor: pointer;
+  font-size: 24px;
+  cursor: pointer;
 
-    &.disabled {
-        color: #ccc;
-        cursor: not-allowed;
-    }
+  &.disabled {
+    color: #ccc;
+    cursor: not-allowed;
+  }
 }
+
 .el-image-viewer__wrapper {
-    transform: translateY(-10px);
-    transition: transform 0.5s;
+  transform: translateY(-10px);
+  transition: transform 0.5s;
 
-    &.active {
-        transform: translateY(0);
-    }
+  &.active {
+    transform: translateY(0);
+  }
 }
 
 .el-image-viewer__close {
-    z-index: 10000;
-    top: 15px;
-    right: 15px;
+  z-index: 10000;
+  top: 15px;
+  right: 15px;
 
-    &.doc-close {
-        i {
-            color: #000 !important;
-        }
+  &.doc-close {
+    i {
+      color: #000 !important;
     }
+  }
 }
 
 .player {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 1200px !important;
-    height: 600px !important;
+  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%;
+  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);
+  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);
+  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;
+  z-index: 1000;
+  position: fixed;
+  top: 0;
+  right: 0;
+  background-color: #2b579a;
 }
 
 .word-mask2 {
-    z-index: 1000;
-    position: fixed;
-    background-color: transparent;
+  z-index: 1000;
+  position: fixed;
+  background-color: transparent;
 }
 
 .excel-mask1 {
-    z-index: 9;
-    position: absolute;
-    top: 0;
-    left: 20%;
-    width: 80%;
-    background-color: #107c41;
+  z-index: 9;
+  position: absolute;
+  top: 0;
+  left: 20%;
+  width: 80%;
+  background-color: #107c41;
 }
+
 .el-button--primary.action-btn {
-    color: #9076ff !important;
-    font-size: 14px !important;
-    background-color: #fff !important;
-    border-radius: 4px !important;
+  color: #9076ff !important;
+  font-size: 14px !important;
+  background-color: #fff !important;
+  border-radius: 4px !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/theoreticalCourse/list/buildPlatform/index.vue b/src/views/theoreticalCourse/list/buildPlatform/index.vue
index 70de166..5f39730 100644
--- a/src/views/theoreticalCourse/list/buildPlatform/index.vue
+++ b/src/views/theoreticalCourse/list/buildPlatform/index.vue
@@ -36,8 +36,8 @@
       </div>
     </div>
 
-    <el-table :data="list" class="table" ref="table" stripe header-align="center"
-      @selection-change="handleSelectionChange" row-key="id">
+    <el-table :data="list" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id">
       <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
       <el-table-column type="index" width="100" label="序号" align="center">
         <template slot-scope="scope">
diff --git a/src/views/theoreticalCourse/list/courseManagement/index.vue b/src/views/theoreticalCourse/list/courseManagement/index.vue
index 58ff50f..aa07195 100644
--- a/src/views/theoreticalCourse/list/courseManagement/index.vue
+++ b/src/views/theoreticalCourse/list/courseManagement/index.vue
@@ -2,157 +2,87 @@
   <!--   院校创建     -->
   <div style="padding-top: 24px">
     <div class="tool">
-      <ul class="filter"
-          style="align-items: flex-start">
+      <ul class="filter" style="align-items: flex-start">
         <li>
           <label>可见范围</label>
-          <el-select v-model="form.visibleRange"
-                     clearable
-                     placeholder="请选择可见范围"
-                     @change="getData">
-            <el-option v-for="(item,index) in regions"
-                       :key="index"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+          <el-select v-model="form.visibleRange" clearable placeholder="请选择可见范围" @change="getData">
+            <el-option v-for="(item, index) in regions" :key="index" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </li>
         <li>
           <label>课程分类：</label>
-          <el-select v-model="form.categoryId"
-                     clearable
-                     placeholder="请选择课程分类"
-                     @change="getData">
-            <el-option label="不限"
-                       value=""></el-option>
-            <el-option v-for="(item,index) in classificationList"
-                       :key="index"
-                       :label="item.typeName"
-                       :value="item.id"></el-option>
+          <el-select v-model="form.categoryId" clearable placeholder="请选择课程分类" @change="getData">
+            <el-option label="不限" value=""></el-option>
+            <el-option v-for="(item, index) in classificationList" :key="index" :label="item.typeName"
+              :value="item.id"></el-option>
           </el-select>
         </li>
         <li>
           <label>课程类型：</label>
-          <el-select v-model="form.courseType"
-                     clearable
-                     placeholder="请选择课程类型"
-                     @change="getData">
-            <el-option v-for="(item,index) in types"
-                       :key="index"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+          <el-select v-model="form.courseType" clearable placeholder="请选择课程类型" @change="getData">
+            <el-option v-for="(item, index) in types" :key="index" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </li>
         <li>
           <label>搜索：</label>
-          <el-input placeholder="请输入理论课程名称/创建人"
-                    suffix-icon="el-icon-search"
-                    v-model="form.keyWord"
-                    clearable
-                    size="small"></el-input>
+          <el-input placeholder="请输入理论课程名称/创建人" suffix-icon="el-icon-search" v-model="form.keyWord" clearable
+            size="small"></el-input>
         </li>
       </ul>
       <div>
         <!-- <el-button v-auth="'院校创建:新增'" type="primary" round @click="addCourse">新增</el-button> -->
-        <el-button v-auth="'院校创建:批量删除'"
-                   type="primary"
-                   round
-                   @click="delAllData">批量删除</el-button>
+        <el-button v-auth="'院校创建:批量删除'" type="primary" round @click="delAllData">批量删除</el-button>
       </div>
     </div>
 
-    <el-table :data="list"
-              class="table"
-              ref="table"
-              stripe
-              header-align="center"
-              @selection-change="handleSelectionChange"
-              row-key="id">
-      <el-table-column type="selection"
-                       width="80"
-                       align="center"
-                       :reserve-selection="true"></el-table-column>
-      <el-table-column type="index"
-                       width="100"
-                       label="序号"
-                       align="center">
+    <el-table :data="list" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange"
+      row-key="id">
+      <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="100" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + (page - 1) * pageSize + 1 }}
         </template>
       </el-table-column>
-      <el-table-column prop="courseName"
-                       label="课程名称"
-                       align="center">
+      <el-table-column prop="courseName" label="课程名称" align="center">
       </el-table-column>
-      <el-table-column label="可见范围"
-                       align="center">
+      <el-table-column label="可见范围" align="center">
         <template slot-scope="scope">
           {{ regionName[scope.row.visibleRange] }}
         </template>
       </el-table-column>
-      <el-table-column prop="createTime"
-                       label="创建时间"
-                       align="center">
+      <el-table-column prop="createTime" label="创建时间" align="center">
       </el-table-column>
-      <el-table-column prop="courseClassification"
-                       label="课程类型"
-                       align="center">
+      <el-table-column prop="courseClassification" label="课程类型" align="center">
         <template slot-scope="scope">
           {{ scope.row.courseType == 1 ? '付费' : '免费' }}
         </template>
       </el-table-column>
-      <el-table-column prop="founder"
-                       label="创建人"
-                       align="center">
+      <el-table-column prop="founder" label="创建人" align="center">
       </el-table-column>
-      <el-table-column prop="courseClassification"
-                       label="课程分类"
-                       align="center"
-                       show-overflow-tooltip>
+      <el-table-column prop="courseClassification" label="课程分类" align="center" show-overflow-tooltip>
       </el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       width="250">
+      <el-table-column label="操作" align="center" width="250">
         <template slot-scope="scope">
-          <el-button v-auth="'院校创建:编辑信息'"
-                     type="text"
-                     @click="editCourse(scope.row)">编辑信息</el-button>
-          <el-divider v-auth="'院校创建:编辑信息'"
-                      direction="vertical"></el-divider>
-          <el-button v-auth="'院校创建:内容设置'"
-                     type="text"
-                     @click="config(scope.row)">内容设置</el-button>
-          <el-divider v-auth="'院校创建:内容设置'"
-                      direction="vertical"></el-divider>
-          <el-button v-auth="'院校创建:预览'"
-                     type="text"
-                     @click="preview(scope.row)">预览</el-button>
-          <el-divider v-auth="'院校创建:预览'"
-                      direction="vertical"></el-divider>
-          <el-button v-auth="'院校创建:删除'"
-                     type="text"
-                     @click="handleDelete(scope.row)">删除</el-button>
+          <el-button v-auth="'院校创建:编辑信息'" type="text" @click="editCourse(scope.row)">编辑信息</el-button>
+          <el-divider v-auth="'院校创建:编辑信息'" direction="vertical"></el-divider>
+          <el-button v-auth="'院校创建:内容设置'" type="text" @click="config(scope.row)">内容设置</el-button>
+          <el-divider v-auth="'院校创建:内容设置'" direction="vertical"></el-divider>
+          <el-button v-auth="'院校创建:预览'" type="text" @click="preview(scope.row)">预览</el-button>
+          <el-divider v-auth="'院校创建:预览'" direction="vertical"></el-divider>
+          <el-button v-auth="'院校创建:删除'" type="text" @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
-      <el-table-column label="可授权状态"
-                       align="center"
-                       width="120">
+      <el-table-column label="可授权状态" align="center" width="120">
         <template slot-scope="scope">
-          <el-switch v-auth="'院校创建:禁用'"
-                     v-model="scope.row.ztOpen"
-                     :active-value="0"
-                     :inactive-value="1"
-                     style="margin: 0 10px 0 5px"
-                     :active-text="scope.row.ztOpen ? '关' : '开'"
-                     @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+          <el-switch v-auth="'院校创建:禁用'" v-model="scope.row.ztOpen" :active-value="0" :inactive-value="1"
+            style="margin: 0 10px 0 5px" :active-text="scope.row.ztOpen ? '关' : '开'"
+            @change="switchOff($event, scope.row, scope.$index)"></el-switch>
         </template>
       </el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background
-                     layout="total, prev, pager, next"
-                     :total="total"
-                     @current-change="handleCurrentChange"
-                     :current-page="page">
+      <el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange"
+        :current-page="page">
       </el-pagination>
     </div>
   </div>
@@ -349,10 +279,10 @@ export default {
 
 <style lang="scss" scoped>
 /deep/ .tool {
-    .filter {
-        .el-input {
-            min-width: 215px;
-        }
+  .filter {
+    .el-input {
+      min-width: 215px;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/theoreticalCourse/list/sortManagement/index.vue b/src/views/theoreticalCourse/list/sortManagement/index.vue
index 3b2f7a1..1488457 100644
--- a/src/views/theoreticalCourse/list/sortManagement/index.vue
+++ b/src/views/theoreticalCourse/list/sortManagement/index.vue
@@ -1,187 +1,187 @@
 <template>
-    <!--  分类管理  -->
-    <div>
-        <div class="tool">
-            <ul class="filter">
+  <!--  分类管理  -->
+  <div>
+    <div class="tool">
+      <ul class="filter">
 
-            </ul>
-            <div style="margin-top: 24px">
-                <el-button v-auth="'分类管理:新增'" type="primary" round @click="addClass">新增</el-button>
-            </div>
-        </div>
-        <el-table :data="list" class="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id">
-            <el-table-column type="index" width="100" label="序号" align="center">
-                <template slot-scope="scope">
-                    {{ scope.$index + (page - 1) * pageSize + 1 }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="classificationName" label="课程分类名称">
-            </el-table-column>
-            <el-table-column label="操作" align="center" width="300">
-                <template slot-scope="scope">
-                    <el-button v-auth="'分类管理:修改'" type="text" @click="editClass(scope.row)">修改</el-button>
-                    <el-divider v-auth="'分类管理:修改'" direction="vertical"></el-divider>
-                    <el-button v-auth="'分类管理:删除'" type="text" @click="handleDelete(scope.row)">删除</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="pagination">
-            <el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" :current-page="page">
-            </el-pagination>
-        </div>
-
-        <el-dialog :title="!curRow.id ? '添加分类' : '编辑分类'" :visible.sync="classVisible" width="400px" :close-on-click-modal="false" @close="closeColumn">
-            <el-form>
-                <el-form-item>
-                    <el-input placeholder="分类名称" v-model="classificationName"></el-input>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="classVisible = false">取 消</el-button>
-                <el-button type="primary" @click="classSubmit">确 定</el-button>
-            </span>
-        </el-dialog>
+      </ul>
+      <div style="margin-top: 24px">
+        <el-button v-auth="'分类管理:新增'" type="primary" round @click="addClass">新增</el-button>
+      </div>
+    </div>
+    <el-table :data="list" class="table" header-align="center" @selection-change="handleSelectionChange" row-key="id">
+      <el-table-column type="index" width="100" label="序号" align="center">
+        <template slot-scope="scope">
+          {{ scope.$index + (page - 1) * pageSize + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="classificationName" label="课程分类名称">
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="300">
+        <template slot-scope="scope">
+          <el-button v-auth="'分类管理:修改'" type="text" @click="editClass(scope.row)">修改</el-button>
+          <el-divider v-auth="'分类管理:修改'" direction="vertical"></el-divider>
+          <el-button v-auth="'分类管理:删除'" type="text" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange"
+        :current-page="page">
+      </el-pagination>
     </div>
+
+    <el-dialog :title="!curRow.id ? '添加分类' : '编辑分类'" :visible.sync="classVisible" width="400px"
+      :close-on-click-modal="false" @close="closeColumn">
+      <el-form>
+        <el-form-item>
+          <el-input placeholder="分类名称" v-model="classificationName"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="classVisible = false">取 消</el-button>
+        <el-button type="primary" @click="classSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import util from "@/libs/util";
 import Setting from '@/setting'
 export default {
-    name: "sortManagement",
-    data() {
-        return {
-            list: [],
-            multipleSelection: [],
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            classVisible: false,
-            curRow: {},
-            classificationName: "",
-            nameRepeat: false
-        };
+  name: "sortManagement",
+  data () {
+    return {
+      list: [],
+      multipleSelection: [],
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      classVisible: false,
+      curRow: {},
+      classificationName: "",
+      nameRepeat: false
+    };
+  },
+  watch: {
+    classificationName: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.nameChange();
+      }, 100);
+    }
+  },
+  mounted () {
+    this.getData();
+  },
+  methods: {
+    getData () {
+      this.$post(this.api.listClassification, {
+        pageNum: this.page,
+        pageSize: this.pageSize,
+        platformSource: Setting.platformSource
+      }).then(({ page }) => {
+        this.list = page.records
+        this.total = page.total
+      }).catch(res => {
+      });
     },
-    watch: {
-        classificationName: function(val) {
-            clearTimeout(this.searchTimer);
-            this.searchTimer = setTimeout(() => {
-                this.nameChange();
-            }, 100);
-        }
+    handleDelete (row) {
+      this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
+        type: "warning"
+      })
+        .then(() => {
+          this.$post(this.api.delClassification, [row.id]).then(res => {
+            util.successMsg("删除成功");
+            this.getData();
+          }).catch(res => {
+          });
+        })
+        .catch(() => {
+        });
     },
-    mounted() {
-        this.getData();
+    handleSelectionChange (val) {
+      this.multipleSelection = val;
     },
-    methods: {
-        getData() {
-            this.$post(this.api.listClassification, {
-              pageNum: this.page,
-              pageSize: this.pageSize,
-              platformSource: Setting.platformSource
-            }).then(({ page }) => {
-                this.list = page.records
-                this.total = page.total
+    closeColumn () {
+      this.classificationName = "";
+      this.curRow = {};
+    },
+    delAllData () {
+      if (this.multipleSelection.length != "") {
+        let newArr = this.multipleSelection;
+        let delList = newArr.map(item => {
+          return item.id;
+        });
+        // 批量删除
+        this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
+          type: "warning"
+        })
+          .then(() => {
+            let data = delList.join();
+            this.$del(this.api.deleteClassification, data).then(res => {
+              this.multipleSelection = [];
+              util.successMsg("删除成功");
+              this.getData();
             }).catch(res => {
             });
-        },
-        handleDelete(row) {
-            this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
-                type: "warning"
-            })
-                .then(() => {
-                    this.$post(this.api.delClassification, [row.id]).then(res => {
-                        util.successMsg("删除成功");
-                        this.getData();
-                    }).catch(res => {
-                    });
-                })
-                .catch(() => {
-                });
-        },
-        handleSelectionChange(val) {
-            this.multipleSelection = val;
-        },
-        closeColumn() {
-            this.classificationName = "";
-            this.curRow = {};
-        },
-        delAllData() {
-            if (this.multipleSelection.length != "") {
-                let newArr = this.multipleSelection;
-                let delList = newArr.map(item => {
-                    return item.id;
-                });
-                // 批量删除
-                this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
-                    type: "warning"
-                })
-                    .then(() => {
-                        let data = delList.join();
-                        this.$del(this.api.deleteClassification, data).then(res => {
-                            this.multipleSelection = [];
-                            util.successMsg("删除成功");
-                            this.getData();
-                        }).catch(res => {
-                        });
-                    }).catch(() => {
-                });
-            } else {
-                util.errorMsg("请先选择数据 ！");
-            }
-        },
-        handleCurrentChange(val) {
-            this.page = val;
-            this.getData();
-        },
-        addClass() {
-            this.classVisible = true;
-        },
-        editClass(row) {
-            this.curRow = row;
-            this.classificationName = row.classificationName;
-            this.classVisible = true;
-        },
-        nameChange(val) {
-          const row = this.curRow
-          this.$post(this.api.checkRepeatClassification, {
-            id: row.id,
-            platformSource: Setting.platformSource,
-            classificationName: this.classificationName
-          }).then(res => {
-            this.nameRepeat = false
-          }).catch(res => {
-            this.nameRepeat = true
-          })
-        },
-        classSubmit() {
-            if (!this.classificationName) return util.errorMsg("请填写分类名称");
-            if (this.nameRepeat) return util.errorMsg("当前分类已存在!");
-            let data = {
-                classificationName: this.classificationName,
-                platformSource: Setting.platformSource
-            };
-            if (this.curRow.id) {
-                data.id = this.curRow.id;
-                this.$post(this.api.updateClassification, data).then(res => {
-                    util.successMsg("修改成功");
-                    this.classVisible = false;
-                    this.getData();
-                }).catch(res => {
-                });
-            } else {
-                this.$post(this.api.saveClassification, data).then(res => {
-                    util.successMsg("添加成功");
-                    this.classVisible = false;
-                    this.getData();
-                }).catch(res => {
-                });
-            }
-        }
+          }).catch(() => {
+          });
+      } else {
+        util.errorMsg("请先选择数据 ！");
+      }
+    },
+    handleCurrentChange (val) {
+      this.page = val;
+      this.getData();
+    },
+    addClass () {
+      this.classVisible = true;
+    },
+    editClass (row) {
+      this.curRow = row;
+      this.classificationName = row.classificationName;
+      this.classVisible = true;
+    },
+    nameChange (val) {
+      const row = this.curRow
+      this.$post(this.api.checkRepeatClassification, {
+        id: row.id,
+        platformSource: Setting.platformSource,
+        classificationName: this.classificationName
+      }).then(res => {
+        this.nameRepeat = false
+      }).catch(res => {
+        this.nameRepeat = true
+      })
+    },
+    classSubmit () {
+      if (!this.classificationName) return util.errorMsg("请填写分类名称");
+      if (this.nameRepeat) return util.errorMsg("当前分类已存在!");
+      let data = {
+        classificationName: this.classificationName,
+        platformSource: Setting.platformSource
+      };
+      if (this.curRow.id) {
+        data.id = this.curRow.id;
+        this.$post(this.api.updateClassification, data).then(res => {
+          util.successMsg("修改成功");
+          this.classVisible = false;
+          this.getData();
+        }).catch(res => {
+        });
+      } else {
+        this.$post(this.api.saveClassification, data).then(res => {
+          util.successMsg("添加成功");
+          this.classVisible = false;
+          this.getData();
+        }).catch(res => {
+        });
+      }
     }
+  }
 };
 </script>
 
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/theoryExam/list/program.vue b/src/views/theoryExam/list/program.vue
index 09d30fe..0889772 100644
--- a/src/views/theoryExam/list/program.vue
+++ b/src/views/theoryExam/list/program.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-table v-loading="loading" :data="list" class="table" ref="table" stripe header-align="center" row-key="id">
+    <el-table v-loading="loading" :data="list" class="table" ref="table" header-align="center" row-key="id">
       <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
       <el-table-column prop="curriculumName" label="程序名称" align="center"></el-table-column>
       <el-table-column prop="curriculumType" label="供应商" align="center"></el-table-column>
diff --git a/src/views/theoryExam/list/system.vue b/src/views/theoryExam/list/system.vue
index 85960fe..69c9a70 100644
--- a/src/views/theoryExam/list/system.vue
+++ b/src/views/theoryExam/list/system.vue
@@ -12,7 +12,7 @@
         <el-button type="primary" round @click="add">新增系统</el-button>
       </div>
     </div>
-    <el-table v-loading="loading" :data="list" class="table" ref="table" stripe header-align="center" row-key="id">
+    <el-table v-loading="loading" :data="list" class="table" ref="table" header-align="center" row-key="id">
       <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
       <el-table-column prop="curriculumName" label="系统名称" align="center"></el-table-column>
       <el-table-column prop="curriculumType" label="系统分类" align="center"></el-table-column>
diff --git a/src/views/user/AddUser.vue b/src/views/user/AddUser.vue
index cffb394..ccd1f0d 100644
--- a/src/views/user/AddUser.vue
+++ b/src/views/user/AddUser.vue
@@ -92,7 +92,7 @@
             </div>
           </div>
 
-          <el-table :data="platformList" class="table" stripe header-align="center" row-key="accountId">
+          <el-table :data="platformList" class="table" header-align="center" row-key="accountId">
             <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
             <el-table-column prop="platformName" label="平台名称" align="center"></el-table-column>
             <el-table-column prop="schoolName" label="绑定组织名称" align="center"></el-table-column>
diff --git a/src/views/user/User.vue b/src/views/user/User.vue
index 23ff3ea..0a207e7 100644
--- a/src/views/user/User.vue
+++ b/src/views/user/User.vue
@@ -90,7 +90,7 @@
           <el-button type="primary" round @click="delAllSelection" v-auth>批量删除</el-button>
         </div>
       </div>
-      <el-table :data="userData" class="table" ref="table" stripe header-align="center"
+      <el-table :data="userData" class="table" ref="table" header-align="center"
         @selection-change="handleSelectionChange" row-key="userId">
         <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
         <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
@@ -110,7 +110,7 @@
             <el-switch v-if="scope.row.userId !== 1" :key="loading" v-model="scope.row.enable" :active-value="1"
               :inactive-value="0" :class="{ error: scope.row.displayState === 2 }" style="margin: 0 10px 0 5px"
               :active-text="scope.row.enable ? '启用' : '禁用'"
-              :active-color="scope.row.displayState === 2 ? '#ff552c' : '#9076FF'"
+              :active-color="scope.row.displayState === 2 ? '#ff552c' : '#062c87'"
               :inactive-color="scope.row.displayState === 2 ? '#ff552c' : '#dcdfe6'"
               @change="switchOff($event, scope.row, scope.$index)" v-auth="'/user:启用'"></el-switch>
           </template>
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 35fd2f5..63539a3 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -3,25 +3,9 @@
     <div class="block block1">
       <div class="title">系统后台</div>
       <div class="apps">
-        <div class="app">
-          <img src="@/assets/img/workbench/1.png" alt="">
-          <p class="name">Python系统</p>
-        </div>
-        <div class="app">
-          <img src="@/assets/img/workbench/2.png" alt="">
-          <p class="name">理论考试系统</p>
-        </div>
-        <div class="app">
-          <img src="@/assets/img/workbench/3.png" alt="">
-          <p class="name">金融产品设计及数字化营销沙盘系统</p>
-        </div>
-        <div class="app">
-          <img src="@/assets/img/workbench/4.png" alt="">
-          <p class="name">银行综合系统</p>
-        </div>
-        <div class="app">
-          <img src="@/assets/img/workbench/5.png" alt="">
-          <p class="name">众筹系统</p>
+        <div v-for="(item, i) in systems" :key="i" class="app" @click="toSystem()">
+          <img :src="require(`@/assets/img/workbench/${i + 1}.png`)" alt="">
+          <p class="name">{{ item.systemTypeName }}</p>
         </div>
       </div>
     </div>
@@ -75,6 +59,10 @@
           <img src="@/assets/img/workbench/15.png" alt="">
           <p class="name">数据管理</p>
         </div>
+        <div class="app" @click="to('/review')">
+          <img src="@/assets/img/workbench/16.png" alt="">
+          <p class="name">评阅管理</p>
+        </div>
       </div>
     </div>
   </div>
@@ -85,43 +73,20 @@ import Setting from '@/setting'
 export default {
   data () {
     return {
-
+      systems: [],
 
     };
   },
   mounted () {
-
+    this.getData()
   },
   methods: {
-    getData () {
-      this.loading = true
-      this.$post(this.api.userManagementList, {
-        countries: this.form.countries,
-        provinceId: this.form.provinces,
-        cityId: this.form.city,
-        platformId: this.form.platformId,
-        schoolId: this.form.schoolId,
-        month: this.form.month,
-        creationTime: this.form.startTime,
-        endTime: this.form.endTime,
-        roleId: this.form.accountRole,
-        searchContent: this.form.keyword,
-        pageNum: this.page,
-        pageSize: this.pageSize
-      }).then(({ page }) => {
-        const { records, total } = page
-        records.map(e => {
-          e.enable = e.displayState
-          if (e.enable === 2) {
-            e.enable = 1
-          }
-        })
-        this.userData = records
-        this.totals = total
-        this.loading = false
-      }).catch(res => {
-        this.loading = false
-      })
+    async getData () {
+      const res = await this.$get(this.api.workbenchSystemDemonstration)
+      this.systems = res.serviceConfigurationList
+    },
+    toSystem (item) {
+      this.$router.push(`/configure`)
     },
     to (path) {
       this.$router.push(path)