shouzhi

src/views/index.vue

@@ -17,19 +17,19 @@
         </div>
         <div class="content-top-right">
           <div class="content-top-fanhui">
-            <div class="content-top-fanhui-main">
+            <div class="content-top-fanhui-main" @click="fanhuimenhu">
               <div class='black-bg'></div>
               <span>返回门户</span>
             </div>
           </div>
           <div class="userInfo">
             <!-- <img src="@/assets/images/profile.jpg" alt="" /> -->
-            <el-dropdown trigger="click">
+            <el-dropdown trigger="click" @command="tuichudengl">
               <span class="el-dropdown-link">
                 您好,{{ userName }}<i class="el-icon-arrow-down el-icon--right"></i>
               </span>
-              <el-dropdown-menu slot="dropdown" @click="tuichudengl">
-                <el-dropdown-item>退出登录</el-dropdown-item>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="0">退出登录</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </div>
@@ -50,7 +50,7 @@
             搜索
           </div>
           <div class="box-dialog" v-loading="loading" v-if="dialog">
-            <div class="dialog-item" v-for='(item,index) in searchList' :key="index" @click="getValue(item)">
+            <div class="dialog-item" v-for='(item, index) in searchList' :key="index" @click="getValue(item)">
               {{ item.name }}
             </div>
           </div>
