From d18d1fd8827fa3eadef026c6569d87d4691dbf55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Thu, 3 Apr 2025 17:56:37 +0800
Subject: [PATCH] tijiao

---
 src/router/index.js                           |    1 +
 .../components/commonBookTags/shopproduct.vue |  114 +-
 .../commonBookTags/shopproductTable.vue       |    8 +-
 src/views/components/preview-image.vue        |  397 +++++
 .../modules/certificate/addCertificate.vue    |  523 ++++++
 src/views/modules/certificate/cateList.vue    | 1538 +++++++++++++++++
 src/views/modules/user/user.vue               |    9 +
 src/views/modules/user/userCertificate.vue    |  719 ++++++++
 static/config/index.js                        |    2 +-
 9 files changed, 3289 insertions(+), 22 deletions(-)
 create mode 100644 src/views/components/preview-image.vue
 create mode 100644 src/views/modules/certificate/addCertificate.vue
 create mode 100644 src/views/modules/certificate/cateList.vue
 create mode 100644 src/views/modules/user/userCertificate.vue

diff --git a/src/router/index.js b/src/router/index.js
index ba85d2b..3fef2d4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -66,6 +66,7 @@ const mainRoutes = {
     { path: '/course-courseVideo', component: _import('modules/course/courseVideo'), name: 'course-courseVideo', meta: { title: '课程目录章节视频列表', isTab: true } },
     { path: '/course-sociologyList', component: _import('modules/course/sociologyList'), name: 'course-sociologyList', meta: { title: '国学标签列表', isTab: true } },
     { path: '/userCourse', component: _import('modules/user/userCourse'), name: 'userCourse', meta: { title: '用户课程列表', isTab: true } },
+    { path: '/userCertificate', component: _import('modules/user/userCertificate'), name: 'userCertificate', meta: { title: '用户证书列表', isTab: true } },
     { path: '/workOrder', component: _import('modules/workOrderLIst'), name: 'workOrder', meta: { title: '工单列表', isTab: true } },
     // { path: '/miniClassList', component: _import('modules/miniClass/miniClassList'), name: 'miniClass', meta: { title: '班级列表', isTab: true } },
     // { path: '/miniClassList8', component: _import('modules/miniClass/miniClassList8'), name: 'miniClassList8', meta: { title: 'miniClassList8', isTab: true } },
diff --git a/src/views/components/commonBookTags/shopproduct.vue b/src/views/components/commonBookTags/shopproduct.vue
index 60fcfd7..23afb70 100644
--- a/src/views/components/commonBookTags/shopproduct.vue
+++ b/src/views/components/commonBookTags/shopproduct.vue
@@ -61,7 +61,7 @@
       <!-- @selection-change="handleSelectionChange" -->
       <el-table
         ref="table"
-        height="100%"
+        :height="`${isShowPagination?'calc(100% - 50px)':'100%'}`"
         :data="associatedGoodsList"
         :row-key="getRowKeys"
         border
@@ -81,7 +81,7 @@
           </el-table-column> -->
         <!--  -->
 
-        <el-table-column
+        <el-table-column v-if="!disableOperate"
           header-align="center"
           align="center"
           label="操作"
@@ -89,7 +89,10 @@
         >
           <template slot-scope="scope">
             <slot name="operation" :row="scope.row"></slot>
-            <el-button type="text" v-if="urlList.editCourse" @click="editCourse(scope.row)"
+            <el-button
+              type="text"
+              v-if="urlList.editCourse"
+              @click="editCourse(scope.row)"
               >编辑</el-button
             >
             <el-button
@@ -102,8 +105,24 @@
           </template>
         </el-table-column>
       </el-table>
+      <el-pagination style="margin-top: 10px;"
+        v-if="isShowPagination"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="current"
+        :page-sizes="[50, 100, 200]"
+        :page-size="limit"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      >
+      </el-pagination>
     </div>
-    <el-dialog title="提示" :visible.sync="editVisible" width="40%" style="font-size:12px">
+    <el-dialog
+      title="提示"
+      :visible.sync="editVisible"
+      width="40%"
+      style="font-size:12px"
+    >
       <div style="width:100%">
         <div style="margin-bottom:15px">
           <span style="font-weight:bold"
@@ -116,7 +135,7 @@
               placeholder="请输入标签排序"
               style="width: 50%"
               v-model="editForm.sort"
-              :min="0"              
+              :min="0"
             >
             </el-input-number> </el-form-item
           ><el-form-item label="课程等级:">
@@ -156,8 +175,11 @@ export default {
     "currentType",
     "isNoSearch",
     "isNoPaging",
+    "disableOperate",
+    "isShowPagination",
     "axiosType",
-    "otherInfo"
+    "otherInfo",
+    "CustomEdit"
   ],
   data() {
     return {
@@ -173,6 +195,9 @@ export default {
       pageIndex: 1,
       pageSize: 10,
       totalPage: 0,
+      current: 1,
+      limit: 50,
+      total: 0,
       dataListLoading: false,
       dataListSelections: [],
       addOrUpdateVisible: false,
@@ -206,9 +231,19 @@ export default {
     // await this.getGoodsTypeList();
   },
   methods: {
-    editHandleClose(){
-      this.editForm = {}
-      this.editVisible = false
+    handleSizeChange(val) {
+      this.limit = val;
+      this.getAssociatedGoodsList({ ...this.dataForm });
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      this.current = val;
+      this.getAssociatedGoodsList({ ...this.dataForm });
+      console.log(`当前页: ${val}`);
+    },
+    editHandleClose() {
+      this.editForm = {};
+      this.editVisible = false;
     },
     submitEdit() {
       this.$http({
@@ -217,19 +252,23 @@ export default {
         data: this.$http.adornData(this.editForm)
       }).then(data => {
         this.$message.success("操作成功！");
-        this.editHandleClose()
-        this.getAssociatedGoodsList()
+        this.editHandleClose();
+        this.getAssociatedGoodsList();
       });
     },
     editCourse(row) {
       console.log("row", row);
+      if (this.CustomEdit) {
+        this.$emit("edit", row);
+        return;
+      }
       this.editVisible = true;
       this.editForm = {
         title: row.title,
         id: row.bindId,
-        sort:row.toSociologySort,
-        level:row.level,
-        selective:row.selective
+        sort: row.toSociologySort,
+        level: row.level,
+        selective: row.selective
       };
     },
     shopDelete(row) {
@@ -293,7 +332,6 @@ export default {
 
     // 获取数据列表
     async getDataList(bookMarketId) {
-      
       this.bookMarketId = bookMarketId;
       this.dataListLoading = true;
       this.getDataList = [];
@@ -338,8 +376,39 @@ export default {
       var form = { ...this.defaultForm, ...this.dataForm };
 
       this.dataListLoading = true;
+      if (this.otherInfo.httpType == "raw" && this.isShowPagination) {
+        this.$http
+          .request({
+            url: this.$http.adornUrl(`${this.urlList.hasBindProductList}`),
+            method: "POST",
+            data: { current: this.current, limit: this.limit, ...form },
+            header: {
+              //默认 无 说明：请求头
+              "Content-Type": "application/json"
+            }
+          })
+          .then(async ({ data }) => {
+            if (data && data.code === 0) {
+              console.log("data at line 359:", data);
+              if (this.otherInfo.resultValueName) {
+                this.associatedGoodsList = [
+                  ...data[this.otherInfo.resultValueName].records
+                ];
+                this.total = data.certificateList.total;
+                console.log("this.total at line 392:", this.total);
+                this.$forceUpdate();
+              } else {
+                this.associatedGoodsList = [...data.result.records];
+                this.total = data[result].total;
+              }
 
-      if (this.otherInfo.httpType == "raw" && this.otherInfo.isNoPaging) {
+              this.dataListLoading = false;
+            }
+          });
+      } else if (
+        this.otherInfo.httpType == "raw" &&
+        this.otherInfo.isNoPaging
+      ) {
         this.$http
           .request({
             url: this.$http.adornUrl(`${this.urlList.hasBindProductList}`),
@@ -352,7 +421,14 @@ export default {
           })
           .then(async ({ data }) => {
             if (data && data.code === 0) {
-              this.associatedGoodsList = [...data.result.records];
+              console.log("data at line 359:", data);
+              if (this.otherInfo.resultValueName) {
+                this.associatedGoodsList = [
+                  ...data[this.otherInfo.resultValueName].records
+                ];
+              } else {
+                this.associatedGoodsList = [...data.result.records];
+              }
 
               this.dataListLoading = false;
             }
@@ -371,7 +447,7 @@ export default {
             }
           })
           .then(async ({ data }) => {
-          	console.log('data at line 373:', data)
+            console.log("data at line 373:", data);
             if (data && data.code === 0) {
               this.associatedGoodsList = [
                 ...data[this.otherInfo.httpDataValueName]
@@ -501,7 +577,7 @@ li {
   height: calc(100% - 50px);
   overflow: auto;
   // margin-left: -10px;
-  padding-bottom: 20px;
+  // padding-bottom: 20px;
   // margin-top: 20px;
   .shop_box_item {
     width: 23.7%;
diff --git a/src/views/components/commonBookTags/shopproductTable.vue b/src/views/components/commonBookTags/shopproductTable.vue
index 63b6602..4ffb79a 100644
--- a/src/views/components/commonBookTags/shopproductTable.vue
+++ b/src/views/components/commonBookTags/shopproductTable.vue
@@ -63,6 +63,8 @@
           </el-table-column> -->
 
           <slot name="tableItem"></slot>
+          
+
           <el-table-column
             header-align="center"
             align="center"
@@ -70,11 +72,12 @@
             width="80"
           >
             <template slot-scope="scope">
-              <el-button
+             
+              <el-button 
                 type="text"
                 @click="handleCurrentChange(scope.row)"
                 size="mini"
-                >绑定</el-button
+                >{{CustomOperationText?CustomOperationText:'绑定'}}</el-button
               >
             </template>
           </el-table-column>
@@ -120,6 +123,7 @@ export default {
     "title",
     "isNoModal",
     "urlList",
+    "CustomOperationText",
   ],
   data() {
     return {
diff --git a/src/views/components/preview-image.vue b/src/views/components/preview-image.vue
new file mode 100644
index 0000000..5217366
--- /dev/null
+++ b/src/views/components/preview-image.vue
@@ -0,0 +1,397 @@
+<template>
+    <div>
+        <div class="imgbox">
+            <div
+                class="preview-img"
+                :class="boxClass"
+                v-if="
+                    Imageslist == 3 ||
+                    Imageslist == 5 ||
+                    Imageslist == 7 ||
+                    Imageslist == 8 ||
+                    Imageslist >= 9
+                "
+            >
+                <div
+                    class="img-box"
+                    v-for="(item, index) in imgArr"
+                    :key="index"
+                >
+                    <div v-for="(_item, _index) in item" :key="_index">
+                        <div class="box-image" v-if="_index <= 3">
+                            <el-image
+                                ref="preview"
+                                fit="cover"
+                                :preview-src-list="previewImages"
+                                :src="_item"
+                            />
+                            <div
+                                class="box-image-shade"
+                                @click="imglistclick()"
+                                v-if="item.length > 4 && _index == 3"
+                            >
+                                <div class="shade-more">
+                                    <i class="el-icon-d-arrow-right"></i>
+                                    <i
+                                        class="arrow"
+                                        custom-style="margin-left:-16px;"
+                                    ></i>
+                                </div>
+                                <div>{{ Imageslist }}张</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div :class="boxClass" class="preview-img" v-else>
+                <div
+                    v-if="
+                    Imageslist != 3 ||
+                    Imageslist != 5 ||
+                    Imageslist != 7 ||
+                    Imageslist != 8 ||
+                    Imageslist <= 9
+                "
+                    class="box-image"
+                    v-for="(item, index) in imgArr"
+                    :key="index"
+                >
+                    <el-image fit="contain" :src="item" /> 
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+ 
+<script>
+export default {
+    props: {
+        previewData: {
+            type: Array,
+            default: () => {
+                return [];
+            },
+            //     observer: function (newVal, oldVal) {
+            //         console.log("newVal, oldVal", newVal, oldVal);
+            //         const previewImages = [];
+            //         newVal.map((item) => {
+            //             previewImages.push(item);
+            //         });
+            //         this.setData({
+            //             previewImages,
+            //         });
+            //         this.formatImageList(newVal);
+            //     },
+        },
+    },
+    watch: {
+        previewData: function (newVal, oldVal) {
+            console.log("newVal, oldVal", newVal, oldVal);
+            const previewImages = [];
+            newVal.map((item) => {
+                previewImages.push(item);
+            });
+            this.previewImages = previewImages;
+ 
+            this.formatImageList(previewImages);
+            console.log("222222", newVal.length);
+            this.$nextTick(() => {
+                this.Imageslist = newVal.length;
+            });
+            // this.formatImageList(newVal);
+        },
+    },
+    data() {
+        return {
+            previewImages: [],
+            imgArr: [],
+            boxClass: "one",
+            Imageslist: 0,
+        };
+    },
+    mounted() {},
+    methods: {
+        imglistclick() {
+                 
+            console.log("图片", this.$refs.preview[8]);
+            this.$refs.preview[8].clickHandler();
+        },
+        formatImageList(imageArr) {
+            //     console.log("imageArr---", imageArr);
+            console.log("长度：", imageArr.length);
+ 
+            const arrLength = imageArr.length;
+            if (arrLength == 1) {
+                // this.setData({
+                //     imgArr: imageArr,
+                //     boxClass: "one",
+                // });
+                this.imgArr = imageArr;
+                this.boxClass = "one";
+            }
+ 
+            if (arrLength == 2) {
+                // this.setData({
+                //     imgArr: imageArr,
+                //     boxClass: "two",
+                // });
+                this.imgArr = imageArr;
+                this.boxClass = "two";
+            }
+ 
+            if (arrLength == 3) {
+                const firstArr = [...imageArr.splice(0, 1)];
+                const threeArr = [[...firstArr], [...imageArr]];
+                // this.setData({
+                //     imgArr: threeArr,
+                //     boxClass: "three",
+                // });
+                this.imgArr = threeArr;
+                this.boxClass = "three";
+            }
+ 
+            if (arrLength == 4) {
+                // this.setData({
+                //     imgArr: imageArr,
+                //     boxClass: "four",
+                // });
+                this.imgArr = imageArr;
+                this.boxClass = "four";
+            }
+ 
+            if (arrLength == 5) {
+                const firstArr = [...imageArr.splice(0, 1)];
+                const fiveArr = [[...firstArr], [...imageArr]];
+                // this.setData({
+                //     imgArr: fiveArr,
+                //     boxClass: "five",
+                // });
+                this.imgArr = fiveArr;
+                this.boxClass = "five";
+            }
+ 
+            if (arrLength == 6) {
+                // this.setData({
+                //     imgArr: imageArr,
+                //     boxClass: "six",
+                // });
+                this.imgArr = imageArr;
+                this.boxClass = "six";
+            }
+ 
+            if (arrLength == 7) {
+                const firstArr = [...imageArr.splice(0, 1)];
+                const secondArr = [...imageArr.splice(0, 4)];
+                const sevenArr = [[...firstArr], [...secondArr], [...imageArr]];
+                console.log("sevenArr", sevenArr);
+                // this.setData({
+                //     imgArr: sevenArr,
+                //     boxClass: "seven",
+                // });
+                this.imgArr = sevenArr;
+                this.boxClass = "seven";
+            }
+ 
+            if (arrLength == 8) {
+                const firstArr = [...imageArr.splice(0, 1)];
+                const secondArr = [...imageArr.splice(0, 4)];
+                const eightArr = [[...firstArr], [...secondArr], [...imageArr]];
+                console.log("eightArr", eightArr);
+                // this.setData({
+                //     imgArr: eightArr,
+                //     boxClass: "eight",
+                // });
+                this.imgArr = eightArr;
+                this.boxClass = "eight";
+            }
+ 
+            if (arrLength >= 9) {
+                const firstArr = [...imageArr.splice(0, 1)];
+                const secondArr = [...imageArr.splice(0, 4)];
+                const nineArr = [[...firstArr], [...secondArr], [...imageArr]];
+                console.log("nineArr", nineArr);
+                // this.setData({
+                //     imgArr: nineArr,
+                //     boxClass: "nine",
+                // });
+                this.imgArr = nineArr;
+                this.boxClass = "nine";
+            }
+        },
+    },
+};
+</script>
+ 
+<style lang="scss" scoped>
+.spanimg {
+     
+    
+}
+.imgbox {
+    width: 675px;
+ 
+    padding-bottom: 50px;
+    // background: red;
+}
+.preview-img {
+    padding: 16px 5px 0;
+    box-sizing: border-box;
+}
+ 
+.box-image {
+    margin-top: 10px;
+    width: 315px;
+    height: 315px;
+    border-radius: 6px;
+    overflow: hidden;
+}
+ 
+.box-image .el-image {
+    width: 100%;
+    height: 100%;
+    // width: 100px;
+    //     height: 100px;
+    display: block;
+}
+ 
+.two {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+ 
+.two .box-image + .box-image {
+    margin-left: 12px;
+}
+ 
+.three,
+.five,
+.seven,
+.eight,
+.nine {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+ 
+.three .img-box + .img-box {
+    margin-left: 12px;
+}
+ 
+.three .img-box + .img-box .box-image {
+    width: 154px;
+    height: 153px;
+}
+ 
+.four {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-start;
+}
+ 
+.four .box-image {
+    width: 205px;
+    height: 205px;
+    margin-right: 14px;
+    margin-top: 14px;
+}
+ 
+.five .img-box + .img-box {
+    margin-left: 12px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+ 
+.five .img-box + .img-box .box-image {
+    width: 153px;
+    height: 153px;
+}
+ 
+.six {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+}
+ 
+.six .box-image {
+    width: 205px;
+    height: 205px;
+    margin-top: 14px;
+}
+ 
+.seven,
+.eight,
+.nine {
+    flex-wrap: wrap;
+}
+ 
+.seven .img-box:nth-child(2),
+.eight .img-box:nth-child(2),
+.nine .img-box:nth-child(2) {
+    margin-left: 12px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    width: 315px;
+}
+ 
+.seven .img-box:nth-child(2) .box-image,
+.eight .img-box:nth-child(2) .box-image,
+.nine .img-box:nth-child(2) .box-image {
+    width: 153px;
+    height: 153px;
+}
+ 
+.seven .img-box:nth-child(3) {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+ 
+.seven .img-box:nth-child(3) .box-image + .box-image {
+    margin-left: 12px;
+    margin-top: 14px;
+    width: 315px;
+}
+ 
+.eight .img-box:nth-child(3),
+.nine .img-box:nth-child(3) {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+ 
+.eight .img-box:nth-child(3) .box-image {
+    width: 206px;
+    height: 206px;
+    margin-top: 14px;
+}
+ 
+.nine .img-box:nth-child(3) .box-image {
+    width: 152px;
+    height: 152px;
+    margin-top: 12px;
+    position: relative;
+}
+ 
+.box-image-shade {
+    width: 152px;
+    height: 152px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.55);
+    text-align: center;
+    font-size: 28px;
+    font-weight: 500;
+    color: #ffffff;
+    line-height: 42px;
+    padding-top: 36px;
+    box-sizing: border-box;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/modules/certificate/addCertificate.vue b/src/views/modules/certificate/addCertificate.vue
new file mode 100644
index 0000000..57009a7
--- /dev/null
+++ b/src/views/modules/certificate/addCertificate.vue
@@ -0,0 +1,523 @@
+<template>
+  <div class="mod-config">
+    <el-dialog
+      :title="`${isEdit ? '编辑' : '新增'}证书`"
+      :visible.sync="dialogVisible"
+      width="600px"
+    >
+      <div>
+        <el-form
+          :model="addCertificateForm"
+          ref="addCertificateForm"
+          label-width="110px"
+        >
+          <!-- <div style="background-color: #f0f0f0;padding:0 10px;box-sizing: border-box;color: #000;">
+                        <p>绑定用户</p>
+                    </div> -->
+          <template v-if="pageType == 'label'">
+            <el-form-item label="手机号/邮箱：" prop="user" class="form_item">
+              <div style="display: flex;align-items: center;">
+                <el-autocomplete
+                  style="width: 400px;"
+                  v-model="addCertificateForm.userKey"
+                  :fetch-suggestions="loadAll"
+                  placeholder="请输入用户信息"
+                  @select="handleSelect"
+                >
+                  <template #default="{ item }">
+                    <div class="custom-item">
+                      <span>{{ item.tel ? item.tel : item.email }}</span>
+                      <span
+                        style="color: gray; margin-left: 10px;"
+                        v-if="item.name"
+                        >({{ item.name }})</span
+                      >
+                    </div>
+                  </template>
+                </el-autocomplete>
+              </div>
+            </el-form-item>
+            <el-form-item
+              label="用户姓名："
+              style="width: 400px;"
+              v-if="addCertificateForm.userId"
+              prop="user"
+              class="form_item"
+            >
+              <div>
+                <!-- <span
+                style="width: 110px;display: inline-block;text-align: right;"
+                >用户姓名：</span
+              > -->
+                {{
+                  addCertificateForm.userName
+                    ? addCertificateForm.userName
+                    : "-"
+                }}
+              </div></el-form-item
+            >
+          </template>
+          <template v-if="pageType == 'user'">
+            <el-form-item label="手机号/邮箱：" prop="user" class="form_item">
+              <div style="display: flex;align-items: center;">
+                {{ addCertificateForm.userKey }}
+              </div>
+            </el-form-item>
+            <el-form-item
+              label="用户姓名："
+              style="width: 400px;"
+              prop="user"
+              class="form_item"
+            >
+              <div>
+                {{
+                  addCertificateForm.userName
+                    ? addCertificateForm.userName
+                    : "-"
+                }}
+              </div></el-form-item
+            >
+            <el-form-item
+              label="证书分类"
+            
+              prop="user"
+              class="form_item"
+            >
+              <div>
+                <el-cascader   style="width: 400px;"
+                :show-all-levels="false"
+                
+                  v-model="value"
+                  :props="{
+                    value: 'id',
+                    label: 'title',
+                   
+                  }"
+                  :options="cateOptions"
+                  placeholder="证书分类"
+                  @change="handleChange"
+                ></el-cascader></div
+            ></el-form-item>
+          </template>
+
+          <div
+            class="flexbox width100"
+            style="display: flex;align-items: center;"
+          >
+            <div>
+              <el-form-item label="课程名：" prop="courseId">
+                <el-select
+                  v-model="addCertificateForm.courseId"
+                  filterable
+                  remote
+                  reserve-keyword
+                  placeholder="请输入课程名"
+                  :remote-method="remoteMethod"
+                  style="width: 400px;"
+                  @change="selectChange"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.id"
+                    :label="item.title"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </div>
+
+            <div
+              v-if="
+                addCertificateForm.cate && addCertificateForm.cate.length > 0
+              "
+              style="margin-left:20px"
+            >
+              <el-form-item
+                label="请选择开通的分部："
+                label-width="150px"
+                prop="catalogueId"
+              >
+                <div>
+                  <el-checkbox-group v-model="linshiids">
+                    <el-checkbox
+                      :label="item.id"
+                      v-for="(item, index) in addCertificateForm.cate"
+                      :key="index"
+                      >{{ item.title }}</el-checkbox
+                    >
+                  </el-checkbox-group>
+                </div>
+                <!-- <div  v-for="(item, index) in addCertificateForm.cate" style=""
+                :key="index">
+              <el-radio               
+                v-model="addCertificateForm.catalogueId"
+                :label="item.id"
+                >{{ item.title }}</el-radio
+              >
+            </div> -->
+              </el-form-item>
+            </div>
+          </div>
+          <!-- <el-form-item label="课程名称：" prop="course" class="form_item">
+                        <el-button plain type="primary"  @click="selectCourse('addCertificateForm')"
+                                    size="mini">选择</el-button>
+                                    <span style="margin-left: 20px"></span>
+                        <br/>
+                            <div v-if="addCertificateForm.courseId" style="font-weight: bold;margin-top: 20px;display: flex;align-items: center;justify-content: space-between;"><p><img v-if="addCertificateForm.courseImg" :src="addCertificateForm.courseImg" alt=""style="width: 30px;height: 40px;margin-right: 20px;">{{ addCertificateForm.courseName }}</p><span @click="clearCourse"  style="color: red;cursor: pointer;"><i class="el-icon-delete" style="margin-right: 4px;"></i> 删除</span></div>        
+                    </el-form-item> -->
+
+          <el-form-item label="证书编号" prop="title" class="form_item">
+            <el-input
+              placeholder="请输入证书编号"
+              style="width: 400px;"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            label="上传证书"
+            prop="title"
+            class="form_item"
+            v-if="dialogVisible"
+          >
+            <el-upload
+              action="https://api.nuttyreading.com/oss/fileoss"
+              list-type="picture-card"
+              accept="image/png, image/jpeg"
+              :file-list="fileList"
+              :on-success="onSuccessImg"
+              :before-upload="beforeUpload"
+              :on-progress="onProgress"
+            >
+              <i slot="default" class="el-icon-plus"></i>
+              <div slot="file" slot-scope="{ file }">
+                <img
+                  class="el-upload-list__item-thumbnail"
+                  :src="file.url"
+                  alt=""
+                />
+                <span class="el-upload-list__item-actions">
+                  <!-- <span
+          class="el-upload-list__item-preview"
+          @click="handlePictureCardPreview(file)"
+        >
+          <i class="el-icon-zoom-in"></i>
+        </span> -->
+                  <span
+                    v-if="!disabled"
+                    class="el-upload-list__item-delete"
+                    @click="handleDownload(file)"
+                  >
+                    <i class="el-icon-download"></i>
+                  </span>
+                  <span
+                    v-if="!disabled"
+                    class="el-upload-list__item-delete"
+                    @click="handleRemove(file)"
+                  >
+                    <i class="el-icon-delete"></i>
+                  </span>
+                </span>
+                <!-- 上传中的加载动画 -->
+                <div v-if="file.uploading" class="loading-spinner">
+                  <i class="el-icon-loading"></i>
+                </div>
+              </div>
+            </el-upload>
+            <!-- <div class="flexBox" style="width:100%;justify-content: space-between;">
+                                    <div class="" style="display:flex">
+
+                                        <div
+                                            style="display:flex; align-items:center; width:100%;justify-content:center">
+                                            <div style="margin-right:15px">封面图</div>
+                                            <div>
+                                                <el-upload class="avatar-uploader" :action="baseUrl + '/oss/fileoss'"
+                                                    :show-file-list="false" :on-success="handlePicSuccess">
+                                                    <img v-if="fimages" :src="fimages" class="avatar" />
+                                                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                                                </el-upload>
+                                            </div>
+                                            <div>
+                                                <div v-if="fimages != ''">
+                                                    <el-tag class="delImgBtn" @click="delImg()"
+                                                        type="danger">清空图片</el-tag>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                    </div>
+
+                                </div>  -->
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleSubmit('addCertificateForm')">
+          确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { quillEditor } from "vue-quill-editor";
+import global from "../../common/common.vue"; //引入共用组间
+import debounce from "lodash/debounce"; //导入lodash中的debounce
+import AddOrUpdate from "@/views/components/commonBookTags/bookTagsForm.vue";
+import commonShop from "@/views/components/commonBookTags/shopproduct.vue";
+import commonShopTable from "@/views/components/commonBookTags/shopproductTable.vue";
+import commonTree from "@/views/components/commonBookTags/tags.vue";
+
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+const toolbarOptions = [
+  ["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
+  ["blockquote", "code-block"], //引用，代码块
+  [{ header: 1 }, { header: 2 }], // 几级标题
+  [{ list: "ordered" }, { list: "bullet" }], // 有序列表，无序列表
+  [{ script: "sub" }, { script: "super" }], // 下角标，上角标
+  [{ indent: "-1" }, { indent: "+1" }], // 缩进
+  [{ direction: "rtl" }], // 文字输入方向
+  [{ size: ["small", false, "large", "huge"] }], // 字体大小
+  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+  [{ color: [] }, { background: [] }], // 颜色选择
+  [
+    {
+      font: [
+        "SimSun",
+        "SimHei",
+        "Microsoft-YaHei",
+        "KaiTi",
+        "FangSong",
+        "Arial"
+      ]
+    }
+  ], // 字体
+  [{ align: [] }], // 居中
+  ["clean"], // 清除样式,
+  ["link", "image"] // 上传图片、上传视频
+];
+// import dialogComponent from './seckillprodrelation'
+export default {
+  props: ["data", "pageType", "dataInfo"],
+  data() {
+    return {
+      isUploading: false, // 上传过程中是否显示加载动画
+      isUploading: false, // 上传过程中是否显示加载动画
+      isEdit: false, // 上传过程中是否显示加载动画
+      dialogImageUrl: "",
+      dialogVisibleImg: false,
+      disabled: false,
+      restaurants: [],
+      fileList: [],
+      options: [],
+      cateOptions: [],
+      state: "",
+      timeout: null,
+      addCertificateForm: {},
+      baseUrl: global.baseUrl,
+      isEdit: false,
+      checkAll: false,
+      isIndeterminate: true,
+      dialogVisible: false,
+      urlList: {},
+      activeName: "first",
+      addForm: {},
+      audioFileList: [],
+      isFresh: false,
+      dataRule: {
+        name: [
+          {
+            required: true,
+            message: "标签名称不能为空"
+            // trigger: "change",
+          }
+        ]
+      }
+    };
+  },
+  components: {
+    AddOrUpdate,
+    commonShop,
+    commonTree,
+    commonShopTable,
+    quillEditor
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  activated() {
+    this.isEdit = false;
+    // this.getDataList();
+  },
+  methods: {
+    remoteMethod(query) {
+      console.log(query, "query", this.addCertificateForm.key);
+      // return false
+      if (this.addCertificateForm.key !== "") {
+        let data = {
+          title: query //关键字
+        };
+        this.totalLaoding = true;
+        this.$http({
+          url: this.$http.adornUrl("/master/userManage/courseAndChildrenList"),
+          method: "post",
+          data: this.$http.adornData(data)
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.options = data.list;
+          } else {
+            this.options = [];
+          }
+          this.totalLaoding = false;
+          if (data.code !== 0) return this.$message.error(data.msg);
+        });
+      } else {
+        this.options = [];
+        this.totalLaoding = false;
+      }
+    },
+    getCateList() {
+      this.$http({
+        url: this.$http.adornUrl("/master/userCertificate/userCertificateLabelList"),
+        method: "post",
+        data: this.$http.adornData({})
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.cateOptions = data.labelList;
+        } else {
+          this.cateOptions = [];
+        }
+        this.totalLaoding = false;
+        if (data.code !== 0) return this.$message.error(data.msg);
+      });
+    },
+    loadAll(queryString, cb) {
+      if (queryString == "") {
+        return false;
+      }
+      this.$http({
+        // url: this.$http.adornUrl('/book/user/list'),
+        url: this.$http.adornUrl("/book/user/getUserList"),
+        method: "post",
+        data: this.$http.adornData({
+          page: 1,
+          limit: 9999,
+          key: queryString
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          var arr = data.user.records;
+          console.log("arr at line 467:", arr);
+          cb(arr);
+        } else {
+          cb([]);
+        }
+      });
+    },
+
+    createStateFilter(queryString) {
+      return state => {
+        return (
+          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+        );
+      };
+    },
+    handleSelect(item) {
+      console.log(item);
+      this.addCertificateForm.userKey = item.tel ? item.tel : item.email;
+      this.addCertificateForm.userName = item.name;
+      this.addCertificateForm.userId = item.id;
+    },
+    init(type, data) {
+      this.getCateList()
+      console.log("data at line 372:", data);
+      this.addCertificateForm = {};
+      this.fileList = [];
+      this.isEdit = type == "edit" ? true : false;
+
+      if (data) {
+        this.addCertificateForm = {
+          courseId: data.id,
+          courseName: data.title,
+          courseImg: data.image,
+          images: data.image
+          // userId: data.userId
+        };
+        this.remoteMethod(this.addCertificateForm.courseName);
+        if (this.addCertificateForm.images) {
+          this.fileList = this.addCertificateForm.images
+            .split(",")
+            .map((image, i) => ({
+              uid: i, // 假设 id 是唯一标识符
+              name: i, // 文件名
+              status: "done", // 状态
+              url: image // 文件 URL
+            }));
+          console.log("this.fileList at line 308:", this.fileList);
+        }
+      } else {
+        this.addCertificateForm = {};
+      }
+      if (this.pageType == "label") {
+        if (data.userId) {
+          this.addCertificateForm.userKey = data.tel ? data.tel : data.email;
+          this.addCertificateForm.userName = data.name;
+          this.addCertificateForm.userId = data.id;
+        }
+      } else {
+        this.addCertificateForm.userKey = this.dataInfo.tel
+          ? this.dataInfo.tel
+          : this.dataInfo.email;
+        this.addCertificateForm.userName = this.dataInfo.name;
+        this.addCertificateForm.userId = this.dataInfo.id;
+      }
+
+      this.dialogVisible = true;
+    },
+    handleSubmit() {
+      console.log(
+        "this.fileList at line 728:",
+        this.fileList.map(e => e.url)
+      ); // 直接取 url
+    },
+
+    onSuccessImg(response, file, fileList) {
+      // 上传成功后，直接将返回的 URL 放到 file 对象中
+      file.uploading = false;
+      file.url = response.url; // 假设返回的数据包含文件的 url 地址
+      this.fileList = fileList; // 更新 fileList
+    },
+
+    beforeUpload(file) {
+      // 在文件上传之前，设置文件的上传状态
+      file.uploading = true;
+    },
+    onProgress(event, file, fileList) {
+      // 进度更新时，文件状态可以继续保持上传中
+      file.uploading = true;
+    },
+    handleRemove(file) {
+      this.fileList = this.fileList.filter(f => f.uid !== file.uid); // 删除文件
+    },
+    handleDownload(file) {
+      const link = document.createElement("a");
+      link.href = file.url;
+      link.download = file.name;
+      link.click();
+    },
+    selectChange(val) {
+      console.log("options", this.options);
+      //   this.getCate(val)
+    },
+    handlePictureCardPreview(file) {
+      // 图片预览逻辑
+    }
+  }
+};
+</script>
+<style lang="less" scoped></style>
diff --git a/src/views/modules/certificate/cateList.vue b/src/views/modules/certificate/cateList.vue
new file mode 100644
index 0000000..4eff6ba
--- /dev/null
+++ b/src/views/modules/certificate/cateList.vue
@@ -0,0 +1,1538 @@
+<template>
+  <div class="mod-config">
+    <commonTree
+      source="tags"
+      axiosType="raw"
+      axiosResultKey="market"
+      @changeCurrentNode="changeCurrentNode"
+      ref="commonTree"
+      :dataList="treeDataList"
+      @getCommonShopDataList="getCommonShopDataList"
+      @handleClickNodes="handleClickNodes"
+      :urlList="urlList"
+    ></commonTree>
+    <div
+      v-if="isFresh"
+      v-loading="!isFresh"
+      style="width: calc(100% - 360px); height: 100%; overflow-y: scroll; float: right; border: 1px solid #bababa;   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 10px;position: relative;"
+    >
+    <div class="border_box info_box">
+          <div class="title_box">
+            <div class="title"><span class="line"></span>基本标签信息</div>
+          </div>
+          <div class="addFormBox">
+            <el-form :model="addForm" ref="addForm" label-width="80px">
+              <el-form-item label="标签名称" prop="title" class="form_item">
+                <el-input
+                  placeholder="请输入标签名称"
+                  style="width: 100%"
+                  v-model="addForm.title"
+                  clearable
+                >
+                </el-input>
+              </el-form-item>
+
+              <el-form-item label="排序" prop="sort" class="form_item">
+                <el-input-number
+                  placeholder="请输入标签排序"
+                  style="width: 100%"
+                  v-model="addForm.sort"
+                  :min="0"
+                  clearable
+                  @keyup.native="UpNumber"
+                  @keydown.native="UpNumber"
+                >
+                </el-input-number>
+              </el-form-item>
+              <el-form-item
+                label="是否为最终级"
+                prop="isLast"
+                label-width="120px"
+                class="form_item"
+              >
+                <el-switch
+                  v-model="addForm.isLast"
+                  active-color="#13ce66"
+                  :active-value="1"
+                  :inactive-value="0"
+                  active-text="是"
+                  inactive-text="否"
+                  @change="handleChangeIsLast"
+                >
+                </el-switch>
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+        <div
+        style="padding-top: 0;padding-bottom: 0;"          class="border_box tree_content_box"
+          v-if="currentNode && currentNode.data.isLast == 1"
+        >
+          <div class="title_box" style="margin-bottom: 10px; height: 40px">
+            <div class="title">
+              <span class="line"></span>证书列表
+              <!-- <el-button
+                plain
+                type="primary"
+                style="margin-left: 20px"
+                @click="openTable('addForm')"
+                size="mini"
+                >新增</el-button
+              > -->
+
+              <!-- <div style="" class="button_box"> -->
+              <!-- <el-button plain type="danger" @click="handleCheckAllChange(true)" size="mini">清空</el-button> -->
+
+              <!-- </div> -->
+            </div>
+          </div>
+          <!-- :isNoSearch="true" -->
+          <commonShop
+           
+            :CustomEdit="true"
+            :otherInfo="{
+              httpType: 'raw',
+              resultValueName: 'certificateList'
+            }"
+            :defaultForm="{
+                tel:'',
+                title:'',
+              labelId: addForm.id
+            }"
+            axiosType="raw"
+            getAssociatedGoodsListKey="id"
+            :isNoPaging="true"
+            :disableOperate="true"
+            :isShowPagination="true"
+            getAssociatedGoodsListValue="result"
+            :tableColumnList="tableColumnList"
+            :currentId="addForm.id ? addForm.id : ''"
+            currentType="bookMarketId"
+            :dataList="associatedGoodsList"
+            :urlList="urlList"
+            @delete="dataFormDelete"
+            @edit="handleDataFormEdit"
+            :isEdit="isEdit"
+            ref="commonShop"
+            :style="`height: calc(100vh - 340px); `"
+          >
+            <template slot="searchFormItem" slot-scope="slotProps">
+              <el-form-item
+                label="手机号:"
+                prop="title"
+                class="form_item"
+                style="width: 240px;"
+              >
+                <el-input
+                  size="small"
+                  placeholder="请输入手机号"
+                  style="width: 100%"
+                  v-model="slotProps.dataForm.tel"
+                  clearable
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item
+                label="证书名称:"
+                prop="title"
+                class="form_item"
+                style="width: 240px;"
+              >
+                <el-input
+                  size="small"
+                  placeholder="请输入证书名称"
+                  style="width: 100%"
+                  v-model="slotProps.dataForm.title"
+                  clearable
+                >
+                </el-input>
+              </el-form-item>
+              <!-- <el-form-item label="商品类型" prop="goodsType" class="form_item">
+              <el-select
+                size="small"
+                v-model="slotProps.dataForm.goodsType"
+                placeholder="请选择"
+                style="width: 100%;"
+                clearable
+              >
+                <el-option
+                style="padding:0 10px;box-sizing: border-box;"
+                  v-for="item in goodsTypeList"
+                  :key="item.dictType"
+                  :label="item.dictValue"
+                  :value="item.dictType"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item> -->
+            </template>
+            <template slot="tableItem" slot-scope="slotProps">
+              <el-table-column
+                label="证书编号"
+                width="140"
+                align="center"
+                prop="certificateNo"
+              >
+                <!-- <template slot-scope="scope">
+              {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
+            </template> -->
+              </el-table-column>
+              <el-table-column
+                width="180"
+                prop="toSociologySort"
+                header-align="center"
+                align="center"
+                label="用户信息"
+              >
+                <template slot-scope="scope">
+                  <div>
+                    <span
+                      >姓名：{{
+                        scope.row.user.name ? scope.row.user.name : "-"
+                      }}</span
+                    >
+                  </div>
+                  <div v-if="scope.row.user.tel">
+                    <span>手机号：{{ scope.row.user.tel }}</span>
+                  </div>
+                  <div v-else-if="scope.row.user.email">
+                    <span>邮箱：{{ scope.row.user.email }}</span>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="title"
+                header-align="center"
+                align="center"
+                label="证书名称"
+              >
+              </el-table-column>
+
+              <!-- <el-table-column
+                header-align="center"
+                align="center"
+                label="课程图"
+                width="140"
+              >
+                <template slot-scope="scope">
+                  <img
+                    v-if="scope.row.image != ''"
+                    :src="scope.row.image"
+                    width="25"
+                    height="35"
+                    class="tableImg"
+                  />
+                </template>
+              </el-table-column> -->
+              <el-table-column
+                header-align="center"
+                align="center"
+                label="证书"
+                width="100"
+              >
+                <template
+                  slot-scope="scope"
+                  v-if="scope.row.certificateUrl != ''"
+                >
+                  <!-- <el-image
+                                ref="preview"
+                                fit="cover"
+                                :preview-src-list="previewImages"
+                                :src="item"
+                                v-for="(item,index) in scope.row.certificateUrl.split(',')"
+                            /> -->
+                  <el-image
+                  :key="index"
+                    v-for="(item, index) in scope.row.certificateUrl.split(',')"
+                    style="width: 30px; height: 40px;margin-right: 4px;cursor: pointer;"
+                    :src="item"
+                    :preview-src-list="scope.row.certificateUrl.split(',')"
+                  >
+                  </el-image>
+
+                  <!-- <img style="margin-right: 5px;"
+                    v-for="(item,index) in scope.row.certificateUrl.split(',')"
+                    :src="item"
+                    width="30"
+                    height="40"
+                    class="tableImg"
+                  /> -->
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="createTime"
+                header-align="center"
+                align="center"
+                width="140"
+                label="创建日期"
+              >
+              </el-table-column>
+            </template>
+          </commonShop>
+
+          <!-- <div
+                style="  border: 1px dashed #bababa;"
+                v-if="currentNode && currentNode.data.isLast == 1"
+              ></div> -->
+        </div>
+        <div class="submitButton submitButtonBox">
+          <el-button
+            type="primary"
+            @click="dataFormSubmit('addForm')"
+            size="small"
+            style="float: right;margin-right: 20px;"
+            >确定</el-button
+          >
+          <!-- </div> -->
+        </div>
+    </div>
+
+    <!-- <el-form
+        :inline="true"
+        :model="dataForm"
+        @keyup.enter.native="getDataList()"
+      >
+     
+        
+      </el-form> -->
+    <addCertificate
+      ref="addCertificate"
+      :data="addCertificateForm"
+      pageType="label"
+    ></addCertificate>
+    <commonShopTable
+      title="课程"
+      CustomOperationText="选择"
+      :otherInfo="{
+        httpType: 'raw',
+        httpDataValueName: 'records',
+        httpDataTotalName: 'total'
+      }"
+      :defaultForm="{
+        keywords: '',
+        id: addForm.id
+      }"
+      :urlList="urlList"
+      :tableColumnList="tableColumnList"
+      marketIdKey="marketId"
+      ref="commonShopTable"
+      :currentId="addForm.id"
+      currentType="bookMarketId"
+      @submit="handleSubmitShopTable"
+    >
+      <template slot="searchFormItem" slot-scope="slotProps">
+        <el-form-item label="课程名称" prop="keywords" class="form_item">
+          <el-input
+            size="small"
+            placeholder="请输入课程名称"
+            style="width: 100%"
+            v-model="slotProps.dataForm.keywords"
+            clearable
+          >
+          </el-input>
+        </el-form-item>
+        <!-- <el-form-item label="商品类型" prop="goodsType" class="form_item">
+                <el-select size="small" v-model="dataForm.goodsType" placeholder="请选择" style="width: 100%" clearable>
+                  <el-option v-for="item in goodsTypeList" :key="item.dictType" :label="item.dictValue"
+                    :value="item.dictType">
+                  </el-option>
+                </el-select>
+              </el-form-item> -->
+      </template>
+
+      <template slot="tableItem" slot-scope="slotProps">
+        <el-table-column label="课程ID" width="70" align="center" prop="id">
+          <!-- <template slot-scope="scope">
+              {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
+            </template> -->
+        </el-table-column>
+        <el-table-column
+          prop="title"
+          header-align="center"
+          align="center"
+          label="课程名称"
+        >
+        </el-table-column>
+
+        <el-table-column
+          header-align="center"
+          align="center"
+          label="课程图"
+          width="120"
+        >
+          <template slot-scope="scope">
+            <img
+              v-if="scope.row.image != ''"
+              :src="scope.row.image"
+              width="25"
+              height="35"
+              class="tableImg"
+            />
+          </template>
+        </el-table-column>
+      </template>
+    </commonShopTable>
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </div>
+</template>
+
+<script>
+import previewimage from "@/views/components/preview-image.vue";
+import { quillEditor } from "vue-quill-editor";
+import global from "../../common/common.vue"; //引入共用组间
+import debounce from "lodash/debounce"; //导入lodash中的debounce
+import AddOrUpdate from "@/views/components/commonBookTags/bookTagsForm.vue";
+import addCertificate from "@/views/modules/certificate/addCertificate.vue";
+import commonShop from "@/views/components/commonBookTags/shopproduct.vue";
+import commonShopTable from "@/views/components/commonBookTags/shopproductTable.vue";
+import commonTree from "@/views/components/commonBookTags/tags.vue";
+
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+const toolbarOptions = [
+  ["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
+  ["blockquote", "code-block"], //引用，代码块
+  [{ header: 1 }, { header: 2 }], // 几级标题
+  [{ list: "ordered" }, { list: "bullet" }], // 有序列表，无序列表
+  [{ script: "sub" }, { script: "super" }], // 下角标，上角标
+  [{ indent: "-1" }, { indent: "+1" }], // 缩进
+  [{ direction: "rtl" }], // 文字输入方向
+  [{ size: ["small", false, "large", "huge"] }], // 字体大小
+  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+  [{ color: [] }, { background: [] }], // 颜色选择
+  [
+    {
+      font: [
+        "SimSun",
+        "SimHei",
+        "Microsoft-YaHei",
+        "KaiTi",
+        "FangSong",
+        "Arial"
+      ]
+    }
+  ], // 字体
+  [{ align: [] }], // 居中
+  ["clean"], // 清除样式,
+  ["link", "image"] // 上传图片、上传视频
+];
+// import dialogComponent from './seckillprodrelation'
+export default {
+  data() {
+    return {
+      disabled: false,
+      restaurants: [],
+
+      options: [],
+      state: "",
+      timeout: null,
+      addCertificateForm: {},
+      baseUrl: global.baseUrl,
+      isEdit: false,
+      checkAll: false,
+      isIndeterminate: true,
+      dialogVisible: false,
+      urlList: {
+        treeList: "/master/userCertificate/userCertificateLabelList",
+        delete: "/master/userCertificate/delUserCertificateLabel",
+        deleteShop: "/master/courseMedical/unbindCourseAndMedical",
+        saveShop: "/master/courseMedical/bindCourseAndMedical",
+        add: "/master/userCertificate/saveUserCertificateLabel",
+        edit: "/master/userCertificate/editUserCertificateLabel",
+        hasBindProductList:
+          "/master/userCertificate/userCertificateList",
+        CanBindProductList: "/master/courseMedical/getCourseListCanMedical",
+        editCourse: "/master/courseMedical/updateCourseToMedicalSort"
+      },
+      activeName: "first",
+      addForm: {},
+      audioFileList: [],
+      isFresh: false,
+      dataRule: {
+        name: [
+          {
+            required: true,
+            message: "标签名称不能为空"
+            // trigger: "change",
+          }
+        ]
+      },
+      fimages: "",
+      currentNode: {},
+      treeDataList: [],
+      associatedGoodsList: [], //已关联商品列表
+
+      isact: "", //当前hover的节点
+      isactTitle: "", //记录修改节点名称
+      curNode: undefined, //当前选中节点
+      isUpdateGroup: false, //是否在修改模板组
+      filterText: "",
+      indexRecord: [], //记录节点轨迹
+      isBreak: false, //是否结束循环
+      defaultProps: {
+        children: "children",
+        label: "title"
+      },
+      dataForm: {
+        key: ""
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      addOrUpdateVisible: false,
+      tableColumnList: [
+        { label: "商品ID", width: 70, align: "center", prop: "productId" },
+        {
+          label: "商品名称",
+          align: "center",
+          prop: "product.productName",
+          headerAlign: "center"
+        },
+        {
+          label: "价格",
+          align: "center",
+          prop: "product.price",
+          headerAlign: "center"
+        },
+        {
+          label: "活动价",
+          width: 120,
+          align: "center",
+          prop: "product.activityPrice",
+          headerAlign: "center"
+        },
+        {
+          label: "库存",
+          width: 120,
+          align: "center",
+          prop: "product.productStock",
+          headerAlign: "center"
+        },
+        {
+          label: "商品图",
+          width: 120,
+          align: "center",
+          prop: "product.productImages",
+          headerAlign: "center",
+          slot: "productImages"
+        }
+      ],
+      // 富文本编辑器配置
+      editorOption: {
+        modules: {
+          history: {
+            delay: 1000,
+            maxStack: 50,
+            userOnly: false
+          },
+          toolbar: {
+            container: toolbarOptions,
+            handlers: {
+              image: function(value) {
+                // if (value) {
+                // 调用element的图片上传组件
+                document.querySelector(".avatar-uploader11 input").click();
+                // } else {
+                //   this.quill.format("image", false);
+                // }
+              }
+            }
+          }
+        },
+        placeholder: "请输入简介说明"
+      }
+    };
+  },
+  components: {
+    AddOrUpdate,
+    addCertificate,
+    commonShop,
+    commonTree,
+    commonShopTable,
+    quillEditor,
+    previewimage
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  activated() {
+    this.isEdit = false;
+    this.getDataList();
+  },
+  methods: {
+    getCate(id) {
+      this.linshiids = [];
+
+      this.$http({
+        url: this.$http.adornUrl("/master/userManage/catalogueListByCourse"),
+        method: "post",
+        data: this.$http.adornData({
+          courseId: id
+        })
+      })
+        .then(({ data }) => {
+          if (data && data.code === 0) {
+            console.log("data", "data++++++++++++++++++++");
+            this.addCertificateForm.cate = data.list;
+            // this.addCertificateForm.cate
+          } else {
+            this.addCertificateForm.cate = [];
+            this.linshiids = [];
+          }
+        })
+        .catch(e => {
+          console.log("数据报错");
+        });
+    },
+
+    handleDataFormEdit(data) {
+      console.log("data at line 472:", data);
+
+      this.$nextTick(() => {
+        this.$refs.addCertificate.init("edit", data);
+      });
+
+      // this.selectChange(data.id)
+    },
+
+    onprogress() {
+      this.$message("上传中，请勿关闭或进行其他操作");
+    },
+    audioHandleRemove(file, fileList) {
+      console.log(file, fileList);
+      this.audioFileList = [];
+      this.addForm.media = "";
+    },
+    audioUploadSuccess(res, file) {
+      this.audioFileList = [];
+      this.audioFileList.push(file);
+      this.$message.success("上传成功");
+      console.log(this.audioFileList, res, "上传成功");
+      this.addForm.media = res.url;
+    },
+    // 失去焦点事件
+    onEditorBlur(quill) {
+      //  console.log('editor blur!', quill)
+    },
+    // 获得焦点事件
+    onEditorFocus(quill) {
+      //console.log('editor focus!', quill)
+    },
+    // 准备富文本编辑器
+    onEditorReady(quill) {
+      // console.log('editor ready!', quill)
+    },
+    contentUploadSuccess888(res, file) {
+      console.log(res);
+    },
+    contentUploadSuccess(res, file) {
+      // console.log(res)
+      let quill = this.$refs.myQuillEditor.quill;
+      // 如果上传成功
+      if (res) {
+        // 获取光标所在位置
+        let length = quill.getSelection().index;
+        // 插入图片，res为服务器返回的图片链接地址
+        quill.insertEmbed(length, "image", res.url);
+        // 调整光标到最后
+        quill.setSelection(length + 1);
+      } else {
+        // 提示信息，需引入Message
+        this.$message.error("图片插入失败！");
+      }
+    },
+    UpNumber(e) {
+      e.target.value = e.target.value.replace(/[^\d]/g, "");
+    },
+    dataFormEdit() {
+      this.checkAll = false;
+      this.isEdit = !this.isEdit;
+    },
+    handleCheckAllChange(val) {
+      this.$nextTick(() => {
+        this.$refs.commonShop.handleCheckAllChange(val);
+      });
+    },
+    clearCourse() {
+      this.addCertificateForm.courseId = "";
+      this.addCertificateForm.courseName = "";
+      this.addCertificateForm.courseImg = "";
+    },
+    handleSubmitShopTable: debounce(async function(ids, data) {
+      console.log("ids at line 492:", ids, data);
+      this.addCertificateForm = {
+        courseId: ids,
+        courseName: data.title,
+        courseImg: data.image
+      };
+      if (this.$refs.commonShopTable) {
+        this.$refs.commonShopTable.close();
+      }
+      // await this.$http
+      //     .request({
+      //         url: this.$http.adornUrl(`${this.urlList.saveShop}`),
+      //         method: "POST",
+      //         data: {
+      //             courseId: ids,
+      //             medicalId: this.addForm.id
+      //         },
+      //         header: {
+      //             //默认 无 说明：请求头
+      //             "Content-Type": "application/json"
+      //         }
+      //     })
+      //     .then(async ({ data }) => {
+      //         if (data && data.code === 0) {
+      //             this.$message.success(data.msg);
+
+      //             if (this.$refs.commonShop) {
+      //                 // this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+      //                 //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+      //                 //   id:this.addForm.id ? this.addForm.id : null
+      //                 // }
+
+      //                 this.$refs.commonShop.getAssociatedGoodsList();
+      //             }
+      //             if (this.$refs.commonShopTable) {
+      //                 this.$refs.commonShopTable.close();
+      //             }
+      //         } else {
+      //             this.$message.error(data.msg);
+      //         }
+      //     });
+    }, 200),
+    openTable() {
+      this.restaurants = [];
+
+      this.$refs.addCertificate.init("add", {});
+      this.$forceUpdate();
+      //   this.dialogVisible = true;
+      // this.isEdit = false;
+      // this.$nextTick(() => {
+      //   this.$refs.commonShopTable.dataForm.marketId = this.addForm.id;
+      //   this.$refs.commonShopTable.open(this.addForm.id);
+      // });
+    },
+    selectCourse() {
+      // this.dialogVisible = true;
+      this.isEdit = false;
+      this.$nextTick(() => {
+        this.$refs.commonShopTable.dataForm.marketId = this.addForm.id;
+        this.$refs.commonShopTable.open(this.addForm.id);
+      });
+    },
+    handleChangeIsLast(e) {
+      console.log("🚀 ~ handleChangeIsLast ~ e:", e);
+      this.$nextTick(() => {
+        if (e == 1) {
+          if (this.$refs.commonShop) {
+            // this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+            //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+            //   id:this.addForm.id ? this.addForm.id : null
+            // }
+            this.$refs.commonShop.getAssociatedGoodsList();
+          }
+        }
+      });
+    },
+
+    async getCommonShopDataList(type, id, form) {
+      this.isFresh = false;
+      this.isEdit = false;
+      this.isFresh = true;
+      console.log("🚀 ~ getCommonShopDataList ~ type, id:", type, id);
+
+      this.currentNode = { data: { ...form } };
+      this.addForm = form;
+      if (this.addForm.isLast == 0) {
+        this.activeName = "first";
+      }
+      //   this.fimages = this.addForm.icon;
+      //   this.audioFileList = [];
+      //   if (this.addForm.mediaType == 2 && this.addForm.media != "") {
+      //     this.audioFileList.push({
+      //       url: this.addForm.media,
+      //       name: "audio--"
+      //     });
+      //   }
+
+      await this.getDataList();
+      // this.$refs.commonTree.setCurrentNodeShow();
+      this.$nextTick(() => {
+        // this.$refs.commonShop.clear();
+        // this.$refs.commonShop.bookMarketId = null;
+        if (form.isLast == 1) {
+          if (this.$refs.commonShop) {
+            // this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+            //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+            //   id:this.addForm.id ? this.addForm.id : null
+            // }
+            this.$refs.commonShop.getAssociatedGoodsList();
+          }
+        }
+      });
+    },
+    delImg() {
+      this.fimages = "";
+      this.addForm.icon = "";
+    },
+    handlePicSuccess(res, file) {
+      this.fimages = res.url;
+      //   this.addForm.icon = res.url;
+      this.$message.success("上传成功");
+      //  console.log(res, "上传");
+    },
+    handlePicSuccess11() {
+      console.log("上传音频---");
+    },
+    handlePicSuccess111() {
+      console.log("上传音频");
+    },
+
+    //新增修改
+    dataFormSubmit: debounce(async function(formName) {
+      //    return false
+      if (this.addForm.title == "" || !this.addForm.title) {
+        this.$message.error("请输入标签名称");
+        return false;
+      }
+
+      if (!this.addForm.content) {
+        this.addForm.content = "";
+      }
+      console.log(this.addForm, "this.addForm-----------");
+      await this.$refs[formName].validate(async valid => {
+        if (valid) {
+          await this.$http({
+            url: this.$http.adornUrl(
+              this.addForm.id ? this.urlList.edit : this.urlList.add
+            ),
+            method: "post",
+            data: this.$http.adornData({
+              ...this.addForm
+            })
+          }).then(async ({ data }) => {
+            if (data && data.code === 0) {
+              // var status = await this.correlationShop(data.result.id);
+              await this.getDataList();
+              this.$nextTick(async () => {
+                this.$refs.commonTree.setCurrentNodeShow(data.labelId);
+                this.$message({
+                  message: "操作成功",
+                  type: "success",
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false;
+                  }
+                });
+                // this.$refs.commonShopTable.getAssociatedGoodsList();
+                // if (data.Medical.icon && data.Medical.icon != "") {
+                //   this.fimages = data.Medical.icon;
+                // }
+
+                // this.addForm = data.Medical;
+                // this.audioFileList = [];
+                // if (this.addForm.mediaType == 2 && this.addForm.media != "") {
+                //   this.audioFileList.push({
+                //     url: this.addForm.media,
+                //     name: "audio"
+                //   });
+                // }
+                ///    this.currentNode = { data: { ...data.Medical } };
+              });
+            } else {
+              this.$message.error(data.msg);
+              setTimeout(() => {
+                this.addForm = { ...this.currentNode.data };
+              }, 500);
+
+              // console.log('this.addForm at line 550:', this.addForm)
+              // console.log('this.addForm at line 550:', this.currentNode)
+            }
+          });
+        }
+      });
+    }, 200),
+    //新增修改
+    dataFormDelete: debounce(async function(row, deleteType) {
+      console.log("row at line 515:", row);
+      this.$confirm(
+        `确定要删除${deleteType != "all" ? "该" : "所有"}关联课程嘛?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      )
+        .then(async () => {
+          // var lableIds = row[0].bookLabelId;
+          var productIds = row[0].id;
+
+          // //    return false
+          // var selectShopArr = this.$refs.commonShop.selectShopArr;
+          // console.log(selectShopArr, "1111");
+
+          // if (selectShopArr.length == 0) {
+          //   this.$message.error("请选择已关联的商品");
+          //   return false;
+          // }
+          this.$refs.commonShop.dataListLoading = true;
+          await this.$http
+            .request({
+              url: this.$http.adornUrl(`${this.urlList.deleteShop}`),
+              method: "POST",
+              data: {
+                id: row[0].bindId
+                // marketId: this.addForm.id
+              },
+              header: {
+                //默认 无 说明：请求头
+                "Content-Type": "application/json"
+              }
+            })
+            .then(async ({ data }) => {
+              if (data && data.code === 0) {
+                this.$message.success("删除成功");
+              } else {
+                this.$message.error(data.msg);
+              }
+              this.$nextTick(() => {
+                // this.$refs.commonShop.selectShopArr = [];
+                if (this.$refs.commonShop) {
+                  //     this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+                  //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+                  //   id:this.addForm.id ? this.addForm.id : null
+                  // }
+                  this.$refs.commonShop.getAssociatedGoodsList();
+                }
+              });
+            });
+        })
+        .catch(() => {});
+    }, 200),
+    setCheckedKeys() {
+      this.$refs.tree.setCheckedKeys([0]);
+    },
+    changeCurrentNode(val) {
+      this.changeCurrentNode = val;
+      this.$forceUpdate();
+    },
+    handlereset() {
+      this.currentNode = null;
+      this.isFresh = false;
+      this.isFresh = true;
+    },
+    handleClickNodes(node, data, type) {
+      this.isEdit = false;
+      this.addForm = {};
+      // console.log(this.$refs.tree.handleClickNodes(), "当前选中节点");
+      console.log(node, data, "当前选中节点");
+      this.currentNode = node ? node : {};
+
+      this.isFresh = false;
+      this.isFresh = true;
+
+      var form = {};
+      switch (type) {
+        case "add":
+          form = { ...data };
+          break;
+        case "edit":
+          form = { ...node.data };
+          break;
+        case "addChildren":
+          form = {
+            children: [],
+            delFlag: 0,
+            isLast: 0,
+            icon: "",
+            content: "",
+            pid: data.id,
+            sort: 0,
+            title: ""
+          };
+          break;
+      }
+      this.addForm = { ...form };
+      this.$nextTick(() => {
+        this.$refs.commonShop.clear();
+        // this.$refs.commonShop.bookMarketId = null;
+        this.$refs.commonShop.getDataList(type == "edit" ? form.id : "");
+      });
+    },
+    addOrUpdateHandle() {
+      var addform = {
+        children: [],
+        delFlag: 0,
+        isLast: 0,
+        pid: 0,
+        sort: 0,
+        title: "",
+        icon: ""
+      };
+      this.handleClickNodes({ data: addform }, addform, "add");
+      // if (!this.currentNode) {
+      //   this.$message.error("请先选择分类");
+      //   return;
+      // }
+    },
+
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.title.indexOf(value) !== -1;
+    },
+
+    // renderContent(h, { node, data, store }) {
+    //   return;
+    //   `<span
+    //       style="flex: 1; display: flex; align-items: center; justify-content: space-between; padding-right: 8px;"
+    //       on-mouseenter={() => this.mouseenteract(data)}
+    //       on-mouseleave={() => this.mouseleaveact(data)}
+    //     >
+    //       <span>
+    //         <span>{node.label}</span>
+    //       </span>
+    //       {this.isact == data ? (
+    //         <span>
+    //           {this.isact.typeName == "模板组" ? (
+    //             <el-button
+    //               class="m-r-10"
+    //               type="text"
+    //               icon="el-icon-edit"
+    //               on-click={() => this.handleUpdateGroup(node, data)}
+    //             ></el-button>
+    //           ) : (
+    //             <span></span>
+    //           )}
+    //           <el-button
+    //             type="text"
+    //             icon="el-icon-delete"
+    //             on-click={(e) => this.handleDelete(node, data, e)}
+    //           ></el-button>
+    //         </span>
+    //       ) : (
+    //         <span></span>
+    //       )}
+    //     </span>`;
+    // },
+    updateRenderContent(h, { node, data, store }) {
+      return `
+          <span style="flex: 1; display: flex; align-items: center; justify-content: space-between; padding-right: 8px;">
+            <span>
+              {this.isact == data ? (
+                <input
+                  type="text"
+                  onChange={this.handleChangeTitle.bind(this)}
+                  value={node.label}
+                />
+              ) : (
+                <span>{node.label}</span>
+              )}
+            </span>
+            {this.isact == data ? (
+              <span>
+                {this.isact.typeName == "模板组" ? (
+                  <span>
+                    <el-button
+                      class="m-r-10"
+                      type="text"
+                      icon="el-icon-check"
+                      on-click={() => this.updateGroup(node, data)}
+                    ></el-button>
+                    <el-button
+                      class="m-r-10"
+                      type="text"
+                      icon="el-icon-close"
+                      on-click={(e) => this.cancelUpdate(node, data, e)}
+                    ></el-button>
+                  </span>
+                ) : (
+                  <span></span>
+                )}
+              </span>
+            ) : (
+              <span></span>
+            )}
+          </span>`;
+    },
+    //获取鼠标进入节点的数据
+    mouseenteract(da) {
+      this.isact = da;
+    },
+    mouseleaveact(da) {
+      this.isact = "";
+    },
+    handleNodeClick(pdata) {
+      this.curNode = pdata;
+      document
+        .getElementsByClassName("el-tree-node__content")[0]
+        .setAttribute("class", "el-tree-node__content");
+    },
+    handleDelete(node, data, e) {
+      e.stopPropagation();
+      //存在则添加到子级
+      const parent = node.parent;
+      const children = parent.data.nodes || parent.data;
+      //若parent.data是对象，操作的是子级；如果是数组，操作的是最外层
+      if (Array.isArray(parent.data)) {
+        const parentIndex = parent.data.findIndex(d => d.id === data.id);
+        parent.data.splice(parentIndex, 1);
+      } else {
+        const childIndex = children.findIndex(d => d.id === data.id);
+        children.splice(childIndex, 1);
+      }
+      this.curNode = undefined;
+    },
+    //新增组
+    handleAddGroup() {
+      /**
+             *  如果模版深度最多两层，取消该部分注释
+             * //最多只有两层组 不可能添加在dept2的组上 curNode存在 并且  深度超过1
+               if (this.curNode != undefined && this.curNode.depth != 1) { 
+               this.$message.warning("不能添加超过两层");  
+               return; 
+             }
+             */
+
+      //如果isUpdateGroup 已经是true了 说明重复点击了
+      if (this.isUpdateGroup) {
+        return;
+      }
+
+      let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
+        (
+          c ^
+          (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
+        ).toString(16)
+      );
+      let newChild = {
+        parentId: "", //如果有这个id 是插入第二层 否则是第一层 可有可无
+        text: "", //必须有 this.templateContent.tempName
+        nodes: [],
+        id: id,
+        typeName: "模板组",
+        temporaryData: "1" //用来区分临时数据
+      };
+      /* 如果模版深度最多两层，以下条件改成该部分注释
+              this.curNode && this.curNode.depth == 1 
+            */
+      this.indexRecord = [];
+      if (this.curNode) {
+        if (!this.curNode.nodes) {
+          this.$message.warning("模板不可添加");
+          return;
+        }
+        newChild.parentId = this.curNode.id;
+        /* 如果模版深度最多两层，以下条件改成该部分注释
+                  const index = this.treeDataList.findIndex(
+                    item => item.id == this.curNode.id
+                  );
+                  this.treeDataList[index].nodes.push(newChild);
+                */
+        //找到tree中的index轨迹
+        this.getTemplateTreeNode(this.curNode.id, this.treeDataList, 0);
+        //按照index轨迹插入节点
+        this.insertNode(
+          newChild,
+          this.treeDataList,
+          this.indexRecord,
+          this.indexRecord.length
+        );
+        this.isBreak = false;
+      } else if (this.curNode == undefined) {
+        //没有选中的时候 添加到最外层
+        newChild.depth = 1;
+        this.treeDataList.push(newChild);
+      }
+      //调用出updateRender的input
+      this.isact = newChild;
+      this.isUpdateGroup = true;
+    },
+    //递归遍历获得选中node
+    getTemplateTreeNode(target, list, dept) {
+      //空数组直接返回
+      if (list.length == 0) return;
+      let dataLen = list.length;
+      for (let i = 0; i < dataLen; i++) {
+        //如果不匹配
+        if (target != list[i].id) {
+          //存在nodes 遍历nodes里的节点
+          if (list[i].nodes) {
+            this.indexRecord[dept] = i;
+            let recordDept = dept + 1;
+            this.getTemplateTreeNode(target, list[i].nodes, recordDept);
+          } else {
+            //不存在nodes 继续遍历
+            continue;
+          }
+        } else {
+          //匹配，则修改下标数组
+          this.indexRecord[dept] = i;
+          this.isBreak = true;
+          break;
+        }
+        //删除不匹配的轨迹 如果已经break了说明已经找到正确的节点，就不用再删了
+        if (!this.isBreak) {
+          this.indexRecord.pop();
+        }
+      }
+    },
+    //插入节点
+    insertNode(insertChild, tree, indexArr, len) {
+      let index = indexArr.length - len;
+      if (len == 0) {
+        tree.push(insertChild);
+      } else {
+        this.insertNode(
+          insertChild,
+          tree[indexArr[index]].nodes,
+          indexArr,
+          len - 1
+        );
+      }
+    },
+    //修改组
+    handleUpdateGroup() {
+      this.isUpdateGroup = true;
+    },
+    //修改组名时获取title
+    handleChangeTitle(e) {
+      let value = e.target.value;
+      this.isactTitle = value;
+    },
+    updateGroup(node, data) {
+      //先handleChangeTitle获取title 再调用
+      setTimeout(() => {
+        if (this.isactTitle.trim() == "") {
+          this.$message.warning("名称不能为空");
+          return;
+        }
+        //修改数据组
+        this.isUpdateGroup = false;
+        const parent = node.parent;
+        const children = parent.data.nodes || parent.data;
+        const index = children.findIndex(d => d.id === data.id);
+        let temp = data;
+        temp.text = this.isactTitle;
+        children.splice(index, 1, temp);
+      }, 500);
+    },
+    cancelUpdate(node, data, e) {
+      this.$message.info("已取消");
+      this.isUpdateGroup = false;
+      //如果是插入操作 需要移除数据
+      if (this.isact.temporaryData) {
+        this.handleDelete(node, data, e);
+      }
+    },
+    // 获取数据列表
+
+    async getDataList() {
+      this.dataListLoading = true;
+      await this.$http({
+        url: this.$http.adornUrl(this.urlList.treeList),
+        method: "get"
+        // params: this.$http.adornParams({
+        //   'page': this.pageIndex,
+        //   'limit': this.pageSize,
+        //   'key': this.dataForm.key
+        // })
+      }).then(({ data }) => {
+        console.log("🚀 ~ getDataList ~ data:", data);
+        if (data && data.code === 0) {
+          this.treeDataList = data.labelList;
+          // this.totalPage = data.page.totalCount
+        } else {
+          this.treeDataList = [];
+          // this.totalPage = 0
+        }
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getDataList();
+    },
+    // 多选
+    selectionChangeHandle(val) {
+      this.dataListSelections = val;
+    }
+    // // 新增 / 修改
+    // addOrUpdateHandle(row) {
+    //   this.addOrUpdateVisible = true;
+    //   this.$nextTick(() => {
+    //     this.$refs.addOrUpdate.init(row);
+    //   });
+    // },
+  }
+};
+</script>
+<style lang="less" scoped>
+.delImgBtn {
+  cursor: pointer;
+  display: inline-block;
+  margin-left: 10px;
+}
+
+.el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+
+.avatar-uploader-icon {
+  border: 1px dashed #d9d9d9;
+  border-color: #409eff;
+  font-size: 28px;
+  color: #8c939d;
+  width: 70px;
+  height: 70px;
+  line-height: 70px;
+  text-align: center;
+}
+
+.avatar {
+  width: 70px;
+  border: 1px dashed #409eff;
+  // border-color: #409eff;
+  height: 70px;
+  display: block;
+}
+
+.tree_box {
+  width: 350px !important;
+  height: 100%;
+  float: left;
+  border: 1px solid #bababa;
+  border-radius: 10px;
+  padding: 15px;
+  box-sizing: border-box;
+  // background: #fafafa;
+}
+
+.flexBox {
+  display: flex;
+}
+
+.subBox {
+  border: 1px solid #d6d6d6;
+  border-radius: 10px;
+  overflow: hidden;
+  width: 49%;
+  padding: 10px;
+}
+
+.border_box {
+  // height: 100px;
+  // margin-bottom: 10px;
+
+  .title_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .button_box {
+      // width: 200px;
+      float: right;
+    }
+  }
+
+  .title {
+    width: 300px;
+    min-width: 200px;
+
+    float: left;
+    display: flex;
+    align-items: center;
+    font-weight: 600;
+    font-size: 16px;
+
+    // color: #17b3a3;
+    .line {
+      width: 4px;
+      height: 20px;
+      margin-right: 8px;
+      background: #17b3a3;
+    }
+  }
+}
+
+.border_box {
+  width: 100%;
+  // float: right;
+  background: #fffefe;
+margin-top: 4px;
+  border-radius: 10px;
+  padding: 15px 15px;
+  box-sizing: border-box;
+}
+
+.tree_content_box {
+  height: calc(100% - 180px) !important;
+
+  .shopFormBox {
+    width: auto !important;
+  }
+}
+
+.mod-config {
+  width: 100%;
+  height: 82vh;
+  overflow: hidden;
+}
+
+.el-tree-node__content {
+  .el-button {
+    display: none;
+  }
+}
+
+.el-tree-node__content:hover {
+  .el-button {
+    display: inline;
+  }
+}
+
+.dataType {
+  margin: 20px 0;
+  justify-content: center;
+}
+
+.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+  background-color: #eaebed;
+  color: #4796ec;
+  font-weight: bold;
+}
+
+.el-tree {
+  height: 350px;
+  overflow-y: auto !important;
+
+  .el-tree-node__content span {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+
+// .el-card {
+//   background: none !important;
+// }
+p {
+  margin: 0;
+  margin-bottom: 10px;
+}
+
+.submitButtonBox {
+  // margin-top: 20px;
+  // display: flex;
+  // align-items: center;
+  // justify-content: space-between;
+}
+
+.submitButton {
+  // float: right;
+  text-align: center;
+  margin: 15px auto;
+}
+
+// .el-tree-node__content .el-button {
+//   // width: 120px !important;
+
+//   display: block !important;
+// }
+// ::v-deep .el-tree .el-tree-node__content span:nth-child(2) {
+//   width: 120px;
+//   display: flex !important;
+//   align-items: center !important;
+//   justify-content: space-between !important;
+// }
+// /deep/.el-table__row--level-1 {
+//   display: block !important;
+// }
+
+.addFormBox {
+  overflow: hidden;
+
+  .form_item {
+    width: 33%;
+    float: left;
+    margin-bottom: 0;
+  }
+}
+
+.custom-tree-container {
+  height: calc(100% - 100px);
+
+  .filter-tree {
+    height: 100%;
+  }
+}
+
+.info_bg {
+  background: #e0dede;
+  height: 28px;
+  line-height: 28px;
+  padding-left: 10px;
+  // padding: 8px 5px;
+  box-sizing: border-box;
+  // margin-top: -10px;
+  border-radius: 4px;
+  font-size: 14px;
+  width: calc(100% - 120px);
+  float: left;
+}
+
+.shopFormBox {
+  min-width: auto !important;
+}
+
+.ql-container {
+  min-height: 200px;
+}
+
+/deep/ .quill-editor {
+  min-height: 200px !important;
+}
+.loading-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 24px;
+}
+</style>
diff --git a/src/views/modules/user/user.vue b/src/views/modules/user/user.vue
index 703b41a..33c84d4 100644
--- a/src/views/modules/user/user.vue
+++ b/src/views/modules/user/user.vue
@@ -224,6 +224,15 @@
                   </el-button>
                 </router-link>
               </el-dropdown-item>
+              <el-dropdown-item>
+                <router-link
+                  :to="{ path: '/userCertificate', query: { id: scope.row.id } }"
+                >
+                  <el-button type="text" size="small">
+                    用户证书管理
+                  </el-button>
+                </router-link>
+              </el-dropdown-item>
               <!-- <el-dropdown-item>
                 <el-button type="text" size="small" @click="openVip(scope.row)">
                     开通VIP
diff --git a/src/views/modules/user/userCertificate.vue b/src/views/modules/user/userCertificate.vue
new file mode 100644
index 0000000..23ee1fa
--- /dev/null
+++ b/src/views/modules/user/userCertificate.vue
@@ -0,0 +1,719 @@
+<template>
+  <div class="mod-config">
+    <el-form
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item label="">
+        <el-form-item
+          label="证书分类"
+          style="width: 400px;"
+          prop="user"
+          class="form_item"
+        >
+          <div>
+            <el-cascader
+              :show-all-levels="false"
+              v-model="Certificate"
+              :props="{
+                value: 'id',
+                label: 'title'
+              }"
+              :options="cateOptions"
+              placeholder="证书分类"
+              @change="handleChange"
+            ></el-cascader></div
+        ></el-form-item>
+        <el-form-item label="证书名称">
+          <el-input
+            v-model="dataForm.title"
+            placeholder="请输入证书名称"
+            clearable
+          >
+          </el-input>
+        </el-form-item>
+        <!-- <el-form-item label="">
+        <el-input v-model="dataForm.userInfo" placeholder="用户手机/邮箱/姓名" clearable>
+        </el-input>
+      </el-form-item> -->
+
+        <!-- <el-select v-model="dataForm.expire" placeholder="证书分类" 
+        @change="
+        pageIndex = 1;
+            getDataList();">
+          <el-option
+            v-for="item in statusOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select> -->
+      </el-form-item>
+      <el-form-item>
+        <el-button
+        type="primary"
+          @click="
+            pageIndex = 1;
+            getDataList();
+          "
+          >查询</el-button
+        >
+        <el-button
+          @click="
+            dataForm = {};
+            Certificate=[]
+            
+          "
+          >重置</el-button
+        >
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-button @click="showAddD" type="primary">开通证书</el-button>
+      </el-form-item> -->
+      <el-form-item style="float:right">
+        <div v-if="user.id" class="flexbox userInfo">
+          <div>用户信息：{{ user.name }}{{ user.tel }}</div>
+          <div>
+            <span v-if="user.vip == 0">（普通用户）</span>
+            <span v-else-if="user.vip == 2">（吴门医述VIP）</span>
+            <span v-else-if="user.vip == 1">（超级VIP）</span>
+            <span v-else-if="user.vip == 3">（众妙之门VIP）</span>
+          </div>
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        label="证书编号"
+        width="160"
+        align="center"
+        prop="certificateNo"
+      >
+        <!-- <template slot-scope="scope">
+              {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
+            </template> -->
+      </el-table-column>
+    
+      <el-table-column
+        prop="title"
+        header-align="center"
+        align="center"
+        label="证书名称"
+      >
+      </el-table-column>
+
+      <!-- <el-table-column
+                header-align="center"
+                align="center"
+                label="课程图"
+                width="140"
+              >
+                <template slot-scope="scope">
+                  <img
+                    v-if="scope.row.image != ''"
+                    :src="scope.row.image"
+                    width="25"
+                    height="35"
+                    class="tableImg"
+                  />
+                </template>
+              </el-table-column> -->
+      <el-table-column
+        header-align="center"
+        align="center"
+        label="证书"
+        width="160"
+      >
+        <template slot-scope="scope" v-if="scope.row.certificateUrl != ''">
+          <!-- <el-image
+                                ref="preview"
+                                fit="cover"
+                                :preview-src-list="previewImages"
+                                :src="item"
+                                v-for="(item,index) in scope.row.certificateUrl.split(',')"
+                            /> -->
+          <el-image
+          :key="index"
+            v-for="(item, index) in scope.row.certificateUrl.split(',')"
+            style="width: 50px; height: 60px;margin-right: 4px;cursor: pointer;"
+            :src="item"
+            :preview-src-list="scope.row.certificateUrl.split(',')"
+          >
+          </el-image>
+
+          <!-- <img style="margin-right: 5px;"
+                    v-for="(item,index) in scope.row.certificateUrl.split(',')"
+                    :src="item"
+                    width="30"
+                    height="40"
+                    class="tableImg"
+                  /> -->
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="createTime"
+        header-align="center"
+        align="center"
+        width="160"
+        label="创建日期"
+      >
+      </el-table-column>
+      <!-- <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="160"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            v-if="scope.row.expire == 0"
+            type="primary"
+            @click="delay(scope.row)"
+            plain
+            size="mini"
+            >修改</el-button
+          >
+          <el-button type="danger" @click="dataFormDelete(scope.row)" plain size="mini"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column> -->
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[50, 100, 200]"
+      :page-size="pageSize"
+      :total="total"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+
+    <el-dialog
+      title="开通课程"
+      :close-on-click-modal="false"
+      :visible.sync="youVisible"
+      append-to-body
+      width="60%"
+      @close="dialogClose"
+    >
+      <el-form
+        style="width:100%"
+        :model="youForm"
+        label-width="100px"
+        ref="youForm"
+        :rules="youFormRule"
+      >
+        <el-form-item label="用户">
+          {{ user.tel }} <span v-if="user.name != ''">{{ user.name }}</span>
+          <span v-if="user.vip == 0">普通用户</span>
+          <span v-else-if="user.vip == 2">（吴门医述VIP）</span>
+          <span v-else-if="user.vip == 1">（超级VIP）</span>
+          <span v-else-if="user.vip == 3">（众妙之门VIP）</span>
+        </el-form-item>
+        <div class="flexbox width100">
+          <div>
+            <el-form-item label="课程名：" prop="courseId">
+              <el-select
+                v-model="youForm.courseId"
+                filterable
+                remote
+                reserve-keyword
+                placeholder="请输入课程名"
+                :remote-method="remoteMethod"
+                :loading="totalLaoding"
+                @change="selectChange"
+              >
+                <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.title"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+              <!-- <el-input v-model="youForm.key" placeholder="" clearable></el-input> -->
+            </el-form-item>
+          </div>
+          <!-- {{youForm.cate}} -->
+          <div
+            v-if="youForm.cate && youForm.cate.length > 0"
+            style="margin-left:20px"
+          >
+            <el-form-item
+              label="请选择开通的分部："
+              label-width="150px"
+              prop="catalogueId"
+            >
+              <div>
+                <el-checkbox-group v-model="linshiids">
+                  <el-checkbox
+                    :label="item.id"
+                    v-for="(item, index) in youForm.cate"
+                    :key="index"
+                    >{{ item.title }}</el-checkbox
+                  >
+                </el-checkbox-group>
+              </div>
+              <!-- <div  v-for="(item, index) in youForm.cate" style=""
+                :key="index">
+              <el-radio               
+                v-model="youForm.catalogueId"
+                :label="item.id"
+                >{{ item.title }}</el-radio
+              >
+            </div> -->
+            </el-form-item>
+          </div>
+        </div>
+        <el-form-item
+          label="开通时长："
+          v-if="youForm.courseId"
+          prop="days"
+          style="width:400px"
+        >
+          <el-input v-model="youForm.days" placeholder="请选择开通时长"
+            ><template slot="append">天</template></el-input
+          >
+          <!-- <el-select v-model="youForm.days" placeholder="请选择开通时长">
+            <el-option
+              v-for="item in timeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select> -->
+        </el-form-item>
+        <el-form-item label="开通原因：" prop="come" style="width: 400px">
+          <el-input
+            v-model="youForm.come"
+            type="textarea"
+            :rows="2"
+            placeholder="请输入内容"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogClose">取消</el-button>
+        <el-button @click="submit" type="primary">确认开通</el-button>
+      </span>
+    </el-dialog>
+    <addCertificate
+      ref="addCertificate"
+      :data="addCertificateForm"
+      pageType="user"
+      :dataInfo="user"
+    ></addCertificate>
+  </div>
+</template>
+
+<script>
+import debounce from "lodash/debounce"; //导入lodash中的debounce
+import addCertificate from "@/views/modules/certificate/addCertificate.vue";
+// import AddOrUpdate from './user-add-or-update'
+export default {
+  data() {
+    return {
+      cateOptions: [],
+      Certificate: [],
+      dataForm: {
+        key: "",
+        expire: "",
+        userInfo: ""
+      },
+      statusOptions: [
+        {
+          value: "0",
+          label: "有效"
+        },
+        {
+          value: "-1",
+          label: "已过期"
+        }
+      ],
+
+      userId: this.$route.query.id,
+      user: {},
+      pointFormRules: {
+        pointAmount: [
+          { required: true, message: "请输入金额", trigger: "blur" }
+        ],
+        pointType: {
+          required: true,
+          message: "请选择操作类型",
+          trigger: "blur"
+        }
+      },
+      youFormRule: {
+        catalogueId: [
+          { required: true, message: "请选择开通的分部", trigger: "blur" }
+        ],
+        days: [{ required: true, message: "请选择开通时长", trigger: "blur" }]
+      },
+      options: [],
+      timeOptions: [
+        // 开通时长
+        {
+          value: "30",
+          label: "30天"
+        },
+        {
+          value: "60",
+          label: "60天"
+        },
+        {
+          value: "90",
+          label: "90天"
+        },
+        {
+          value: "120",
+          label: "120天"
+        },
+        {
+          value: "150",
+          label: "150天"
+        },
+        {
+          value: "180",
+          label: "180天"
+        },
+        {
+          value: "365",
+          label: "365天"
+        },
+        {
+          value: "730",
+          label: "730天"
+        }
+      ],
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      total: 0,
+      totalLaoding: false,
+      dataListLoading: false,
+      dataListSelections: [],
+
+      youVisible: false,
+      linshiids: [],
+
+      youForm: {
+        courseId: null,
+        cate: [],
+        catalogueId: "",
+        days: "",
+        come: "" //管理员开通(原因)
+      },
+      linshilist: [
+        {
+          title: "1"
+        },
+        {
+          title: "2"
+        },
+        { title: "3" }
+      ]
+    };
+  },
+  components: {
+    addCertificate
+    // AddOrUpdate
+  },
+  created() {
+    this.userId = this.$route.query.id;
+    console.log(this.$route.query);
+    console.log(this.userId, "onsole.log(this.$route.query)");
+    this.init();
+  },
+  activated() {
+    this.userId = this.$route.query.id;
+    this.init();
+    // this.getDataList()
+    // this.getcourpeList()
+  },
+  methods: {
+    dataFormDelete: debounce(async function(row, deleteType) {
+      console.log("row at line 515:", row);
+      this.$confirm(
+        `确定要删除${deleteType != "all" ? "该" : "所有"}证书嘛?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      )
+        .then(async () => {
+          // var lableIds = row[0].bookLabelId;
+          var productIds = row[0].id;
+
+          await this.$http
+            .request({
+              url: this.$http.adornUrl(`${this.urlList.deleteShop}`),
+              method: "POST",
+              data: {
+                id: row[0].bindId
+                // marketId: this.addForm.id
+              },
+              header: {
+                //默认 无 说明：请求头
+                "Content-Type": "application/json"
+              }
+            })
+            .then(async ({ data }) => {
+              if (data && data.code === 0) {
+                this.$message.success("删除成功");
+              } else {
+                this.$message.error(data.msg);
+              }
+              this.$nextTick(() => {
+                // this.$refs.commonShop.selectShopArr = [];
+                if (this.$refs.commonShop) {
+                  this.$refs.commonShop.getAssociatedGoodsList();
+                }
+              });
+            });
+        })
+        .catch(() => {});
+    }, 200),
+    getCateList() {
+      this.$http({
+        url: this.$http.adornUrl(
+          "/master/userCertificate/userCertificateLabelList"
+        ),
+        method: "post",
+        data: this.$http.adornData({})
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.cateOptions = data.labelList;
+        } else {
+          this.cateOptions = [];
+        }
+
+        if (data.code !== 0) return this.$message.error(data.msg);
+      });
+    },
+    delay(val) {
+      this.$nextTick(() => {
+        this.$refs.addCertificate.init("edit", { val });
+      });
+    },
+    delaySubmit(data) {
+      this.$http({
+        url: this.$http.adornUrl("/master/userCourseBuy/delayUserCourseBuy"),
+        method: "post",
+        data: this.$http.adornData(data)
+      })
+        .then(({ data }) => {
+          if (data && data.code == 0) {
+            this.$message.success("操作成功!");
+            this.getDataList();
+          } else {
+            this.$message.error("操作失败!");
+          }
+        })
+        .catch(err => {
+          this.$message.error(err.msg);
+        });
+    },
+
+    submit() {
+      console.log(this.youForm, "youForm");
+      this.youForm.catalogueId = this.linshiids.join(",");
+      this.$refs["youForm"].validate(valid => {
+        if (valid) {
+          let data = {
+            userId: this.userId,
+            ...this.youForm
+          };
+          delete data.cate;
+          console.log("data", data);
+          this.$http({
+            url: this.$http.adornUrl(
+              "/master/userCourseBuy/insertUserCourseBuy"
+            ),
+            method: "post",
+            data: this.$http.adornData(data)
+          })
+            .then(({ data }) => {
+              if (data.code !== 0) return this.$message.error(data.msg);
+              this.$message.success("开课成功!");
+              this.getDataList();
+              this.dialogClose();
+            })
+            .catch(e => {
+              console.log("表单提交报错");
+            });
+        }
+      });
+    },
+    dialogClose() {
+      this.youVisible = false;
+      this.linshiids = [];
+      this.$nextTick(() => {
+        this.youForm.cate = [];
+        this.options = [];
+
+        this.$refs["youForm"].resetFields();
+        console.log(this.youForm, "youForm");
+      });
+      console.log(this.youForm, "youForm");
+    },
+    selectChange(val) {
+      console.log("options", this.options);
+      this.getCate(val);
+    },
+    remoteMethod(query) {
+      console.log(query, "query", this.youForm.key);
+      // return false
+      if (this.youForm.key !== "") {
+        let data = {
+          // page: this.pageIndex,
+          // limit: this.pageSize,
+          title: query //关键字
+          // medicalId: "",
+          // sociologyId: "",
+          // type: 0
+        };
+        this.totalLaoding = true;
+        this.$http({
+          url: this.$http.adornUrl("/master/userManage/courseAndChildrenList"),
+          method: "post",
+          data: this.$http.adornData(data)
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.options = data.list;
+          } else {
+            this.options = [];
+          }
+          this.totalLaoding = false;
+          if (data.code !== 0) return this.$message.error(data.msg);
+        });
+      } else {
+        this.options = [];
+        this.totalLaoding = false;
+      }
+    },
+    showAddD() {
+      this.$nextTick(() => {
+        this.$refs.addCertificate.init("add", {});
+      });
+    },
+
+    init() {
+      this.getCateList();
+      // if (!this.userId) {
+      //   setTimeout(() => {
+      //     this.init();
+      //   }, 1000);
+      // }
+      this.$http({
+        url: this.$http.adornUrl(`/book/user/info/${this.userId}`),
+        method: "get",
+        params: this.$http.adornParams()
+      }).then(({ data }) => {
+        if (data && data.code !== 0) return this.$message.error(data.msg);
+
+        this.user = data.user;
+        this.getDataList();
+      });
+    },
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.$http({
+        // url: this.$http.adornUrl('/book/user/list'),
+        url: this.$http.adornUrl("/master/userCertificate/userCertificateList"),
+        method: "post",
+        data: this.$http.adornData({
+          current: this.pageIndex,
+          limit: this.pageSize,
+
+          userId: this.userId, //用户id
+          title: this.dataForm.title, //课程名
+          labelId: this.Certificate[this.Certificate.length-1] //课程名
+        })
+      }).then(({ data }) => {
+        if (data && data.code !== 0) return this.$message.error(data.msg);
+        console.log(data, "data");
+        this.dataList = data.certificateList.records;
+        this.totalPage = data.certificateList.pages;
+        this.total = data.certificateList.total;
+        this.dataListLoading = false;
+      });
+    },
+
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getDataList();
+    },
+    // // 多选
+    // selectionChangeHandle(val) {
+    //   this.dataListSelections = val
+    // },
+    // 新增 / 修改
+    closeDia() {
+      this.adc = false;
+      this.$refs.pointForm.resetFields();
+      // this.pointForm.pointType == 0
+    },
+    getCate(id) {
+      this.linshiids = [];
+
+      this.$http({
+        url: this.$http.adornUrl("/master/userManage/catalogueListByCourse"),
+        method: "post",
+        data: this.$http.adornData({
+          courseId: id
+        })
+      })
+        .then(({ data }) => {
+          if (data && data.code === 0) {
+            console.log("data", "data++++++++++++++++++++");
+            this.youForm.cate = data.list;
+            // this.youForm.cate
+          } else {
+            this.youForm.cate = [];
+            this.linshiids = [];
+          }
+        })
+        .catch(e => {
+          console.log("数据报错");
+        });
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+/deep/ .width100 .el-input__inner {
+  width: 100%;
+}
+.flexbox {
+  display: flex;
+}
+.userInfo {
+  margin-bottom: 20px;
+}
+.userInfo * {
+  font-size: 16px;
+}
+</style>
diff --git a/static/config/index.js b/static/config/index.js
index 208c35b..7168a66 100644
--- a/static/config/index.js
+++ b/static/config/index.js
@@ -6,7 +6,7 @@
 
   // api接口请求地址
   window.SITE_CONFIG['baseUrl'] = 'https://api.nuttyreading.com';         // 线上正式环境
-  //window.SITE_CONFIG['baseUrl'] = 'http://192.168.110.100:9200/pb';  //川
+  // window.SITE_CONFIG['baseUrl'] = 'http://192.168.110.100:9200/pb';  //川
   //window.SITE_CONFIG['baseUrl'] = 'http://192.168.110.110:9200/pb';  //本地
 
   // cdn地址 = 域名 + 版本号