更新表单

src/api/config.ts

@@ -7,3 +7,28 @@ export const config = (params: any) => {
     params,
   });
 };
+//获取轮播图
+export const getBanneList = (params) => {
+  return request({
+    url: "banner",
+    method: "get",
+    params,
+  });
+};
+//申请试用类型
+export const trialType = (params) => {
+  return request({
+    url: "trial/type",
+    method: "get",
+    params,
+  });
+};
+
+//发起试用申请
+export const trial = (data) => {
+  return request({
+    url: "trial",
+    method: "post",
+    data,
+  });
+};

src/components/Banne/index.vue

@@ -5,7 +5,7 @@
         v-for="(item, index) in props.banneImageList"
         :key="index"
       >
-        <img class="version-img" :src="item.imgUrl" alt="" />
+        <img class="version-img" :src="item.imgUrl || item.image" alt="" />
         <div v-if="item.isBtn">
           <button
             class="detail"

src/components/Form/from.vue

@@ -1,10 +1,62 @@
 <template>
- 
+  <div class="two">
+    <el-dialog @close="closea" v-model="show" :show-close="false">
+      <div class="width">
+        <div class="toptitle">申请免费试用</div>
+        <div class="topfont">请填写表单信息，我们团队将尽快与您联系</div>
+      </div>
+      <div class="formbox">
+        <el-form :model="formLabelAlign" style="max-width: 660px">
+          <el-form-item label="您的姓名">
+            <el-input
+              v-model="formLabelAlign.name"
+              placeholder="请填写您的真实姓名（必填）"
+            />
+          </el-form-item>
+          <el-form-item label="公司名称">
+            <el-input
+              v-model="formLabelAlign.corporation"
+              placeholder="请填写公司真实名称"
+            />
+          </el-form-item>
+          <el-form-item label="邮箱">
+            <el-input
+              v-model="formLabelAlign.email"
+              placeholder="请填写您的邮箱地址"
+            />
+          </el-form-item>
+          <!-- <el-form-item label="手机号">
+              <el-input
+                v-model="formLabelAlign.phone"
+                placeholder="请填写您的手机号码"
+              />
+            </el-form-item> -->
+          <el-form-item label="申请版本">
+            <el-select
+              v-model="formLabelAlign.type"
+              placeholder="请选择您需要试用的版本（必填）"
+            >
+              <el-option
+                v-for="(item, idx) in typeList.list"
+                :key="idx"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div style="display: flex; justify-content: center">
+        <div class="button" @click="apply">立即申请</div>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script setup>
 import { useRouter } from "vue-router";
-import { onMounted, ref, reactive } from "vue";
+import { onMounted, ref, reactive, watch } from "vue";
+import * as configApi from "../../api/config";
 onMounted(() => {});
 //表单数据
 const formLabelAlign = reactive({
@@ -12,23 +64,85 @@ const formLabelAlign = reactive({
   region: "",
   type: "",
   corporation: "",
-  emil: "",
-  phone: "",
+  email: "",
 });
-// const dialogTableVisible2 = ref(true);
 const props = defineProps({
-    dialogTableVisible2:{
-        default:false
-    }
-})
+  dialogTableVisible2: {
+    default: false,
+  },
+});
+const show = ref(false);
+watch(
+  () => props.dialogTableVisible2,
+  (newVal) => {
+    show.value = props.dialogTableVisible2;
+  }
+);
+
+const emit = defineEmits(["todetails"], ["like"]);
+const todetails = () => {
+  emit("clos");
+};
+// show.value = props.dialogTableVisible2;
+//发起试用申请
+const apply = async () => {
+  try {
+    const { data } = await configApi.trial({
+      realname: formLabelAlign.name,
+      company_name: formLabelAlign.corporation,
+      email: formLabelAlign.email,
+      type: formLabelAlign.type,
+    });
+    show.value = false;
+    todetails();
+  } catch (error) {}
+};
+//关闭模态框
+const closea = ()=>{
+  todetails();
+}
+//申请试用类型
+const typeList = reactive({
+  list: [],
+});
+const type = async () => {
+  try {
+    const { data } = await configApi.trialType({});
+    typeList.list = data;
+  } catch (error) {}
+};
+onMounted(type);
 </script>
 
 <style lang="scss" scoped>
