样式

components/citySelect.vue

 <template>
-  <div>
-    <el-select v-model="provinceId" style="width:167px;margin-right: 25px;" @change="getProvince">
+  <div class="flex-between">
+    <el-select v-model="provinceId" style="width:100px;margin-right: 10px;" @change="getProvince">
       <el-option v-for="item in provinceArr" :value="item.id" :key="item.id" :label="item.name">
       </el-option>
     </el-select>
-    <el-select v-model="cityId" style="width:167px;margin-right: 25px;" @change="getCity">
+    <el-select v-model="cityId" style="width:100px;margin-right: 10px;" @change="getCity">
       <el-option v-for="item in cityArr" :value="item.id" :key="item.id" :label="item.name">
       </el-option>
     </el-select>
-    <el-select v-model="districtId" style="width:167px;margin-right: 25px;" @change="getDistrict">
+    <el-select v-model="districtId" style="width:100px;margin-right: 10px;" @change="getDistrict">
       <el-option v-for="item in districtArr" :value="item.id" :key="item.id" :label="item.name">
       </el-option>
     </el-select>

components/homeinput.vue

@@ -2,7 +2,7 @@
   <div class="head-input flex-center">
     <div class=" content flex-between">
        <div class=" images">
-         <img src="~/assets/css/logo.jpg">
+         <img src="~/assets/css/logo.jpg" >
       </div>
          <div class="head-input-title">捷安彩</div>
       
@@ -28,16 +28,27 @@
 
 <script>
 import {getAllList} from '@/common/list.js'