@@ -67,18 +67,18 @@ export default {
   data() {
     return {
       input: "",
-      date:'',
+      date: '',
       dialog: false,
       loading: true,
-      searchList:[],
-      getData:{},
-      userName:'',
+      searchList: [],
+      getData: {},
+      userName: '',
     }
   },
-  watch:{
-    async input(newValue,oldValue) {
+  watch: {
+    async input(newValue, oldValue) {
       // let data = await this.$api.productPortrayal.findByName({current:1,size:10});
-      if(newValue){
+      if (newValue) {
         this.loading = true;
         this.dialog = true;
         // let a = this.throttle(this.getsearchList,500)
@@ -91,8 +91,8 @@ export default {
     }
   },
   created() { this.dataNow(1) },
-  mounted() { 
-    this.getDataInterval(1) 
+  mounted() {
+    this.getDataInterval(1)
     console.log(localStorage.getItem('userDto'))
     let user = JSON.parse(localStorage.getItem('userDto'))
     console.log(user)
@@ -100,18 +100,18 @@ export default {
   },
   methods: {
     gotoBgpage() {
-      if(this.input) {
-        console.log(this.searchList,'this.searchList')
-        if(this.searchList.length == 1) {
-          this.$router.push({path:"/bgpage",query: {code: this.getData.code,name: this.getData.name,type: this.getData.type}})
+      if (this.input) {
+        console.log(this.searchList, 'this.searchList')
+        if (this.searchList.length == 1) {
+          this.$router.push({ path: "/bgpage", query: { code: this.getData.code, name: this.getData.name, type: this.getData.type } })
           this.searchList = [];
-        } else if(this.searchList.length > 1) {
-          this.$router.push({path:"/bgpage",query: {code: this.searchList[0].code,name: this.searchList[0].name,type: this.searchList[0].type}})
+        } else if (this.searchList.length > 1) {
+          this.$router.push({ path: "/bgpage", query: { code: this.searchList[0].code, name: this.searchList[0].name, type: this.searchList[0].type } })
           this.searchList = [];
         }
       }
     },
-    getDataInterval(index){
+    getDataInterval(index) {
       setInterval(() => {
         this.dataNow(index)
       }, 1000);
@@ -150,25 +150,30 @@ export default {
 
       }
     },
-    getValue(item){
+    getValue(item) {
       this.input = item.name;
       this.getData = item;
       setTimeout(() => {
         this.dialog = false;
       }, 200);
     },
-    async getsearchList(newValue){
-      let data = await this.$api.productPortrayal.findByName({name:newValue});
-      if(data.code == 200) {
+    async getsearchList(newValue) {
+      let data = await this.$api.productPortrayal.findByName({ name: newValue });
+      if (data.code == 200) {
         this.loading = false;
         this.searchList = data.data;
-        if(this.searchList.length < 1){
+        if (this.searchList.length < 1) {
           this.dialog = false;
         }
       }
     },
-    tuichudengl(){
+    tuichudengl() {
+      console.log(111);
       location.href = `${location.origin}/login`;
+    },
+    fanhuimenhu() {
+      location.href = `${location.origin}/ims/workbench/`;
+
     }
   },
   computed: {}
@@ -207,6 +212,7 @@ export default {
       color: #FFFFFF;
       opacity: 0.72;
     }
+
     .content-top-left-data2 {
       font-size: 14px;
       font-family: Source Han Sans CN;
@@ -223,8 +229,9 @@ export default {
 
     .content-top-fanhui {
       margin-right: 10px;
-      background: linear-gradient(0deg, rgba(103,200,255,0.2) 0%, rgba(111,176,231,0.1) 100%);
+      background: linear-gradient(0deg, rgba(103, 200, 255, 0.2) 0%, rgba(111, 176, 231, 0.1) 100%);
       cursor: pointer;
+
       .content-top-fanhui-main {
         padding: 2px 15px;
         border: 1px solid;
@@ -232,6 +239,7 @@ export default {
         border-radius: 4px;
         display: flex;
         align-items: center;
+
         .black-bg {
           width: 36px;
           height: 34px;
@@ -239,12 +247,13 @@ export default {
           background-size: cover;
           margin-top: 3px;
         }
+
         span {
           font-size: 16px;
           font-family: SourceHanSansSC;
           font-weight: bold;
           color: #FEFFFF;
-          text-shadow: 0px 4px 9px rgba(0,0,0,0.29);
+          text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
           background: linear-gradient(0deg, #CAFFFF 0%, #CAFFFF 0%, #FFFFFF 0%, #74B4F4 38.96484375%, #3883FF 100%);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
@@ -253,8 +262,10 @@ export default {
     }
 
     .userInfo {
+      cursor: pointer;
       display: flex;
       align-items: center;
+
       img {
         width: 31px;
         height: 31px;
@@ -262,7 +273,7 @@ export default {
         margin-right: 10px;
       }
     }
-    
+
     .el-dropdown-link {
       font-size: 16px;
       font-family: SourceHanSansSC;
@@ -277,6 +288,7 @@ export default {
 .title {
   margin-top: 250px;
   color: #fff;
+
   // display: flex;
   // justify-content: center;
   div {
@@ -287,12 +299,13 @@ export default {
     font-weight: normal;
     color: #FFFFFF;
     line-height: 18px;
-    text-shadow: 0px 8px 16px rgba(24,118,172,0.6);
+    text-shadow: 0px 8px 16px rgba(24, 118, 172, 0.6);
     // background: linear-gradient(0deg, #C2E5FF 100%);
     // -webkit-background-clip: text;
     // -webkit-text-fill-color: transparent;
     z-index: 20;
   }
+
   img {
     width: 316px;
     height: 316px;
@@ -301,11 +314,13 @@ export default {
     left: 830px;
   }
 }
+
 .content-bottom-box {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+
   .content-bottom {
     position: relative;
     // width: 800px;
@@ -315,8 +330,10 @@ export default {
 
     .input {
       width: 739px;
+
       ::v-deep .el-input {
         background-color: transparent;
+
         input {
           border: none;
           background-color: transparent;
@@ -350,6 +367,7 @@ export default {
       color: #FFFFFF;
       line-height: 18px;
       cursor: pointer;
+
       img {
         width: 25px;
         height: 25px;
@@ -365,8 +383,8 @@ export default {
       top: 120px;
       left: 10px;
       padding: 2px;
-      background: linear-gradient(to right,rgba(24,101,242,0.1),rgba(24,101,242,0.1));
-      overflow: scroll; 
+      background: linear-gradient(to right, rgba(24, 101, 242, 0.1), rgba(24, 101, 242, 0.1));
+      overflow: scroll;
 
       .dialog-item {
         // padding: 15px 27px;
@@ -375,21 +393,24 @@ export default {
         font-family: Source Han Sans CN;
         font-weight: 400;
         color: #FFFFFF;
-        cursor:pointer;
+        cursor: pointer;
         // line-height: 50px;
         // background-color: rgb(63,110,204)
         // background-color: rgba(205,235,243,0.1)
       }
+
       .dialog-item:hover {
-        background-color: rgb(63,110,204)
+        background-color: rgb(63, 110, 204)
       }
     }
   }
 }
+
 //设置遮罩层颜色
-::v-deep .el-loading-mask{
-  background-color: rgba(205,235,243,0.1);
+::v-deep .el-loading-mask {
+  background-color: rgba(205, 235, 243, 0.1);
 }
+
 //设置图标颜色
 // ::v-deep .el-loading-spinner .path{
 //   stroke: #005432;
@@ -397,6 +418,5 @@ export default {
 //设置文字颜色
 // ::v-deep .el-loading-spinner .el-loading-text{
 //   color: #005432;
-// }
-</style> 
+// }</style>