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

Fixiaobai

2023-10-12 13aed698b5e2fbb2b4b96ff27f1b706b740ae640

	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/components/view/carrierContract.vue

@@ -1,13 +1,102 @@
<template>
  <div>承运商合同管理</div>
  <div>
    <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
      <el-col>
        <p style="margin-left: 20px;">承运商合同管理</p>
      </el-col>
      <el-col style="display: flex; justify-content: end;">
        <el-button size="mini" icon="el-icon-plus" type="primary">新增</el-button>
        <el-button size="mini" icon="el-icon-edit-outline">修改</el-button>
        <el-button size="mini" icon="el-icon-delete">删除</el-button>
      </el-col>
    </el-row>
    <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
      <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="供应商名称:">
          <el-input size="small" v-model="formInline.name" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="签订时间:">
          <el-date-picker v-model="formInline.time" type="datetime" placeholder="选择签订时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button size="mini" @click="resetForm('ruleForm')">重置</el-button>
          <el-button size="mini" type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
      <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
        <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
          :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
          :data="inspectionTable" style="width: 100%;">
          <el-table-column type="selection" width="50">
          </el-table-column>
          <el-table-column prop="order_number" label="序号" min-width="50" />
          <el-table-column prop="customer_name" label="是否为框架" min-width="100" />
          <el-table-column prop="project_name" label="合同签订时间" min-width="100" />
          <el-table-column prop="quality_traceability" label="承运商" min-width="110" />
          <el-table-column prop="material_code" label="合同金额" min-width="100" />
          <el-table-column prop="material" label="合同有效期" min-width="85" />
          <el-table-column prop="specifications_model" label="录入人" min-width="110" />
          <el-table-column prop="unit" label="录入时间" min-width="80" />
          <el-table-column label="操作" min-width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="goToDetail(scope.row)">查看</el-button>
              <el-button type="text" size="small">打印</el-button>
              <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
      <!-- 分页器 -->
      <el-col class="pagination">
        <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
          :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        name: null,
        time: null
      },
      pageParams: {
        pageSize: 0,
        countSize: 10,
        total: 10
      },
      inspectionTable: []
    }
  },
  methods: {
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    onSubmit() {

    },
    handleSizeChange(val) {

    },
    handleCurrentChange(val) {

    }
  }
}
</script>

<style>

</style>
<style  scoped>
.pagination {
  width: 98%;
  margin-top: 5px;
  display: flex;
  justify-content: end;
}
</style>>

 src/components/view/shipmentOperate.vue

@@ -1,13 +1,123 @@
<template>
  <div>发货操作</div>
  <div>
    <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
      <el-col>
        <p style="margin-left: 20px;">发货操作</p>
      </el-col>
      <el-col style="display: flex; justify-content: end;">
        <el-button size="mini" icon="el-icon-plus" type="primary">新增</el-button>
        <el-button size="mini" icon="el-icon-edit-outline">修改</el-button>
        <el-button size="mini" icon="el-icon-delete">删除</el-button>
      </el-col>
    </el-row>
    <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
      <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="订单号:">
          <el-input size="small" v-model="formInline.name" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="客户名称:">
          <el-input size="small" v-model="formInline.custormerName" placeholder="请输入客户名称"></el-input>
        </el-form-item>
        <el-form-item label="发货状态:">
          <el-select v-model="formInline.state" placeholder="请选择">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
         </el-form-item>
        <el-form-item>
          <el-button size="mini" @click="resetForm('ruleForm')">重置</el-button>
          <el-button size="mini" type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
      <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
        <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
          :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
          :data="inspectionTable" style="width: 100%;">
          <el-table-column label="选择" width="60">
            <template>
              <el-checkbox>备选项</el-checkbox>
            </template>
          </el-table-column>
          <el-table-column prop="order_number" label="订单号" min-width="80" />
          <el-table-column prop="customer_name" label="客户名称" min-width="100" />
          <el-table-column prop="quality_traceability" label="产品大类" min-width="110" />
          <el-table-column prop="material_code" label="质量追溯号" min-width="100" />
          <el-table-column prop="material" label="规格型号" min-width="100" />
          <el-table-column prop="unit" label="单位" min-width="100" />
          <el-table-column prop="unit" label="库存数量" min-width="100" />
          <el-table-column prop="unit" label="入库人" min-width="80" />
          <el-table-column prop="unit" label="入库日期" min-width="100" />
          <el-table-column prop="unit" label="发货状态" min-width="80" />
          <el-table-column label="操作" min-width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="goToDetail(scope.row)">查看</el-button>
              <el-button type="text" size="small">打印</el-button>
              <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
      <!-- 分页器 -->
      <el-col class="pagination">
        <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
          :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [{
        value: '0',
        label: '全部'
      }, {
        value: '1',
        label: '已发货'
      }, {
        value: '2',
        label: '待发货'
      }],
      formInline: {
        name: null,
        custormerName: null,
        state: '0'
      },
      pageParams: {
        pageSize: 0,
        countSize: 10,
        total: 10
      },
      inspectionTable: []
    }
  },
  methods: {
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    onSubmit() {

    },
    handleSizeChange(val) {

    },
    handleCurrentChange(val) {

    }
  }
}
</script>

