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">
            <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>
               </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>
@@ -461,6 +576,23 @@
      }
   },
   methods: {
      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
   },