1

src/App.vue

@@ -7,6 +7,7 @@
 <script>
 export default {
   name: "App",
+
   mounted() {
     if (
       navigator.userAgent.match(
@@ -26,27 +27,34 @@ export default {
 
 <style>
 @import url("//at.alicdn.com/t/font_2077629_3u1r9gsz178.css");
+
 @font-face {
   font-family: "din";
   src: url("./assets/font/DIN-Bold.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
 }
+
 .border-radius {
   border-radius: 5px;
 }
+
 .din {
   font-family: din !important;
 }
+
 .q-scrollarea__thumb {
   z-index: 999999 !important;
 }
+
 body {
   /* min-width: 1360px !important; */
 }
+
 header {
   min-width: 1360px;
 }
+
 html,
 body,
 #q-app {
@@ -58,124 +66,156 @@ body,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: #3f4254;
 }
+
 .q-position-engine {
   z-index: 9999;
 }
+
 .el-date-picker,
 .time-select {
   z-index: 999999 !important;
 }
+
 .remark-font {
   font-size: 12px;
   font-family: Poppins, Helvetica, sans-serif;
   font-weight: 400;
   color: #b5b5c3 !important;
 }
+
 .svg-icon.svg-icon-primary g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-primary) !important;
 }
+
 .svg-icon.svg-icon-secondary g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-secondary) !important;
 }
+
 .svg-icon.svg-icon-grey g [fill] {
   transition: fill 0.3s ease;
   fill: #ccc !important;
 }
+
 .svg-icon.svg-icon-warning g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-warning) !important;
 }
+
 .svg-icon.svg-icon-negative g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-negative) !important;
 }
+
 .svg-icon.svg-icon-accent g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-accent) !important;
 }
+
 .svg-icon.svg-icon-dark g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-dark) !important;
 }
+
 .svg-icon.svg-icon-orange g [fill] {
   transition: fill 0.3s ease;
   fill: rgb(255, 152, 0) !important;
 }
+
 .svg-icon.svg-icon-positive g [fill] {
   transition: fill 0.3s ease;
   fill: "#C9F7F5" !important;
 }
+
 .svg-icon.svg-icon-white g [fill] {
   transition: fill 0.3s ease;
   fill: white !important;
 }
+
 .svg-icon.svg-icon-g-p g [fill] {
   transition: fill 0.3s ease;
   fill: grey !important;
 }
+
 .svg-icon.svg-icon-g-p {
   cursor: pointer;
 }
+
 .svg-icon.svg-icon-g-p:hover g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-primary) !important;
 }
+
 .svg-icon.svg-icon-b-p g [fill] {
   transition: fill 0.3s ease;
   fill: #000 !important;
 }
+
 .svg-icon.svg-icon-b-p {
   cursor: pointer;
 }
+
 .svg-icon.svg-icon-b-p:hover g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-primary) !important;
 }
+
 .hover-primary:hover .svg-icon g [fill] {
   transition: fill 0.3s ease;
   fill: white !important;
 }
+
 .hover-primary:hover .q-avatar {
   background-color: var(--q-color-primary) !important;
 }
+
 .hover-primary:hover {
   color: var(--q-color-primary) !important;
 }
+
 .hover-d-p {
   cursor: pointer;
   color: var(--q-color-dark) !important;
 }
+
 .hover-d-p .svg-icon g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-dark) !important;
 }
+
 .hover-d-p:hover {
   color: var(--q-color-primary) !important;
 }
+
 .hover-d-p:hover .svg-icon g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-primary) !important;
 }
+
 .hover-g-p {
   cursor: pointer;
   color: #ccc !important;
 }
+
 .hover-g-p .svg-icon g [fill] {
   transition: fill 0.3s ease;
   fill: #ccc !important;
 }
+
 .hover-g-p:hover {
   color: var(--q-color-primary) !important;
 }
+
 .hover-g-p:hover .svg-icon g [fill] {
   transition: fill 0.3s ease;
   fill: var(--q-color-primary) !important;
 }
+
 .text-muted {
   color: #b5b5c3 !important;
 }
