Página inicial Explorar Ajuda
Registrar Entrar
mabaoyi
/
factoryDirector
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

冲突

mabaoyi 5 meses atrás
pai
d3e6f5348e a62153ac52
commit
55ee1e1c1f
12 arquivos alterados com 338 adições e 124 exclusões
Visão unificada Mostrar estatísticas do Diff
  1. BIN
      dist.zip
  2. 22 1
      dist/index.html
  3. 3 3
      src/api/login.ts
  4. 52 0
      src/components/Banne/index.vue
  5. 7 2
      src/components/Form/from.vue
  6. 1 2
      src/utils/request.ts
  7. 41 1
      src/view/Home/product.vue
  8. 19 3
      src/view/Login/agreement.vue
  9. 80 66
      src/view/handbook/bookinfo.vue
  10. 85 15
      src/view/handbook/input.vue
  11. 5 13
      src/view/video/course.vue
  12. 23 18
      src/view/video/info.vue

BIN
dist.zip
Ver arquivo


+ 22 - 1
dist/index.html
Ver arquivo 

@@ -1,3 +1,4 @@
 
+<<<<<<< HEAD
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
   <head>
 
   <head>
 
@@ -16,6 +17,26 @@
 
     <div id="app"></div>
 
     <div id="app"></div>
 
   </body>
 
   </body>
 
 </html>
 
 </html>
 
+=======
 
+<!DOCTYPE html>

+<html lang="en">

+  <head>

+    <meta charset="UTF-8" />

+    <link

+      rel="icon"

+      type="image/svg+xml"

+      href="./src/assets/image/a8e890b2-ad35-490e-b0cc-1548d7dd1401.png"

+    />

+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

+    <title>云厂长</title>

+    <script type="module" crossorigin src="./assets/index-DNds3G-z.js"></script>
 
+    <link rel="stylesheet" crossorigin href="./assets/index-D_c4N80q.css">
 
+  </head>

+  <body>

+    <div id="app"></div>


+  </body>

+</html>

+>>>>>>> a62153ac52fecf00919ba53e19ad355ae9346334
 
 <style lang="scss">* {
 
 <style lang="scss">* {
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
 
@@ -31,4 +52,4 @@ html {
 
   width: 100%;
 
   width: 100%;
 
   min-height: 100vh;
 
   min-height: 100vh;
 
 }
 
 }
 
-</style>
 
+</style>

+ 3 - 3
src/api/login.ts
Ver arquivo 

@@ -58,10 +58,10 @@ export const getCode = (data: any) => {
 
   });
 
   });
 
 };
 
 };
 
 //协议
 
 //协议
 
-export const agreement = (data: any) => {
 
+export const agreement = (params) => {
 
   return request({
 
   return request({
 
-    url: 'agreement',
 
+    url: '/agreement',  
     method: "get",
 
     method: "get",
 
-    data
 
+    params
 
   });
 
   });
 
 };
 
 };

+ 52 - 0
src/components/Banne/index.vue
Ver arquivo 

@@ -21,13 +21,50 @@
 
             </button></template
 
             </button></template
 
           >
 
           >
 
         </div>
 
         </div>
 
+        <div v-if="item.btn">
 
+          <template v-for="(btnItem, btnIndex) in item.btnList" :key="btnIndex">
 
+            <button
 
+              class="detaila"
 
+              @click="open(btnItem.text)"
 
+              v-if="btnItem.text"
 
+              :style="{
 
+                backgroundColor: btnItem.backgroundColor,
 
+                color: btnItem.color,
 
+              }"
 
+            >
 
+              {{ btnItem.text }}
 
+            </button></template
 
+          >
 
+        </div>
 
       </el-carousel-item>
 
       </el-carousel-item>
 
     </el-carousel>
 
     </el-carousel>
 
   </div>
 
   </div>
 
+  <ContactExpert @close="close" :dialogTableVisible="dialogTableVisible" />
 
+  <Form :dialogTableVisible2="dialogTableVisible2" @clos="close" />
 
 </template>
 
 </template>
 
 
 
 <script setup lang="ts">
 
 <script setup lang="ts">
 
+import { ref } from "vue";
 
 import { ElMessage } from "element-plus";
 
 import { ElMessage } from "element-plus";
 
+import ContactExpert from '../../view/Home/component/contactExpert.vue'
 
+import Form from '../../components/Form/from.vue'
 
+
 
+const dialogTableVisible = ref(false);
 
+const dialogTableVisible2 = ref(false);
 
+const close = () => {
 
+  dialogTableVisible.value = false;
 
+  dialogTableVisible2.value = false;
 
+};
 
+
 
+//打开弹窗
 
