/* eslint-disable */
<template>
  <a-form :model="form" :labelCol="{ span: 5 }" :wrapper-col="{ span: 12 }">
    <a-form-item label="井号">
      <a-input v-model="form.jh"></a-input>
    </a-form-item>
    <a-form-item label="井号表名">
      <a-input v-model="form.jhTableName"></a-input>
    </a-form-item>
    <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
      <a-button type="primary" @click="submit">提交</a-button>
    </a-form-item>
  </a-form>
</template>
<!-- 埕北斜397(水平井) -->
<script>
import newWarnApi from '@/api/newWarnApi';
import vue from 'vue'

export default {
  name: 'Mode',
  props: {
  },
  data() {
    return {
      wellConfig: {},
      form: {
        id: '',
        jh: '',
        jhTableName: ''
      },
      formLoading: {
        visible: false,
        tip: '正在加载...',
        spinIcon: 'loading'
      },
      realFields: [],
      jh: undefined
    }
  },
  created() { },
  mounted() {

  },
  computed: {},
  watch: {
  },
  activated() {
  },
  methods: {
    submit() {
      newWarnApi.saveWarningJh(this.form).then(res => {
        console.log('结果', res)
        this.form = {
          id: '',
          jh: '',
          jhTableName: ''
        }
      })
    }

  }
}
</script>

<style scoped>
.page {
  width: 100%;
  font-size: 12px;
}
.ant-form {
  font-size: 12px;
}
.ant-form label {
  font-size: 12px;
  line-height: 24px;
}
.ant-select {
  font-size: 12px;
}
.group-box {
  border: 1px solid #e8e8e8;
  position: relative;
  margin-top: 15px;
  padding: 15px 0 10px 5px;
}
h4 {
  position: absolute;
  top: -14px;
  padding: 1px 8px;
  margin-left: 16px;
  border-radius: 2px 2px 0 0;
  background: #fff;
  font-size: 14px;
  width: auto;
}
.input-lable {
  display: inline-block;
  width: 70px;
  text-align: right;
}
</style>
