el-tabs el-tab-pane中间加其他标签

发布于 2022-09-11 23:24:28 字数 2631 浏览 12 评论 0

我中间这一段没有直接循环了下面的内容了,我这个要怎么弄
05C355C4-0115-4f5b-8D6F-351C98425296.png

这是代码`<el-tabs v-model="active" type="card" @tab-click="tabClick" tab-position="left">

    <el-tab-pane name="first" label="采样任务信息">
      <task-info :data="data" :type="query.type" ref="taskInfo" :disabled="disabled"></task-info>
      <monitor-task :data="data" ref="monitorTask" :disabled="disabled" :type="query.type"></monitor-task>
      <draggable-model
        :data="data"
        :type="query.type"
        ref="draggableModel"
        :cyprwid="query.cyprwid"
        :disabled="disabled"
      ></draggable-model>
      <div class="task-button-group" v-if="query.type==='add'">
        <el-button type="primary" @click="doSave">提交</el-button>
      </div>
    </el-tab-pane>
    <!-- <el-tab-pane name="second" label="采样单信息" v-if="query.type!=='add'">
      <data-info :data="data" :cyprwid="query.cyprwid" :disabled="disabled" ref="dataInfo"></data-info>
    </el-tab-pane>-->
    <div class="jcdx-title" v-for="(jcdxitem) in labelList" :key="jcdxitem.jcdxid">
      <h3>{{jcdxitem.jcdxmc}}</h3>
      <div class="cd-title" v-for="(cditem) in jcdxitem.cdArr" :key="cditem.cdid">
        <h4>{{cditem.cdmc}}</h4>
        <el-tab-pane
          v-for="(item) in cditem.cydArr"
          :name="'add_tabs_'+item.tabId"
          :key="item.tabId"
        >
          <span slot="label" class="cyd-title">
            <span>
              <el-badge class="item" :is-dot="true" v-if="item.hasChange">
                <span
                  :class="item.ycyps===item.ypslyq?'title-finish': 'title-unfinish'"
                >({{item.ycyps}}/{{item.ypslyq}})</span>
                {{item.cydmc}}
              </el-badge>
              <span v-else>
                <span
                  :class="item.ycyps===item.ypslyq?'title-finish': 'title-unfinish'"
                >({{item.ycyps}}/{{item.ypslyq}})</span>
                {{item.cydmc}}
              </span>
            </span>
          </span>
          <sample-entry
            :tabIndex="item.tabId"
            :active="active"
            :params="item.params"
            @tab-title-change="updateTitle"
          ></sample-entry>
        </el-tab-pane>
      </div>
    </div>
  </el-tabs>`

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文