合并zcwy-dev

.env

@@ -2,6 +2,8 @@
 VUE_APP_BASE=/manage
 # api项目基础url
 VUE_APP_BASE_API=/manageApi
+# systemApi
+VUE_APP_SYS_API=/systemapi
 #文件路径
 VUE_APP_FILE_PATH=/upload/
 # 代理url 本地调试，不可以用在其他地方

src/api/case.js

@@ -0,0 +1,36 @@
+import http from "./configSys";
+import httpUserbase from './confign'
+
+// 案例列表
+export const RECOMMEND_PAGE = "/systemapi/xboe/m/boe/cases/recommend/page post";
+//发起案例列表或案例管理列表
+export const isTopList = (data) => http.post('/xboe/m/boe/cases/isTopList', data, {
+    headers: {
+        'Content-Type': 'multipart/form-data'
+    }
+})
+//下载失败数据
+export const downloadErrorData = (params) => http.get('/xboe/m/boe/cases/recommend/download', { params })
+//导入失败或成功返回的数据
+export const downloadErrorRecords = (params) => http.get('/xboe/m/boe/cases/recommend/import-info', { params })
+//案例推荐导入
+// export const uploadCaseData = (data, config) => http({
+//     method: 'POST',
+//     url: '/xboe/m/boe/cases/recommend/import',
+//     data,
+//     ...config,
+//     headers: { "Content-Type": "multipart/form-data" },
+// })
+// 案例删除接口deleteResearch
+export const deleteResearch = (params) => http.get("xboe/m/boe/cases/recommend/delete", { params });
+// 案例信息下载接口
+export const caseInfoDownload = (data) => http.post('xboe/m/boe/cases/recommend/info_download', data, { responseType: 'blob' })
+// 案例撤回接口
+export const rePushOrWithdraw = (data) => http.post('xboe/m/boe/cases/recommend/rePushOrWithdraw', data)
+// 案例推荐
+export const caseRecommend = (data) => http.post('/xboe/m/boe/cases/recommend/launch', data,{
+    timeout:20000
+})
+
+//案例推荐选人的查询列表
+export const userList = (data) => httpUserbase.post('/user/list', data)

src/api/configSys.js

@@ -0,0 +1,70 @@
+
+import {message} from "ant-design-vue";
+import axios from "axios";
+import router from "@/router";
+import Cookies from 'vue-cookies'
+// import { getCookie } from '../api/method'
+// const Qs = require("qs");
+
+// axios.defaults.headers.post["Content-Type"] =
+//   "application/x-www-form-urlencoded";
+// export const FILE_UPLOAD_URL = process.env.VUE_APP_BASE_API + '/file/upload'
+// export const BATCH_IMPORT_SCORE = process.env.VUE_APP_BASE_API + '/admin/offcourse/batchImportScore'
+axios.defaults.withCredentials = true;
+const http = axios.create({
+    baseURL: process.env.VUE_APP_SYS_API,
+    timeout: 1000 * 15,
+    headers: {"Content-Type": "application/json",},
+});
+
+http.interceptors.request.use(
+    (config) => {
+        const token = Cookies.get("token")
+        if (token) {
+          config.headers.token = token; //测试1111
+        } else{
+            message.error('未获取到登录信息，请先登录')
+        }
+        return config;
+    },
+    (err) => {
+        console.log("登陆前拦截", err);
+        return Promise.reject(err);
+    }
+);
+
+http.interceptors.response.use(
+    (response) => {
+        // console.log('response', response)
+        const {
+            data: {code},
+        } = response;
+        if (code === 0 || code === 200) {
+            return response.data?response.data:response;
+        }
+        if(code==500){
+            return message.error('请求失败'); 
+        }
+        if(code==601){
+             message.error('token过期请重新登陆'); 
+        }
+        if (code === 1000) {
+            (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'alpine') ? router.push({path: 'login'}) : (window.location.href = process.env.VUE_APP_LOGIN_URL)
+            return Promise.reject(response);
+        }
+        // show && message.error(msg);
+        // console.log("api %o", msg);
+        // return Promise.reject(response);
+        return response
+    },
+    function (error) {
+        if (error.message == "timeout of 1ms exceeded") {
+            message.destroy();
+            message.error("请求超时");
+        }
+        console.log("api error %o", error);
+        return message.error(error.message);
+    }
+);
+
+export default http;

src/components/BreadCrumb.vue