+const open = (btn) => {
 
+  if (btn == "立即体验") {
 
+    dialogTableVisible2.value = true;
 
+  } else {
 
+    dialogTableVisible.value = true;
 
+  }
 
+};
 
+
 
 const props = defineProps({
 
 const props = defineProps({
 
   banneImageList: {
 
   banneImageList: {
 
     type: Array as any,
 
     type: Array as any,
 
@@ -74,6 +111,21 @@ const toUrl = (url: string) => {
 
   margin-right: 20px;
 
   margin-right: 20px;
 
   border-radius: 4px;
 
   border-radius: 4px;
 
 }
 
 }
 
+.detaila {
 
+  position: relative;
 
+  width: 168px;
 
+  height: 53px;
 
+  background-color: #0d0fff;
 
+  color: #fff;
 
+  font-size: 16px;
 
+  border: none;
 
+  cursor: pointer;
 
+  z-index: 1000;
 
+  bottom: 140px;
 
+  left: 360px;
 
+  margin-right: 20px;
 
+  border-radius: 4px;
 
+}
 
 .el-carousel__item img {
 
 .el-carousel__item img {
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;

+ 7 - 2
src/components/Form/from.vue
Ver arquivo 

@@ -61,6 +61,7 @@
 
 import { useRouter } from "vue-router";
 
 import { useRouter } from "vue-router";
 
 import { onMounted, ref, reactive, watch } from "vue";
 
 import { onMounted, ref, reactive, watch } from "vue";
 
 import * as configApi from "../../api/config";
 
 import * as configApi from "../../api/config";
 
+import { ElMessage } from 'element-plus'
 
 onMounted(() => {});
 
 onMounted(() => {});
 
 //表单数据
 
 //表单数据
 
 const formLabelAlign = reactive({
 
 const formLabelAlign = reactive({
 
@@ -97,6 +98,10 @@ const apply = async () => {
 
       email: formLabelAlign.email,
 
       email: formLabelAlign.email,
 
       type: formLabelAlign.type,
 
       type: formLabelAlign.type,
 
     });
 
     });
 
+    ElMessage({
 
+      message: "申请成功",
 
+      type: "success",
 
+    });
 
     show.value = false;
 
     show.value = false;
 
     todetails();
 
     todetails();
 
   } catch (error) {}
 
   } catch (error) {}
 
@@ -119,7 +124,7 @@ onMounted(type);
 
 </script>
 
 </script>
 
 
 
 <style lang="scss" scoped>
 
 <style lang="scss" scoped>
 
-.two{
 
+.two {
 
   overflow: hidden;
 
   overflow: hidden;
 
 }
 
 }
 
 :deep(.el-dialog) {
 
 :deep(.el-dialog) {
 
@@ -132,7 +137,7 @@ onMounted(type);
 
   width: 83px !important;
 
   width: 83px !important;
 
 }
 
 }
 
 .formbox {
 
 .formbox {
 
-  padding: 0 50px;  
+  padding: 0 50px;
 
 }
 
 }
 
 
 
 :deep(.el-popup-parent--hidden) {
 
 :deep(.el-popup-parent--hidden) {

+ 1 - 2
src/utils/request.ts
Ver arquivo 

@@ -52,7 +52,7 @@ request.interceptors.request.use(
 
 request.interceptors.response.use(
 
 request.interceptors.response.use(
 
   (response) => {
 
   (response) => {
 
     const res = response.data;
 
     const res = response.data;
 
-    if (res.code !== 10000) {
 
+    if (res.code !== 10000 && res.code !== 10001) {
 
       // place relogin 20001
 
       // place relogin 20001
 
       ElMessage({
 
       ElMessage({
 
         message: res.message || "Error",
 
         message: res.message || "Error",
 
@@ -70,7 +70,6 @@ request.interceptors.response.use(
 
   (err) => {
 
   (err) => {
 
     //请求失败也要取消加载
 
     //请求失败也要取消加载
 
     console.log(err);
 
     console.log(err);
 
-
 
     return Promise.reject(err); //抛出错误,把错误抛给谁? 谁调		用它发请求就给谁
 
     return Promise.reject(err); //抛出错误,把错误抛给谁? 谁调		用它发请求就给谁
 
   }
 
   }
 
 );
 
 );

+ 41 - 1
src/view/Home/product.vue
Ver arquivo 

@@ -115,7 +115,24 @@ const getBanneList = async () => {
 
     const { data } = await configApi.getBanneList({
 
     const { data } = await configApi.getBanneList({
 
       code: "product",
 
       code: "product",
 
     });
 
     });
 
-    imgList.banneImageList = data;
 
+    var arr =[]
 
+    data.map((item) => {
 
+      const obj = {
 
+        imgUrl: item.image,
 
+        btn: item.is_jump == 1 ? true : false,
 
+        btnList: [
 
+          {
 
+            text: item.title,
 
+            backgroundColor: "#0D0FFF",
 
+            color: "#fff",
 
+            jump_url: item.jump_url,
 
+          },
 
+        ],
 
+      };
 
+      arr.push(obj);
 
+    });
 
+
 
+    imgList.banneImageList = arr;
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 onMounted(getBanneList);
 
 onMounted(getBanneList);
 
@@ -151,6 +168,28 @@ const customer = async () => {
 
   try {
 
   try {
 
     const { data } = await productApi.customer({});
 
     const { data } = await productApi.customer({});
 
     tabbar.customerlist = data;
 
     tabbar.customerlist = data;
 
+    tabbar.customerlist = []
 
+    if(index.value==0){
 
+      data.forEach((item)=>{
 
+        if(item.type=='group'){
 
+          tabbar.customerlist.push(item)
 
+        }
 
+      })
 
+    }
 
+    if(index.value==1){
 
+      data.forEach((item)=>{
 
+        if(item.type=='professional'){
 
+          tabbar.customerlist.push(item)
 
+        }
 
+      })
 
+    }
 
+    if(index.value==2){
 
+      data.forEach((item)=>{
 
+        if(item.type=='enterprise'){
 
+          tabbar.customerlist.push(item)
 
+        }
 
+      })
 
+    }
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 onMounted(customer);
 
 onMounted(customer);
 
@@ -173,6 +212,7 @@ watch(
 
   () => route.query,
 
   () => route.query,
 
   (newVal) => {
 
   (newVal) => {
 
     index.value = route.query.index;
 
     index.value = route.query.index;
 
+    customer()
 
     if (index.value == 3) {
 
     if (index.value == 3) {
 
       plugin();
 
       plugin();
 
     } else {
 
     } else {

+ 19 - 3
src/view/Login/agreement.vue
Ver arquivo 

@@ -1,5 +1,8 @@
 
 <template>
 
 <template>
 
-  <div class=""></div>
 
+  <div class="content">
 
+    <div class="title">{{ type=='privacy'?'隐私政策':'平台服务条款' }}</div>
 
+    <div v-html="con"></div>
 
+  </div>
 
 </template>
 
 </template>
 
 
 
 <script setup>
 
 <script setup>
 
@@ -10,15 +13,28 @@ const route = useRoute()
 
 const type = ref('')
 
 const type = ref('')
 
 type.value = route.query.type
 
 type.value = route.query.type
 
 console.log(route.query.type);
 
 console.log(route.query.type);
 
+const con = ref('')
 
 //协议接口
 
 //协议接口
 
 const agreement = async () => {
 
 const agreement = async () => {
 
   try {
 
   try {
 
     const { data } = await agreementAPi.agreement({
 
     const { data } = await agreementAPi.agreement({
 
-        code:type.value
 
+        code:route.query.type
 
     });
 
     });
 
+    con.value = data
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 onMounted(agreement)
 
 onMounted(agreement)
 
 </script>
 
 </script>
 
 
 
-<style lang="scss" scoped></style>
 
+<style lang="scss" scoped>
 
+.content{
 
+  width: 1200px;
 
+  margin: 0 auto;
 
+  padding: 30px 0;
 
+}
 
+.title{
 
+  text-align: center;
 
+  font-weight: 600;
 
+  margin-bottom: 20px;
 
+}
 
+</style>

+ 80 - 66
src/view/handbook/bookinfo.vue
Ver arquivo 

@@ -18,6 +18,7 @@
 
       <el-input
 
       <el-input
 
         v-model="input2"
 
         v-model="input2"
 
         style="width: 80%"
 
         style="width: 80%"
 
+        @change="toinput"
 
         placeholder="请输入关键字搜索"
 
         placeholder="请输入关键字搜索"
 
         :prefix-icon="Search"
 
         :prefix-icon="Search"
 
       />
 
       />
 
@@ -27,11 +28,12 @@
 
           @open="handleOpen"
 
           @open="handleOpen"
 
           @close="closeb"
 
           @close="closeb"
 
           :unique-opened="true"
 
           :unique-opened="true"
 
+          :default-active="defaultact"
 
         >
 
         >
 
           <el-sub-menu
 
           <el-sub-menu
 
             v-for="(item, idx) in book.category"
 
             v-for="(item, idx) in book.category"
 
             :key="idx"
 
             :key="idx"
 
-            :index="String(item.id)"
 
+            :index="String(item.id) + '-' + item.name"
 
           >
 
           >
 
             <template #title>
 
             <template #title>
 
               <div>
 
               <div>
 
@@ -42,7 +44,7 @@
 
               <el-sub-menu
 
               <el-sub-menu
 
                 v-for="(item2, ind) in item.children"
 
                 v-for="(item2, ind) in item.children"
 
                 :key="ind"
 
                 :key="ind"
 
-                :index="item.id + '-' + item2.id"
 
+                :index="item.id + '-' + item2.id + '-' + item2.name"
 
               >
 
               >
 
                 <template #title>{{ item2.name }}</template>
 
                 <template #title>{{ item2.name }}</template>
 
 
 
@@ -54,7 +56,7 @@
 
                   >
 
                   >
 
                     <template #title>{{ item3.name }}</template>
 
                     <template #title>{{ item3.name }}</template>
 
                     <el-menu-item
 
                     <el-menu-item
 
-                      v-for="(child, inx) in book.documentlist"
 
+                      v-for="(child, inx) in item3.documents"
 
                       :key="inx"
 
                       :key="inx"
 
                       @click="change(child.content, child.title)"
 
                       @click="change(child.content, child.title)"
 
                       :index="
 
                       :index="
 
@@ -64,7 +66,9 @@
 
                         '-' +
 
                         '-' +
 
                         item3.id +
 
                         item3.id +
 
                         '-' +
 
                         '-' +
 
-                        child.id
 
+                        child.id +
 
+                        '-' +
 
+                        item3.name
 
                       "
 
                       "
 
                       >{{ child.title }}</el-menu-item
 
                       >{{ child.title }}</el-menu-item
 
                     >
 
                     >
 
@@ -72,7 +76,7 @@
 
                 </template>
 
                 </template>
 
                 <template v-else>
 
                 <template v-else>
 
                   <el-menu-item
 
                   <el-menu-item
 
-                    v-for="(child, index) in book.documentlist"
 
+                    v-for="(child, index) in item2.documents"
 
                     :key="index"
 
                     :key="index"
 
                     @click="change(child.content, child.title)"
 
                     @click="change(child.content, child.title)"
 
                     :index="item.id + '-' + item2.id + '-' + child.id"
 
                     :index="item.id + '-' + item2.id + '-' + child.id"
 
@@ -83,9 +87,10 @@
 
             </template>
 
             </template>
 
             <template v-else>
 
             <template v-else>
 
               <el-menu-item
 
               <el-menu-item
 
-                v-for="(child, index) in book.documentlist"
 
+                v-for="(child, index) in item.documents"
 
                 :key="index"
 
                 :key="index"
 
                 :index="item.id + '-' + child.id"
 
                 :index="item.id + '-' + child.id"
 
+                @click="change(child.content, child.title)"
 
                 >{{ child.title }}</el-menu-item
 
                 >{{ child.title }}</el-menu-item
 
               >
 
               >
 
             </template>
 
             </template>
 
@@ -93,7 +98,7 @@
 
         </el-menu>
 
         </el-menu>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
-    <div class="right">
 
+    <div class="right" v-if="book.content.con">
 
       <div style="display: flex; align-items: center; column-gap: 6px">
 
       <div style="display: flex; align-items: center; column-gap: 6px">
 
         <span class="topsm">{{ changefont }}</span>
 
         <span class="topsm">{{ changefont }}</span>
 
         <el-icon v-if="categoryname"><ArrowRight /></el-icon>
 
         <el-icon v-if="categoryname"><ArrowRight /></el-icon>
 
@@ -105,6 +110,9 @@
 
       <div class="btnline"></div>
 
       <div class="btnline"></div>
 
       <div v-html="book.content.con"></div>
 
       <div v-html="book.content.con"></div>
 
     </div>
 
     </div>
 
+    <div class="right" v-else>
 
+      <div v-html="book.content.first"></div>
 
+    </div>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
@@ -113,8 +121,10 @@ import { useRouter, useRoute } from "vue-router";
 
 import { onMounted, ref, reactive } from "vue";
 
 import { onMounted, ref, reactive } from "vue";
 
 import { Calendar, Search, ArrowRight } from "@element-plus/icons-vue";
 
 import { Calendar, Search, ArrowRight } from "@element-plus/icons-vue";
 
 import * as bookApi from "../../api/document";
 
 import * as bookApi from "../../api/document";
 
+import * as agreementAPi from '../../api/login'
 
 const route = useRoute();
 
 const route = useRoute();
 
-// const router = useRouter()
 
+const router = useRouter();
 
+const defaultact = ref("");
 
 const changeindex = ref(0);
 
 const changeindex = ref(0);
 
 const changefont = ref("产品文档");
 
 const changefont = ref("产品文档");
 
 const type_id = ref(1);
 
 const type_id = ref(1);
 
@@ -125,8 +135,17 @@ const categoryname = ref("");
 
 const docu = ref("");
 
 const docu = ref("");
 
 const category_id = ref("");
 
 const category_id = ref("");
 
 const input2 = ref("");
 
 const input2 = ref("");
 
-
 
 category_id.value = route.query.category_id;
 
 category_id.value = route.query.category_id;
 
+const book = reactive({
 
+  list: [],
 
+  category: [],
 
+  documentlist: [],
 
+  content: {
 
+    con: "",
 
+    first:''
 
+  },
 
+});
 
+
 
 //更换文档
 
 //更换文档
 
 const topchange = (name, index, id) => {
 
 const topchange = (name, index, id) => {
 
   changefont.value = name;
 
   changefont.value = name;
 
@@ -137,24 +156,49 @@ const topchange = (name, index, id) => {
 
   book.documentlist = [];
 
   book.documentlist = [];
 
   book.content.con = "";
 
   book.content.con = "";
 
   category();
 
   category();
 
+  if(book.content.con==''&&type_id.value==1){
 
+  agreement('product')
 
+}else if(book.content.con==''&&type_id.value==2){
 
+  agreement('exploit')
 
+}else if(book.content.con==''&&type_id.value==3){
 
+  agreement('port')
 
+}
 
 };
 
 };
 
 
 
-const book = reactive({
 
-  list: [],
 
-  category: [],
 
-  documentlist: [],
 
-  content: {
 
-    con: "",
 
-  },
 
-});
 
-
 
+const lastname = ref("");
 
 const handleOpen = (key, keyPath) => {
 
 const handleOpen = (key, keyPath) => {
 
-  console.log("key1", key);
 
-  console.log("key", key.split("-").pop());
 
-  document(key.split("-").pop());
 
+  lastname.value = key.split("-").pop();
 
 };
 
 };
 
 const closeb = (key, keyPath) => {};
 
 const closeb = (key, keyPath) => {};
 
 
 
+//搜索结果
 
+if (route.query.indexid) {
 
+  defaultact.value = route.query.indexid;
 
+  book.content.con = route.query.content;
 
+  docu.value = route.query.title;
 
+  categoryname.value = route.query.category_name;
 
+}
 
+
 
+//协议接口
 
+const agreement = async (code) => {
 
+  try {
 
+    const { data } = await agreementAPi.agreement({
 
+        code:code
 
+    });
 
+    book.content.first = data
 
+  } catch (error) {}
 
+};
 
+if(book.content.con==''&&type_id.value==1){
 
+  agreement('product')
 
+}else if(book.content.con==''&&type_id.value==2){
 
+  agreement('exploit')
 
+}else if(book.content.con==''&&type_id.value==3){
 
+  agreement('port')
 
+}
 
+
 
+
 
+
 
+
 
 //文档类型列表
 
 //文档类型列表
 
 const documentType = async () => {
 
 const documentType = async () => {
 
   try {
 
   try {
 
@@ -163,6 +207,15 @@ const documentType = async () => {
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 onMounted(documentType);
 
 onMounted(documentType);
 
+//跳转搜索页面
 
+const toinput = () => {
 
+  router.push({
 
+    path: "/input",
 
+    query: {
 
+      input2: input2.value,
 
+    },
 
+  });
 
+};
 
 
 
 //文档分类列表
 
 //文档分类列表
 
 const category = async () => {
 
 const category = async () => {
 
@@ -171,51 +224,21 @@ const category = async () => {
 
       type_id: type_id.value,
 
       type_id: type_id.value,
 
     });
 
     });
 
     book.category = data;
 
     book.category = data;
 
-    if (data[0].children) {
 
-      if (data[0].children[0].children) {
 
-        console.log(111);
 
-        categoryname.value = data[0].children[0].children[0].name;
 
-        category_id.value = data[0].children[0].children[0].id;
 
-        console.log(category_id.value);
 
-        // document(category_id.value);
 
-      } else {
 
-        console.log(222);
 
-        categoryname.value = data[0].children[0].name;
 
-        category_id.value = data[0].children[0].id;
 
-        // document(category_id.value);
 
-      }
 
-    } else {
 
-      categoryname.value = data[0].name;
 
-      category_id.value = data[0].id;
 
-      // document(category_id.value);
 
-    }
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 onMounted(category);
 
 onMounted(category);
 
-
 
-//文档列表
 
-const document = async (id, name) => {
 
-  category_id.value = id;
 
-  try {
 
-    const { data } = await bookApi.document({
 
-      category_id: category_id.value,
 
-    });
 
-    book.documentlist = data.data;
 
-    // categoryname.value = categoryname.value ? categoryname.value : name;
 
-    // docu.value = data.data[0].title ||'';
 
-    // book.content.con = data.data[0].content;
 
-  } catch (error) {
 
-    console.log(error);
 
-  }
 
-};
 
-
 
 const change = (content, title) => {
 
 const change = (content, title) => {
 
   book.content.con = content;
 
   book.content.con = content;
 
   docu.value = title;
 
   docu.value = title;
 
+  categoryname.value = lastname.value;
 
 };
 
 };
 
 </script>
 
 </script>
 
 
 
 <style lang="scss" scoped>
 
 <style lang="scss" scoped>
 
+:deep(.el-icon svg){
 
+  width: 16px !important;
 
+  height: 16px !important;
 
+}
 
 .btnline {
 
 .btnline {
 
   width: 880px;
 
   width: 880px;
 
   height: 1px;
 
   height: 1px;
 
@@ -263,20 +286,11 @@ const change = (content, title) => {
 
   position: absolute;
 
   position: absolute;
 
   left: 0;
 
   left: 0;
 
 }
 
 }
 
-// :deep(.el-menu-item:hover::before) {
 
-//   width: 4px;
 
-//   height: 100%;
 
-//   background: #0d0fff;
 
-//   content: "";
 
-//   display: block;
 
-//   position: absolute;
 
-//   left: 0;
 
-// }
 
 :deep(.el-menu-item) {
 
 :deep(.el-menu-item) {
 
   position: relative;
 
   position: relative;
 
 }
 
 }
 
 .left {
 
 .left {
 
-  width: 240px;
 
+  min-width: 260px;
 
   height: 1200px;
 
   height: 1200px;
 
   border-right: 1px solid rgba(151, 151, 151, 0.5);
 
   border-right: 1px solid rgba(151, 151, 151, 0.5);
 
   .chan {
 
   .chan {

+ 85 - 15
src/view/handbook/input.vue
Ver arquivo 

@@ -4,6 +4,7 @@
 
       <div class="toptitle">共搜索到 {{ total }} 条相关结果</div>
 
       <div class="toptitle">共搜索到 {{ total }} 条相关结果</div>
 
       <div class="input">
 
       <div class="input">
 
         <el-input
 
         <el-input
 
+          @change="searcha"
 
           v-model="input"
 
           v-model="input"
 
           class="w-50 m-2"
 
           class="w-50 m-2"
 
           placeholder="请输入你要搜索的内容"
 
           placeholder="请输入你要搜索的内容"
 
@@ -23,14 +24,30 @@
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
     <div class="content">
 
     <div class="content">
 
-      <div class="item" v-for="(item, idx) in result.info" :key="idx" @click="tobookinfo(item)">
 
-        <div class="title">{{ item.title }}</div>
 
+      <div
 
+        class="item"
 
+        v-for="(item, idx) in result.info"
 
+        :key="idx"
 
+        @click="tobookinfo(item)"
 
+      >
 
+        <div class="title" v-html="getSimpleText(item.title)"></div>
 
         <div class="con" v-html="getSimpleText(item.content)"></div>
 
         <div class="con" v-html="getSimpleText(item.content)"></div>
 
         <div class="bottom">
 
         <div class="bottom">
 
           <div class="left">{{ item.type_name }}/{{ item.category_name }}</div>
 
           <div class="left">{{ item.type_name }}/{{ item.category_name }}</div>
 
           <div class="right">{{ item.created_at }}</div>
 
           <div class="right">{{ item.created_at }}</div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+      <div class="bottoma" v-if="result.info.length > 0">
 
+        <el-pagination
 
+          :background="true"
 
+          layout=" prev, pager, next, jumper"
 
+          :total="total"
 
+          @size-change="handleSizeChange"
 
+          @current-change="handleCurrentChange"
 
+          jumper-text="跳转到"
 
+          :page-size="5"
 
+        />
 
+      </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
@@ -44,7 +61,8 @@ const input = ref("");
 
 const total = ref(0);
 
 const total = ref(0);
 
 const route = useRoute();
 
 const route = useRoute();
 
 const router = useRouter();
 
 const router = useRouter();
 
-input.value = route.query.useRoute;
 
+input.value = route.query.input2;
 
+
 
 const cleara = () => {
 
 const cleara = () => {
 
   input.value = "";
 
   input.value = "";
 
 };
 
 };
 
@@ -53,38 +71,90 @@ const result = reactive({
 
   info: [],
 
   info: [],
 
 });
 
 });
 
 
 
+//分页
 
+const handleCurrentChange = (val) => {
 
+  console.log(`current page: ${val}`);
 
+  page.value = val;
 
+  searcha();
 
+};
 
+
 
 const searcha = async () => {
 
 const searcha = async () => {
 
   try {
 
   try {
 
     const { data } = await bookApi.search({
 
     const { data } = await bookApi.search({
 
       category_id: "",
 
       category_id: "",
 
       keyword: input.value,
 
       keyword: input.value,
 
       page: page.value,
 
       page: page.value,
 
+      limit: 5,
 
     });
 
     });
 
     result.info = data.data;
 
     result.info = data.data;
 
-    total.value = data.total
 
+    total.value = data.total;
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
+if (route.query.input2) {
 
+  searcha();
 
+}
 
+//文档分类
 
+const category = async (category_id, id) => {
 
+  try {
 
+    const { data } = await bookApi.category({
 
+      category_id: category_id,
 
+      document_id: id,
 
+    });
 
+
 
+    // router.push({
 
+    //   path: "bookinfo",
 
+    //   query: {
 
+    //     index: item.category_id - 1,
 
+    //     id: item.type_id,
 
+    //     indexid: "1-1",
 
+    //     content: item.content,
 
+    //     category_name: item.category_name,
 
+    //     title: item.title,
 
+    //     name: item.type_name,
 
+    //   },
 
+    // });
 
+  } catch (error) {}
 
+};
 
+
 
+const tobookinfo = (item) => {
 
+  var indexid = "";
 
+  item.category_ids.forEach((item) => {
 
+    indexid = indexid + item + "-";
 
+  });
 
+  console.log(indexid + item.id);
 
 
 
-const tobookinfo = (item)=>{
 
   router.push({
 
   router.push({
 
-    path:'bookinfo',
 
-    query:{
 
-      category_id:item.category_id,
 
-      id:item.type_id
 
-    }
 
-  })
 
-}
 
+    path: "bookinfo",
 
+    query: {
 
+      index: item.type_id - 1,
 
+      id: item.type_id,
 
+      indexid: indexid + item.id,
 
+      content: item.content,
 
+      category_name: item.category_name,
 
+      title: item.title,
 
+      name: item.type_name,
 
+    },
 
+  });
 
+};
 
 
 
 const getSimpleText = (html) => {
 
 const getSimpleText = (html) => {
 
   var re1 = new RegExp("<.+?>", "g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
 
   var re1 = new RegExp("<.+?>", "g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
 
   var msg = html.replace(re1, ""); //执行替换成空字符
 
   var msg = html.replace(re1, ""); //执行替换成空字符
 
-  var end = msg.replace(/&nbsp;/g, '')
 
-  const regex = new RegExp(input.value, 'gi');
 
-  return end.replace(regex, match => `<span style="color: rgba(19, 21, 254, 1);">${match}</span>`);
 
+  var end = msg.replace(/&nbsp;/g, "");
 
+  const regex = new RegExp(input.value, "gi");
 
+  return end.replace(
 
+    regex,
 
+    (match) => `<span style="color: rgba(19, 21, 254, 1);">${match}</span>`
 
+  );
 
 };
 
 };
 
 </script>
 
 </script>
 
 
 
 <style lang="scss" scoped>
 
 <style lang="scss" scoped>
 
+.bottoma {
 
+  margin-top: 30px;
 
+  display: flex;
 
+  justify-content: flex-end;
 
+}
 
 .right {
 
 .right {
 
   margin-left: 20px;
 
   margin-left: 20px;
 
 }
 
 }

+ 5 - 13
src/view/video/course.vue
Ver arquivo 

@@ -171,7 +171,7 @@
 
               </dd>
 
               </dd>
 
             </dl>
 
             </dl>
 
           </div>
 
           </div>
 
-          <div v-if="commentList.list.length>0">
 
+          <div v-if="commentList.list.length > 0">
 
             <el-pagination
 
             <el-pagination
 
               background
 
               background
 
               layout="prev, pager, next"
 
               layout="prev, pager, next"
 
@@ -244,6 +244,7 @@ import { useRouter, useRoute } from "vue-router";
 
 import { onMounted, ref, reactive } from "vue";
 
 import { onMounted, ref, reactive } from "vue";
 
 import * as videoAPi from "../../api/kecheng";
 
 import * as videoAPi from "../../api/kecheng";
 
 import row from "../../components/row/row.vue";
 
 import row from "../../components/row/row.vue";
 
+import * as copyDomText from "../../utils/common";
 
 const router = useRouter();
 
 const router = useRouter();
 
 const route = useRoute();
 
 const route = useRoute();
 
 //判断是否加入
 
 //判断是否加入
 
@@ -327,18 +328,9 @@ const join = async () => {
 
 //分享
 
 //分享
 
 const url = ref();
 
 const url = ref();
 
 const shareLink = async () => {
 
 const shareLink = async () => {
 
-  url.value =
 
-    "http://yczgw.hdlkeji.com/#/course?" +
 
-    "id=" +
 
-    route.query.id +
 
-    "&read=" +
 
-    0;
 
-  try {
 
-    await navigator.clipboard.writeText(url.value);
 
-    alert("链接已复制到剪贴板");
 
-  } catch (err) {
 
-    alert("复制链接失败");
 
-  }
 
+  var urllink = window.location.host;
 
+  url.value = `${urllink}/#/course?` + "id=" + route.query.id + "&read=" + 0;
 
+  copyDomText.copyDomText(url.value);
 
 };
 
 };
 
 
 
 //课程详情
 
 //课程详情

+ 23 - 18
src/view/video/info.vue
Ver arquivo 

@@ -177,6 +177,7 @@ import { onMounted, reactive, ref, onUnmounted } from "vue";
 
 import bottom from "../../components/Layout/bottom.vue";
 
 import bottom from "../../components/Layout/bottom.vue";
 
 import row from "../../components/row/row.vue";
 
 import row from "../../components/row/row.vue";
 
 import * as videoAPi from "../../api/kecheng";
 
 import * as videoAPi from "../../api/kecheng";
 
+import * as copyDomText from "../../utils/common";
 
 const router = useRouter();
 
 const router = useRouter();
 
 const route = useRoute();
 
 const route = useRoute();
 
 const videoinfo = reactive({
 
 const videoinfo = reactive({
 
@@ -188,6 +189,7 @@ const imgList = reactive({
 
   //banne图需要的数据
 
   //banne图需要的数据
 
   list: [],
 
   list: [],
 
 });
 
 });
 
+const course_id = ref("");
 
 const look = () => {
 
 const look = () => {
 
   router.replace({
 
   router.replace({
 
     name: "video",
 
     name: "video",
 
@@ -205,27 +207,19 @@ const toinfo = (id) => {
 
 //分享
 
 //分享
 
 const url = ref();
 
 const url = ref();
 
 const shareLink = async () => {
 
 const shareLink = async () => {
 
-  url.value =
 
-    "http://yczgw.hdlkeji.com/#/course?" +
 
-    "id=" +
 
-    route.query.id +
 
-    "&read=" +
 
-    0;
 
-  try {
 
-    await navigator.clipboard.writeText(url.value);
 
-    alert("链接已复制到剪贴板");
 
-  } catch (err) {
 
-    alert("复制链接失败");
 
-  }
 
+  var urllink = window.location.host;
 
+  url.value = `${urllink}/#/course?` + "id=" + course_id.value + "&read=" + 0;
 
+  copyDomText.copyDomText(url.value);
 
 };
 
 };
 
 //点赞
 
 //点赞
 
 const is_like = ref(0);
 
 const is_like = ref(0);
 
 const like = () => {
 
 const like = () => {
 
-  //   if (is_like.value == 0) {
 
-  //   } else {
 
-  // is_like.value = 0
 
-  likea();
 
-  // }
 
+  if (is_like.value == 0) {
 
+    likedel();
 
+  } else {
 
+    // is_like.value = 0
 
+    likea();
 
+  }
 
 };
 
 };
 
 //收藏
 
 //收藏
 
 const is_collect = ref(0);
 
 const is_collect = ref(0);
 
@@ -265,6 +259,16 @@ const likea = async () => {
 
     course_video();
 
     course_video();
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
+//取消点赞
 
+const likedel = async () => {
 
+  try {
 
+    const { data } = await videoAPi.like({
 
+      video_id: route.query.id,
 
+    });
 
+    is_like.value = 1;
 
+    course_video();
 
+  } catch (error) {}
 
+};
 
 //删除收藏
 
 //删除收藏
 
 const collectdel = async () => {
 
 const collectdel = async () => {
 
   try {
 
   try {
 
@@ -284,6 +288,7 @@ const course_video = async () => {
 
     videoinfo.info = data;
 
     videoinfo.info = data;
 
     is_like.value = data.is_like;
 
     is_like.value = data.is_like;
 
     is_collect.value = data.is_collect;
 
     is_collect.value = data.is_collect;
 
+    course_id.value = data.course_id;
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 onMounted(course_video);
 
 onMounted(course_video);
 
@@ -368,7 +373,7 @@ const study_record = async () => {
 
   } catch (error) {}
 
   } catch (error) {}
 
 };
 
 };
 
 const time = () => {
 
 const time = () => {
 
-  if (islogin) {
 
+  if (islogin.value) {
 
     intervalId = setInterval(() => {
 
     intervalId = setInterval(() => {
 
       study_record();
 
       study_record();
 
     }, 7000);
 
     }, 7000);