-
-
+:deep(.el-dialog) {
+  --el-dialog-width: 520px !important;
+}
+::v-deep(.el-form-item__label) {
+  width: 83px !important;
+}
+.formbox {
+  padding: 0 50px;
+}
+.button {
+  width: 420px;
+  height: 44px;
+  background: #0d0fff;
+  border-radius: 4px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #ffffff;
+  line-height: 44px;
+  text-align: center;
+  font-style: normal;
+  margin-top: 48px;
+  cursor: pointer;
+  margin-bottom: 20px;
+}
 .width {
   width: 100%;
-  padding: 40px 60px 0;
+  padding: 20px 60px 0px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;

src/components/Layout/bottom.vue

@@ -10,6 +10,9 @@
       <div>
         <div class="title">联系我们</div>
         <div class="item">售前电话：{{ foot.info.pre_sale_mobile }}</div>
+        <div class="item">市场合作:{{ foot.info.market_cooperation }}</div>
+        <div class="item">渠道合作:{{ foot.info.channel_cooperation }}</div>
+        <div class="item">投诉电话:{{ foot.info.complaint_mobile }}</div>
       </div>
       <div>
         <div class="title">关注我们</div>

src/components/corporation.vue

@@ -13,25 +13,52 @@
       />
     </div>
     <div v-else class="box">
-      <div
-        class="imgbox"
-        :style="{ background: 'url(' + item.background_image + ')' }"
-        v-for="(item, idx) in list"
-        :key="idx"
-      >
-        <div class="bo" @mouseover="changeBackground">
-          <img class="logo" :src="item.logo" alt="" />
-          <div class="name">{{ item.company_name }}</div>
-          <div class="content">{{ item.content }}</div>
-        </div>
-      </div>
+      <el-carousel indicator-position="none" :autoplay="false">
+        <el-carousel-item v-for="(child, index) in newlist.list" :key="index">
+          <div class="" style="display: flex; align-items: center">
+            <div
+              class="imgbox"
+              :style="{
+                background: 'url(' + item.background_image + ')',
+                backgroundSize: 'cover',
+              }"
+              v-for="(item, idx) in child"
+              :key="idx"
+            >
+              <div
+                class="bo"
+                @mouseover="changeBackground(idx)"
+                @mouseleave="leave"
+              >
+                <img class="logo" :src="item.logo" alt="" />
+                <div class="name">{{ item.company_name }}</div>
+                <div class="content">{{ item.content }}</div>
+                <div
+                  v-if="over == 1 && ind == idx"
+                  style="
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                  "
+                >
+                  <div class="btntitle" @click="apply">
+                    {{ item.button_title }}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-carousel-item>
+      </el-carousel>
     </div>
   </div>
+  <forma :dialogTableVisible2="dialogTableVisible2" @clos="close"></forma>
 </template>
 
 <script setup>
 import { useRouter } from "vue-router";