<style>

</style>
<style  scoped>
.pagination {
  width: 98%;
  margin-top: 5px;
  display: flex;
  justify-content: end;
}
</style>>

 src/components/view/shipmentRequest.vue

@@ -1,13 +1,131 @@
<template>
  <div>发货申请</div>
  <div>
    <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
      <el-col>
        <p style="margin-left: 20px;">发货申请</p>
      </el-col>
      <el-col style="display: flex; justify-content: end;">
        <el-button size="mini" icon="el-icon-plus" type="primary">新增</el-button>
        <el-button size="mini" icon="el-icon-edit-outline">修改</el-button>
        <el-button size="mini" icon="el-icon-delete">删除</el-button>
      </el-col>
    </el-row>
    <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
      <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="订单号:">
          <el-input size="small" v-model="formInline.name" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="客户名称:">
          <el-input size="small" v-model="formInline.custormerName" placeholder="请输入客户名称"></el-input>
        </el-form-item>
        <el-form-item label="审核状态:">
          <el-select v-model="formInline.state" placeholder="请选择">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
         </el-form-item>
        <el-form-item>
          <el-button size="mini" @click="resetForm('ruleForm')">重置</el-button>
          <el-button size="mini" type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
      <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
        <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
          :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
          :data="inspectionTable" style="width: 100%;">
          <el-table-column label="选择" width="60">
            <template>
              <el-checkbox>备选项</el-checkbox>
            </template>
          </el-table-column>
          <el-table-column prop="order_number" label="订单号" min-width="80" />
          <el-table-column prop="customer_name" label="客户名称" min-width="100" />
          <el-table-column prop="project_name" label="业务员" min-width="100" />
          <el-table-column prop="quality_traceability" label="产品大类" min-width="110" />
          <el-table-column prop="material_code" label="发货件数" min-width="100" />
          <el-table-column prop="material" label="估算体积(m3)" min-width="100" />
          <el-table-column prop="specifications_model" label="估算重量(吨)" min-width="110" />
          <el-table-column prop="unit" label="合同交货日期" min-width="100" />
          <el-table-column prop="unit" label="要求到货日期" min-width="100" />
          <el-table-column prop="unit" label="申请人" min-width="80" />
          <el-table-column prop="unit" label="申请日期" min-width="100" />
          <el-table-column prop="unit" label="审核人" min-width="80" />
          <el-table-column prop="unit" label="审核日期" min-width="100" />
          <el-table-column prop="unit" label="不通过原因" min-width="100" />
          <el-table-column prop="quantity" label="审核状态" min-width="100" />
          <el-table-column fixed="right" label="操作" min-width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="goToDetail(scope.row)">查看</el-button>
              <el-button type="text" size="small">打印</el-button>
              <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
      <!-- 分页器 -->
      <el-col class="pagination">
        <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
          :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [{
        value: '0',
        label: '全部'
      }, {
        value: '1',
        label: '通过'
      }, {
        value: '2',
        label: '未通过'
      }, {
        value: '3',
        label: '待审核'
      }],
      formInline: {
        name: null,
        custormerName: null,
        state: '0'
      },
      pageParams: {
        pageSize: 0,
        countSize: 10,
        total: 10
      },
      inspectionTable: []
    }
  },
  methods: {
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    onSubmit() {

    },
    handleSizeChange(val) {

    },
    handleCurrentChange(val) {

    }
  }
}
</script>

