<template>
  <div>
    <div class="sty">
      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
    </div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>组织信息</span>
      </div>
      <el-row>
        <el-col :span="8"><span>创建组织</span><input type="text" /></el-col>
        <el-col :span="8"><span>编码</span><input type="text" /></el-col>
        <el-col :span="8"><span>名称</span><input type="text" /></el-col>
      </el-row>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>基本信息</span>
      </div>
      <div class="baseInfo">
        <div>
          <div class="base-header">
            <span>基本信息</span>
          </div>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">仓库属性</span
              ><select name="" id="" class="selectStyle2">
                <option value="">普通仓库</option>
              </select></el-col
            >
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r color">供应商</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r color">客户</span
              ><textarea
                name=""
                id=""
                cols="30"
                rows="10"
                class="textareaStyle"
              ></textarea>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">仓库地址</span
              ><textarea
                class="textareaStyle"
                name=""
                id=""
                cols="30"
                rows="10"
              ></textarea>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r color">仓库负责人</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">联系电话</span><input type="text" />
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">描述</span
              ><textarea
                class="textareaStyle"
                name=""
                id=""
                cols="30"
                rows="10"
              ></textarea>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">分组</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">管易仓</span><input type="checkbox"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">管易仓编码</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">第三方仓储类型</span
              ><select name="" id="" class="selectStyle2">
                <option value="">正常</option>
              </select></el-col
            >
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">第三方仓库编码</span><input type="text"
            /></el-col>
          </el-row>
        </div>
        <div>
          <div class="base-header">
            <span>库存状态</span>
          </div>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">库存状态类型</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r color">默认库存状态</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r color">默认收料状态</span><input type="text"
            /></el-col>
          </el-row>
          <div class="base-header">
            <span>控制</span>
          </div>
          <el-row>
            <el-row>
              <el-col :span="24"
                ><span class="marg-r">允许客户查询</span><input type="checkbox"
              /></el-col>
            </el-row>
            <el-row>
              <el-col :span="8"
                ><span class="marg-r">允许即时库存负库存</span
                ><input type="checkbox"
              /></el-col>
              <el-col :span="8"
                ><span class="marg-r">允许MRP计划</span><input type="checkbox"
              /></el-col>
            </el-row>
            <el-row>
              <el-col :span="8"
                ><span class="marg-r">允许锁库</span><input type="checkbox"
              /></el-col>
              <el-col :span="8"
                ><span class="marg-r">参与预警</span><input type="checkbox"
              /></el-col>
            </el-row>
            <el-row>
              <el-col :span="8"
                ><span class="marg-r">启用仓位管理</span><input type="checkbox"
              /></el-col>
              <el-col :span="8"
                ><span class="marg-r">参与拣货</span><input type="checkbox"
              /></el-col>
            </el-row>
            <el-row>
              <el-col :span="8"
                ><span class="marg-r">不参与可发量统计</span
                ><input type="checkbox"
              /></el-col>
              <el-col :span="8"> </el-col>
            </el-row>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">拣货优先级(1~9999)</span><input type="text"
            /></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r color">仓位维度数据列表显示格式</span
              ><select name="" id="" class="selectStyle2">
                <option value="">正常</option>
              </select></el-col
            >
          </el-row>
          <div class="base-header">
            <span>状态</span>
          </div>
          <el-row>
            <el-col :span="24"
              ><span class="marg-r">数据状态</span
              ><select name="" id="" class="selectStyle2">
                <option value="">暂存</option>
              </select></el-col
            >
          </el-row>
        </div>
        <div></div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      console.log(this.$parent);
      this.$parent.isShow = true;
    },
  },
};
</script>

<style lang="scss" scoped>
.baseWidth {
  width: 46%;
}
.inputDate {
  width: 46%;
}
.selectStyle2 {
  width: 35%;
}
.selectStyle {
  width: 35%;
}
.textareaStyle {
  vertical-align: text-top;
  resize: none;
  width: 35%;
  height: 100px;
}
.color {
  color: #1f93ec;
}
.el-col-24 {
  margin: 6px 0;
}

.marg-r {
  padding-right: 15px;
  font-size: 12px;
  display: inline-block;
  width: 120px;
}
.base-header {
  height: 20px;
  width: 60%;
  border-bottom: 2px solid gray;
  span {
    width: 100px;
    height: 100%;
    display: block;
    text-align: center;
    color: #fff;

    background-color: gray;
  }
}
.box-card {
  margin-bottom: 20px;
}
.el-col-8 {
  span {
    padding-right: 10px;
    display: inline-block;
    width: 100px;
  }
}
.baseInfo {
  display: flex;
  justify-content: space-between;
  > div {
    width: 33%;
  }
}
.sty {
  margin-bottom: 20px;
}
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
</style>