DP-1905

src/assets/css/base.css

@@ -363,7 +363,7 @@ a:hover {
   font-size: 36px !important;
 }
 .lht17 {
-  lint-height: 17px;
+  line-height: 17px;
 }
 .lht18 {
   line-height: 18px;
@@ -418,6 +418,9 @@ a:hover {
 .colffa {
   color: #ffa940;
 }
+.colff4 {
+  color: #ff4d4f;
+}
 
 .col28c {
   color: #28c346;

src/components/AvatarDropDown.vue

@@ -49,6 +49,7 @@
 import { reactive, toRefs } from "vue";
 import { getUid } from "@/utils/cookie";
 import { getUserInfoShequ } from "@/api/user";
+import store from "@/store";
 export default {
   setup() {
     const state = reactive({
@@ -59,6 +60,7 @@ export default {
       const res = await getUserInfoShequ(state.uid);
       if (res.code === 200) {
         state.user = res.data;
+        store.commit("set_user_name", res.data.username);
       }
     };
     resGetUserInfoShequ();

src/components/Footer - 副本.vue

@@ -0,0 +1,497 @@
+<template>
+  <el-backtop class="feedback-backtop">
+    <svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="14" height="14" fill="currentColor" aria-hidden="true">
+      <path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path>
+    </svg>
+  </el-backtop>
+
+  <footer class="m-dn">
+    <div class="footer">
+      <div class="deanfooter" id="deanfooter" style="margin-top:0">
+        <div class="w1200">
+          <div>
+            <div class="flex-1 mb8">
+              <img
+                class="foot_logo"
+                alt=""
+                src="data:image/png;base64,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"
+              />
+              <div class="foot_a">
+                <a class="foot_a_item" href="https://www.fanruan.com/privacy" target="_blank">隐私政策</a>
+                <a class="foot_a_item" href="https://bbs.fanruan.com/thread-102821-1-1.html" rel="nofollow" target="_blank">帆软用户协议</a>
+                <a class="foot_a_item" href="https://bbs.fanruan.com/thread-135379-1-1.html" rel="nofollow" target="_blank">联系管理员</a>
+                <a href="https://www.fanruan.com/support" target="_blank">联系帆软</a>
+              </div>
+            </div>
+
+            <div class="xs0">
+              <span id="debuginfo">
+                Copyright © <a href="https://www.fanruan.com/" target="_blank">帆软软件有限公司</a>
+                <span class="foot_a_item mlf16">版权所有</span>
+                <a href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号</a>
+              </span>
+            </div>
+          </div>
+          <div class="clear"></div>
+        </div>
+      </div>
+    </div>
+  </footer>
+
+  <div class="m-footr m-db">
+    <div class="footer_row">
+      <span>Copyright © </span>
+      <a class="acol808" href="https://www.fanruan.com">帆软软件有限公司</a>
+      <span> 版权所有</span>
+    </div>
+    <a class="acol808" href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号</a>
+  </div>
+
+  <!-- 用户侧 -->
+  <div class="service_feddback_box m-dn">
+    <el-popover placement="left" trigger="hover" width="392px" popper-class="new-popper">
+      <div class="tel_txt_box dr-feedback-popover-wrapper">
+        <div class="dr-feedback-popover">
+          <div class="dr-feedback-popover-item-click dr-feedback-popover-item" onclick="window.open('https://service.fanruan.com/support')">
+            <div class="dr-feedback-popover-item-logo">
+              <img src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/support.png" />
+            </div>
+            <div>
+              <div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                <div class="ant-space-item" style="">
+                  <span class="title">在线支持</span>
+                </div>
+                <div class="ant-space-item">
+                  <span role="img" aria-label="arrow-right" class="anticon anticon-arrow-right icon">
+                    <svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
+                      <path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
+                    </svg>
+                  </span>
+                </div>
+              </div>
+              <div class="grey-text">工作日9:00-12:00，13:30-17:30在线</div>
+              <div class="dr-feedback-popover-item-info-wrapper">
+                <div>
+                  <div class="grey-text">或拨打热线电话：</div>
+                  <div>
+                    <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center" style="gap: 8px;">
+                      <div class="ant-space-item" style="">
+                        <span class="grey-text">大陆</span>
+                      </div>
+                      <div class="ant-space-item">
+                        <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center blue-text" style="gap: 8px;">
+                          <div class="ant-space-item">400-811-8890 转2</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div>
+                    <div>
+                      <span class="grey-text">海外</span>
+                      <span class="blue-text">(+86) 0510-66758729</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="dr-feedback-popover-item-click dr-feedback-popover-item" style="cursor: pointer;" @click="pageFeedbackHanlder(true)">
+            <div class="dr-feedback-item">
+              <div class="dr-feedback-popover-item-logo">
+                <img alt="feedback" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/feedback.png" />
+              </div>
+              <div>
+                <div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                  <span class="title">页面反馈</span>
+                  <span class="anticon anticon-arrow-right icon">
+                    <svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
+                      <path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="grey-text">针对当前网页的建议、问题反馈</div>
+              </div>
+            </div>
+          </div>
+          <div class="dr-feedback-popover-item">
+            <div class="dr-feedback-popover-item-logo">
+              <img src="https://hwobs.fanruan.com/ui/digit-fe/feedback/consult.png" />
+            </div>
+            <div>
+              <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                <div class="ant-space-item">
+                  <span class="title">售前咨询</span>
+                </div>
+              </div>
+              <div class="grey-text">采购需求/获取报价/预约演示</div>
+              <div class="dr-feedback-popover-item-info-wrapper">
+                <div class="grey-text">或拨打: <span class="blue-text">400-811-8890 转1</span></div>
+              </div>
+            </div>
+            <div>
+              <img alt="qr" src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/qr.png" width="80" />
+            </div>
+          </div>
+          <div class="dr-feedback-popover-item" style="margin-bottom: 0">
+            <div class="dr-feedback-popover-item-logo">
+              <img src="https://hwobs.fanruan.com/ui/digit-fe/feedback/tel.png" />
+            </div>
+            <div>
+              <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                <div class="ant-space-item">
+                  <span class="title">总裁办24H电话</span>
+                </div>
+              </div>
+              <div class="blue-text">173 1278 1526</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <template #reference>
+        <div class="dr-feedback">
+          <div class="dr-feedback-inner">
+            <img class="dr-feedback-inner-icon" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/customer.png" />
+            <div>获取帮助</div>
+          </div>
+        </div>
+      </template>
+    </el-popover>
+  </div>
+
+  <el-dialog title="提交页面反馈" v-model="showFeedback" width="800px" custom-class="foot-dialog-feedback">
+    <div class="flex-1 dia-msg-til">
+      <span style="color: #FFA940; margin: 3px 6px 0 0;">
+        <svg viewBox="64 64 896 896" focusable="false" data-icon="info-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true">
+          <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
+          <path d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"></path>
+        </svg>
+      </span>
+      <span>
+        仅适用于当前网页的意见收集，帆软产品问题请在
+        <a class="col008" href="https://bbs.fanruan.com/wenda" target="_blank">问答板块提问</a> 或 <a class="col008" href="https://service.fanruan.com/" target="_blank">前往服务平台</a> 获取技术支持
+      </span>
+    </div>
+    <div id="feedbackIframe" style=" width:800px; height: 500px; overflow: hidden; border-radius: 8px;"></div>
+  </el-dialog>
+</template>
+
+<script>
+import { toRefs, reactive, getCurrentInstance } from "vue";
+import { getTicketToken } from "@/api/user";
+import { getUid } from "@/utils/cookie";
+import { onBeforeRouteUpdate, useRoute } from "vue-router";
+
+export default {
+  setup() {
+    const { proxy } = getCurrentInstance();
+    const route = useRoute();
+    const state = reactive({
+      showFeedback: false,
+      dialogShuzhiniao: false,
+      uid: getUid(),
+      ticketToken: null,
+      curPageUrl: window.location.href,
+      isFanruanUser: false,
+      mobile: null,
+      comLoginUrl: proxy.$root.com_login_url2 + route.path,
+    });
+
+    onBeforeRouteUpdate((to) => {
+      state.curPageUrl = proxy.$root.com_edu_url + to.fullPath;
+      state.comLoginUrl = proxy.$root.com_login_url2 + to.fullPath;
+    });
+
+    // 获取token
+    const resGetTicketToken = async () => {
+      const params = {
+        referer: state.curPageUrl,
+      };
+      const res = await getTicketToken(params);
+      if (res.code === 200) {
+        let data = res.data;
+        if (data.finer === true) {
+          state.isFanruanUser = true;
+          state.mobile = data.mobile;
+        } else {
+          state.isFanruanUser = false;
+          state.ticketToken = data.ticketToken;
+        }
+      }
+    };
+    resGetTicketToken();
+
+    // 处理点击页面反馈
+    const pageFeedbackHanlder = (display) => {
+      if (state.uid > 0 && state.isFanruanUser === true) {
+        // 帆软内部人员
+        if (display === false) {
+          const remIframe = document.getElementById("iframe_shuzhiniao");
+          document.querySelector("body").removeChild(remIframe);
+        } else {
+          const iframe = document.createElement("iframe");
+          iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/h5/business/brd?embedded=true&modal=true&hideRootMenu=true&spaceId=11093&类型=37047&反馈人UID=${state.uid}&页面URL=${state.curPageUrl}&反馈人手机号=${state.mobile}&hiddenFields=页面URL,反馈人UID,处理人回复,类型`;
+          iframe.style = "width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 100000; border:none;";
+          iframe.id = "iframe_shuzhiniao";
+          document.querySelector("body").appendChild(iframe);
+        }
+      } else if (state.uid > 0) {
+        // 已登录用户
+        state.showFeedback = true;
+        setTimeout(function() {
+          const iframe = document.createElement("iframe");
+          iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/ticket/a2555f84970f418a98960adb4029aed1/form?embedded=true&hiddenFields=${encodeURIComponent("页面URL,反馈人UID,处理人回复")}&ticketToken=${state.ticketToken}`;
+          iframe.style = "width: 100%; height: 100%; border:none;";
+          iframe.id = "iframe_shuzhiniao";
+          let makediv = document.getElementById("feedbackIframe");
+          makediv.appendChild(iframe);
+        }, 200);
+      } else {
+        // 未登录
+        window.location.replace(state.comLoginUrl);
+      }
+    };
+
+    // 监听iframe中的关闭
+    function receiveMessage(event) {
+      const { data } = event;
+      if (data && data.type === "closeModal" && data.id === "shuzhiniao-create-issue") {
+        // 移除iframe
+        pageFeedbackHanlder(false);
+      }
+    }
+    window.addEventListener("message", receiveMessage, false);
+
+    return {
+      ...toRefs(state),
+      pageFeedbackHanlder,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.feedback-backtop {
+  align-items: center;
+  background-color: #fff !important;
+  border-radius: 8px !important;
+  bottom: 80px !important;
+  box-shadow: 0 4px 12px 0 rgba(4, 43, 79, 0.12);
+  cursor: pointer;
+  display: flex !important;
+  height: 36px !important;
+  justify-content: center !important;
+  position: fixed;
+  right: 10px !important;
+  width: 36px !important;
+  background-image: none !important;
+  color: #333;
+}
+.new-popper {
+  border-radius: 8px !important;
+}
+.service_feddback_box {
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 10px;
+}
+
+.dr-feedback {
+  background: linear-gradient(144deg, #00b8fe 16%, #0082fc 87%);
+  border-radius: 8px;
+  box-shadow: 0 4px 12px 0 rgba(4, 43, 79, 0.12);
+  height: 84px;
+  width: 36px;
+  line-height: 1.5714285714285714;
+}
+
+.dr-feedback,
+.dr-feedback-inner {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+  z-index: 2;
+}
+.dr-feedback-inner {
+  color: #fff;
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 14px;
+  text-align: center;
+  width: 80%;
+}
+.dr-feedback-inner-icon {
+  height: 20px;
+  margin-bottom: 8px;
+  width: 20px;
+}
+.dr-feedback-popover {
+  box-sizing: border-box;
+  padding: 4px;
+  width: 100%;
+}
+.dr-feedback-popover:before {
+  content: "";
+  position: absolute;
+  right: -20px;
+  top: 0;
+  width: 20px;
+  height: 100%;
+}
+.ant-space {
+  display: inline-flex;
+}
+.ant-space-align-center {
+  align-items: center;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item {
+  align-items: flex-start;
+  background: linear-gradient(180deg, #f3f6ff, #fff);
+  border: 0.5px solid #d6dfe7;
+  border-radius: 8px;
+  box-sizing: border-box;
+  display: flex;
+  gap: 12px;
+  margin-bottom: 16px;
+  padding: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  line-height: 1.5714285714285714;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-logo {
+  width: 48px;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-logo img {
+  width: 100%;
+  border: none;
+}
+.dr-feedback-popover-item-title-wrapper {
+  display: inline-flex;
+  align-items: center;
+  .anticon-arrow-right {
+    color: #1f1f1f;
+  }
+  .title {
+    color: #1f1f1f;
+  }
+}
+
+.dr-feedback-popover-item-click {
+  cursor: pointer;
+  &:hover .dr-feedback-popover-item-title-wrapper {
+    .anticon-arrow-right {
+      color: #0082fc;
+    }
+    .title {
+      color: #0082fc;
+    }
+  }
+}
+
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-title-wrapper .title {
+  font-family: PingFangSC, PingFangSC-Semibold;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 24px;
+  text-align: left;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item .grey-text {
+  color: #8a9cb0;
+  font-size: 14px;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-info-wrapper {
+  margin-top: 10px;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item .blue-text {
+  color: #0082fc;
+  font-size: 14px;
+}
+.dr-feedback-item {
+  display: flex;
+  gap: 10px;
+}
+</style>
+
+<style lang="scss">
+.dia-msg-til {
+  background-color: #fefbe6;
+  padding: 10px 20px;
+  border: 1px solid #ffe58f;
+  margin-top: 6px;
+  color: #333;
+}
+.foot-dialog-feedback {
+  .el-dialog__body {
+    padding: 0 !important;
+  }
+}
+
+.footer {
+  height: 100px;
+  color: #8097ad;
+  font-size: 14px;
+  line-height: 18px;
+  background: #fff;
+  padding: 24px 0;
+  margin-top: 40px;
+  border-top: #eaf0f9 solid 1px;
+}
+
+.foot_logo {
+  width: 72px;
+  margin-right: 24px;
+}
+
+.foot_a {
+  margin-top: 2px;
+}
+
+.foot_a_item {
+  margin-right: 20px;
+
+  &::after {
+    content: " ";
+    display: inline-block;
+    position: relative;
+    width: 1px;
+    height: 14px;
+    background-color: #8097ad;
+    right: -10px;
+    top: 2px;
+  }
+}
+
+.footer a {
+  color: #8097ad;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  color: #0082fc;
+}
+
+.m-footr {
+  display: none;
+  background-color: #fff;
+  border-top: #eaf0f9 solid 1px;
+  text-align: center;
+  font-size: 14px;
+  padding: 14px 0;
+  color: #8097ad;
+  margin-top: 40px;
+
+  .footer_row {
+    padding-bottom: 8px;
+  }
+}
+
+.acol808 {
+  color: #808696;
+
+  &:hover {
+    color: #0082fc;
+  }
+}
+</style>

src/store/index.js

@@ -13,7 +13,8 @@ export default createStore({
     // isShowFooter: true
     fr_access_token: "",
     fr_appid: "",
-    fr_uid: ""
+    fr_uid: "",
+    userName: "",
   },
   getters: {
     get_token(state) {
@@ -34,6 +35,9 @@ export default createStore({
       let fr_uid = state.fr_uid || Cookies.get(UidKey) || null;
       return encode(`${fr_appid}.${fr_access_token}.${fr_uid}`)
     },
+    get_user_name(state) {
+      return state.userName;
+    },
   },
   mutations: {
 
@@ -61,6 +65,10 @@ export default createStore({
       Cookies.remove(expiresTimeKey);
     },
 
+    set_user_name(state, data){
+      state.userName = data;
+    }
+
   },
   actions: {
     Login({ commit }) {

src/views/class/admin/student_admin_class.vue

@@ -6,7 +6,7 @@
         <el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
       </li>
       <li>
-        <el-input style="width: 200px; margin-right: 10px" placeholder="uid / 姓名" v-model="kw" @change="handleOption" size="medium" clearable>
+        <el-input style="width: 200px; margin-right: 10px" placeholder="手机号 / uid / 姓名" v-model="kw" @change="handleOption" size="medium" clearable>
           <template #prefix>
             <i class="el-input__icon el-icon-search"></i>
           </template>

src/views/video/video_course.vue

@@ -312,6 +312,7 @@
 
         <div id="tab-menu3_box" class="btile flex-1 tab_cur_box">
           <h2>课程评论</h2>
+          <div class="f15 colff4" style="padding-left: 24px;">备注：如需提交问题，可点击页面右侧按钮 “获取帮助-页面反馈”</div>
         </div>
         <div class="comment_box">
           <div class="post-box">
@@ -634,7 +635,7 @@ export default {
               const res = await addComment(courseid, state.postmsg);
               if (res.message === "success") {
                 const newComment = {
-                  uname: state.userInfo.username,
+                  uname: store.getters.get_user_name,
                   msg: state.postmsg.msg,
                   fenshu: state.postmsg.fenshu,
                   ptime: "刚刚",