Home Explore Help
Register Sign In
mabaoyi
/
factoryDirector
1
0
Fork 0

2 Commits 263a594384 ... e6b9ef54f6

Author SHA1 Message Date
  mabaoyi e6b9ef54f6 Merge branch 'master' of http://gits.hdlkeji.com:3000/mabaoyi/factoryDirector 5 months ago
  mabaoyi 0b7c1e8cea 增加客服 5 months ago
12 changed files with 287 additions and 115 deletions
Split View Show Diff Stats
  1. 19 19
      dist/index.html
  2. 2 2
      src/api/home.ts
  3. 12 11
      src/components/Banne/index.vue
  4. 57 49
      src/components/Form/from.vue
  5. 0 1
      src/components/anchorPoint/index.vue
  6. 39 1
      src/view/Cooperate/index.vue
  7. 76 0
      src/view/Home/component/contactExpert.vue
  8. 15 5
      src/view/Home/component/increase.vue
  9. 49 11
      src/view/Home/index.vue
  10. 2 3
      src/view/Login/index.vue
  11. 16 12
      src/view/PersonalCenter/component/mineCollect.vue
  12. 0 1
      src/view/PersonalCenter/component/personalData.vue

+ 19 - 19
dist/index.html
View File 

@@ -1,21 +1,21 @@
 
-<!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-C7a-BVzJ.js"></script>
 
-    <link rel="stylesheet" crossorigin href="./assets/index-5TyMKneC.css">
 
-  </head>

-  <body>

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


-  </body>

-</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-JvOJ6d_v.js"></script>
 
+    <link rel="stylesheet" crossorigin href="./assets/index-X3ANeHKj.css">
 
+  </head>
 
+  <body>
 
+    <div id="app"></div>
 
+  </body>
 
+</html>
 
 <style lang="scss">* {
 
   margin: 0;
 
   padding: 0;
 
@@ -31,4 +31,4 @@ html {
 
   width: 100%;
 
   overflow-x: hidden;
 
 }
 
-</style>

+</style>

+ 2 - 2
src/api/home.ts
View File 

@@ -9,9 +9,9 @@ export const getQuestionList = () => {
 
 };
 
 
 //获取轮播图
 
-export const getBanneList = () => {
 
+export const getBanneList = (data: any) => {
 
   return request({
 
-    url: "banner?code=index",
 
+    url: `banner?code=${data}`,
 
     method: "get",
 
   });
 
 };

+ 12 - 11
src/components/Banne/index.vue
View File 

@@ -7,18 +7,19 @@
 
       >
 
         <img class="version-img" :src="item.imgUrl || item.image" alt="" />
 
         <div v-if="item.isBtn">
 
-          <button
 
-            class="detail"
 
-            v-for="(btnItem, btnIndex) in item.btnList"
 
-            :key="btnIndex"
 
-            @click="toUrl(item.jump_url)"
 
-            :style="{
 
-              backgroundColor: btnItem.backgroundColor,
 
-              color: btnItem.color,
 
-            }"
 
+          <template v-for="(btnItem, btnIndex) in item.btnList" :key="btnIndex">
 
+            <button
 
+              class="detail"
 
+              @click="toUrl(btnItem.jump_url)"
 
+              v-if="btnItem.text"
 
+              :style="{
 
+                backgroundColor: btnItem.backgroundColor,
 
+                color: btnItem.color,
 
+              }"
 
+            >
 
+              {{ btnItem.text }}
 
+            </button></template
 
           >
 
-            {{ btnItem.text }}
 
-          </button>
 
         </div>
 
       </el-carousel-item>
 
     </el-carousel>

+ 57 - 49
src/components/Form/from.vue
View File 

@@ -1,56 +1,60 @@
 
 <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-dialog
 
+    @close="closea"
 
+    v-model="show"
 
+    :show-close="false"
 
+    width="25%"
 
+    :lock-scroll="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>
 
+        <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>
 
 </template>
 
 
 <script setup>
 
@@ -98,9 +102,9 @@ const apply = async () => {
 
   } catch (error) {}
 
 };
 
 //关闭模态框
 
