[feat] 环境探索 内容

src/views/xjc-integratedmachine/components/collection_component.vue

@@ -45,6 +45,8 @@ function getSource (source){
   console.log("11111",source);
   if(props.collection.source === 'pro_details_video' || source ===  'pro_details_video'){
     SESSION_COLLECT_KEY = 'majorList'
+  }else if(props.collection.source === 'occ_details_video' || source ===  'occ_details_video'){
+    SESSION_COLLECT_KEY = 'occList'
   }else {
     SESSION_COLLECT_KEY = 'contrastList'
   }

src/views/xjc-integratedmachine/components/head_component.vue

@@ -38,7 +38,6 @@
       }else {
         router.go(-1);
       }
-      // emit('backTo');
       clearData()
     }
     function clearData(){
@@ -68,6 +67,8 @@
          contrastList = JSON.parse(sessionStorage.getItem('majorList'));
       }else if(props.headinfo.contrastType === 'university'){
          contrastList = JSON.parse(sessionStorage.getItem('contrastList'));
+      }else if(props.headinfo.contrastType === 'occ'){
+        contrastList = JSON.parse(sessionStorage.getItem('occList'));
       }
       if(contrastList && contrastList.length <= 2 ){
        //暂无
@@ -87,6 +88,10 @@
         router.push({
           path: '/xjc-integratedmachine/environment/contrast_university'
         })
+      }else if(props.headinfo.contrastType === 'occ'){
+        router.push({
+          path: '/xjc-integratedmachine/environment/contrast_career'
+        })
       }
 
 

src/views/xjc-integratedmachine/environment/career_story1.vue

@@ -98,8 +98,7 @@ function setHeadinfo(){
     },
     backUrl : '/xjc-integratedmachine/environment/query_universitydb_conditions',
     homeUrl:'/xjc-integratedmachine/environment/index',
-    contrast:true,
-    contrastType:'university',
+
   }
 }
 function safeTruncate(text, length) {

src/views/xjc-integratedmachine/environment/career_story2.vue

@@ -59,8 +59,7 @@ function setHeadinfo(){
     },
     backUrl : '/xjc-integratedmachine/environment/query_universitydb_conditions',
     homeUrl:'/xjc-integratedmachine/environment/index',
-    contrast:true,
-    contrastType:'university',
+
   }
 }
 

src/views/xjc-integratedmachine/environment/occ_details_video.vue

@@ -13,12 +13,12 @@
               </div>
             </div>
             <div class="info-box">
-              <p class="title"> 所属行业</p>
-              <p>{{entity.industryname}}</p>
+              <p class="title" > 所属行业</p>
+              <p class="answer" >{{entity.industryname}}</p>
             </div>
             <div class="info-box">
               <p class="title"> 职业兴趣类代码</p>
-              <p>{{entity.industryname}}</p>
+              <p class="answer" >{{entity.industryname}}</p>
             </div>
           </div>
         </div>
@@ -44,28 +44,32 @@
             </div>
           </div>
           <div class="one-page" v-show="onePage">
-            <p class="title">专业解读</p>
-            <div class="info"  v-html="entity.describe"></div>
+            <p class="title">职业概述</p>
+            <div class="info"  v-html="entity.definition"></div>
           </div>
           <div class="one-page" v-show="twoPage">
-            <p class="title">开设院校</p>
-            <div class="info"  v-for="(item,index) in kaishe_list">
-              {{ item.name }}
-            </div>
+            <p class="title">工作内容</p>
+            <div class="info"  v-html="entity.normalwork"></div>
           </div>
           <div class="one-page" v-show="threePage">
-            <p class="title">学科评估</p>
-            <div class="info"   v-for="(item,index) in pinggu_list">
-              {{ item.name }}
-            </div>
+            <p class="title">职业前景</p>
+            <div class="info"  v-html="entity.prospects"></div>
           </div>
           <div class="one-page" v-show="fourPage">
-            <p class="title">就业前景</p>
+            <p class="title">本科专业</p>
             <div class="info"   v-html="entity.employment">
             </div>
           </div>
           <div class="one-page" v-show="fivePage">
-            <p class="title">专业视频</p>
+            <p class="title">专科专业</p>
+            <div class="major">
+              <div class="info-item"  v-for="(item,index) in zk_list" @click="jumpZY(item)">
+                {{ item.name }}
+              </div>
+            </div>
+          </div>
+          <div class="one-page" v-show="sixPage">
+            <p class="title">职业视频</p>
             <div  ref="videoContainer" class="video-container"  v-if="entity.path">
               <video ref="videoPlayer" id="playerId" class="video-js vjs-default-skin" controls preload="auto"
                      :data-setup="{}">