@@ -413,8 +413,22 @@ export default {
         ) {
           state.list = [
             {
-              name: "案例管理",
-            },
+              name: "案例",
+            }, {
+              name:'案例管理'
+            }
+          ];
+        }
+        if (
+          n.indexOf("/caserecommended") !== -1 ||
+          n.indexOf("/CaseRecommended") !== -1
+        ) {
+          state.list = [
+            {
+              name: "案例",
+            }, {
+              name:'案例推荐'
+            }
           ];
         }
         if (

src/components/NavLeft.vue

@@ -174,26 +174,26 @@
           <router-link to="/researchmanage">评估管理</router-link>
         </a-menu-item>
 
-<!--        <a-sub-menu key="sub6">-->
-<!--          <template #icon>-->
-<!--            <div class="imgBox">-->
-<!--              <img-->
-<!--                  style="width: 22px; height: 22px"-->
-<!--                  src="../assets/images/navleft/review.png"-->
-<!--              />-->
-<!--            </div>-->
-<!--          </template>-->
-<!--          <template #title>系统管理</template>-->
-<!--          <a-menu-item key="sub6-1">-->
-<!--            <span-->
-<!--                :class="{-->
-<!--                circleActive: selectedKeys[0] === 'sub6-1',-->
-<!--                circle: selectedKeys[0]!=='sub6-1',-->
-<!--              }"-->
-<!--            ></span>-->
-<!--            <router-link to="/dictmanage">字典管理</router-link>-->
-<!--          </a-menu-item>-->
-<!--        </a-sub-menu>-->
+        <!-- <a-sub-menu key="sub6">
+          <template #icon>
+            <div class="imgBox">
+              <img
+                  style="width: 22px; height: 22px"
+                  src="../assets/images/navleft/review.png"
+              />
+            </div>
+          </template>
+          <template #title>系统管理</template>
+          <a-menu-item key="sub6-1">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub6-1',
+                circle: selectedKeys[0]!=='sub6-1',
+              }"
+            ></span>
+            <router-link to="/dictmanage">字典管理</router-link>
+          </a-menu-item>
+        </a-sub-menu> -->
         <a-menu-item key="sub21" @titleClick="titleClick" v-if="checkMenu('audiencemanage')">
           <div class="imgBox">
             <img
@@ -289,7 +289,7 @@
             <router-link to="/examinationcenter">考试管理</router-link>
           </a-menu-item>
         </a-sub-menu>
-        <a-menu-item key="sub12" @titleClick="titleClick" v-if="checkMenu('casemanage')">
+        <!-- <a-menu-item key="sub12" @titleClick="titleClick" v-if="checkMenu('casemanage')">
           <div class="imgBox">
             <img
                 style="width: 20px; height: 20px"
@@ -297,7 +297,40 @@
             />
           </div>
           <router-link to="/casemanage">案例管理</router-link>
-        </a-menu-item>
+        </a-menu-item> -->
+        <!-- 案例修改 -->
+        <!-- <a-sub-menu key="sub12" @titleClick="titleClick" v-if="checkMenu('casemanage')"> -->
+        <a-sub-menu key="sub12" @titleClick="titleClick" >
+          <template #icon>
+            <div class="imgBox">
+              <img
+                  style="width: 16px; height: 16px"
+                  src="../assets/images/navleft/case.png"
+              />
+            </div>
+          </template>
+          <template #title>案例</template>
+          <a-menu-item key="sub12-1">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub12-1' ? true : false,
+                circle: selectedKeys[0] === 'sub12-1' ? false : true,
+              }"
+            ></span>
+            <router-link to="/casemanage">案例管理</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub12-2">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub12-2' ? true : false,
+                circle: selectedKeys[0] === 'sub12-2' ? false : true,
+              }"
+            ></span>
+            <router-link to="/caserecommended">案例推荐</router-link>
+          </a-menu-item>
+        </a-sub-menu>
+
+
         <a-menu-item key="sub13" @titleClick="titleClick" v-if="checkMenu('articlemanage')">
           <div class="imgBox">
             <img
