<!--锅炉改造和重大修理-->
<template>
  <div class="app-container">
    <el-form
      ref="ysjl"
      :model="ysjl"
      class="el-form"
      label-position="right"
      label-width="130px"
    >
      <fieldset>
        <legend>设备技术参数</legend>
        <el-row :gutter="20">
          <el-col :span="9">
            <el-form-item label="额定载重量" prop="edingzaizhongliang">
              <el-input v-model="param.edingzaizhongliang" type="text" />kg
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item label="额定速度" prop="edingsudu">
              <el-input
                v-model="param.edingsudu"
                type="text"
                disabled
                @input="beforeHejia"
              />m/s
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="9">
            <el-form-item label="层站门数" prop="cnegzhanmenshu">
              <el-input
                v-model="param.ceng"
                type="text"
                style="width: 50px"
              />层
              <el-input
                v-model="param.zhan"
                type="text"
                style="width: 50px"
              />站
              <el-input
                v-model="param.men"
                type="text"
                style="width: 50px"
              />门
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item label="控制方式" prop="kongzhifangshi">
              <el-input v-model="param.kongzhifangshi" type="text" />
            </el-form-item>
          </el-col>
        </el-row>
      </fieldset>
      <fieldset>
        <legend>主要检验仪器和设备</legend>
        <el-row :gutter="20">
          <el-col :span="20">
            <el-input
              v-model="ysjl.jianyanyiju"
              style="width: 450px"
            />号检验专用工具箱
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="20">
            <el-form-item label="检验结论" prop="jianyanjielun">
              <el-radio-group v-model="jianyanjielun">
                <el-radio :label="合格">
                  备选项
                </el-radio>
                <el-radio :label="不合格">
                  备选项
                </el-radio>
                <el-radio :label="复检合格">
                  备选项
                </el-radio>
                <el-radio :label="复检不合格">
                  备选项
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="18">
            <el-form-item label="备注" prop="remark">
              <el-input
                v-model="param.remark"
                type="textarea"
                :disabled="edit"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin: 20px 0">
          <el-col :span="8">
            <el-form-item label="现场检验日期" prop="xianchangjianyanriqi">
              <el-date-picker
                v-model="param.xianchangjianyanriqi"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                style="width: 100%"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="检验完成日期" prop="jianyanwanchengriqi">
              <el-date-picker
                v-model="param.jianyanwanchengriqi"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                style="width: 100%"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下次检验日期" prop="xiacijianyanriq">
              <el-date-picker
                v-model="param.xiacijianyanriq"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                style="width: 100%"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <template>
          <el-row :gutter="20" style="margin-bottom: 20px; height: 90px">
            <el-col :span="18">
              <el-form-item label="说明" prop="beizhu">
                <el-input v-model="ysjl.beizhu" type="textarea" :rows="4" />
              </el-form-item>
            </el-col>
          </el-row>
        </template>
        <template>
          <el-row :gutter="20" style="margin-top: 20px">
            <el-col :span="8">
              <el-form-item label="校核" prop="jianyanjieshuriqi">
                <el-date-picker
                  v-model="ysjl.jianyanjieshuriqi"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                  style="width: 100%"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <sign-name
                :jianyanrenyuan="jianyanrenyuan"
                :ysjl="ysjl"
                :custom-clear-sign="customClearSign"
                @setSignValue="signNameValue"
              />
            </el-col>
            <el-col :span="8">
              <el-form-item label="日期" prop="jianyanrenyuan">
                <el-input v-model="jianyanrenyuan" disabled />
                <el-input v-show="false" v-model="ysjl.jianyanrenyuan" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :span="8">
              <el-form-item label="检验人员" prop="jianyanrenyuan">
                <el-input v-model="jianyanrenyuan" disabled />
                <el-input v-show="false" v-model="ysjl.jianyanrenyuan" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <sign-name
                :jianyanrenyuan="jianyanrenyuan"
                :ysjl="ysjl"
                :custom-clear-sign="customClearSign"
                @setSignValue="signNameValue"
              />
            </el-col>
            <el-col :span="8">
              <el-form-item label="日期" prop="jianyanrenyuan">
                <el-input v-model="jianyanrenyuan" disabled />
                <el-input v-show="false" v-model="ysjl.jianyanrenyuan" />
              </el-form-item>
            </el-col>
          </el-row>
        </template>
      </fieldset>
    </el-form>
  </div>
</template>
<script>
export default {
  name: 'Technical',
  props: {
    type: {
      required: true,
      type: String
    },
    showXmlbIndexListSg: {
      required: true,
      type: Array
    },
    /**
     * 格式为： [{ index: 0, relationIds: [1, 2] }]
     */
    jyxmRelations: {
      required: true,
      type: Array
    }
  },
  data() {
    return {
    }
  },
  created() {

  },
  methods: {

  }
}
</script>
<style scoped>
.el-tag {
  margin: auto 5px;
}

/* 表格边框样式 */
>>> .el-table td,
>>> .el-table th.is-leaf,
.el-table--border,
.el-table--group {
  border-color: black;
}

/* 多级表头样式 */
>>> .el-table--border th,
>>> .el-table--border th.gutter:last-of-type {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

/* 表格字体增亮色 */
>>> .el-table--border::after,
>>> .el-table--group::after,
>>> .el-table::before {
  background-color: black;
}
>>> .el-table thead,
.el-table {
  color: black;
}
</style>
<style lang="scss" scoped>
/*.el-table/deep/ td, .el-table/deep/ th.is-leaf,.el-table--border,.el-table--group{
  border-color: black;
}*/

.el-table {
  /deep/tbody tr:hover > td {
    background-color: oldlace;
  }
}
</style>