@@ -78,7 +82,7 @@
       </div>
     </div>
     <el-dialog
-        v-model="fivePage"
+        v-model="sixPage"
         @before-close="dialogBeforeClose"
         destroy-on-close
         title="专业视频"
@@ -107,6 +111,7 @@ import headComponent from '@/views/xjc-integratedmachine/components/head_compone
 import Drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";
 import {handleThemeStyle} from "@/utils/theme.js";
 import useSettingsStore from "@/store/modules/settings.js";
+import {occupationDetail} from "@/api/xjc-integratedmachine/environment/occupation.js";
 
 const {proxy} = getCurrentInstance()
 const {educationlevel} = proxy.useDict('educationlevel')
@@ -133,13 +138,12 @@ function setHeadinfo(){
     backUrl : '/xjc-integratedmachine/environment/query_universitydb_conditions',
     homeUrl:'/xjc-integratedmachine/environment/index',
     contrast:true,
-    contrastType:'major'
+    contrastType:'occ'
   }
 }
 
 onMounted(() => {
   setHeadinfo()
-
 })
 
 const param = route.query
@@ -154,31 +158,26 @@ const collectionRef = ref(null)
 const collection_data = ref({})
 function setCollection_data(){
   collection_data.value = {
-    contentType: 2,
+    contentType: 3,
     contentId: param.id,
     contentVal: entity.value,
-    source:'pro_details_video'
+    source:'occ_details_video'
   }
   console.log("entity.value",entity.value)
 }
