<template>
  <div>
    <div class="layout-content-padding">
      <div class="layout-content-main">
        <Row style="margin-top: 10px;">
          <!--查询条件-->
          <Col span="24">
            <div class="fl">
              <Form id="search-form" :label-width="70" inline onsubmit="return false">
                <label class="label-sign"></label>
                <Form-item label="委托单位:">
                  <Input v-model="formObj.client"  name="client" placeholder="请输入委托单位" clearable/>
                </Form-item>
                <Button style="margin-left: 5px;" type="primary" @click="searchPage">搜索</Button>
              </Form>
            </div>
            <div class="clear"></div>
          </Col>
          <!--内容-->
          <Col span="24">
          <Row :gutter="16">
            <Col span="14">
              <ClientLocationSearch ref="clientMap"></ClientLocationSearch>
            </Col>
            <Col span="10">
              <LocationWatch ref="clientTable"></LocationWatch>
            </Col>
          </Row>
          </Col>
        </Row>
      </div>
    </div>
  </div>
</template>

<script>
import ClientLocationSearch from './ClientLocationSearch'
import LocationWatch from './LocationWatch'
export default {
  components: { ClientLocationSearch, LocationWatch },
  data() {
    return {
      formObj: {
        client: ''
      },
      getPage: {},
      pageColumns: [
        { title: '委托商', key: 'client', width: 200 },
        { title: '委托编号', key: 'entrustCode', width: 120 },
        { title: '委托日期', key: 'entrustDate', width: 120, date: true },
        { title: '钻孔位置', key: 'boreholeLocation', width: 120 }
      ]
    }
  },
  mounted() {},
  methods: {
    searchPage() {
      this.$refs.clientMap._getLocationList(this.formObj.client)
      this.$refs.clientTable._page(this.formObj.client)
    }
  }
}
</script>
<style>
</style>
