<template>
  <div class="common-page device-manage">
    <div class="panel-bottom page-row">
      <div class="ctin-box">
        <div class="content-within">
          <div class="content-fix">
            <div class="toolbar">
              <div style="line-height:30px">企业基本信息</div>
              <div>
                <el-button size="mini" :type="readonly?'primary':''" :icon="readonly?'el-icon-edit':'el-icon-close'" @click="editInfo()">{{readonly?'编辑信息':'取消编辑'}}</el-button>
                <el-button v-show="!readonly" size="mini" type="success" icon="el-icon-edit-outline" @click="saveInfoTable()">保存</el-button>
              </div>
            </div>
            <hr/>
            <div class="content">
              <el-form :model="formData" :rules="rules" ref="ruleForm" inline size="mini">
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="企业名称：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.minename" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="统一社会信用代码：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.creditcode" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全生产许可证编号：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.splicense" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="采矿许可证编号：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.mlicense" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="生产状态：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.productionstatus" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in ptsOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="经济类型：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.economytype" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in etOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="所在区县：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.city" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="企业地址：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.mineaddress" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="企业简介：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.mineintroduction" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿区中心地理坐标：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.coordinates" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="企业类型：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.companytype" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in ctOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="法定代表人：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.legalperson" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="法定代表电话：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.legalpersontel" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全负责人：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.safetyleader" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安管机构负责人：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.safetyhead" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="调度室电话：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.ondutyte1ephone" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿区面积（平方公里）：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.minesize" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="设计服务年限：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.useyear" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿区标高：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.minehighlevel" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿山在职总人数：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.staffcount" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿领导人数：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.leadercount" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="专职安管人员数：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.safetymanagercount" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="特种作业人员人数：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.specialoperators" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="所属行业：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.industrytype" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in istOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="所属矿种：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.mineralstype" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in matOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全预评价单位：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.safetypreevaluationunit" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全预评级：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.spuqualification" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全验收评：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.safetyacceptanceunit" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全评价验：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.sauqualification" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿产资源储量：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.mineralresources" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿山设计规模（万吨/年）：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.minedesignscale" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="釆矿方法：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.miningmethod" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in mthOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="开拓方式：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.minestyle" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in mtlOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="通风方式：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.ventilatestyle" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in vtlOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="运输方式：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.transmitstyle" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in ttlOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="水文地质类型：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.hydrogeologicaltype" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in hytOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿山地质类型：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.minegeologicaltype" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in mgtOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场名称：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.dumpname" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场服务年限：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.dumpserviceyear" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="总容量：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.totalcapacity" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="汇水面积：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.catchmentarea" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土工艺：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.displacementprocess" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in dpOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场安全度：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.dumpsafety" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in dfOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="安全资格证文件名：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.spcertificate" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="矿山工程相关专业人数：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.professionalcount" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场数量：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.dumpcount" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场是否关闭：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-select v-model="formData.dumpclose" placeholder="无" :disabled="readonly">
                          <el-option v-for="item in tfOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                        </el-select>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场分类：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.dumpclass" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
                <el-row>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场堆置顺序：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.dumpsort" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="排土场堆置要素：" class="form-cell">
                      <div :class="readonly?'cell-box':''">
                        <el-input v-model="formData.dumpfactor" :readonly="readonly" class="cell-input"></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                  <el-col :span="8"><div class="grid-content">
                    <el-form-item label="最后更新时间：" class="form-cell">
                      <div class="cell-box">
                        <el-input v-model="formData.updatetime" readonly></el-input>
                      </div>
                    </el-form-item>
                  </div></el-col>
                </el-row>
              </el-form>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
import {Tools, HttpReq, Dates} from '@/assets/js/common.js';

