<template>
  <div class="dashboard-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="仓房管理" name="first">
        <el-form ref="form" :model="form" label-width="80px">
          <el-row>
            <el-col :span="6">
              <el-form-item label="所属粮库:">
                <el-input v-model="form.kdmc" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-button
                type="primary"
                @click="searchInfo"
                class="mgt-3"
                style="margin-left: 20px;"
              >
                <i class="iconfont">&#xe67f;</i>
                查询
              </el-button>
              <el-button type="primary" @click="clearInfo" class="mgt-3" style="margin-left: 20px;">
                <i class="iconfont">&#xe67f;</i>
                清空
              </el-button>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="tableData" v-loading="tableLoading" stripe border style="width: 100%">
          <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
          <el-table-column prop="kddm" label="所属粮库" width="180" align="center"></el-table-column>
          <el-table-column prop="cfbh" label="仓房号" width="180" align="center"></el-table-column>
          <el-table-column prop="cflx" label="仓房类型" width="180" align="center"></el-table-column>
          <el-table-column prop="qyrq" label="交付使用日期" width="180" align="center"></el-table-column>
          <el-table-column prop="refresher" label="保管员" align="center"></el-table-column>
          <!-- <el-table-column width="90" label="编制日期" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.applicationDate?scope.row.applicationDate.split('T')[0]:'-'}}</span>
            </template>
          </el-table-column>-->
          <el-table-column label="操作" align="center" width="150">
            <template slot-scope="scope">
              <el-tooltip class="item" effect="light" content="详情" placement="top">
                <el-button
                  @click.stop="modifyPop(scope.row,'show')"
                  type="primary"
                  size="primary"
                  class="button operate_show_btn"
                >
                  <i class="iconfont">&#xe67e;</i>
                </el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- 仓库管理弹框开始 -->
        <el-dialog title="仓房管理详情" :visible.sync="warehouseManagementBool" width="60%" center>
          <div class="grid-content bg-purple reserveManagement-el-dialog">
            <el-form ref="formInline" :disabled="true" :model="formInline" class="width-80">
              <el-row class="title-box clearable h3Parent width-c48">
                <el-col :span="24">
                  <h3 class="titleUseStyle">基本信息</h3>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="所属粮库">
                      <el-input v-model="formInline.kddm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="仓房号">
                      <el-input v-model="formInline.cfbh" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="仓房类型">
                      <el-input v-model="formInline.cflx" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="交付使用日期">
                      <el-date-picker v-model="formInline.qyrq" type="date"></el-date-picker>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row class="title-box clearable h3Parent width-c48">
                <el-col :span="24">
                  <h3 class="titleUseStyle">结构信息</h3>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="墙体(m)">
                      <el-input v-model="formInline.qyrq" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="檐高(m)">
                      <el-input v-model="formInline.qyrq" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="屋面">
                      <el-input v-model="formInline.qyrq" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="地面">
                      <el-input v-model="formInline.qyrq" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="房屋跨度">
                      <el-input v-model="formInline.qyrq" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="设计仓容(m³)">
                      <el-input v-model="formInline.sjcr" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row class="title-box clearable h3Parent width-c48">
                <el-col :span="24">
                  <h3 class="titleUseStyle">仓内信息</h3>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="长(m)">
                      <el-input v-model="formInline.cfcd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="宽(m)">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="装粮线高度(m)">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="筒仓内径">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="仓内体积">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row class="title-box clearable h3Parent width-c48">
                <el-col :span="24">
                  <h3 class="titleUseStyle">其它信息</h3>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="仓门数量">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="仓门高度">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="仓门宽度">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="通风方式">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="隔热方式">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="控温措施">
                      <el-input v-model="formInline.cfkd" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
            </el-form>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="warehouseManagementBool = false">返 回</el-button>
          </span>
        </el-dialog>
        <!-- 仓库管理弹框结束 -->
      </el-tab-pane>
      <el-tab-pane label="机械设备管理" name="second">
        <el-form ref="form" :model="form" label-width="80px">
          <el-row>
            <el-col :span="6">
              <el-form-item label="所属粮库:">
                <el-input v-model="form.kdmc" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="设备名称:">
                <el-input v-model="form.sbyqmc" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-button
                type="primary"
                @click="searchInfoPop"
                class="mgt-3"
                style="margin-left: 20px;"
              >
                <i class="iconfont">&#xe67f;</i>
                查询
              </el-button>
              <el-button type="primary" @click="clearInfo" class="mgt-3" style="margin-left: 20px;">
                <i class="iconfont">&#xe67f;</i>
                清空
              </el-button>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="tableData" v-loading="tableLoading" stripe border style="width: 100%">
          <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
          <el-table-column prop="kddm" label="所属粮库" width="180" align="center"></el-table-column>
          <el-table-column prop="sbyqmc" label="设备名称" width="180" align="center"></el-table-column>
          <el-table-column prop="sbggxh" label="规格型号" width="180" align="center"></el-table-column>
          <el-table-column prop="grainAndOilSalesCost" label="设备数量" width="180" align="center"></el-table-column>
          <el-table-column prop="netProfit" label="负责人" align="center"></el-table-column>
          <!-- <el-table-column width="90" label="编制日期" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.applicationDate?scope.row.applicationDate.split('T')[0]:'-'}}</span>
            </template>
          </el-table-column>-->
          <el-table-column label="操作" align="center" width="150">
            <template slot-scope="scope">
              <el-tooltip class="item" effect="light" content="详情" placement="top">
                <el-button
                  @click.stop="modifyPopOne(scope.row,'show')"
                  type="primary"
                  size="primary"
                  class="button operate_show_btn"
                >
                  <i class="iconfont">&#xe67e;</i>
                </el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- 机械设备管理弹框开始 -->
        <el-dialog title="机械设备管理详情" :visible.sync="warehouseManagementBoolOne" width="60%" center>
          <div class="grid-content bg-purple reserveManagement-el-dialog">
            <el-form :model="formInlineOne" :disabled="true" class="width-80">
              <el-row class="title-box clearable h3Parent width-c48">
                <el-col :span="24">
                  <h3 class="titleUseStyle">基本信息</h3>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="所属粮库">
                      <el-input v-model="formInlineOne.kdmc" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="设备名称">
                      <el-input v-model="formInlineOne.sbyqmc" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="规格型号">
                      <el-input v-model="formInlineOne.sbggxh" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="设备编号">
                      <el-input v-model="formInlineOne.sbbh" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="设备数量">
                      <el-input v-model="formInlineOne.sbbh" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="采购时间">
                      <el-input v-model="formInlineOne.cgsj" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="负责人">
                      <el-input v-model="formInlineOne.exercisePlan" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="备注">
                      <el-input v-model="formInlineOne.exercisePlan" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
            </el-form>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button @click="warehouseManagementBoolOne = false">取 消</el-button>
          </span>
        </el-dialog>
        <!-- 机械设备管理弹框结束 -->
      </el-tab-pane>
      <el-tab-pane label="人员管理" name="three">
        <el-form ref="form" :model="form" label-width="80px">
          <el-row>
            <el-col :span="6">
              <el-form-item label="所属粮库:">
                <el-input v-model="form.kdmc" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-button
                type="primary"
                @click="searchInfoOfPeople"
                class="mgt-3"
                style="margin-left: 20px;"
              >
                <i class="iconfont">&#xe67f;</i>
                查询
              </el-button>
              <el-button type="primary" @click="clearInfo" class="mgt-3" style="margin-left: 20px;">
                <i class="iconfont">&#xe67f;</i>
                清空
              </el-button>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="tableData" v-loading="tableLoading" stripe border style="width: 100%">
          <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
          <el-table-column prop="kdmc" label="所属粮库" width="180" align="center"></el-table-column>
          <el-table-column prop="ryxm" label="姓名" width="180" align="center"></el-table-column>
          <el-table-column prop="grainAndOilSalesIncome" label="年龄" width="180" align="center"></el-table-column>
          <el-table-column prop="xb" label="性别" width="180" align="center"></el-table-column>
          <el-table-column prop="zwdm" label="职务" align="center"></el-table-column>
          <!-- <el-table-column width="90" label="编制日期" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.applicationDate?scope.row.applicationDate.split('T')[0]:'-'}}</span>
            </template>
          </el-table-column>-->
          <el-table-column label="操作" align="center" width="150">
            <template slot-scope="scope">
              <el-tooltip class="item" effect="light" content="详情" placement="top">
                <el-button
                  @click.stop="modifyPopTwo(scope.row,'show')"
                  type="primary"
                  size="primary"
                  class="button operate_show_btn"
                >
                  <i class="iconfont">&#xe67e;</i>
                </el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- 人员管理弹框开始 -->
        <el-dialog title="人员管理详情" :visible.sync="warehouseManagementBoolTwo" width="60%" center>
          <div class="grid-content bg-purple reserveManagement-el-dialog">
            <el-form :model="formInlineTwo" :disabled="true" class="width-80">
              <el-row class="title-box clearable h3Parent width-c48">
                <el-col :span="24">
                  <h3 class="titleUseStyle">基本信息</h3>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="所属粮库">
                      <el-input v-model="formInlineTwo.kdmc" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="姓名">
                      <el-input v-model="formInlineTwo.ryxm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="年龄">
                      <el-input v-model="formInlineTwo.ryxm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="性别">
                      <el-input v-model="formInlineTwo.xb" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="政治面貌">
                      <el-input v-model="formInlineTwo.zzmm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="职务">
                      <el-input v-model="formInlineTwo.zwdm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="毕业院校">
                      <el-input v-model="formInlineTwo.zwdm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="学历">
                      <el-input v-model="formInlineTwo.zwdm" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                <el-col :span="12">
                  <div class="grid-content bg-purple">
                    <el-form-item label="联系电话">
                      <el-input v-model="formInlineTwo.lxdh" autocomplete="off"></el-input>
                    </el-form-item>
                  </div>
                </el-col>
              </el-row>
            </el-form>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button @click="warehouseManagementBoolTwo = false">取 消</el-button>
          </span>
        </el-dialog>
        <!-- 人员管理弹框结束 -->
      </el-tab-pane>
    </el-tabs>
    <div class="pag-right clearFix">
      <el-pagination
        class="right"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="formPage.page"
        :page-sizes="[10,20,30,40]"
        :page-size="formPage.size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="formPage.total"
      ></el-pagination>
    </div>
  </div>
