modified: src/components/view/carrierContract.vue modified: src/compo...

Fixiaobai

2023-10-12 13aed698b5e2fbb2b4b96ff27f1b706b740ae640

 src/view/index.vue

@@ -225,15 +225,130 @@
         </div>
         <el-popover placement="right-start" width="90" trigger="click" v-for="(a, ai) in menu" :key="ai"
            v-if="a.self != true">
            <div :class="`box ${activeBox == a.k ? 'active_box' : ''}`" @click="activeBox = a.k" slot="reference">
            <div :class="`box ${activeBox == a.k ? 'active_box' : ''}`" :id="'box'+`${a.k}`" @click="firstMenu(a.k,a.v)" slot="reference">
               <i :class="a.i"></i>
               <div>{{ a.v }}</div>
            </div>
            <div class="small_menu">
               <p  v-for="(b, bi) in a.c" :key="bi" :class="activeP == b.k ? 'active_p' : ''" @click="addTab(b)">
            <div class="small_menu" v-if="a.v != '运输管理'">
               <p v-for="(b, bi) in a.c" :key="bi" :class="activeP == b.k ? 'active_p' : ''" @click="addTab(b)">
                  <i :class="b.i"></i>
                  <span :id="menu+`${b.k}`" >{{ b.v }}</span>
                  <span :id="menu + `${b.k}`">{{ b.v }}</span>
               </p>
            </div>
            <div class="small_menu" v-if="a.v == '运输管理'" style="width: 100%;">
               <el-row>
                  <el-col style="margin-left: 20px;margin-top: 10px;color: #EA5D26;">发货申请</el-col>
                  <el-col style="display: flex;">
                     <el-col>
                        <p  :class="activeP == (a.c)[0].k ? 'active_p' : ''"
                        @click="addTab((a.c)[0])">
                        <i :class="(a.c)[0].i"></i>
                        <span :id="menu + `${(a.c)[0].k}`">{{ (a.c)[0].v }}</span>
                     </p>
                     </el-col>
                     <el-col>
                        <p  :class="activeP == (a.c)[11].k ? 'active_p' : ''"
                        @click="addTab((a.c)[11])">
                        <i :class="(a.c)[11].i"></i>
                        <span :id="menu + `${(a.c)[0].k}`">{{ (a.c)[11].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
               </el-row>
               <el-row>
                  <el-col style="margin-left: 10px;color: #EA5D26;">运输管理</el-col>
                  <el-col style="display: flex;">
                     <el-col>
                        <p  :class="activeP == (a.c)[1].k ? 'active_p' : ''"
                        @click="addTab((a.c)[1])">
                        <i :class="(a.c)[1].i"></i>
                        <span :id="menu + `${(a.c)[1].k}`">{{ (a.c)[1].v }}</span>
                     </p>
                     </el-col>
                     <el-col>
                        <p  :class="activeP == (a.c)[2].k ? 'active_p' : ''"
                        @click="addTab((a.c)[2])">
                        <i :class="(a.c)[2].i"></i>
                        <span :id="menu + `${(a.c)[2].k}`">{{ (a.c)[2].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
                  <el-col style="display: flex;">
                     <el-col>
                        <p  :class="activeP == (a.c)[3].k ? 'active_p' : ''"
                        @click="addTab((a.c)[3])">
                        <i :class="(a.c)[3].i"></i>
                        <span :id="menu + `${(a.c)[3].k}`">{{ (a.c)[3].v }}</span>
                     </p>
                     </el-col>
                     <el-col>
                        <p  :class="activeP == (a.c)[10].k ? 'active_p' : ''"
                        @click="addTab((a.c)[10])">
                        <i :class="(a.c)[10].i"></i>
                        <span :id="menu + `${(a.c)[10].k}`">{{ (a.c)[10].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
               </el-row>
               <el-row>
                  <el-col style="margin-left: 10px;color: #EA5D26;">回单管理</el-col>
                  <el-col style="display: flex;">
                     <el-col>
                        <p  :class="activeP == (a.c)[7].k ? 'active_p' : ''"
                        @click="addTab((a.c)[7])">
                        <i :class="(a.c)[7].i"></i>
                        <span :id="menu + `${(a.c)[7].k}`">{{ (a.c)[7].v }}</span>
                     </p>
                     </el-col>
                     <el-col>
                        <p  :class="activeP == (a.c)[8].k ? 'active_p' : ''"
                        @click="addTab((a.c)[8])">
                        <i :class="(a.c)[8].i"></i>
                        <span :id="menu + `${(a.c)[8].k}`">{{ (a.c)[8].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
               </el-row>
               <el-row>
                  <el-col style="margin-left: 10px;color: #EA5D26;">运输管理</el-col>
                  <el-col style="display: flex;">
                     <el-col>
                        <p  :class="activeP == (a.c)[5].k ? 'active_p' : ''"
                        @click="addTab((a.c)[5])">
                        <i :class="(a.c)[5].i"></i>
                        <span :id="menu + `${(a.c)[5].k}`">{{ (a.c)[5].v }}</span>
                     </p>
                     </el-col>
                     <el-col>
                        <p  :class="activeP == (a.c)[6].k ? 'active_p' : ''"
                        @click="addTab((a.c)[6])">
                        <i :class="(a.c)[6].i"></i>
                        <span :id="menu + `${(a.c)[6].k}`">{{ (a.c)[6].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
                  <el-col style="display: flex;">
                     <el-col :span="12">
                        <p  :class="activeP == (a.c)[7].k ? 'active_p' : ''"
                        @click="addTab((a.c)[7])">
                        <i :class="(a.c)[7].i"></i>
                        <span :id="menu + `${(a.c)[7].k}`">{{ (a.c)[7].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
               </el-row>
               <el-row>
                  <el-col style="margin-left: 10px;color: #EA5D26;">数据统计</el-col>
                  <el-col style="display: flex;">
                     <el-col :span="12">
                        <p  :class="activeP == (a.c)[10].k ? 'active_p' : ''"
                        @click="addTab((a.c)[10])">
                        <i :class="(a.c)[10].i"></i>
                        <span :id="menu + `${(a.c)[10].k}`">{{ (a.c)[10].v }}</span>
                     </p>
                     </el-col>
                  </el-col>
               </el-row>
            </div>
         </el-popover>
      </div>
@@ -259,7 +374,7 @@
</template>

<script>
import { ref,onMounted } from 'vue'
import { ref, onMounted } from 'vue'
const requireComponent = require.context("../components/view", false, /\.vue/);
var comObj = {};
requireComponent.keys().forEach(fileName => {
@@ -455,63 +570,80 @@
   mounted() {
      // this.userName = JSON.parse(localStorage.getItem("user")).name;
   },
   watch:{
      menuIsClick(){
   watch: {
      menuIsClick() {
         $("#label").click()
      }
   },
   methods: {
      menuClick() {
         this.menuIsClick=!this.menuIsClick
   },
   addTab(ob) {
      this.menuClick()
      if (ob.k == 0) this.activeBox = 0;
      this.activeP = ob.k; //0
      this.tabActive = ob.k; //0
      let num = -1;
      this.tabs.forEach((a, ai) => {
         if (ob.k == a.k) {
            num = a.k;
         }
      });
      if (num == -1) {
         this.tabs.push(ob);
      }
   },
   removeTab(index) {
      this.tabs.splice(index, 1);
      this.activeP = this.tabs[this.tabs.length - 1].k;
      this.tabActive = this.tabs[this.tabs.length - 1].k;
   },
   allDel() {
      this.activeBox = 0
      this.activeP = 0
      this.tabActive = 0
      this.tabs = [{
         k: 0,
         v: " 首页",
         i: "font icon-shouye",
         u: "index-index"
      }]
   },
   upTabActive(num) {
      this.tabActive = num;
      this.activeP = num;
      for (var i = 0; i < this.menu.length; i++) {
         this.menu[i].c.forEach(b => {
            if (b.k == num) {
               this.activeBox = this.menu[i].k;
               return
      firstMenu(k,v){
         this.activeBox = k
         if(v=='运输管理'){
            let idName=$('#box'+k).attr('aria-describedby');
            //265
            let css={
               "width": "300px",
					
            }
         })
            $('#'+idName).css(css)

            let pCss={
               "color": "white"
            }
            $('#'+idName+'> p').css(pCss)
         }
      },
      menuClick() {
         this.menuIsClick = !this.menuIsClick
      },
      addTab(ob) {
         this.menuClick()
         if (ob.k == 0) this.activeBox = 0;
         this.activeP = ob.k; //0
         this.tabActive = ob.k; //0
         let num = -1;
         this.tabs.forEach((a, ai) => {
            if (ob.k == a.k) {
               num = a.k;
            }
         });
         if (num == -1) {
            this.tabs.push(ob);
         }
      },
      removeTab(index) {
         this.tabs.splice(index, 1);
         this.activeP = this.tabs[this.tabs.length - 1].k;
         this.tabActive = this.tabs[this.tabs.length - 1].k;
      },
      allDel() {
         this.activeBox = 0
         this.activeP = 0
         this.tabActive = 0
         this.tabs = [{
            k: 0,
            v: " 首页",
            i: "font icon-shouye",
            u: "index-index"
         }]
      },
      upTabActive(num) {
         this.tabActive = num;
         this.activeP = num;
         for (var i = 0; i < this.menu.length; i++) {
            this.menu[i].c.forEach(b => {
               if (b.k == num) {
                  this.activeBox = this.menu[i].k;
                  return
               }
            })
         }
      },
      out() {
         sessionStorage.clear();
         localStorage.removeItem("autoenter");
         this.$router.push("/enter");
      }
   },
   out() {
      sessionStorage.clear();
      localStorage.removeItem("autoenter");
      this.$router.push("/enter");
   }
}
   };
};
</script>