<style>

</style>
<style  scoped>
.pagination {
  width: 98%;
  margin-top: 5px;
  display: flex;
  justify-content: end;
}
</style>>

 src/components/view/shipmentTabulation.vue

@@ -1,13 +1,124 @@
<template>
  <div>发货列表</div>
  <div>
    <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
      <el-col>
        <p style="margin-left: 20px;">发货列表</p>
      </el-col>
      <el-col style="display: flex; justify-content: end;">
        <el-button size="mini" icon="el-icon-plus" type="primary">新增</el-button>
        <el-button size="mini" icon="el-icon-edit-outline">修改</el-button>
        <el-button size="mini" icon="el-icon-delete">删除</el-button>
      </el-col>
    </el-row>
    <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
      <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="订单号:">
          <el-input size="small" v-model="formInline.name" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="客户名称:">
          <el-input size="small" v-model="formInline.custormerName" placeholder="请输入客户名称"></el-input>
        </el-form-item>
        <el-form-item label="送货单号:">   
          <el-input size="small" v-model="formInline.order" placeholder="请输入客户名称"></el-input>
         </el-form-item>
        <el-form-item>
          <el-button size="mini" @click="resetForm('ruleForm')">重置</el-button>
          <el-button size="mini" type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
      <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
        <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
          :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
          :data="inspectionTable" style="width: 100%;">
          <el-table-column label="选择" width="60">
            <template>
              <el-checkbox>备选项</el-checkbox>
            </template>
          </el-table-column>
          <el-table-column prop="order_number" label="订单号" min-width="80" />
          <el-table-column prop="customer_name" label="送货单号" min-width="100" />
          <el-table-column prop="quality_traceability" label="订单号" min-width="110" />
          <el-table-column prop="material_code" label="客户名称" min-width="100" />
          <el-table-column prop="material" label="件数" min-width="100" />
          <el-table-column prop="unit" label="重量(吨)" min-width="100" />
          <el-table-column prop="unit" label="运费(元)" min-width="100" />
          <el-table-column prop="unit" label="承运单位" min-width="100" />
          <el-table-column prop="unit" label="车牌号" min-width="100" />
          <el-table-column prop="unit" label="司机" min-width="80" />
          <el-table-column prop="unit" label="司机电话" min-width="100" />
          <el-table-column prop="unit" label="要求到货日期" min-width="130" />
          <el-table-column prop="unit" label="发货人" min-width="100" />
          <el-table-column prop="unit" label="发货日期" min-width="100" />
          <el-table-column fixed="right" label="操作" min-width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="goToDetail(scope.row)">查看</el-button>
              <el-button type="text" size="small">打印</el-button>
              <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
      <!-- 分页器 -->
      <el-col class="pagination">
        <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
          :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [{
        value: '0',
        label: '全部'
      }, {
        value: '1',
        label: '已发货'
      }, {
        value: '2',
        label: '待发货'
      }],
      formInline: {
        name: null,
        custormerName: null,
        order: null
      },
      pageParams: {
        pageSize: 0,
        countSize: 10,
        total: 10
      },
      inspectionTable: []
    }
  },
  methods: {
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    onSubmit() {

    },
    handleSizeChange(val) {

    },
    handleCurrentChange(val) {

    }
  }
}
</script>

<style>

</style>
<style  scoped>
.pagination {
  width: 98%;
  margin-top: 5px;
  display: flex;
  justify-content: end;
}
</style>>

 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>