+
 .page-body {
   border-radius: 8px;
   background: #fff;
@@ -214,10 +254,12 @@ body,
 .micfont {
   font-family: perfectFont !important;
 }
+
 .fixed-right,
 .absolute-right {
   overflow: unset;
 }
+
 .dialog-out-close {
   background: var(--q-color-primary);
   position: absolute !important;
@@ -232,56 +274,71 @@ body,
   border-bottom-left-radius: 4px !important;
   cursor: pointer;
 }
+
 .q-dialog__backdrop {
   background: rgba(0, 0, 0, 0.1);
 }
+
 /***************************************************** Begin 重写ElementUI 抽屉效果 ***************************************************************/
 .el-drawer__wrapper {
   top: 61px !important;
 }
+
 .v-modal {
   display: none !important;
 }
+
 .el-drawer__wrapper .drawerTop {
   background: none !important;
   border-bottom: 1px solid #f5f5f5;
 }
+
 .el-drawer__wrapper .drawerTop .drawer_Span {
   font-size: 18px !important;
   font-weight: 500 !important;
   font-family: perfectFont !important;
 }
+
 .el-drawer__wrapper .drawerTop .icon-guanbi {
   display: none !important;
 }
+
 .el-tabs__item.is-active {
   color: var(--q-color-primary) !important;
 }
+
 .el-tabs__active-bar {
   background-color: var(--q-color-primary) !important;
 }
+
 .page-body {
   padding: 15px !important;
   min-height: calc(100% - 30px);
   margin: 15px !important;
 }
+
 .q-table__top {
   padding: 0 0 12px 0px !important;
 }
+
 .q-btn__wrapper .row,
 .q-btn__wrapper .column,
 .q-btn__wrapper .flex {
   flex-wrap: nowrap !important;
 }
+
 .q-toolbar__title {
   flex: unset !important;
 }
+
 button.bg-accent {
   background: linear-gradient(90deg, #37adf7, #2961fe) !important;
 }
+
 button.bg-accent:active {
   background: linear-gradient(270deg, #37adf7, #2961fe) !important;
 }
+
 /*.q-avatar__content{
     font-family: perfectFont !important;
     font-size: 14px !important;
@@ -309,16 +366,20 @@ button.bg-accent:active {
   min-height: 32px !important;
   border-radius: 4px !important;
 }
+
 .left-menu-box a.q-item.q-router-link--active,
 .left-menu-box .q-item--active {
   background: #ecf1ff !important;
   color: var(--q-color-primary) !important;
 }
-.big-dialog .q-dialog__inner--minimized > div {
+
+.big-dialog .q-dialog__inner--minimized>div {
   max-width: unset !important;
 }
+
 .f12 {
   font-size: 12px;
 }
+
 /***************************************************** End 重写ElementUI 抽屉效果 ***************************************************************/
 </style>

src/api/question/question.js

@@ -325,4 +325,3 @@ export function downLoadBank(data) {
     data
   })
 }
- 
\ No newline at end of file

src/pages/course/questionlist.vue

 <style>
-  .page-content p {
+.page-content p {
   margin: 0 !important;
-  }
+}
 
-  .quetion_Title {
+.quetion_Title {
   background: transparent !important;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   width: 400px;
 
-  }
-
+}
 </style>
 <template>
   <div class="page-body">
@@ -74,16 +73,16 @@
   </div>
 </template>
 <script>
-  import {
+import {
   queryQuestionBankPage,
   RemoveQuestionBank,
   downLoadBank
-  } from '../../api/question/question';
-  import {
+} from '../../api/question/question';
+import {
   EduDownLoad
-  } from "../../api/common/common";
-  import questionbankForm from '../../components/question/questionbank-form';
-  export default {
+} from "../../api/common/common";
+import questionbankForm from '../../components/question/questionbank-form';
+export default {
   meta: {
     title: "题库管理"
   },
@@ -147,7 +146,7 @@
       data: [],
     }
   },
-    created() {},
+  created() { },
   mounted() {
     this.getQuestionBankPage();
   },
@@ -161,7 +160,7 @@
       downLoadBank(msg).then(res => {
         this.loading = false;
         if (res.Code == 1) {
-            let cApiUrl = process.env.API.replace('/api','') + res.Data;
+          let cApiUrl = process.env.API.replace('/api', '') + res.Data;
 
           let link = document.createElement('a');
           link.href = cApiUrl;
@@ -245,7 +244,7 @@
       });
     }
   }
-  }
+}
 
 </script>
 <style lang="sass">