+
+const bk_list = ref([])
+const zk_list = ref([])
 function detail() {
-  specialtyDetail({
+  occupationDetail({
     id: param.id
   }).then(resp => {
     entity.value = resp.entity
-    kaishe_list.value = resp.kaishe_list
-    pinggu_list.value = resp.pinggu_list
-    similar_list.value = resp.similar_list
-    entity.value.kaishe_list = kaishe_list
+    bk_list.value = resp.bk_list
+    zk_list.value = resp.zk_list
   })
-  setTimeout(() => {
-    setCollection_data();
-    collectionRef.value.isContrast(entity.value);
-    collectionRef.value.getSource('pro_details_video');
-  }, 500);
 }
 
-
 const showPage = (val) => {
   if (val === 1) {
     onePage.value = true;
@@ -215,6 +214,7 @@ const showPage = (val) => {
     threePage.value = false;
     fourPage.value = false;
     fivePage.value = true;
+    sixPage.value = false;
   } else if (val === 6) {
     onePage.value = false;
     twoPage.value = false;
@@ -236,7 +236,14 @@ function dialogBeforeClose() {
   eightPage.value = false;
 }
 
-
+function jumpZY(item){
+  router.push({
+    path : '/xjc-integratedmachine/environment/pro_details_video',
+    query :{
+      id : item.id
+    }
+  })
+}
 </script>
 
 <style scoped lang="scss">
@@ -286,7 +293,7 @@ p, div {
         margin-left: 45px;
         width: 1782px;
         margin-left: 45px;
-        border: 1px solid;
+        //border: 1px solid;
         .title {
           font-weight: bold;
           font-size: 36px;
@@ -353,8 +360,8 @@ p, div {
       }
 
       .info-box{
-        border: 1px solid;
-        margin-left: 33px;
+        //border: 1px solid;
+        //margin-left: 33px;
         .title {
           height: 40px;
           border-left: 8px #8CE349 solid;
@@ -365,35 +372,13 @@ p, div {
           line-height: 40px;
           padding-left: 11px;
         }
-        .info{
-          margin-top: 19px;
-          font-weight: 400;
-          font-size: 20px;
-          color: #333333;
-          display: flex;
-          flex-wrap: wrap;
-
-          .info-item{
-            width: 244px;
-            height: 80px;
-            margin-left: 10px;
-            background: #FFFFFF;
-            border-radius: 5px 5px 5px 5px;
-            border: 1px solid #A2F57F;
-            font-weight: 400;
-            font-size: 30px;
-            color: #000000;
-            line-height:  80px;
-            text-align: center;
-            margin-top: 14px;
-          }
-        }
-        .info-text{
-          margin-top: 19px;
-          font-weight: 400;
-          font-size: 20px;
-          color: #333333;
-        }
+       .answer{
+         font-weight: 400;
+         font-size: 20px;
+         color: #333333;
+         margin-top: 20px;
+         margin-left: 20px;
+       }
       }
 
     }
@@ -496,6 +481,36 @@ p, div {
     color: #333333;
     line-height: 40px;
   }
+  .major{
+    margin-top: 19px;
+    font-weight: 400;
+    font-size: 20px;
+    color: #333333;
+    display: flex;
+    //justify-content: space-around;
+    flex-wrap: wrap;
+
+    .info-item{
+      width: 244px;
+      height: 80px;
+      margin-left: 10px;
+      background: #FFFFFF;
+      border-radius: 5px 5px 5px 5px;
+      border: 1px solid #A2F57F;
+      font-weight: 400;
+      font-size: 30px;
+      color: #000000;
+      line-height:  80px;
+      text-align: center;
+      margin-top: 14px;
+      .info-text{
+        margin-top: 19px;
+        font-weight: 400;
+        font-size: 20px;
+        color: #333333;
+      }
+    }
+  }
 
   .select-div {
     width: 100%;

src/views/xjc-integratedmachine/environment/occdb_search_industry.vue

@@ -6,7 +6,7 @@
         <div class="tab-box">
           <div :class="[onePage?'item-box-active':'item-box']" @click="showPage(1)">
             <img v-if="onePage" src="@/assets/images/environment/career/01-active.png">
-            <img v-else src="@/assets/images/environment/career/01-active.png">
+            <img v-else src="@/assets/images/environment/career/01.png">
             行业分类查询
           </div>
           <div :class="[twoPage?'item-box-active':'item-box']" @click="showPage(2)">
@@ -39,11 +39,35 @@
           </div>
         </div>
         <div class="one-page" v-show="threePage">
-          <div class="top">
-            心理学家霍兰德归纳了六种职业兴趣类型:现实型(R)、研究型(I)、艺术型(A)、社会型(S)、企业型(E)常规型(C)。个体完成职业兴趣测评后，可査询与霍兰德代码(一码、二码、三码)相对应的职业，详细了解相关的职业信息。(注：点击顺序即为霍兰德代码顺序，请按兴趣强弱依次选择类型)-->
-            <div class="search-btn">
-              <img @click="jumpTo('/xjc-integratedmachine/environment/occdb_interestcode')" style="z-index:10" src="@/assets/images/environment/search-btn.png">
+          <div class="input-component">
+            <div class="input-search">
+              <el-input
+                  v-model="form.name"
+                  style="width: 1392px;height: 84px"
+                  placeholder="请输入关键字"
+                  @input="byKeyWord"
+              >
+                <template #suffix>
+                                    <span @click="clearResult"
+                                          style="font-size: 38px;color: #444040;margin-left: 37px;">
+                                      X
+                                    </span>
+                </template>
+              </el-input>
+              <div @click="byKeyWord">
+                开始查询
+              </div>
+            </div>
+          </div>
+          <div class="result-box">
+            <div class="two-page-result">
+              <div v-for="(item,index) in data_list"
+                   :class="[item.selected?'item-result-box-active':'item-result-box']"
+                   @click="toDetail(item)">
+                <div v-html="item.name"></div>
+              </div>
             </div>
+
           </div>
         </div>
       </div>
@@ -96,6 +120,7 @@ import headComponent from '@/views/xjc-integratedmachine/components/head_compone
 import Drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";
 import {ref} from "vue";
 import {getUniversityByKeyword} from "@/api/xjc-integratedmachine/environment/university.js";
+import {getOccupationByKeyword} from "@/api/xjc-integratedmachine/environment/occupation.js";
 
 const router = useRouter()
 
@@ -171,32 +196,23 @@ function highlightKeywords(text, keywords) {
   return text;
 }
 
-function byKeyword() {
-  getUniversityByKeyword(form.value).then(resp => {
-    resp.list.map(item => {
-      item.selected = false;
-      let keyWord = form.value.name
-      item.name = highlightKeywords(item.name, [keyWord]);
-      console.log(" item.name", item.name)
-      // 遍历数据数组，并处理每个字符串
-    })
-
-    universityList.value = resp.list
+const data_list = ref([])
+function byKeyWord() {
+  getOccupationByKeyword(form.value).then(resp =>{
+    console.log("sss",resp)
+    data_list.value = resp.list
   })
 }
 
-
-function toDetail(row) {
+function toDetail(item){
   router.push({
-    path: '/xjc-integratedmachine/environment/university_details_video',
-    query: {
-      id: row.id,
-      name: row.name,
+    path : '/xjc-integratedmachine/environment/occ_details_video',
+    query :{
+      id :  item.id
     }
   })
 }
 
-
 const tab = ref("tj")
 
 function changeTab(path) {
@@ -249,6 +265,10 @@ function search() {
   })
 }
 
+function clearResult(item) {
+  form.value.name = '';
+  byKeyword();
+}
 </script>
 
 
@@ -352,6 +372,50 @@ function search() {
             margin-left: 3px;
           }
         }
+        .input-component {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+
+          .input-search {
+            display: flex;
+
+            margin-top: 57px;
+
+            ::v-deep .el-input__inner {
+              font-size: 24px;
+              margin-left: 34px;
+            }
+
+            ::v-deep .el-input__suffix {
+              font-size: 100px;
+              width: 100px;
+              height: 100px;
+
+            }
+
+            ::v-deep .el-input__wrapper {
+              background: #E2E2E2;
+              box-shadow: none;
+              height: 84px;
+              width: 1484px;
+            }
+
+            div {
+              width: 170px;
+              height: 84px;
+              background: linear-gradient(180deg, #73EE71 0%, #0ACB63 100%);
+              border-radius: 0px 5px 5px 0px;
+
+              font-weight: 400;
+              font-size: 24px;
+              color: #FFFFFF;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+          }
+        }
       }
 
       .two-page {
@@ -456,7 +520,72 @@ function search() {
         }
 
       }
+      .result-box {
+        width: 1484px;
+        height: 750px;
+        overflow: auto;
 
+        .two-page-result {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+          align-items: center;
+
+          .item-result-box-active {
+            min-width: 320px;
+            height: 92px;
+            background: linear-gradient(180deg, #B6FFEF 0%, #C5EEFF 100%);
+            box-shadow: inset 0px -2px 7px 0px #1E410E;
+            border-radius: 5px 5px 5px 5px;
+            border: 1px solid #A2F57F;
+            font-weight: 400;
+            font-size: 30px;
+            color: #0DE6A1;
+            line-height: 90px;
+            text-align: center;
+            margin-left: 50px;
+            margin-right: 50px;
+            margin-top: 32px;
+            padding-left: 20px;
+            padding-right: 20px;
+          }
+
+          .item-result-box {
+            min-width: 320px;
+            height: 92px;
+            background: #E0EEF4;
+            border-radius: 5px 5px 5px 5px;
+            font-weight: 400;
+            font-size: 30px;
+            color: #000000;
+            line-height: 90px;
+            text-align: center;
+            margin-left: 50px;
+            margin-right: 50px;
+            margin-top: 32px;
+            padding-left: 20px;
+            padding-right: 20px;
+          }
+
+          .item-result-box:hover {
+            min-width: 320px;
+            height: 92px;
+            background: linear-gradient(180deg, #B6FFEF 0%, #C5EEFF 100%);
+            box-shadow: inset 0px -2px 7px 0px #1E410E;
+            border-radius: 5px 5px 5px 5px;
+            border: 1px solid #A2F57F;
+            font-weight: 400;
+            font-size: 30px;
+            color: #000000;
+            line-height: 90px;
+            text-align: center;
+            margin-left: 50px;
+            margin-top: 32px;
+            padding-left: 20px;
+            padding-right: 20px;
+          }
+        }
+      }
     }
   }
 

src/views/xjc-integratedmachine/environment/prodb_search_undergraduate.vue

@@ -46,30 +46,38 @@
           </div>
         </div>
         <div class="three-page" v-show="threePage">
-          <div class="two-page-search">
-            <el-input
-                v-model="form.name"
-                style="width: 1484px;height: 84px"
-                placeholder="请输入"
-                @change="byKeyword"
-            >
-              <template #suffix>
-                <span style="font-size: 38px;color: #444040;margin-left: 37px;">
-                  X
-                </span>
-              </template>
-            </el-input>
-          </div>
-          <div class="result-box">
-            <div class="two-page-result">
-              <div v-for="(item,index) in data_list"
-                   :class="[item.selected?'item-result-box-active':'item-result-box']"
-                   @click="toDetail(item)">
-                <div v-html="item.name"></div>
+
+          <div class="input-component">
+            <div class="input-search">
+              <el-input
+                  v-model="form.name"
+                  style="width: 1392px;height: 84px"
+                  placeholder="请输入关键字"
+                  @input="byKeyword"
+              >
+                <template #suffix>
+                                    <span @click="clearResult"
+                                          style="font-size: 38px;color: #444040;margin-left: 37px;">
+                                      X
+                                    </span>
+                </template>
+              </el-input>
+              <div @click="byKeyword">
+                开始查询
               </div>
             </div>
           </div>
         </div>
+        <div class="result-box">
+          <div class="two-page-result">
+            <div v-for="(item,index) in data_list"
+                 :class="[item.selected?'item-result-box-active':'item-result-box']"
+                 @click="toDetail(item)">
+              <div v-html="item.name"></div>
+            </div>
+          </div>
+
+        </div>
 
       </div>
       <drag_component></drag_component>
@@ -187,8 +195,6 @@ function highlightKeywords(text, keywords) {
 }
 
 
-
-
 const showAreaChoose = ref(false)
 const showEducationlevel = ref(false)
 const showCharacteristic = ref(false)
@@ -293,6 +299,7 @@ specialty()
   z-index: 10;
   width: 100%;
   height: 1080px;
+
   .page-content {
     width: 100%;
     position: absolute;
@@ -357,6 +364,7 @@ specialty()
       border-radius: 35px 35px 35px 35px;
       margin-top: 13px;
       margin-right: 24px;
+
       .result-box {
         width: 1484px;
         height: 750px;
@@ -423,6 +431,7 @@ specialty()
           }
         }
       }
+
       .one-page {
       }
 
@@ -452,6 +461,7 @@ specialty()
             background: #F5F9FA;
             box-shadow: none;
           }
+
         }
 
         .result-box {
@@ -522,12 +532,13 @@ specialty()
         }
 
       }
+
       .three-page {
         display: flex;
         flex-direction: column;
         align-items: center;
 
-        .two-page-search {
+        .three-page-search {
           margin-top: 57px;
 
           ::v-deep .el-input__inner {
@@ -550,12 +561,57 @@ specialty()
           }
         }
 
+        .input-component {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+
+          .input-search {
+            display: flex;
+
+            margin-top: 57px;
+
+            ::v-deep .el-input__inner {
+              font-size: 24px;
+              margin-left: 34px;
+            }
+
+            ::v-deep .el-input__suffix {
+              font-size: 100px;
+              width: 100px;
+              height: 100px;
+
+            }
+
+            ::v-deep .el-input__wrapper {
+              background: #E2E2E2;
+              box-shadow: none;
+              height: 84px;
+              width: 1484px;
+            }
+
+            div {
+              width: 170px;
+              height: 84px;
+              background: linear-gradient(180deg, #73EE71 0%, #0ACB63 100%);
+              border-radius: 0px 5px 5px 0px;
+
+              font-weight: 400;
+              font-size: 24px;
+              color: #FFFFFF;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+          }
+        }
+
         .result-box {
           width: 1484px;
           height: 750px;
           overflow: auto;
 
-          .two-page-result {
+          .three-page-result {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
@@ -615,6 +671,7 @@ specialty()
               padding-right: 20px;
             }
           }
+
         }
 
       }
@@ -636,7 +693,7 @@ specialty()
   p {
     min-width: 120px;
     padding-left: 10px;
-    padding-right:10px;
+    padding-right: 10px;
     height: 60px;
     margin-left: 10px;
     margin-right: 10px;
@@ -649,7 +706,8 @@ specialty()
     border-radius: 10px;
   }
 }
-.dialog-box2{
+
+.dialog-box2 {
   display: flex;
   justify-content: space-around;
 }

src/views/xjc-integratedmachine/environment/query_universitydb_conditions.vue

@@ -37,18 +37,37 @@
         </div>
         <div class="two-page" v-show="twoPage">
           <div class="two-page-search">
-            <el-input
-                v-model="form.name"
-                style="width: 1484px;height: 84px"
-                placeholder="请输入"
-                @change="byKeyword"
-            >
-              <template #suffix>
-                <span style="font-size: 38px;color: #444040;margin-left: 37px;">
-                  X
-                </span>
-              </template>
-            </el-input>
+<!--            <el-input-->
+<!--                v-model="form.name"-->
+<!--                style="width: 1484px;height: 84px"-->
+<!--                placeholder="请输入"-->
+<!--                @change="byKeyword"-->
+<!--            >-->
+<!--              <template #suffix>-->
+<!--                <span style="font-size: 38px;color: #444040;margin-left: 37px;">-->
+<!--                  X-->
+<!--                </span>-->
+<!--              </template>-->
+<!--            </el-input>-->
+            <div class="input-component">
+              <div class="input-search">
+                <el-input
+                    v-model="form.name"
+                    style="width: 1392px;height: 84px"
+                    placeholder="请输入你要访谈的职业"
+                    @input="byKeyword"
+                >
+                  <template #suffix>
+                                    <span @click="clearResult" style="font-size: 38px;color: #444040;margin-left: 37px;">
+                                      X
+                                    </span>
+                  </template>
+                </el-input>
+                <div @click="byKeyword">
+                  开始查询
+                </div>
+              </div>
+            </div>
           </div>
           <div class="result-box">
             <div class="two-page-result">
@@ -59,6 +78,9 @@
               </div>
             </div>
           </div>
+<!--          <div class="search-btn">-->
+<!--            <img @click="byKeyword" style="z-index:10" src="@/assets/images/environment/search-btn.png">-->
+<!--          </div>-->
         </div>
       </div>
       <drag_component></drag_component>
@@ -262,6 +284,10 @@ function search() {
     query: form.value
   })
 }
+function clearResult(item) {
+  form.value.name = '';
+  byKeyword();
+}
 
 </script>
 
@@ -375,28 +401,28 @@ function search() {
         flex-direction: column;
         align-items: center;
 
-        .two-page-search {
-          margin-top: 57px;
-
-          ::v-deep .el-input__inner {
-            width: 1300px;
-            height: 84px;
-            font-size: 24px;
-            margin-left: 34px;
-          }
-
-          ::v-deep .el-input__suffix {
-            font-size: 100px;
-            width: 100px;
-            height: 100px;
-
-          }
-
-          ::v-deep .el-input__wrapper {
-            background: #F5F9FA;
-            box-shadow: none;
-          }
-        }
+        //.two-page-search {
+        //  margin-top: 57px;
+        //
+        //  ::v-deep .el-input__inner {
+        //    width: 1300px;
+        //    height: 84px;
+        //    font-size: 24px;
+        //    margin-left: 34px;
+        //  }
+        //
+        //  ::v-deep .el-input__suffix {
+        //    font-size: 100px;
+        //    width: 100px;
+        //    height: 100px;
+        //
+        //  }
+        //
+        //  ::v-deep .el-input__wrapper {
+        //    background: #F5F9FA;
+        //    box-shadow: none;
+        //  }
+        //}
 
         .result-box {
           width: 1484px;
@@ -464,7 +490,50 @@ function search() {
             }
           }
         }
+        .input-component {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
 
+          .input-search {
+            display: flex;
+
+            margin-top: 57px;
+
+            ::v-deep .el-input__inner {
+              font-size: 24px;
+              margin-left: 34px;
+            }
+
+            ::v-deep .el-input__suffix {
+              font-size: 100px;
+              width: 100px;
+              height: 100px;
+
+            }
+
+            ::v-deep .el-input__wrapper {
+              background: #E2E2E2;
+              box-shadow: none;
+              height: 84px;
+              width: 1484px;
+            }
+
+            div{
+              width: 170px;
+              height: 84px;
+              background: linear-gradient( 180deg, #73EE71 0%, #0ACB63 100%);
+              border-radius: 0px 5px 5px 0px;
+
+              font-weight: 400;
+              font-size: 24px;
+              color: #FFFFFF;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+          }
+        }
       }
 
     }

src/views/xjc-integratedmachine/environment/subject_evaluation_report2.vue

@@ -120,8 +120,7 @@ function setHeadinfo() {
     },
     backUrl: '/xjc-integratedmachine/environment/query_universitydb_conditions',
     homeUrl: '/xjc-integratedmachine/environment/index',
-    contrast: true,
-    contrastType: 'university',
+
   }
 }
 

src/views/xjc-integratedmachine/environment/university_details_video.vue

@@ -816,9 +816,9 @@ p, div {
     line-height: 40px;
     display: flex;
     justify-content: center;
-    align-items: center;
+    //align-items: center;
     margin-bottom: 21px;
-    margin-top: 10px;
+    margin-top: 30px;
     .select-box {
       width: 300px;
       height: 90px;