<template>
  <!-- 基本信息 -->
  <div class="baseinfo-container" style="padding: 0">
    <div class="basic-details-title border-none">
      <headerTitle title="基本信息" style="margin-top: 15px"></headerTitle>

    </div>
    <el-descriptions
      :label-style="labelStyle"
      title=""
      :column="4"
      size="medium"
      border
    >
      <el-descriptions-item>
        <template slot="label"> 分类 </template>
        {{ idata.categoryLevelPath }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 编码 </template>
        {{ idata.code }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 名称 </template>
        {{ idata.name }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 牌号</template>
        {{ idata.brandNum }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 型号 </template>
        {{ idata.modelType }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 规格 </template>
        {{ idata.specification }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 计量单位 </template>
        {{ idata.measuringUnit }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 重量单位 </template>
        {{ idata.weightUnit }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 包装单位 </template>
        {{ idata.packingUnit }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 体积 </template>
        {{ idata.volume ? idata.volume + '/' : null }}{{ idata.volumeUnit }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 毛重 </template>
        {{ idata.roughWeight }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">净重 </template>
        {{ idata.netWeight }}
      </el-descriptions-item>
      <!-- <el-descriptions-item>
        <template slot="label">所属部门 </template>
        {{ idata.groupName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">负责人 </template>
        {{ idata.name }}
      </el-descriptions-item> -->
    </el-descriptions>
  </div>
</template>
<script>
  import { listOrganizations } from '@/api/system/organization';
  import { getUserPage } from '@/api/system/organization';
  export default {
    data() {
      return {
        labelStyle: {
          width: '180px'
        },
        // contentStyle: {
        //   width: '400px'
        // },
        depInfo: {},
        idata: {}
      };
    },
    methods: {
      async getDetailInfoAugr(data) {
        const res = await listOrganizations({});
        if (data.deptLeaderId && data.deptId) {
          let groupList = res.filter((item) => item.id == data.deptLeaderId);
          const dep = await this.getDepUser(data.deptLeaderId, data.deptId);
          this.idata = {
            ...data,
            groupName: groupList[0].name,
            name: dep.name
          };
        } else {
          this.idata = data;
        }
      },
      async getDepUser(id, depId) {
        let res = await getUserPage({
          pageNum: 1,
          size: -1,
          executeGroupId: id ? id : ''
        });
        const list = res.list.filter((item) => item.id == depId);
        return list[0];
      }
    }
  };
</script>

<style lang="scss" scoped>
:deep(.el-descriptions-item__label.is-bordered-label) {
  color: #606266;
}
  .baseinfo-container {
    background-color: #fff;
    padding: 0px 20px 20px;
    .content {
      padding: 0 20px;
    }
    .basic-details-title {
      font-size: 16px;
      margin: 15px 0;
    }
    .upload-container {
      display: flex;
      .img-box {
        width: 280px;
        height: 342px;
        border: 1px solid rgba(215, 215, 215, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        img {
          max-width: 100%;
        }
      }
      .file-list {
        margin-left: 50px;
        flex: 1;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        justify-items: baseline;
        align-content: flex-start;
        .file-box {
          width: 30%;
          margin-bottom: 20px;
          height: 57px;
          text-align: center;
          line-height: 55px;
          border: 1px solid #1890ff;
          color: #1890ff;
          cursor: pointer;
          &.disabled {
            cursor: not-allowed;
            border-color: rgba(215, 215, 215, 1);
            color: rgba(215, 215, 215, 1);
          }
        }
      }
    }
  }
</style>
