商学院改为总后台

src/api/sharephotos.js

@@ -44,3 +44,70 @@ export function classifydel(data) {
 export function shareDelete(data) {
   return request.post('share/del', data)
 }
+
+
+/**
+ * 商学院
+ * @param data
+ * @returns {*}
+ */
+/**
+ * @description  课程列表
+ */
+export function business_school_lst(data) {
+  return request.post('business_school/list', data)
+}
+/**
+* @description  课程详情
+*/
+export function business_school_detail(data) {
+  return request.post('business_school/detail', data)
+}
+/**
+* @description  添加课程
+*/
+export function business_school_save(data) {
+  return request.post('business_school/save', data)
+}
+/**
+* @description  删除课程
+*/
+export function business_school_del(data) {
+  return request.post('business_school/del', data)
+}
+/**
+* @description  上下架课程
+*/
+export function business_school_save_state(data) {
+  return request.post('business_school/save_state', data)
+}
+/**
+* @description  课程分类
+*/
+export function business_school_classify_list(data) {
+  return request.post('business_school/classify_list', data)
+}
+/**
+* @description  课程分类表单
+*/
+export function business_school_classify_add_form(data) {
+  return request.post('business_school/classify_add_form', data)
+}
+/**
+* @description  添加课程分类
+*/
+export function business_school_classify_save_form(data) {
+return request.post('business_school/classify_save_form', data)
+}
+/**
+* @description  删除课程分类
+*/
+export function business_school_classify_del(data) {
+  return request.post('business_school/classify_del', data)
+}
+/**
+* @description  获取最高排序
+*/
+export function business_school_sort() {
+  return request.post('business_school/sort')
+}

src/router/modules/setting.js

@@ -42,6 +42,30 @@ const settingRouter =
             title: '操作日志'
           },
           component: () => import('@/views/setting/systemLog/index')
+        },
+        {
+            path: 'business_school',
+            name: 'business_school',
+            meta: {
+                title: '课程列表'
+            },
+            component: () => import('@/views/setting/business_school')
+        },
+        {
+            path: 'business_school_classify',
+            name: 'business_school_classify',
+            meta: {
+                title: '课程分类'
+            },
+            component: () => import('@/views/setting/business_school_classify')
+        },
+        {
+            path: 'addCourse',
+            name: 'addCourse',
+            meta: {
+                title: '添加课程'
+            },
+            component: () => import('@/views/setting/addCourse')
         }
       ]
     }

src/views/setting/addCourse.vue

