From 13aed698b5e2fbb2b4b96ff27f1b706b740ae640 Mon Sep 17 00:00:00 2001
From: Fixiaobai <fixiaobai@163.com>
Date: 星期四, 12 十月 2023 17:50:29 +0800
Subject: [PATCH] modified: src/components/view/carrierContract.vue modified: src/components/view/shipmentOperate.vue modified: src/components/view/shipmentRequest.vue modified: src/components/view/shipmentTabulation.vue modified: src/view/index.vue
---
src/view/index.vue | 246 +++++++++++++++++++++++++++++++++++++-----------
1 files changed, 189 insertions(+), 57 deletions(-)
diff --git a/src/view/index.vue b/src/view/index.vue
index e6947d6..a7afd8c 100644
--- a/src/view/index.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.3