export default {
  name: 'enterpriseInfo',
  components: {},
  data() {
    return {
      readonly: true,
      tfOptions: [
        {
          value: '0',
          label: '否'
        }, {
          value: '1',
          label: '是'
        }
      ],
      ptsOptions: [
        {
          value: '1',
          label: '生产'
        }, {
          value: '2',
          label: '停产'
        }, {
          value: '3',
          label: '建设'
        }, {
          value: '4',
          label: '停建'
        }
      ],
      etOptions: [
        {
          value: '1',
          label: '国有集体'
        }, {
          value: '2',
          label: '联营'
        }, {
          value: '3',
          label: '私营'
        }, {
          value: '4',
          label: '有限责任'
        }, {
          value: '5',
          label: '股份有限'
        }, {
          value: '6',
          label: '股份合作'
        }, {
          value: '7',
          label: '港澳台'
        }, {
          value: '8',
          label: '外商投资'
        }, {
          value: '9',
          label: '分公司'
        }, {
          value: '10',
          label: '其他'
        }
      ],
      ctOptions: [
        {
          value: '1',
          label: '露天矿山'
        }, {
          value: '2',
          label: '陆上石油天然气开釆企业'
        }, {
          value: '3',
          label: '岩盐开釆'
        }
      ],
      istOptions: [
        {
          value: '1',
          label: '黑色金属矿釆选'
        }, {
          value: '2',
          label: '有色金属矿釆选'
        }, {
          value: '3',
          label: '非金属矿釆选'
        }, {
          value: '4',
          label: '其他釆矿业'
        }
      ],
      matOptions: [
        {
          value: '1',
          label: '铁'
        }, {
          value: '2',
          label: '镒'
        }, {
          value: '3',
          label: '铭'
        }, {
          value: '4',
          label: '铜铝'
        }, {
          value: '5',
          label: '高岭土'
        }, {
          value: '6',
          label: '例'
        }, {
          value: '7',
          label: '铅锌'
        }, {
          value: '8',
          label: '多金属'
        }, {
          value: '9',
          label: '黄金'
        }, {
          value: '10',
          label: '银'
        }, {
          value: '11',
          label: '硫铁'
        }
        , {
          value: '12',
          label: '硫磺'
        }, {
          value: '13',
          label: '磷'
        }, {
          value: '14',
          label: '其他黑色金属矿'
        }, {
          value: '15',
          label: '其他有色金属矿'
        }, {
          value: '16',
          label: '石灰石、石膏'
        }, {
          value: '17',
          label: '建筑装饰用石材'
        }, {
          value: '18',
          label: '其他非金属釆矿'
        }
      ],
      mthOptions: [
        {
          value: '1',
          label: '空场釆矿法'
        }, {
          value: '2',
          label: '充填采矿法'
        }, {
          value: '3',
          label: '崩落采矿法'
        }
      ],
      mtlOptions: [
        {
          value: '1',
          label: '平丽'
        }, {
          value: '2',
          label: '竖井'
        }, {
          value: '3',
          label: '斜井'
        }, {
          value: '4',
          label: '斜坡道'
        }, {
          value: '5',
          label: '联合开拓',
        }
      ],
      vtlOptions: [
        {
          value: '1',
          label: '中央式'
        }, {
          value: '2',
          label: '对角式'
        }, {
          value: '3',
          label: '混合式'
        }, {
          value: '4',
          label: '区域式'
        }
      ],
      ttlOptions: [
        {
          value: '1',
          label: '电机'
        }, {
          value: '2',
          label: '汽车'
        }, {
          value: '3',
          label: '运矿车'
        }, {
          value: '4',
          label: '无轨胶轮运人车'
        }, {
          value: '5',
          label: '带式输送机'
        }
      ],
      hytOptions: [
        {
          value: '1',
          label: '简单'
        }, {
          value: '2',
          label: '中等'
        }, {
          value: '3',
          label: '复杂'
        }, {
          value: '4',
          label: '极复杂'
        }, {
          value: '5',
          label: '未检测'
        }
      ],
      mgtOptions: [
        {
          value: '1',
          label: '简单'
        }, {
          value: '2',
          label: '中等'
        }, {
          value: '3',
          label: '复杂'
        }, {
          value: '4',
          label: '极复杂'
        }
      ],
      dpOptions: [
        {
          value: '1',
          label: '公路运输排土'
        }, {
          value: '2',
          label: '铁路运输排土'
        }, {
          value: '3',
          label: '胶带运输排土'
        }, {
          value: '4',
          label: '水力排土'
        }, {
          value: '5',
          label: '联合排'
        }
      ],
      dfOptions: [
        {
          value: '1',
          label: '危险级'
        }, {
          value: '2',
          label: '病级'
        }, {
          value: '3',
          label: '正常级'
        }
      ],
      formData:{
        minename: '',
        creditcode: '',
        splicense: '',
        mlicense:'',
        productionstatus: '',
        economytype: '',
        city: '',
        mineaddress: '',
        mineintroduction: '',
        coordinates: '',
        companytype: '',
        legalperson: '',
        legalpersontel: '',
        safetyleader: '',
        safetyhead: '',
        ondutyte1ephone: '',
        minesize: '',
        useyear: '',
        minehighlevel: '',
        staffcount: '',
        leadercount: '',
        safetymanagercount: '',
        specialoperators: '',
        industrytype: '',
        mineralstype: '',
        safetypreevaluationunit: '',
        spuqualification: '',
        safetyacceptanceunit: '',
        sauqualification: '',
        mineralresources: '',
        minedesignscale: '',
        miningmethod: '',
        minestyle: '',
        ventilatestyle: '',
        transmitstyle: '',
        hydrogeologicaltype: '',
        minegeologicaltype: '',
        dumpname: '',
        dumpserviceyear: '',
        totalcapacity: '',
        catchmentarea: '',
        displacementprocess: '',
        dumpsafety: '',
        spcertificate: '',
        professionalcount: '',
        dumpcount: '',
        dumpclose: '0',
        dumpclass: '',
        dumpsort: '',
        dumpfactor: '',
        updatetime: '',
      },
      rules: {
        month: [
          {required: true, message: '请选择月份', trigger: 'change'}
        ],
      },
    }
  },
  mounted() {
    var This = this;
    this.$nextTick(() => {
      this.initInfoTable();
    })
  },
  methods: {
    editInfo(){
      this.readonly=!this.readonly;
      this.initInfoTable();
    },
    initInfoTable(){
      HttpReq.truckDispatching.tEnterpriseInfo().then((res) => {
        if (res.code == 200) {
          this.formData = res.data || {};
        }
      })
    },
    saveInfoTable(){
      HttpReq.truckDispatching.tEnterpriseInfoUpdate(this.formData).then((res) => {
        if (res.code == 200) {
          this.$notify({
            title: res.msg,
            type: 'success',
            duration: 2500
          });
          this.editInfo();
        }
      })
    }
  },
}
</script>

<style rel="stylesheet/scss" lang="scss" scope>
.form-cell {
  margin: 0 !important;
  width: 100%;
}
.cell-input {
  min-width: 280px;
}
.grid-content {
  border: 1px solid rgba(100, 100, 100, 0.1);
  padding: 5px 30px;
}
.cell-box .el-input__inner {
  border: 0;
}
.cell-box .el-input.is-disabled .el-input__inner {
  border: 0;
  background: white;
  cursor: text;
}
.cell-box .el-input.is-disabled .el-input__icon {
  cursor: text;
}
.cell-box .el-icon-arrow-up:before {
  content: '';
}

.toolbar {
  display: flex;
  justify-content: space-between;
}
</style>