-import { onMounted, ref } from "vue";
+import { onMounted, reactive, ref, watch } from "vue";
+import forma from "../components/Form/from.vue";
 onMounted(() => {});
 const props = defineProps({
   title: {
@@ -47,10 +74,89 @@ const props = defineProps({
     default: "",
   },
 });
-const changeBackground = () => {};
+//是否登录
+const is_login = ref(false);
+if (localStorage.getItem("access_token")) {
+  is_login.value = true;
+} else {
+  is_login.value = false;
+}
+const dialogTableVisible2 = ref(false);
+//申请
+const apply = () => {
+  if (is_login.value) {
+    dialogTableVisible2.value = true;
+  } else {
+    ElMessage({
+      message: "请先登录",
+      type: "error",
+    });
+  }
+};
+
+const ind = ref("");
+const over = ref(0);
+const changeBackground = (index) => {
+  over.value = 1;
+  ind.value = index;
+};
+const leave = () => {
+  over.value = 0;
+};
+
+//关闭
+const close = () => {
+  dialogTableVisible2.value = false;
+};
+
+const newlist = reactive({
+  list: [],
+});
+const chong = () => {
+  var result = [];
+  for (var i = 0; i < props.list.length; i += 2) {
+    result.push(props.list.slice(i, i + 2));
+    newlist.list = result;
+    // result = [];
+  }
+  console.log(newlist.list, 1);
+};
+watch(
+  () => props.list,
+  (newVal) => {
+    if (props.list.length > 0) {
+      chong();
+    }
+  }
+);
 </script>
 
 <style lang="scss" scoped>
+.btntitle {
+  width: 428px;
+  height: 56px;
+  background: #0d0fff;
+  border-radius: 5px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+  color: #ffffff;
+  line-height: 56px;
+  text-align: center;
+  font-style: normal;
+  // position: absolute;
+  // bottom: 40px;
+  cursor: pointer;
+  margin-top: 60px;
+}
+:deep(.el-carousel--horizontal) {
+  height: 600px !important;
+  width: 1200px !important;
+}
+:deep(.el-carousel__item) {
+  overflow: visible !important;
+}
+
 .content {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
@@ -76,7 +182,7 @@ const changeBackground = () => {};
   height: 60px;
 }
 .bo {
-  width: 580px;
+  // width: 580px;
   height: 320px;
   background: linear-gradient(
     180deg,
@@ -88,12 +194,12 @@ const changeBackground = () => {};
   backdrop-filter: blur(10px);
   position: absolute;
   bottom: 0px;
-  left: 0;
+  left: 32px;
   padding: 30px 40px;
   box-sizing: border-box;
 }
 .bo:hover {
-  width: 580px;
+  // width: 580px;
   height: 600px;
   background: linear-gradient(
     180deg,
@@ -104,6 +210,8 @@ const changeBackground = () => {};
   border-radius: 14px;
   backdrop-filter: blur(10px);
   transition: all 0.6s;
+  padding: 30px 40px;
+  box-sizing: border-box;
   transform: translateY(-0%); /* 使用transform进行微调 */
 }
 .imgbox {

src/view/Home/price.vue

@@ -122,7 +122,7 @@
         </div>
       </el-dialog>
     </div>
-    <div class="two">
+    <!-- <div class="two">
       <el-dialog v-model="dialogTableVisible2" :show-close="false">
         <div class="width">
           <div class="toptitle">申请免费试用</div>
@@ -148,12 +148,6 @@
                 placeholder="请填写您的邮箱地址"
               />
             </el-form-item>
-            <el-form-item label="手机号">
-              <el-input
-                v-model="formLabelAlign.phone"
-                placeholder="请填写您的手机号码"
-              />
-            </el-form-item>
             <el-form-item label="申请版本">
               <el-input
                 v-model="formLabelAlign.type"
@@ -163,10 +157,11 @@
           </el-form>
         </div>
         <div style="display: flex; justify-content: center">
-          <div class="button">立即申请</div>
+          <div class="button" @click='apply'>立即申请</div>
         </div>
       </el-dialog>
-    </div>
+    </div> -->
+    <froma :dialogTableVisible2="dialogTableVisible2" @clos="close"></froma>
   </div>
 </template>
 
@@ -177,6 +172,8 @@ import bottom from "../../components/Layout/bottom.vue";
 import application from "../../components/Application .vue";
 import corporation from "../../components/corporation.vue";
 import * as configApi from "../../api/config";
+import froma from '../../components/Form/from.vue'
+
 //价格配置
 const config = async () => {
   try {
@@ -223,6 +220,9 @@ const pricea = reactive({
 const infoa = reactive({
   info: {},
 });
+const close = ()=>{
+  dialogTableVisible2.value = false
+}
 </script>
 
 <style lang="scss" scoped>
@@ -230,13 +230,13 @@ const infoa = reactive({
   width: 1200px;
   margin-bottom: 70px;
 }
-::v-deep .one .el-dialog {
+::v-deep(.one .el-dialog){
   --el-dialog-width: 420px !important;
 }
-::v-deep .two .el-dialog {
+:deep(.two .el-dialog) {
   --el-dialog-width: 520px !important;
 }
-::v-deep .el-form-item__label {
+::v-deep(.el-form-item__label){
   width: 83px !important;
 }
 .button {
@@ -252,6 +252,7 @@ const infoa = reactive({
   text-align: center;
   font-style: normal;
   margin-top: 48px;
+  cursor: pointer;
 }
 
 .formbox {

src/view/Home/product.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 产品团队 -->
-  <banner class="top" :banneImageList="imgList.banneImageList" />
+  <banner :banneImageList="imgList.banneImageList" />
   <div v-if="index != 3" class="content">
     <div class="fang">
       <div class="title">方案概述</div>
@@ -60,8 +60,17 @@
     :ing="0"
   ></corporation>
   <!-- 管理平台 -->
-  <application :titleinfo="tabbar.info.scene_content" :image="tabbar.info.scene_image" style="background: #ffffff" v-if="index == 3"></application>
-  <application :titleinfo="tabbar.info.scene_content" :image="tabbar.info.scene_image" v-else></application>
+  <application
+    :titleinfo="tabbar.info.scene_content"
+    :image="tabbar.info.scene_image"
+    style="background: #ffffff"
+    v-if="index == 3"
+  ></application>
+  <application
+    :titleinfo="tabbar.info.scene_content"
+    :image="tabbar.info.scene_image"
+    v-else
+  ></application>
   <!-- 客户案例 -->
   <corporation
     v-if="index != 3"
@@ -97,6 +106,30 @@ const overview = async () => {
   } catch (error) {}
 };
 onMounted(overview);
+//获取轮播图
+const imgList = reactive({
+  banneImageList: [
+    {
+      imgUrl:
+        "https://img1.baidu.com/it/u=1964831979,2551193402&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=357",
+      isBtn: true,
+    },
+    {  
+      imgUrl:
+        "https://img1.baidu.com/it/u=3821883389,2247186365&fm=253&fmt=auto&app=138&f=JPEG?w=798&h=500",
+      isBtn: false,
+    },
+  ],
+});
+const getBanneList = async () => {
+  try {
+    const { data } = await configApi.getBanneList({
+      code:'product'
+  });
+  imgList.banneImageList = data;
+  } catch (error) {}
+};
+onMounted(getBanneList);
 //方案优势
 const advantag = async () => {
   try {
@@ -220,22 +253,6 @@ const tabbar = reactive({
   info: {},
   newlist:[]
 });
-
-const imgList = reactive({
-  banneImageList: [
-    {
-      imgUrl:
-        "https://img1.baidu.com/it/u=1964831979,2551193402&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=357",
-      isBtn: true,
-    },
-    {
-      imgUrl:
-        "https://img1.baidu.com/it/u=3821883389,2247186365&fm=253&fmt=auto&app=138&f=JPEG?w=798&h=500",
-      isBtn: false,
-    },
-  ],
-});
-onMounted(() => {});
 </script>
 
 <style lang="scss" scoped>

src/view/handbook/bookinfo.vue

@@ -24,9 +24,11 @@
       <div class="menu">
         <el-col :span="12">
           <el-menu
+            :default-openeds="book.category"
+            :unique-opened="true"
             v-for="(item, idx) in book.category"
             :key="idx"
-            default-active="2"
+            default-active="1"
             class="el-menu-vertical-demo"
             @open="document(item.id, item.name)"
             @close="handleClose"
@@ -37,13 +39,52 @@
                   <span>{{ item.name }}</span>
                 </div>
               </template>
-              <el-menu-item
-                v-for="(child, index) in book.documentlist"
-                :key="index"
-                @click="change(e, child.content, child.title)"
-                :index="'1' + index"
-                >{{ child.title }}</el-menu-item
-              >
+              <template v-if="item.children">
+                <el-sub-menu
+                  @click="document(item2.id, item2.name)"
+                  v-for="(item2, ind) in item.children"
+                  :key="ind"
+                  index="1-4"
+                >
+                  <template #title>{{ item2.name }}</template>
+
+                  <template v-if="item2.children">
+                    <el-sub-menu
+                      @click="document(item3.id, item3.name)"
+                      v-for="(item3, ind) in item2.children"
+                      :key="ind"
+                      index="1-4"
+                    >
+                      <template #title>{{ item3.name }}</template>
+                      <el-menu-item
+                        v-for="(child, inx) in book.documentlist"
+                        :key="inx"
+                        @click="change(e, child.content, child.title)"
+                        :index="'1' + index"
+                        >{{ child.title }}</el-menu-item
+                      >
+                    </el-sub-menu>
+                  </template>
+                  <template v-else>
+                    <el-menu-item
+                      v-for="(child, index) in book.documentlist"
+                      :key="index"
+                      @click="change(e, child.content, child.title)"
+                      :index="'1' + index"
+                      >{{ child.title }}</el-menu-item
+                    >
+                  </template>
+                </el-sub-menu>
+              </template>
+              <template v-else>
+                <el-menu-item
+                  v-for="(child, index) in book.documentlist"
+                  :key="index"
+                  @click="change(e, child.content, child.title)"
+                  :index="'1' + index"
+                  >{{ child.title }}</el-menu-item
+                >
+              </template>
             </el-sub-menu>
           </el-menu>
         </el-col>
@@ -87,6 +128,7 @@ const topchange = (name, index, id) => {
   changefont.value = name;
   changeindex.value = index;
   type_id.value = id;
+  book.documentlist = [];
   category();
 };
 
@@ -116,6 +158,7 @@ const category = async () => {
     book.category = data;
     categoryname.value = data[0].name;
     category_id.value = data[0].id;
+    document();
   } catch (error) {}
 };
 onMounted(category);
@@ -135,7 +178,7 @@ const document = async (id, name) => {
     console.log(error);
   }
 };
-onMounted(document);
+// onMounted(document);
 
 const handleOpen = (key, keyPath) => {
   console.log(key, keyPath);

src/view/video/index.vue

@@ -29,6 +29,7 @@ import Banne from "../../components/Banne/index.vue";
 import bottom from "../../components/Layout/bottom.vue";
 import { useRouter, useRoute } from "vue-router";
 import * as videoAPi from "../../api/kecheng";
+import * as configApi from "../../api/config";
 const router = useRouter();
 
 //课程列表
@@ -57,6 +58,15 @@ const imgList = reactive({
   ],
   list: [],
 });
+const getBanneList = async () => {
+  try {
+    const { data } = await configApi.getBanneList({
+      code:'video'
+  });
+  imgList.banneImageList = data;
+  } catch (error) {}
+};
+onMounted(getBanneList)
 const toinfo = (id) => {
   router.push({
     name: "course",