</template>
<script>
import {
  budgetSubmissionByPage,
  budgetSubmissionByPageOfAudit,
  budgetSubmissionByPageOfInfo,
  budgetSubmissionModify,
  budgetSubmissionModifyOne,
  budgetSubmissionModifyTwo
} from "@/api/emergencyManagement/reserveManagement/index";

export default {
  data() {
    return {
      dataValue: "",
      activeName: "first",
      form: {},
      formPage: {
        page: 1,
        size: 10,
        total: 0
      },
      formInline: {},
      formInlineOne: {},
      formInlineTwo: {},
      //列表数据
      tableData: [],
      //列表loading控制
      tableLoading: false,
      warehouseManagementBool: false,
      warehouseManagementBoolOne: false,
      warehouseManagementBoolTwo: false
    };
  },
  methods: {
    // 查看
    modifyPop(row, state) {
      this.warehouseManagementBool = true;
      budgetSubmissionModify(row).then(response => {
        if (response.infoCode == 200) {
          this.formInline = response.data;
        } else {
          this.$message({
            type: "error",
            message: response.msg
          });
        }
      });
    },
    //机械设备管理查看
    modifyPopOne(row, state) {
      this.warehouseManagementBoolOne = true;
      budgetSubmissionModifyOne(row).then(response => {
        if (response.infoCode == 200) {
          // this.formInlineOne = response.data;
        } else {
          this.$message({
            type: "error",
            message: response.msg
          });
        }
      });
    },
    //人员管理查看
    modifyPopTwo(row, state) {
      this.warehouseManagementBoolTwo = true;
      budgetSubmissionModifyTwo(row).then(response => {
        if (response.infoCode == 200) {
          this.formInlineTwo = response.data;
        } else {
          this.$message({
            type: "error",
            message: response.msg
          });
        }
      });
    },
    handleClick(tab, event) {
      (this.form = {}),
        (this.formPage = {
          page: 1,
          size: 10,
          total: 0
        }),
        console.log(this.form, this.formPage);
      if (tab.name == "first") {
        this.initTableData();
      } else if (tab.name == "second") {
        this.initTableDataPop();
      } else {
        this.initTableDataInfo();
      }
    },
    //查询
    searchInfo() {
      this.initTableData();
    },
    //查询-机械设备表
    searchInfoPop() {
      this.initTableDataPop();
    },
    //查询-人员管理表
    searchInfoOfPeople() {
      this.initTableDataInfo();
    },
    //清空
    clearInfo() {
      this.form = {};
      this.initTableData();
    },
    //分页大小
    handleSizeChange(val) {
      this.formPage.size = val;
      this.initTableData();
    },
    //分页页数
    handleCurrentChange(val) {
      this.formPage.page = val;
      this.initTableData();
    },
    //初始化列表数据
    initTableData() {
      this.tableLoading = true;
      budgetSubmissionByPage(this.form, this.formPage).then(response => {
        if (response.infoCode == 200) {
          this.tableData = response.data.list;
          // console.log(this.tableData);
          this.formPage.total = response.data.total;
        } else {
          this.$message({
            type: "error",
            message: response.msg
          });
        }
        this.tableLoading = false;
      });
    },
    //初始化列表数据-机械设备管理
    initTableDataPop() {
      this.tableLoading = true;
      budgetSubmissionByPageOfAudit(this.form, this.formPage).then(response => {
        if (response.infoCode == 200) {
          this.tableData = response.data.list;
          this.formPage.total = response.data.total;
        } else {
          this.$message({
            type: "error",
            message: response.msg
          });
        }
        this.tableLoading = false;
      });
    },
    //初始化列表数据-人员管理
    initTableDataInfo() {
      this.tableLoading = true;
      budgetSubmissionByPageOfInfo(this.form, this.formPage).then(response => {
        if (response.infoCode == 200) {
          this.tableData = response.data.list;
          this.formPage.total = response.data.total;
        } else {
          this.$message({
            type: "error",
            message: response.msg
          });
        }
        this.tableLoading = false;
      });
    }
  },
  created() {
    this.initTableData();
  }
};
</script>
<style>
@import "common.css";
.margin-top-26 {
  margin-top: -26px;
}
.el-input,
.el-select {
  /* width: 100% !important; */
}
.reserveManagement-el-dialog .el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 66%;
  float: right;
}
.outButtonPop {
  padding: 9.2px 27px;
  background: #145b9b;
  border-color: #145b9b;
}
.outButtonPop.el-button--primary:focus,
.outButtonPop.el-button--primary:hover {
  background-color: #038794;
  border-color: #038794;
}
.outButtonPop.el-button--primary.is-disabled,
.outButtonPop.el-button--primary.is-disabled:active,
.outButtonPop.el-button--primary.is-disabled:focus,
.outButtonPop.el-button--primary.is-disabled:hover {
  background-color: #aed6da;
  border-color: #aed6da;
}
/* .budgetSubmission-uploadBtn {
  display: inline-block;
  padding: 8px 13px;
  font-size: 14px;
  color: #ffffff;
  background-color: #3fa9b5 !important;
  border-color: #3fa9b5;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 8px;
}
.budgetSubmission-uploadBtn input[type="file"] {
  display: none;
} */
.budgetSubmission-button {
  padding: 8px 13px;
  background: #3fa9b5;
  border-color: #3fa9b5;
  margin-top: 4px;
  margin-left: 14px;
}
.budgetSubmission-exportButton {
  padding: 8px 13px;
  background: #3fa9b5;
  border-color: #3fa9b5;
  margin-top: 4px;
  margin-left: 8px;
}
#ml-9 {
  margin-left: 9px;
}
.click-css {
  color: #0029ff;
  cursor: pointer;
}
/* 新增样式开始 */
/* 新增样式结束 */
</style>
<style lang="scss">
.h3Parent {
  .el-col {
    position: relative;
  }
}
.title-box {
  //新增等标题外的el-row用样式（如调控管理>涉粮企业管理系统>企业基础信息管理>新增）
  .el-col {
    height: 38px;
  }
}
.titleUseStyle {
  position: absolute;
  top: -16px;
  font-size: 14px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  background: #47a8b7;
  padding-left: 8px;
  &::before {
    position: relative;
    top: 2px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 2px;
    height: 14px;
    background-color: #fff;
  }
}
</style>