@@ -0,0 +1,316 @@
+<template>
+  <div class="divBox">
+
+    <el-card class="box-card">
+      <el-form
+        ref="formValidate"
+        class="form"
+        :model="formValidate"
+        label-width="120px"
+        :rules="ruleValidate"
+        @submit.native.prevent
+      >
+        <div class="dividerTitle">
+          <span class="title mr10">添加课程</span>
+          <el-divider />
+        </div>
+        <el-row :gutter="10">
+          <el-col v-bind="grid">
+
+
+            <el-form-item label="*课程分类" class="selected-kuang">
+              <el-select
+                v-model="formValidate.classify"
+                placeholder="全部"
+                class="filter-item"
+              >
+              <el-option
+                v-for="item in merSelect"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              />
+
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="*课程名称" style="margin-top: 25px" prop="name" label-for="name">
+              <el-input v-model="formValidate.name" placeholder="请输入" element-id="name" style="width: 80%" />
+            </el-form-item>
+
+            <el-form-item label="*封面" prop="image">
+              <div class="upLoadPicBox" @click="modalPicTap('1')">
+                <div v-if="formValidate.image" class="pictrue">
+                  <img :src="formValidate.image" />
+                </div>
+                <div v-else class="upLoad">
+                  <i class="el-icon-camera cameraIconfont" />
+                </div>
+              </div>
+            </el-form-item>
+            <el-form-item label="*类型" class="selected-kuang">
+              <el-select
+                v-model="formValidate.type"
+                placeholder="视频"
+                class="filter-item"
+              >
+                <el-option label="视频" value="0" />
+                <el-option label="图文" value="1" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="*上传视频" class="selected-kuang" v-if="formValidate.type == 0">
+
+              <el-upload
+                class="upload-demo mr10 mb15"
+                :action="fileUrl"
+                :on-success="handleSuccess"
+                :headers="myHeaders"
+                :show-file-list="false"
+                :on-progress="handleProcess"
+                multiple
+              >
+                <el-button size="small" type="primary">{{ uploadBtnTitle }}</el-button>
+              </el-upload>
+              <span v-if="formValidate.mp4">{{ formValidate.mp4 }}</span>
+            </el-form-item>
+
+
+            <el-form-item label="*视频封面" prop="cover" v-if="formValidate.type == 0" >
+              <div class="upLoadPicBox" @click="modalPicTap1('1')">
+                <div v-if="formValidate.cover" class="pictrue">
+                  <img :src="formValidate.cover" />
+                </div>
+                <div v-else class="upLoad">
+                  <i class="el-icon-camera cameraIconfont" />
+                </div>
+              </div>
+            </el-form-item>
+
+            <el-form-item label="*文章内容" class="article_edit_box" v-if="formValidate.type == 1">
+              <ueditor-from v-model="formValidate.content" :content="formValidate.content"/>
+            </el-form-item>
+
+            <el-form-item
+              label="排序"
+              prop="sort"
+              label-for="sort"
+            >
+              <el-input-number v-model="formValidate.sort" />
+            </el-form-item>
+
+            <el-form-item label="是否显示">
+              <el-switch
+                  v-model="formValidate.state"
+                  active-value="1"
+                  inactive-value="0"
+                  active-text="开启　　　"
+                  inactive-text="关闭　　　"
+                  @change="switchAction"
+              />
+            </el-form-item>
+
+          </el-col>
+        </el-row>
+
+
+        <el-button
+          type="primary"
+          class="submission"
+          @click="onsubmit"
+          >提交</el-button
+        >
+      </el-form>
+
+
+
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { business_school_save, business_school_classify_list, business_school_detail, business_school_sort} from "@/api/sharephotos";
+import ueditorFrom from "@/components/ueditorFrom";
+import { roterPre } from "@/settings";
+import SettingMer from '@/libs/settingMer'
+import { getToken } from '@/utils/auth'
+export default {
+  name: "EditArticle",
+  components: { ueditorFrom },
+  data() {
+    return {
+      myHeaders: { 'X-Token': getToken() },
+      roterPre: roterPre,
+      list: [],
+      treeData: [],
+      grid: {
+        xl: 10,
+        lg: 10,
+        md: 10,
+        sm: 24,
+        xs: 24,
+      },
+      ruleValidate: {
+
+      },
+      value: false,
+      merSelect: [],
+      formValidate: {
+        classify: "",
+        name: "",
+        image: "",
+        type: "0",
+        state: "1",
+        sort: 0,
+        mp4: "",
+        content: "",
+        cover: "",
+        id: "",
+      },
+      videoUrl: '',
+      show: false,
+      uploadBtnTitle: '上传'
+    };
+  },
+
+  created() {
+    this.tempRoute = Object.assign({}, this.$route);
+
+    console.log(this.tempRoute.query)
+
+    if (this.tempRoute.query.id) {
+      this.formValidate.id = this.tempRoute.query.id;
+      this.detail(this.formValidate.id)
+    } else {
+      this.getBestSort()
+    }
+  },
+
+  computed: {
+    fileUrl() {
+      return SettingMer.https + `/upload/video/0/file`
+    }
+  },
+
+  mounted() {
+    this.classifylist();
+
+
+  },
+  methods: {
+
+    switchAction() {
+
+    },
+
+    getBestSort() {
+      business_school_sort().then(res => {
+        this.formValidate.sort = res.data.sort
+      })
+    },
+
+    // 上传中
+    handleProcess(){
+      // this.show = true
+      this.uploadBtnTitle = '上传中...'
+    },
+    // 上传成功
+    handleSuccess(res) {
+      if (res.status === 200) {
+        this.$message.success('上传成功')
+        this.formValidate.mp4 = res.data.src
+        this.uploadBtnTitle = '上传'
+      } else {
+        this.$message.error(res.message)
+        this.uploadBtnTitle = '上传'
+      }
+    },
+
+    //   分类列表
+    classifylist() {
+      business_school_classify_list()
+        .then((res) => {
+          if (res.status == 200) {
+            this.merSelect = res.data;
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+
+    modalPicTap(tit) {
+      const _this = this;
+      this.$modalUpload(function (img) {
+        _this.formValidate.image = img[0];
+      }, tit);
+    },
+
+    modalPicTap1(tit) {
+      const _this = this;
+      this.$modalUpload(function (img) {
+        _this.formValidate.cover = img[0];
+      }, tit);
+    },
+
+    //回显数据
+    detail(e) {
+
+      let params = {id : e}
+
+      business_school_detail(params).then(
+        (res) => {
+          if (res.status == 200) {
+            // this.formValidate.classify = res.data.classify;
+            // this.formValidate.name = res.data.name;
+            // this.formValidate.image = res.data.image;
+            // this.formValidate.head_size = res.data.head_size;
+            // this.formValidate.image = res.data.image;
+            // this.formValidate.image_fake = res.data.image_fake;
+            // this.formValidate.nickname_coordinate = res.data.nickname_coordinate;
+            // this.formValidate.nickname_size = res.data.nickname_size;
+            // this.formValidate.qr_coordinate = res.data.qr_coordinate;
+            // this.formValidate.qr_size = res.data.qr_size;
+            // this.formValidate.status = res.data.status;
+            // this.formValidate.type = res.data.type;
+            // this.formValidate.sort = res.data.sort;
+            this.formValidate = res.data
+          }
+        },
+        (fail) => {
+          console.log(fail);
+        }
+      );
+    },
+    // 提交数据
+    onsubmit(name) {
+      business_school_save(this.formValidate).then(
+        (res) => {
+          if (res.status == 200) {
+            this.$message.success(res.message);
+            this.$router.go(-1);
+          }
+        },
+        (fail) => {
+          this.$message.error(fail);
+        }
+      );
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.sd {
+  display: flex;
+  position: relative;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+}
+
+.article_edit_box {
+  width: 1000px;
+}
+</style>

src/views/setting/business_school.vue

@@ -0,0 +1,481 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+          <div class="container">
+              <el-form size="small" label-width="100px">
+                  <el-form-item label="时间选择：" class="width100">
+                      <el-radio-group v-model="tableFrom.date" type="button" class="mr20" size="small" @change="selectChange(tableFrom.date)">
+                          <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+                      </el-radio-group>
+                      <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+                  </el-form-item>
+                  <el-form-item label="课程名称：" class="width100">
+                      <el-input v-model="tableFrom.name" placeholder="请输入" class="selWidth" size="small">
+                      </el-input>
+                  </el-form-item>
+                  <el-form-item label="课程分类：" class="selected-kuang">
+                    <el-select
+                      v-model="tableFrom.classify"
+                      placeholder="全部"
+                      class="filter-item"
+                      @change="getList(1)"
+                    >
+                    <el-option
+                      v-for="item in merSelect"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                    />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="状态：" class="selected-kuang">
+                    <el-select
+                      v-model="tableFrom.state"
+                      placeholder="全部"
+                      class="filter-item"
+                      @change="getList(1)"
+                    >
+                      <el-option label="全部" value="" />
+                      <el-option label="上架" value="1" />
+                      <el-option label="下架" value="0" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="课程类型：" class="selected-kuang">
+                    <el-select
+                      v-model="tableFrom.type"
+                      placeholder="全部"
+                      class="filter-item"
+                      @change="getList(1)"
+                    >
+                      <el-option label="全部" value="" />
+                      <el-option label="视频" value="0"></el-option>
+                      <el-option label="图文" value="1"></el-option>
+
+                    </el-select>
+                  </el-form-item>
+
+                  <div class="bottom-button">
+                    <el-button size="small" @click="reset" style="width: 100px; margin-top: 20px; border: 1px solid; " >重置</el-button>
+                    <!-- <el-button type="primary" size="small" @click="exportSearchResult" style="width: 100px; margin-top: 20px;">导出</el-button> -->
+                    <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询</el-button>
+                  </div>
+              </el-form>
+          </div>
+      </div>
+
+      <div class="mid_button_box">
+        <el-button @click="onAddAction" size="small" type="primary">添加课程</el-button>
+        <el-button @click="upSaleAction" size="small" type="success" >批量上架</el-button>
+        <el-button @click="downSaleAction" size="small" type="warning">批量下架</el-button>
+        <el-button @click="deleteAction" size="small" type="danger">批量删除</el-button>
+      </div>
+
+      <el-table
+        v-loading="listLoading"
+        :data="tableData.data"
+        style="width: 100%"
+        size="small"
+        @selection-change="handleSelectionChange"
+      >
+
+        <el-table-column type="selection" width="55"> </el-table-column>
+
+        <el-table-column prop="id" label="ID" min-width="60" />
+        <el-table-column prop="create_time" label="添加时间" min-width="130" />
+        <el-table-column label="课程名称" min-width="130">
+          <template slot-scope="scope">
+            <span class="courseName">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="classify_name" label="课程分类" min-width="80" />
+        <el-table-column prop="sort" label="排序" min-width="60" />
+
+
+        <el-table-column prop="type" label="课程类型" min-width="80">
+          <template slot-scope="scope">
+            <span v-if="scope.row.type == 1" >图文</span>
+            <span v-else >视频</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="state" label="状态" min-width="80" >
+          <template slot-scope="scope">
+
+            <el-button v-if="scope.row.state != 1" type="text" size="small" class="mr10" @click="onchangeIsShow(scope.row)" >上架</el-button>
+            <el-button v-else type="text" size="small" class="mr10" @click="onchangeIsShow(scope.row)" >下架</el-button>
+            <!-- <el-button type="text" size="small" class="mr10" @click="handleDelete(scope.row.id)" >删除</el-button> -->
+            <!-- <el-switch
+              v-model="scope.row.state"
+              active-value="1"
+              inactive-value="0"
+              active-text="上架"
+              inactive-text="下架"
+              @change="onchangeIsShow(scope.row)"
+            /> -->
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" min-width="100" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              class="mr10"
+              @click="onEdit(scope.row.id)"
+              >编辑</el-button>
+            <el-button type="text" size="small" class="mr10" @click="handleDelete(scope.row.id)" >删除</el-button>
+
+            <!-- </router-link> -->
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+
+      </div>
+    </el-card>
+
+    <div class="block">
+        <el-pagination :current-page="tableFrom.page" :page-size="tableFrom.limit"
+                       :page-sizes="[20, 40, 60, 80]"
+                       :total="tableData.total" layout="total, sizes, prev, pager, next, jumper"
+                       @size-change="handleSizeChange"
+                       @current-change="pageChange"/>
+    </div>
+  </div>
+</template>
+
+<script>
+import {business_school_lst, business_school_add,business_school_save,business_school_del, business_school_classify_list,business_school_save_state} from "@/api/sharephotos";
+import { roterPre } from "@/settings";
+export default {
+  name: "Article",
+  data() {
+    return {
+      roterPre: roterPre,
+      tableData: {
+        data: [],
+      },
+
+      listLoading: true,
+      tableFrom: {
+          type: "",
+          state: "",
+          classify: "",
+          name: "",
+          date: "",
+          page: 1,
+          limit: 20,
+
+      },
+      is_show: false,
+      fromList: {
+          title: "选择时间",
+          custom: true,
+          fromTxt: [{
+                  text: "全部",
+                  val: ""
+              },
+              {
+                  text: "今天",
+                  val: "today"
+              },
+              {
+                  text: "昨天",
+                  val: "yesterday"
+              },
+              {
+                  text: "最近7天",
+                  val: "lately7"
+              },
+              {
+                  text: "最近30天",
+                  val: "lately30"
+              },
+              {
+                  text: "本月",
+                  val: "month"
+              },
+              {
+                  text: "本年",
+                  val: "year"
+              },
+          ],
+      },
+      merSelect: [],
+      ids: [],
+      timeVal: [],
+    };
+  },
+
+  created() {
+
+  },
+
+  mounted() {
+    this.getList();
+    this.classifylist();
+  },
+  methods: {
+    //   分类列表
+    classifylist() {
+      business_school_classify_list()
+        .then((res) => {
+          if (res.status == 200) {
+            this.merSelect = res.data;
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+
+    handleSelectionChange(val) {
+        this.selectionList = val;
+        const data = [];
+        this.selectionList.map((item) => {
+            data.push(item.id);
+        });
+        this.ids = data.join(",");
+    },
+
+      // 添加
+    onAddAction() {
+      this.$router.push({
+          path: roterPre + "/setting/addCourse/",
+      });
+    },
+
+    // 编辑
+    onEdit(id) {
+
+      console.log('id')
+      console.log(id)
+      this.$router.push({
+          path: roterPre + "/setting/addCourse/",
+          query: {id: id}
+      });
+    },
+
+    // 重置
+    reset() {
+      this.tableFrom = {
+          type: "",
+          state: "",
+          classify: "",
+          name: "",
+          date: "",
+          page: 1,
+          limit: 20,
+      }
+
+      this.getList(1)
+    },
+
+    // 选择时间
+    selectChange(tab) {
+        this.timeVal = [];
+        this.tableFrom.date = tab;
+        this.getList(1);
+    },
+    // 具体日期
+    onchangeTime(e) {
+        this.timeVal = e;
+        this.tableFrom.date = e ? this.timeVal.join("-") : "";
+        this.getList(1);
+    },
+
+    // 列表
+    getList(num) {
+      this.listLoading = true;
+
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+
+      business_school_lst(this.tableFrom)
+        .then((res) => {
+
+          this.tableData.data = res.data.list
+          this.tableData.total = res.data.count
+          this.listLoading = false;
+        })
+        .catch((res) => {
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    
+    // 单个上架下架
+    onchangeIsShow(row) {
+      let courseStatus = {
+        id: row.id,
+        state: row.state
+      }
+      console.log(courseStatus)
+      business_school_save_state(courseStatus)
+        .then(({ message }) => {
+          this.$message.success(message);
+          this.getList()
+        })
+        .catch(({ message }) => {
+          this.$message.error(message);
+        });
+    },
+
+    // 批量上架
+    upSaleAction() {
+
+      let courseStatus = {
+        id: this.ids,
+        state: '1'
+      }
+
+      business_school_save_state(courseStatus)
+        .then(({ message }) => {
+          this.$message.success(message);
+          this.getList()
+        })
+        .catch(({ message }) => {
+          this.$message.error(message);
+        });
+    },
+
+    // 批量下架
+    downSaleAction() {
+
+      let courseStatus = {
+        id: this.ids,
+        state: '0'
+      }
+
+      business_school_save_state(courseStatus)
+        .then(({ message }) => {
+          this.$message.success(message);
+          this.getList()
+        })
+        .catch(({ message }) => {
+          this.$message.error(message);
+        });
+    },
+
+    // 删除
+    handleDelete(id) {
+      this.$modalSure().then(() => {
+        let courseStatus = {
+          id: id,
+        }
+        business_school_del(courseStatus)
+          .then(({ message }) => {
+            this.$message.success(message);
+            this.getList()
+          })
+          .catch(({ message }) => {
+            this.$message.error(message);
+          });
+      });
+      
+      
+    },
+
+    // 批量删除
+    deleteAction() {
+      this.$modalSure().then(() => {
+        let courseStatus = {
+          id: this.ids,
+        }
+        business_school_del(courseStatus)
+          .then(({ message }) => {
+            this.$message.success(message);
+            this.getList()
+          })
+          .catch(({ message }) => {
+            this.$message.error(message);
+          });
+      });
+      
+    },
+
+
+
+    pageChange(page) {
+        this.tableFrom.page = page;
+        this.getList('');
+    },
+    handleSizeChange(val) {
+        this.tableFrom.limit = val;
+        this.getList('');
+    },
+
+    getDateDiff(dateTime) {
+      var str = dateTime;
+      let result = "";
+      //将字符串转换成时间格式
+      var timePublish = new Date(str);
+      var timeNow = new Date();
+      var minute = 1000 * 60;
+      var hour = minute * 60;
+      var day = hour * 24;
+      var month = day * 30;
+      var year = month * 12;
+      var diffValue = timeNow - timePublish;
+      var diffMonth = diffValue / month;
+      var diffWeek = diffValue / (7 * day);
+      var diffDay = diffValue / day;
+      var diffHour = diffValue / hour;
+      var diffMinute = diffValue / minute;
+      var diffYear = diffValue / year;
+      if (diffValue < 0) {
+        result = "刚刚发表";
+      } else if (diffYear > 1) {
+        result = parseInt(diffYear) + "年前";
+      } else if (diffMonth > 1) {
+        result = parseInt(diffMonth) + "月前";
+      } else if (diffWeek > 1) {
+        result = parseInt(diffWeek) + "周前";
+      } else if (diffDay > 1) {
+        result = parseInt(diffDay) + "天前";
+      } else if (diffHour > 1) {
+        result = parseInt(diffHour) + "小时前";
+      } else if (diffMinute > 1) {
+        result = parseInt(diffMinute) + "分钟前";
+      } else {
+        result = "刚刚发表";
+      }
+      return result;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.selWidth {
+  width: 300px;
+}
+.description {
+  width: 80%;
+  margin: 0 auto;
+  height: 50px;
+  line-height: 50px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+}
+
+.bottom-button {
+    margin-top: 30px;
+    margin-left: 300px;
+    width: 250px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.courseName {
+  overflow:hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+
+</style>

src/views/setting/business_school_classify.vue

@@ -0,0 +1,162 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-button @click="onAdd" size="small" type="primary">添加分类</el-button>
+      </div>
+      <el-table
+        v-loading="listLoading"
+        :data="tableData.data"
+        style="width: 100%"
+        size="small"
+      >
+        <el-table-column prop="name" label="名称" min-width="60" />
+        <el-table-column prop="sort" label="排序" min-width="60" />
+        <el-table-column label="操作" min-width="100" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              class="mr10"
+              @click="onEdit(scope.row.id)"
+              >编辑</el-button
+            >
+            <el-button type="text" size="small" class="mr10" @click="handleDelete(scope.row.id)" >删除</el-button>
+
+            <!-- </router-link> -->
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {business_school_classify_list, business_school_classify_add_form,business_school_classify_save_form,business_school_classify_del} from "@/api/sharephotos";
+import { roterPre } from "@/settings";
+export default {
+  name: "Article",
+  data() {
+    return {
+      roterPre: roterPre,
+      tableData: {
+        data: [],
+      },
+      listLoading: true,
+      merSelect: [],
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+      // 添加
+    onAdd() {
+      this.$modalForm(business_school_classify_add_form()).then(() => this.getList())
+    },
+    // 编辑
+    onEdit(id) {
+      this.$modalForm(business_school_classify_save_form({id:id})).then(() => this.getList())
+    },
+
+    // 列表
+    getList() {
+      this.listLoading = true;
+        business_school_classify_list()
+        .then((res) => {
+          this.tableData.data = res.data;
+          this.listLoading = false;
+        })
+        .catch((res) => {
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    share(e) {
+      saveshareclassify({}).catch((res) => {
+        if(res.message=='没有权限访问'){
+            this.$message.error(res.message);
+        }else{
+            this.$router.push({ name: "classifyadd", query: { id: e.id,name:e.name,sort:e.sort} });
+        }
+      });
+    },
+    handleDelete(id) {
+      this.$modalSure().then(() => {
+        business_school_classify_del({id:id}).then(({ message }) => {
+          this.$message.success(message)
+          this.getList()
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      })
+    },
+    //上架下架
+    // onchangeIsShow(row) {
+    //   Getstatus(row.id)
+    //     .then(({ message }) => {
+    //       this.$message.success(message);
+    //     })
+    //     .catch(({ message }) => {
+    //       this.$message.error(message);
+    //     });
+    // },
+    getDateDiff(dateTime) {
+      var str = dateTime;
+      let result = "";
+      //将字符串转换成时间格式
+      var timePublish = new Date(str);
+      var timeNow = new Date();
+      var minute = 1000 * 60;
+      var hour = minute * 60;
+      var day = hour * 24;
+      var month = day * 30;
+      var year = month * 12;
+      var diffValue = timeNow - timePublish;
+      var diffMonth = diffValue / month;
+      var diffWeek = diffValue / (7 * day);
+      var diffDay = diffValue / day;
+      var diffHour = diffValue / hour;
+      var diffMinute = diffValue / minute;
+      var diffYear = diffValue / year;
+      if (diffValue < 0) {
+        result = "刚刚发表";
+      } else if (diffYear > 1) {
+        result = parseInt(diffYear) + "年前";
+      } else if (diffMonth > 1) {
+        result = parseInt(diffMonth) + "月前";
+      } else if (diffWeek > 1) {
+        result = parseInt(diffWeek) + "周前";
+      } else if (diffDay > 1) {
+        result = parseInt(diffDay) + "天前";
+      } else if (diffHour > 1) {
+        result = parseInt(diffHour) + "小时前";
+      } else if (diffMinute > 1) {
+        result = parseInt(diffMinute) + "分钟前";
+      } else {
+        result = "刚刚发表";
+      }
+      return result;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.selWidth {
+  width: 300px;
+}
+.description {
+  width: 80%;
+  margin: 0 auto;
+  height: 50px;
+  line-height: 50px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+}
+</style>