@@ -731,9 +764,15 @@ export default {
         {
           href: "/casemanage",
           openKeys: "sub12",
-          selectedKeys: "sub12",
+          selectedKeys: "sub12-1",
           pagename: "案例管理",
         },
+        {
+          href: "/caserecommended",
+          openKeys: "sub12",
+          selectedKeys: "sub12-2",
+          pagename: "案例推荐",
+        },
         {
           href: "/articlemanage",
           openKeys: "sub13",

src/hooks/useDownload.js

@@ -0,0 +1,33 @@
+import http from "@/api/configSys";
+/**
+ * @param {String} url [请求的url地址]
+ * @param {Object} params [参数]
+ * @param {String} fileName [导出文件名称] 默认值 导出文件
+ * @param {String} fileType [导出文件类型] 默认值 xls
+ * @param {string} mimeType [导出文件类型]
+ */
+const useDownload = (url, params = {}, fileName = '导出文件', fileType = 'xls', mimeType = 'application/vnd.ms-excel;charset=UTF-8') => {
+    return new Promise((resolve, reject) => {
+        http.post(url, params, { responseType: 'blob' })
+            .then(res => {
+                resolve(res.data);
+                if (!res.data) {
+                    return
+                }
+                const link = document.createElement('a');// 创建a标签
+                let blob = new Blob([res.data], { type: mimeType }); // 设置文件类型
+                link.style.display = "none";
+                link.href = URL.createObjectURL(blob); // 创建URL
+                link.setAttribute("download", `${fileName}.${fileType}`);
+                document.body.appendChild(link);
+                link.click();
+                URL.revokeObjectURL(link.href);
+                document.body.removeChild(link);
+            })
+            .catch(err => {
+                reject(err.data);
+            })
+    });
+}
+
+export default useDownload

src/views/case/CaseManage.vue

@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-scripts allow-same-origin allow-popups allow-downloads"
     ></iframe>
   </div>
 </template>

src/views/case/CaseRecommended.vue

@@ -0,0 +1,779 @@
+<!-- 评估管理页面 -->
+<template>
+  <div class="researchmanage">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchData.recommendName" style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入姓名" />
+        </div>
+        <div class="select">
+          <div class="select addTimeBox">
+            <div class="addTime">推荐时间：</div>
+            <a-range-picker v-model:value="recommendTimeList" style="width: 420px" @change="timeChange"
+              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['      开始时间', '        结束时间']" />
+          </div>
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btn btn1" @click="getList(1)">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2" @click="handleRest" style="width: 105px">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="handleNew">
+          <div class="search"></div>
+          <div class="btnText">发起推荐</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div class="tableBox">
+      <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="state.data" :loading="!loading"
+        :scroll="{ x: 1100 }" :pagination="false">
+        <template #operation="{ record }">
+          <a-space style="padding-right: 10px">
+            <a-button @click="downloadInfo(record)" type="link">信息下载
+            </a-button>
+            <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
+              {{ state.status[record.pushProgress] }}
+            </a-button>
+            <a-button @click="handleOper(record, 'del')" type="link">删除
+            </a-button>
+          </a-space>
+        </template>
+      </a-table>
+    </div>
+    <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
+        class="pagination" @change="handelChangePage" show-size-changer />
+    </div>
+    <InitiateRecommend v-model:visible="newNext" :title="添加案例"></InitiateRecommend>
+  </div>
+</template>
+<script setup lang="jsx">
+import { ref, onMounted, reactive, watch } from "vue";
+import { Form, message } from "ant-design-vue";
+import { boeRequest } from "@/api/request";
+import useDownload from '@/hooks/useDownload'
+import {
+  RECOMMEND_PAGE,
+  deleteResearch,
+  caseInfoDownload,
+  rePushOrWithdraw,
+} from "@/api/case";
+import dialog from "@/utils/dialog";
+import InitiateRecommend from "@/components/drawers/InitiateRecommend.vue";
+import { checkMenu } from "@/utils/utils";
+const column = [
+  {
+    title: "推荐人",
+    dataIndex: "recommendBy",
+    key: "recommendBy",
+    width: "10%",
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "推荐时间",
+    dataIndex: "recommendTime",
+    key: "recommendTime",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "案例数",
+    dataIndex: "caseCount",
+    key: "caseCount",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "用户数",
+    dataIndex: "userCount",
+    key: "userCount",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "推送进度",
+    dataIndex: "pushProgress",
+    key: "pushProgress",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      switch (text) {
+        case 1:
+          return <span>推送中</span>;
+        case 2:
+          return <span>推送中</span>;
+        case 3:
+          return <span>已完成</span>;
+        case 4:
+          return <span style={{ color: "red" }}>推送失败</span>;
+        case 5:
+          return <span>推送撤回</span>;
+        default:
+          return <span>-</span>;
+      }
+    },
+  },
+  {
+    title: "查看率",
+    dataIndex: "viewRate",
+    key: "viewRate",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "0%";
+    },
+  },
+];
+const authenticationColumn = {
+  title: "操作",
+  width: "20%",
+  className: "h",
+  dataIndex: "id",
+  key: "id",
+  fixed: "right",
+  align: "center",
+  slots: { customRender: "operation" },
+}
+
+const state = reactive({
+  data: [],
+  total: 0,
+  status: {
+    1: "撤回",
+    2: "撤回",
+    3: "撤回",
+    4: "重新推送",
+    5: "重新推送",
+  },
+});
+// 查询数据
+const searchData = ref({
+  pageIndex: 1,
+  pageSize: 10,
+  recommendName: "",
+  recommendTimeList: [],
+});
+const newNext = ref(false);
+const recommendTimeList = ref([]);
+const loading = ref(false);
+watch(newNext, (value) => {
+  if (!value) {
+    searchData.value.pageIndex = 1;
+    getList()
+  }
+})
+
+const getList = (num) => {
+  if (num === 1) searchData.value.pageIndex = 1;
+  boeRequest(RECOMMEND_PAGE, searchData.value)
+    .then((res) => {
+      loading.value = true;
+      state.data = res?.result?.list || [];
+      state.total = res?.result?.totalPages || 0;
+    })
+    .catch(() => {
+      loading.value = false;
+    });
+};
+
+// 获取列表数据
+getList();
+
+onMounted(() => {
+  // 是否需要触发新建弹框
+  let str = location.href;
+  let isOpen = str.includes("openCreate=true");
+  if (isOpen) {
+    newNext.value = true;
+  }
+  column.push(authenticationColumn)
+});
+
+const { resetFields } = Form.useForm(searchData, {});
+
+const handle = (record) => ({
+  withdraw: async () => {
+    try {
+      // editReleaseStatus({ assessmentId: record.id, releaseStatus: 1 });
+      await rePushOrWithdraw({ casesRecommendId: record.id });
+      getList();
+    } catch (error) {
+      message.info("推送失败！");
+    }
+  },
+  del: async () => {
+    loading.value = true;
+    await deleteResearch({ id: record.id })
+      .then(() => {
+        message.info("删除成功！");
+        getList();
+      })
+      .catch(() => (loading.value = false));
+  },
+});
+
+const handleMsg = {
+  del: "你确定要删除这条案例吗？",
+  withdraw1: "你确认要撤回此次推送吗？",
+  withdraw2: "你确认要撤回此次推送吗？",
+  withdraw3: "你确认要撤回此次推送吗？",
+  withdraw4: "您确定要重新推送此案例吗？",
+  withdraw5: "您确定要重新推送此案例吗？",
+};
+
+function handleOper(record, type, status = '') {
+  dialog({ content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
+}
+// 信息下载
+const downloadInfo = (record) => {
+  try {
+    useDownload('/xboe/m/boe/cases/recommend/info_download', { casesRecommendId: record.id }, '案例信息')
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const handelChangePage = (page, pageSize) => {
+  loading.value = false;
+  searchData.value.pageSize = pageSize;
+  searchData.value.pageIndex = page;
+  getList();
+};
+
+function timeChange(time, timeStr) {
+  searchData.value.recommendTimeList = time ? time : [];
+}
+
+const handleRest = () => {
+  recommendTimeList.value = [];
+  resetFields();
+  getList();
+};
+
+const handleNew = () => {
+  newNext.value = true;
+};
+</script>
+<style lang="scss">
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+
+  .ant-picker {
+    padding-left: 85px;
+  }
+
+  .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px;
+  }
+}
+
+.out {
+  //display: flex;
+  display: block;
+  position: absolute;
+  width: 680px;
+  // height: 525px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+
+  .top {
+    width: 100%;
+    height: 68px;
+
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+    display: flex;
+    align-items: center;
+
+    .topimg {
+      width: 18px;
+      height: 18px;
+      margin-left: 27px;
+    }
+
+    .topc {
+      color: #000000;
+      font-size: 16px;
+      margin-left: 8px;
+    }
+  }
+
+  .mid {
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .d {
+      // margin-top: 8px;
+      // color: #ff4e4e;
+      margin-left: -5px;
+    }
+
+    .name {
+      width: 78%;
+      // background-color: lightcoral;
+      display: flex;
+      margin-top: 20px;
+      align-items: center;
+      height: 40px;
+      // border: 1px solid black;
+
+      .inname {
+        color: #6f6f6f;
+        font-size: 14px;
+        margin-left: 7px;
+      }
+
+      .in {
+        margin-left: 14px;
+        width: 81%;
+
+        .ant-input {
+          border-radius: 5px;
+          // height: 120%;
+          width: 100%;
+          height: 30px;
+        }
+
+        .showcount {
+          position: absolute;
+          right: 10px;
+          color: #c7cbd2;
+          bottom: 5px;
+        }
+      }
+    }
+
+    .btn {
+      width: 33%;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 30px;
+
+      .samtn {
+        width: 100px;
+        height: 40px;
+        font-size: 14px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+
+      .btn1 {
+        background-color: #fff;
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        margin-left: 10px;
+        background-color: #4ea6ff;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.researchmanage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .btn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      .btn {
+        padding: 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        //border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/add0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    th.ant-table-cell {
+      background-color: #eff4fc !important;
+      text-align: center;
+      color: #999ba3;
+    }
+
+    td.ant-table-cell {
+      text-align: center;
+    }
+  }
+
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+
+    .pagination {
+      margin-bottom: 20px;
+    }
+
+    .ant-pagination-item-link,
+    .ant-pagination-item,
+    .ant-select-selector,
+    .ant-pagination-options-quick-jumper input {
+      border-radius: 8px;
+    }
+  }
+
+  .unout {
+    display: none;
+  }
+
+  .operation {
+    display: flex;
+    justify-content: right;
+
+    .fb {
+      display: flex;
+      margin-right: 20px;
+
+      .jc {
+        color: #4ea6ff;
+        font-size: 14px;
+        margin-left: 20px;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+
+      .ant-modal-body {
+        .delete {
+          z-index: 9999;
+          width: 424px;
+          background: #ffffff;
+          box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
+          }
+
+          .del_main {
+            width: 100%;
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                position: relative;
+                margin-right: 10px;
+
+                img {
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  background-size: 100% 100%;
+                }
+              }
+
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            }
+
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/courselibrary/CoursewareManage.vue

@@ -2211,7 +2211,16 @@ export default defineComponent({
             return text ? text : "-";
           },
         },
-
+        {
+          title: "关键字",
+          dataIndex: "tips",
+          key: "tips",
+          align: "left",
+          customCell  :() => {return {style: {maxWidth: '200px',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow:'ellipsis',cursor:'pointer'}}},
+          customRender: ({ text }) => {
+            return <a-tooltip placement="topLeft" title = {text} >{text ? text : "-"}</a-tooltip>
+          },
+        },
         {
           title: "内容分类",
           width: 130,
@@ -3754,6 +3763,9 @@ export default defineComponent({
 
     //编辑开课
     const handelEditStu = async (item) => {
+      if (item.expenseStatus) {
+        return message.warning("该开课在审批中，不可进行编辑!");
+      }
       state.offcourseId = item.offcourseId;
       state.itemType = item.type;
       state.offcoursePlanId = item.id;
@@ -4256,6 +4268,9 @@ export default defineComponent({
       delete_exit1();
     };
     const handleDeleteKaike = (value) => {
+      if (value.expenseStatus) {
+        return message.warning("该开课在审批中，不可进行删除!");
+      }
       state.offcoursePlanId = value.id;
 
       state.delete_hs = true;

src/views/courselibrary/components/seeModal.vue

@@ -199,7 +199,7 @@
               </div>
               <div class="mbl_items" v-if="detail.tips">
                 <div class="item_nam">
-                  <span style="margin-right: 14px">内容标签：</span>
+                  <span style="margin-right: 14px">关键字：</span>
                 </div>
                 <div class="item_inp">
                   {{ filterTxt(detail.tips) }}

src/views/courselibrary/courseModal.vue

@@ -328,7 +328,7 @@
             <div class="mb_right">
                 <div class="mbl_items">
                     <div class="item_nam">
-                        <span style="margin-right: 14px">内容标签</span>
+                        <span style="margin-right: 14px">关键字</span>
                     </div>
                     <div class="item_inp">
 
@@ -339,7 +339,7 @@
                             <a-input
                                     v-model:value="tags_val_single"
                                     style="width: 440px; height: 40px; border-radius: 8px"
-                                    placeholder="请输入内容标签按回车键添加内容标签，可添加多个内容标签。"
+                                    placeholder="请输入关键字按回车键添加关键字，可添加多个关键字。"
                                     @pressEnter="handleTagChange"
                             />
                             <img