vue3页面编写-导入导出excel、展开查询项等

放气

已于 2024-07-23 14:10:59 修改

阅读量65

点赞数 1

分类专栏： vue 文章标签： excel javascript vue.js

于 2024-07-23 12:19:52 首次发布

本文链接：https://blog.csdn.net/liu1shi/article/details/140626164

版权

数据保持

<router-view v-slot="{ Component, route }">
        <keep-alive>
                <component :is="Component" :key="route.name" v-if="route.meta.keepAlive" />
        </keep-alive>
        <component :is="Component" :key="route.name"  v-if="!route.meta.keepAlive"/>
</router-view>

{   // 
                path: "/main/rvCarBom",
                meta: {
                    keepAlive: true,
                    isBack: false
                },
                component: () => import('@/pages/rv/bom/rvCarBom.vue'),
            },

功能页面

<!--

-->

<template>
  <div class="rv_root_container">
    <div class="rv_container">
      <div>
        <el-form :inline="true" label-position="right" size="small">
          <el-row>
            <el-form-item label="装车基地">
              <el-select v-model="dddd.form.city" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.cityList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="车系">
              <el-select v-model="dddd.form.carModel" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.carModelList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="车型">
              <el-select v-model="dddd.form.carType" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.carTypeList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="配置">
              <el-select v-model="dddd.form.carConf" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.carConfList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="选装">
              <el-select v-model="dddd.form.carSel" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.carSelList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="国家">
              <el-select v-model="dddd.form.country" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.countryList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
          </el-row>
          <el-row v-if="dddd.isShow">
            <el-form-item label="总成料号">
              <el-input type="textarea" :rows="1" :clearable="true" v-model="dddd.form.assemblyMatNumber" style="width:150px"></el-input>
            </el-form-item>
            <el-form-item label="总成描述">
              <el-input type="textarea" :rows="1" :clearable="true" v-model="dddd.form.assemblyDes" style="width:150px"></el-input>
            </el-form-item>
            <el-form-item label="工厂">
              <el-select v-model="dddd.form.factory" clearable placeholder="请选择" style="width:150px" @change="handleChangeFactory">
                <el-option
                  v-for="item in dddd.factoryList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="线体名称">
              <el-select v-model="dddd.form.lineName" clearable placeholder="请选择" style="width:150px">
                <el-option
                  v-for="item in dddd.lineNameList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="代装厂">
              <el-input type="textarea" :rows="1" :clearable="true" v-model="dddd.form.buyLocation" style="width:150px"></el-input>
            </el-form-item>
            <el-form-item label="产能检查">
              <el-select v-model="dddd.form.capacityCheck" clearable placeholder="请选择" style="width:150px">
                <el-option
                  v-for="item in dddd.capacityCheckList"
                  :key="item"
                  :label="item"
                  :value="item">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="产品大类">
              <el-select v-model="dddd.form.product" clearable placeholder="请选择" style="width:150px" @change="handleChangeProduct">
                <el-option
                  v-for="item in dddd.productList"
                  :key&#