-const closea = ()=>{
 
+const closea = () => {
 
   todetails();
 
-}
 
+};
 
 //申请试用类型
 
 const typeList = reactive({
 
   list: [],
 
@@ -130,6 +134,10 @@ onMounted(type);
 
 .formbox {
 
   padding: 0 50px;  
 }
 
+
 
+:deep(.el-popup-parent--hidden) {
 
+  width: 100% !important;
 
+}
 
 .button {
 
   width: 420px;
 
   height: 44px;

+ 0 - 1
src/components/anchorPoint/index.vue
View File 

@@ -84,7 +84,6 @@ const configData: any = ref({});
 
 const getInfo = () => {
 
   config({ module: "basic" }).then((res) => {
 
     configData.value = res.data;
 
-    console.log(res.data);
 
   });
 
 };
 
 onMounted(() => {

+ 39 - 1
src/view/Cooperate/index.vue
View File 

@@ -67,8 +67,9 @@
 
   </div>
 
   <div class="contact">
 
     <p class="contact-title">联系我们获取加盟政策</p>
 
-    <button class="btn">联系商业顾问</button>
 
+    <button class="btn" @click="contant">联系商业顾问</button>
 
   </div>
 
+  <ContactExpert :dialogTableVisible="dialogTableVisible" @close="close" />
 
   <Bottom />
 
 </template>
 
 <script setup lang="ts">
 
@@ -79,9 +80,12 @@ import {
 
 } from "../../api/cooperate";
 
 import Banne from "../../components/Banne/index.vue";
 
 import Bottom from "../../components/Layout/bottom.vue";
 
+import { getBanneList } from "../../api/home";
 
 
+import ContactExpert from "../Home/component/contactExpert.vue";
 
 const advantagesList: any = ref([]);
 
 const interestsList: any = ref([]);
 
+const dialogTableVisible = ref(false);
 
 
 const cooperateData = reactive({
 
   //banne图需要的数据
 
@@ -122,6 +126,14 @@ const handleMouseLeave = (show: string) => {
 
   cooperateData.isShow = "";
 
 };
 
 
+//联系产品专家
 
+const contant = () => {
 
+  dialogTableVisible.value = true;
 
+};
 
+const close = () => {
 
+  dialogTableVisible.value = false;
 
+};
 
+
 
 //获取数据
 
 const getInfo = () => {
 
   getCoreAdvantages().then((res) => {
 
@@ -130,6 +142,32 @@ const getInfo = () => {
 
   getCooperativeInterests().then((res) => {
 
     interestsList.value = res.data;
 
   });
 
+  getBanneList("cooperation").then((res) => {
 
+    let arr: any = [];
 
+    res.data.map((item: any) => {
 
+      const obj = {
 
+        imgUrl: item.image,
 
+        isBtn: item.is_jump == 1 ? true : false,
 
+        jump_url: item.jump_url,
 
+        btnList: [
 
+          {
 
+            text: item.title,
 
+            backgroundColor: "#0D0FFF",
 
+            color: "#fff",
 
+            jump_url: item.jump_url,
 
+          },
 
+          {
 
+            text: item.title_2,
 
+            backgroundColor: "#fff",
 
+            color: "#000",
 
+            jump_url: item.jump_url_2,
 
+          },
 
+        ],
 
+      };
 
+      arr.push(obj);
 
+    });
 
+    cooperateData.banneImageList = arr;
 
+  });
 
 };
 
 
 onMounted(() => {

+ 76 - 0
src/view/Home/component/contactExpert.vue
View File 

@@ -0,0 +1,76 @@
 
+<template>
 
+  <el-dialog
 
+    v-model="props.dialogTableVisible"
 
+    @close="emits('close')"
 
+    :lock-scroll="false"
 
+    :show-close="false"
 
+    width="25%"
 
+  >
 
+    <div class="contact">
 
+      <p class="title">产品专家</p>
 
+      <p class="add">一对一高级产品专家服务，快速了解系统，获取解决方案</p>
 
+      <img class="service-img" :src="configData.service_qr_code" alt="" />
 
+      <p class="add">手机扫码添加微信</p>
 
+      <p class="cha" @click="emits('close')">×</p>
 
+    </div>
 
+  </el-dialog>
 
+</template>
 
+<script setup lang="ts">
 
+import { ref, onMounted } from "vue";
 
+import { config } from "../../../api/config";
 
+const configData: any = ref({});
 
+
 
+const getInfo = () => {
 
+  config({ module: "basic" }).then((res) => {
 
+    configData.value = res.data;
 
+  });
 
+};
 
+onMounted(() => {
 
+  getInfo();
 
+});
 
+const props = defineProps({
 
+  dialogTableVisible: {
 
+    type: Boolean,
 
+    default: false,
 
+  },
 
+});
 
+
 
+const emits = defineEmits(["close"]);
 
+</script>
 
+<style scoped lang="less">
 
+.contact {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  position: relative;
 
+  .title {
 
+    font-size: 20px;
 
+    color: #333;
 
+    font-weight: 600;
 
+    margin-bottom: 12px;
 
+  }
 
+  .add {
 
+    font-size: 14px;
 
+    color: #333;
 
+  }
 
+  .service-img {
 
+    width: 300px;
 
+    height: 300px;
 
+    margin-top: 22px;
 
+    margin-bottom: 22px;
 
+  }
 
+  .cha {
 
+    font-size: 30px;
 
+    position: absolute;
 
+    bottom: -60px;
 
+    color: #fff;
 
+    border-radius: 50%;
 
+    border: 2px solid #fff;
 
+    width: 24px;
 
+    height: 24px;
 
+    text-align: center;
 
+    line-height: 20px;
 
+    cursor: pointer;
 
+  }
 
+}
 
+</style>

+ 15 - 5
src/view/Home/component/increase.vue
View File 

@@ -12,7 +12,9 @@
 
         <p class="increase-introduce">
 
           全天候在线客服为您解决所有疑难杂症；专属产品顾问提供全面的使用指导和支持。
 
         </p>
 
-        <button class="increase-contact">联系产品专家</button>
 
+        <button class="increase-contact" @click="emits('contant')">
 
+          联系产品专家
 
+        </button>
 
       </div>
 
       <div class="increase-card">
 
         <img
 
@@ -24,7 +26,9 @@
 
         <p class="increase-introduce">
 
           专业培训课程，提供2024各站点注册指导，帮助用户从0到1快速掌握系统操作。
 
         </p>
 
-        <button class="increase-contact">联系产品专家</button>
 
+        <button class="increase-contact" @click="emits('contant')">
 
+          联系产品专家
 
+        </button>
 
       </div>
 
       <div class="increase-card">
 
         <img
 
@@ -36,7 +40,9 @@
 
         <p class="increase-introduce">
 
           加入云厂长社区，与全国各地的制造业企业同频交流、互助学习，共创数字化新未来。
 
         </p>
 
-        <button class="increase-contact">联系产品专家</button>
 
+        <button class="increase-contact" @click="emits('contant')">
 
+          联系产品专家
 
+        </button>
 
       </div>
 
       <div class="increase-card">
 
         <img
 
@@ -48,12 +54,16 @@
 
         <p class="increase-introduce">
 
           专业客服团队随时待命，确保用户在使用过程中能够得到及时的帮助和支持。
 
         </p>
 
-        <button class="increase-contact">联系产品专家</button>
 
+        <button class="increase-contact" @click="emits('contant')">
 
+          联系产品专家
 
+        </button>
 
       </div>
 
     </div>
 
   </div>
 
 </template>
 
-<script setup lang="ts"></script>
 
+<script setup lang="ts">
 
+const emits = defineEmits(["contant"]);
 
+</script>
 
 <style scoped lang="less">
 
 .increase {
 
   padding: 80px 0 60px;

+ 49 - 11
src/view/Home/index.vue
View File 

@@ -2,7 +2,14 @@
 
   <Banne :banneImageList="imgList.banneImageList" />
 
   <div class="video-information">
 
     <div class="conetnt">
 
-      <video class="video-1" :src="introduceVideo.introduction_video"></video>
 
+      <video
 
+        class="video-1"
 
+        :src="introduceVideo.introduction_video"
 
+        controls
 
+        autoplay
 
+        muted
 
+        loop
 
+      ></video>
 
       <div>
 
         <p class="brief-introduction">云厂长视频简介</p>
 
         <p class="information">
 
@@ -10,8 +17,8 @@
 
         </p>
 
         <div class="btn-list">
 
           <button class="explanation btn" @click="toDocument">十分钟详解</button
 
-          ><button class="btn">开始试用</button
 
-          ><button class="btn">插件介绍</button>
 
+          ><button class="btn" @click="startTrial">开始试用</button
 
+          ><button class="btn" @click="toPlugIn">插件介绍</button>
 
         </div>
 
       </div>
 
     </div>
 
@@ -21,12 +28,14 @@
 
   <Project />
 
   <WhyFactoryDirector />
 
   <UserSound />
 
-  <Increase />
 
+  <Increase @contant="contant" />
 
   <div class="start">
 
     <p class="start-title">免费试用云厂长的核心功能，开启您的智能制造之旅！</p>
 
-    <button class="free">免费体验</button>
 
+    <button class="free" @click="startTrial">免费体验</button>
 
   </div>
 
   <AnchorPoint />
 
+  <Form :dialogTableVisible2="dialogTableVisible2" @clos="close" />
 
+  <ContactExpert :dialogTableVisible="dialogTableVisible" @close="close" />
 
   <Bottom />
 
 </template>
 
 <script lang="ts" setup>
 
@@ -41,9 +50,11 @@ import FunctionIntroduction from "./component/functionIntroduction.vue";
 
 import WhyFactoryDirector from "./component/whyFactoryDirector.vue";
 
 import UserSound from "./component/userSound.vue";
 
 import Increase from "./component/increase.vue";
 
+import Form from "../../components/Form/from.vue";
 
+import AnchorPoint from "../../components/anchorPoint/index.vue";
 
+import ContactExpert from "./component/contactExpert.vue";
 
 import { useRouter, useRoute } from "vue-router";
 
 import { ElMessage } from "element-plus";
 
-import AnchorPoint from "../../components/anchorPoint/index.vue";
 
 const router = useRouter();
 
 
 const imgList = reactive({
 
@@ -51,8 +62,12 @@ const imgList = reactive({
 
   banneImageList: [],
 
 });
 
 
+const dialogTableVisible2 = ref(false);
 
+const dialogTableVisible = ref(false);
 
+
 
 const introduceVideo: any = ref({});
 
 
+//跳转产品文档
 
 const toDocument = () => {
 
   router.push({
 
     path: "/bookinfo",
 
@@ -64,22 +79,47 @@ const toDocument = () => {
 
   });
 
 };
 
 
+//跳转插件
 
+const toPlugIn = () => {
 
+  router.push({
 
+    path: "/product",
 
+    query: {
 
+      index: 3,
 
+    },
 
+  });
 
+};
 
+
 
+//试用
 
+const startTrial = () => {
 
+  dialogTableVisible2.value = true;
 
+};
 
+
 
+//联系产品专家
 
+const contant = () => {
 
+  dialogTableVisible.value = true;
 
+};
 
+
 
+//关闭弹窗
 
+const close = () => {
 
+  dialogTableVisible2.value = false;
 
+  dialogTableVisible.value = false;
 
+};
 
+
 
 //获取数据
 
 const getInfo = () => {
 
   //获取轮播图
 
-  getBanneList().then((res) => {
 
+  getBanneList("index").then((res) => {
 
     let arr: any = [];
 
     res.data.map((item: any) => {
 
-      console.log(item.is_jump);
 
       const obj = {
 
         imgUrl: item.image,
 
         isBtn: item.is_jump == 1 ? true : false,
 
-        jump_url: item.jump_url,
 
         btnList: [
 
           {
 
             text: item.title,
 
             backgroundColor: "#0D0FFF",
 
             color: "#fff",
 
+            jump_url: item.jump_url,
 
           },
 
         ],
 
       };
 
@@ -87,11 +127,9 @@ const getInfo = () => {
 
     });
 
 
     imgList.banneImageList = arr;
 
-    console.log(imgList.banneImageList);
 
   });
 
   //获取简介视频
 
   config({ module: "cms" }).then((res) => {
 
-    console.log(res);
 
     introduceVideo.value = res.data;
 
   });
 
 };

+ 2 - 3
src/view/Login/index.vue
View File 

@@ -137,7 +137,7 @@ const __topic__ = async () => {
 
   try {
 
     const { data } = await loginApi.login({
 
       mobile: phone.value,
 
-      code:code.value,
 
+      code: code.value,
 
     });
 
     if (route.query.index) {
 
       router.go(-1);
 
@@ -159,7 +159,6 @@ const getQrCode = () => {
 
       type: isLogin ? "login" : "register",
 
     })
 
     .then((res) => {
 
-      console.log(res);
 
       isQRCode.value = true;
 
       const timer = setInterval(() => {
 
         time.value--;
 
@@ -197,7 +196,7 @@ const __register__ = async () => {
 
   try {
 
     const { data } = await loginApi.code_register({
 
       mobile: phone.value,
 
-      code:code.value,
 
+      code: code.value,
 
     });
 
     if (route.query.index) {
 
       router.go(-1);

+ 16 - 12
src/view/PersonalCenter/component/mineCollect.vue
View File 

@@ -2,16 +2,12 @@
 
   <div class="collect">
 
     <p class="collect-title">我的收藏</p>
 
     <div class="collect-list">
 
-      <div
 
-        class="collect-content"
 
-        v-for="item in collectList"
 
-        :key="item.id"
 
-        @click="toVideoDetail(item.video)"
 
-      >
 
+      <div class="collect-content" v-for="item in collectList" :key="item.id">
 
         <img
 
           class="collect-img"
 
           v-if="item.video"
 
           :src="item.video.course.image"
 
+          @click="toVideoDetail(item.video)"
 
           alt=""
 
         />
 
         <div class="lose-efficacy" v-else>视频已删除</div>
 
@@ -19,10 +15,10 @@
 
           <span v-if="item.video">{{ item.video.title }}</span>
 
           <span v-else>视频已删除</span
 
           ><el-dropdown trigger="click">
 
-            <span class="dian">...</span>
 
+            <p class="dian">...</p>
 
             <template #dropdown>
 
               <el-dropdown-menu>
 
-                <el-dropdown-item @click="cancelCollect(item)"
 
+                <el-dropdown-item @click.stop="cancelCollect(item)"
 
                   >取消收藏</el-dropdown-item
 
                 >
 
               </el-dropdown-menu>
 
@@ -31,7 +27,10 @@
 
         </p>
 
       </div>
 
     </div>
 
-    <div style="display: flex; justify-content: center; margin-top: 20px">
 
+    <div
 
+      style="display: flex; justify-content: center; margin-top: 20px"
 
+      v-if="collectList.length > 0"
 
+    >
 
       <el-pagination
 
         background
 
         layout="prev, pager, next"
 
@@ -39,6 +38,7 @@
 
         @current-change="handleCurrentChange"
 
       />
 
     </div>
 
+    <div v-if="collectList.length == 0" class="not-have">暂无收藏</div>
 
   </div>
 
 </template>
 
 <script setup lang="ts">
 
@@ -49,9 +49,7 @@ import { ElMessage } from "element-plus";
 
 const collectList: any = ref([]);
 
 const router = useRouter();
 
 
-const handleCurrentChange = (val: number) => {
 
-  console.log(val);
 
-};
 
+const handleCurrentChange = (val: number) => {};
 
 
 const cancelCollect = (item: any) => {
 
   cancelCollection({ id: item.video_id }).then((res) => {
 
@@ -125,6 +123,7 @@ onMounted(() => {
 
           white-space: nowrap; // 强制一行显示
 
           overflow: hidden; // 超出隐藏
 
           text-overflow: ellipsis; // 省略号
 
+          font-size: 14px;
 
         }
 
       }
 
     }
 
@@ -138,6 +137,11 @@ onMounted(() => {
 
   }
 
 }
 
 
+.not-have {
 
+  font-size: 16px;
 
+  text-align: center;
 
+  margin-top: 100px;
 
+}
 
 :deep(.el-pagination.is-background .el-pager li.is-active) {
 
   background-color: #0d0fff;
 
 }

+ 0 - 1
src/view/PersonalCenter/component/personalData.vue
View File 

@@ -93,7 +93,6 @@ const save = () => {
 
 };
 
 
 const httpRequest = (files: any) => {
 
-  console.log(files);
 
   uploadFile({ file: files.file }).then((res) => {
 
     const imgUrl = res.data.filePath;
 
     modifyInformation({ avatar: imgUrl });