心灵空间

src/views/modules/courseSettings/soulCourseDescription.vue

@@ -0,0 +1,281 @@
+<template>
+  <div class="mod-config" style="height: calc(100vh - 180px)">
+    <el-tabs tab-position="left" style="height: 100%;" v-model="currentTab"@tab-click="handleClick">
+      <el-tab-pane
+      
+        :label="v.label"
+        v-for="(v, i) in setList"
+        :key="i"
+        style="height: 100%;"
+      >
+        <add-or-update
+        v-if="currentTab==i"
+          :dataInfo="v"
+          :type="type"
+          :currentTab="currentTab"
+          style="height: calc(100vh - 180px)"
+          :ref="`addOrUpdate${v.id}`"
+          @refreshDataList="getDataList"
+        ></add-or-update>
+      </el-tab-pane>
+    </el-tabs>
+
+    <!-- 弹窗, 新增 / 修改 -->
+  </div>
+</template>
+
+<script>
+import AddOrUpdate from "./chapter-add-or-update";
+export default {
+  data() {
+    return {
+      currentTab: 0,
+      type: 2,
+      setList: [
+        { label: "购买须知", id: 0 },
+        { label: "使用须知", id: 1 },
+        { label: "学习次序", id: 2 },
+        { label: "超V用户", id: 3 }
+      ],
+      dataForm: {
+        key: ""
+      },
+      query: {
+        type: "",
+        categoryId: "",
+        sociologyId: "",
+        keywords: ""
+      },
+      dataList: [],
+      delFlag: false,
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      addOrUpdateVisible: false
+    };
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated() {
+    this.courseid = this.$route.query.courseid;
+    this.catalogue_id = this.$route.query.id;
+    console.log("111", this.courseid);
+    console.log("222", this.catalogue_id);
+    if (this.$route.query.upPageInde != null) {
+      this.pageIndex = this.$route.query.upPageIndex;
+      console.log(this.pageIndex);
+    }
+    this.getDataList();
+  },
+  methods: {
+    handleClick(tab, event) {
+        this.getDataList()
+      },
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.$http
+        .request({
+          url: this.$http.adornUrl(`/master/course/getCourseRecord`),
+          method: "POST",
+          data: {
+            type: this.type
+          },
+          header: {
+            //默认 无 说明：请求头
+            "Content-Type": "application/json"
+          }
+        })
+        .then(({ data }) => {
+          var that=this
+          console.log("data at line 86:", data);
+          if (data && data.code === 0) {   console.log('that.currentTab at line 91:', that.currentTab)
+           var content=''
+                   switch (that.currentTab) {
+                
+              case "0": 
+              content=data.result.buyRecord
+                break;
+              case "1":
+              content=data.result.useRecord
+                break;
+              case "2":
+              content=data.result.studyRecord
+            
+                break;
+              case "3":
+              content=data.result.vipRecord
+             
+                break;
+            }
+            that.$nextTick(()=>{
+              that.$refs[`addOrUpdate${that.currentTab}`][0].init(content);
+})
+       
+          }
+          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) {
+      console.log("row1", row);
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(row, this.catalogue_id, this.courseid);
+      });
+    },
+    // 删除
+    deleteHandle(id) {
+      //   var ids = id ? [id] : this.dataListSelections.map(item => {
+      //     return item.id
+      //   })
+      this.$confirm(
+        `确定对[id=${id}]进行[${id ? "删除" : "批量删除"}]操作?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      ).then(() => {
+        this.$http({
+          url: this.$http.adornUrl("/master/course/delCourseCatalogueChapter"),
+          method: "post",
+          data: this.$http.adornData({
+            id: id
+          })
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message({
+              message: "操作成功",
+              type: "success",
+              duration: 1500,
+              onClose: () => {
+                this.getDataList();
+              }
+            });
+          } else {
+            this.$message.error(data.msg);
+          }
+        });
+      });
+    },
+    // 开关变化
+    SwitchChange(event) {
+      /*点击时他会自动把你绑定的值变更，直接去请求数据就可以了*/
+      var parms = {
+        delFlag: event.delFlag,
+        id: event.id
+      };
+      this.$http({
+        url: this.$http.adornUrl("/book/book/update"),
+        method: "post",
+        data: parms
+      })
+        .then(res => {
+          this.$message({
+            message: "成功",
+            type: "success"
+          });
+          this.loading = false;
+          this.getDataList();
+        })
+        .catch(error => {
+          this.loading = false;
+          console.log(error);
+        });
+      console.log(event);
+    },
+    chapterHandle(id, row) {
+      if (row.novel == "") {
+        this.$alert("请上传电子书文件后在进行此操作", "提示", {
+          confirmButtonText: "好的"
+        });
+        return false;
+      }
+      this.$http({
+        url: this.$http.adornUrl("/book/book/getChapter"),
+        method: "get",
+        params: this.$http.adornParams({
+          id: id
+        })
+      }).then(res => {
+        this.$message({
+          message: "成功",
+          type: "success"
+        });
+        this.loading = false;
+        this.getDataList();
+      });
+    },
+    contentHandle(id) {
+      this.$http({
+        url: this.$http.adornUrl("/book/bookchaptercontent/getBookVoices"),
+        method: "get",
+        params: this.$http.adornParams({
+          id: id
+        })
+      }).then(res => {
+        this.$message({
+          message: "成功",
+          type: "success"
+        });
+        this.loading = false;
+        this.getDataList();
+      });
+    },
+    voicesHandle(id) {
+      //allVoices
+      this.$http({
+        // url: this.$http.adornUrl('/book/bookchaptercontent/allVoices'),
+        url: this.$http.adornUrl("/book/bookchaptercontent/AllVOices"),
+        method: "get",
+        params: this.$http.adornParams({
+          id: id
+        })
+      }).then(res => {
+        console.log("book/bookchaptercontent/AllVOices");
+        this.$message({
+          message: "成功",
+          type: "success"
+        });
+        this.loading = false;
+        this.getDataList();
+      });
+    }
+  }
+};
+</script>
+<style scoped lang="scss">
+.hidden1 {
+  text-overflow: ellipsis;
+  // white-space: nowrap;
+  overflow: hidden;
+  display: -webkit-box;
+
+  -webkit-line-clamp: 1;
+
+  -webkit-box-orient: vertical;
+}
+::v-deep .mod-config .el-tabs .el-tabs__content {
+  height: 100% !important;
+}
+</style>

src/views/modules/shop/commonBookTags/commonTags1.vue

@@ -7,7 +7,7 @@
       :visible.sync="drawer"
       destroy-on-close
       direction="rtl"
-      size="80%"
+      size="90%"
     >
       <div
         class="shop_drawer_box demo-drawer__content"
@@ -193,6 +193,21 @@ export default {
             deleteBookShopMarket:
               "/master/shopProduct/unbindProductAndSociologyMarket"
           }
+        },
+        {
+          name: "心灵空间",
+          key: 4,
+          collapseLabelKey: 7,
+          collapseMarketKey: 8,
+          urlList: {
+            saveBookShop: "/master/shopProduct/bindProductAndPsycheLabel",
+            deleteBookShop:
+              "/master/shopProduct/unbindProductAndPsycheLabel",
+            saveBookShopMarket:
+              "/master/shopProduct/bindProductAndPsycheMarket",
+            deleteBookShopMarket:
+              "/master/shopProduct/unbindProductAndPsycheMarket"
+          }
         }
       ],
       productId: null,
@@ -212,6 +227,8 @@ export default {
       treeDataMarketList2: [],
       treeDataList3: [],
       treeDataMarketList3: [],
+      treeDataList4: [],
+      treeDataMarketList4: [],
       publishStatus: false,
       pageIndex: 1,
       pageSize: 10,
@@ -262,6 +279,9 @@ export default {
           case 3:
             list = this.treeDataList3;
             break;
+          case 4:
+            list = this.treeDataList4;
+            break;
         }
       } else if (type == "treeDataMarketList") {
         switch (key) {
@@ -274,6 +294,9 @@ export default {
           case 3:
             list = this.treeDataMarketList3;
             break;
+          case 4:
+            list = this.treeDataMarketList4;
+            break;
         }
       }
       console.log("list at line 258:", list, key);
@@ -390,11 +413,13 @@ export default {
 
           this.treeDataList2 = allData.medicineLabel;
           this.treeDataList3 = allData.sociologyLabel;
+          this.treeDataList4 = allData.psycheLabel;
           // this.treeDataList1.push({});
 
           this.treeDataMarketList1 = allData.bookMarket;
           this.treeDataMarketList2 = allData.medicineMarket;
           this.treeDataMarketList3 = allData.sociologyMarket;
+          this.treeDataMarketList4 = allData.psycheMarket;
 
           // this.totalPage = data.page.totalCount
         } else {
@@ -646,7 +671,7 @@ export default {
 
   // overflow: hidden;
   .form_item {
-    width: 33%;
+    width: 23%;
     float: left;
   }
 }
@@ -700,7 +725,7 @@ export default {
   }
 }
 .title {
-  width: 300px;
+  width: 260px;
   min-width: 200px;
   padding: 20px;
   padding-bottom: 0;