drp-ui/src/views/material/requisition/details.vue

<!-- 物料申请单——详情 -->
<template>
  <el-card class="request-details">
    1111111111

    <el-row type="flex" justify="space-between">
      <el-col :span="6">
        <el-button size="small" @click="handleBack">返回</el-button>
      </el-col>
      <el-col :span="6" style="text-align: right;">
        <!-- 附件管理 -->
        <el-button-group>
          <el-button size="small" icon="el-icon-paperclip"></el-button>
        </el-button-group>

        <!-- 切换 -->
        <el-button-group>
          <el-button size="small" icon="el-icon-d-arrow-left"></el-button>
          <el-button size="small" icon="el-icon-arrow-left"></el-button>
          <el-button size="small" icon="el-icon-arrow-right"></el-button>
          <el-button size="small" icon="el-icon-d-arrow-right"></el-button>
        </el-button-group>
      </el-col>
    </el-row>

    <div class="rd-content">

      <dr-tabs :tabList="detailsTabs">
        <template #tabContent>11111</template>
      </dr-tabs>

    </div>
  </el-card>
</template>

<script>
import drTabs from '../components/dr-tabs.vue';
// import detailsTabs from '../config/detailsTabs';
export default {
  name: 'material-details',
  data() {
    return {

      detailsTabs: [
        {
          label: '基本信息',
          code: 'material',
          isShow: true,
        },
        {
          label: '医药行业',
          code: 'material_medcine',
          isShow: true,
        },
      ]
    }
  },
  components: {
    drTabs

  },
  methods: {
    // 返回
    handleBack() {
      this.$emit("actionBar", "requestList")

    }
  }

}
</script>

<style lang="scss">
.request-details {
  height: calc(100vh - 158px);
  box-sizing: border-box;

  .rd-content {
    margin-top: 12px;
  }
}
</style>