+import inDex from '@/pages/index.vue'
   export default {
     methods:{
-      async toSearch(){
+       toSearch(){
          this.$router.push('notice/all')
          window.sessionStorage.setItem("content",this.input)
+         window.sessionStorage.setItem("text",this.active)
+         /* inDex.$emit("send",this.active) */
       }
     },
+    /* mounted(){
+      let tokenStr = window.sessionStorage.getItem("token")
+      if(tokenStr){
+        this.showdefault = false
+      } 
+    }, */
     data() {
       return {
-       input:""
+        showdefault:false,
+        input:"",
+        active:4
       }
     },
   }

components/nav.vue

@@ -8,10 +8,12 @@
 </template>
 
 <script>
+import inDex from '@/pages/index.vue'
   export default {
     data() {
       return {
-        nav:"",
+        ccc:'',
+        nav:"0",
         linklist: [{
             to: "/",
             name: "首页"
@@ -43,9 +45,15 @@
         this.getindex();
       }
     },
-    created(){
-
-    },
+     mounted(){
+      /* inDex.$on("send",(message)=>{
+        this.nav = message
+      }) */
+      if(window.location.href==="/notice/all"){
+        console.log(window.location.href+'+++++++++++++-----------------')
+        this.nav = window.sessionStorage.getItem("text")
+      }
+    }, 
     methods: {
       change(index, path) {
         this.$router.push(path);

pages/index/index.vue

@@ -11,8 +11,8 @@
         </el-carousel>
       </div>
       <div class="login" @mouseover="changeOver" >
-        <div class="author">
-          <img src="~/assets/css/7.png" >
+        <div class="author" >
+          <img src="~/assets/css/7.png" v-show="!showDefault">
         </div>
         <div class="login-title">{{userName}}</div>
         <div class="login-button" @click="loginuser" v-show="showDefault">用户登录</div>
@@ -91,6 +91,10 @@ import {getSecond,getListSite,getListSite1,getListSite2} from '@/common/list.js'
       this.getListSite()
       this.getListSite1()
       this.getListSite2()
+      /* let tokenStr = window.sessionStorage.getItem("token")
+      if(tokenStr){
+        this.showdefault = false
+      }  */
     },
     methods:{
       latformDynamics(){
@@ -257,6 +261,12 @@ import {getSecond,getListSite,getListSite1,getListSite2} from '@/common/list.js'
     border-radius: 50%;
   }
 
+  .login>.author{
+    margin-top: 0.6rem;
+    width: .60rem;
+    height: .60rem;
+    border-radius: 50%;
+  }
   .login>.login-title {
     font-size: .16rem;
     font-weight: 300;

pages/index/notice.vue

@@ -26,7 +26,7 @@
       Nav,
       Footer,
       Aside,
-      Bread
+      Bread,
      },
      mounted(){
        console.log(this.$router, this.$route,'---s')

pages/index/notice/abortive.vue

@@ -5,11 +5,11 @@
       <div>
         <div class="flex-item" style="margin-bottom: 0.1rem;">
           <span class="t1 left">行业类型</span>
-          <el-select v-model="getData.industryId" placeholder="请选择">
+          <el-select v-model="getData.industryId" placeholder="请选择" style="width:150px">
             <el-option v-for="item in industryOptions" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
-          <span class="t1 left">行业类别</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">

pages/index/notice/all.vue

@@ -8,7 +8,7 @@
             <el-option v-for="item in industryOptions" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
-          <span class="t1 left">行业类别</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">
@@ -192,6 +192,7 @@ import {getAllList,getNoticeType} from '@/common/list.js'
   .left {
     margin-left: 0.3rem;
     margin-right: 0.15rem;
+    width:50px;
   }
 
   .reset {

pages/index/notice/bid.vue

@@ -6,10 +6,10 @@
         <div class="flex-item" style="margin-bottom: 0.1rem;">
           <span class="t1 left">行业类别</span>
           <el-select v-model="getData.industryId" placeholder="请选择">
-            <el-option v-for="item in industryoptions" :key="item.id" :label="item.name" :value="item.id">
+            <el-option v-for="item in industryoptions" :key="item.id" :label="item.name" :value="item.id" style="width:242px">
             </el-option>
           </el-select>
-          <span class="t1 left">所属地区</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">
@@ -198,6 +198,7 @@ import citySelect from "@/components/citySelect.vue";
   .left {
     margin-left: 0.3rem;
     margin-right: 0.15rem;
+    width:50px;
   }
 
   .reset {

pages/index/notice/biding.vue

@@ -12,7 +12,7 @@
               :value="item.id"
             ></el-option>
           </el-select>
-          <span class="t1 left">所属地区</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">
@@ -249,6 +249,7 @@ export default {
 .left {
   margin-left: 0.3rem;
   margin-right: 0.15rem;
+  width:50px
 }
 
 .reset {

pages/index/notice/cadidate.vue

@@ -9,7 +9,7 @@
             <el-option v-for="item in industryOptions" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
-          <span class="t1 left">行业类别</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">
@@ -185,6 +185,7 @@ import {getCadidateList} from '@/common/list.js'
   .left {
     margin-left: 0.3rem;
     margin-right: 0.15rem;
+    width:50px
   }
 
   .reset {

pages/index/notice/change.vue

@@ -9,7 +9,7 @@
             <el-option v-for="item in industryOptions" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
-          <span class="t1 left">行业类别</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">
@@ -185,6 +185,7 @@ import {getChangeList} from '@/common/list.js'
   .left {
     margin-left: 0.3rem;
     margin-right: 0.15rem;
+    width:50px
   }
 
   .reset {

pages/index/notice/clarifies.vue

@@ -9,7 +9,7 @@
             <el-option v-for="item in industryOptions" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
-          <span class="t1 left">行业类别</span>
+          <span class="t1 left">所在地区</span>
           <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
         </div>
         <div class="flex-item t1">
@@ -183,6 +183,7 @@ import {getClerList} from '@/common/list.js'
   .left {
     margin-left: 0.3rem;
     margin-right: 0.15rem;
+    width:50px;
   }
 
   .reset {

pages/index/notice/inquiry.vue

@@ -27,10 +27,9 @@
             @change="testChange"
             :beginDate="getData.beginDate"
             :endDate="getData.endDate"
-            size="mini"
           ></el-date-picker>
           <span class="left"></span>
-          <el-input v-model="getData.title" placeholder="请输入内容" style="width: 2.3rem;"></el-input>
+          <el-input v-model="getData.title" placeholder="请输入内容" style="width: 2.3rem;" ></el-input>
         </div>
       </div>
       <div style="width:0.6rem;">
@@ -243,6 +242,7 @@ export default {
 .left {
   margin-left: 0.3rem;
   margin-right: 0.15rem;
+  width:50px;
 }
 
 .reset {