<template>
      <el-container>
        <el-header>
          <el-row>
            <el-col :span='5'>
              <el-input size='mini' placeholder="请输入URL" prefix-icon="el-icon-search">
              <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
            </el-col>
            <el-col :span='16'>
              <el-button size='mini'>保存</el-button>
              <el-button size='mini'>完结</el-button>
              <el-button size='mini'>打回</el-button>
              <el-button size='mini'>删除</el-button>
              <el-button size='mini'>上传</el-button>
              <el-button size='mini' @click='close'>关闭</el-button>
            </el-col>
          </el-row>
        </el-header>
        <el-form class="header-form" :model="issue_data"  :inline="true" size='mini'>
          <el-form-item label='窗口URL' label-width="30">
            <el-input  v-model="issue_data.iFormId" type="text"></el-input>
          </el-form-item>
          <el-form-item label='优先级' label-width="30">
            <BaseSelectPlugn
                :Global_data_select="Global_data_select"
                v-model="issue_data.iPriority"
                :data_base=data_base
                >
              </BaseSelectPlugn>
          </el-form-item>
           <el-form-item label='问题类型' label-width="30">
            <el-input v-model="issue_data.iTaskType" type="text"></el-input>
          </el-form-item>
           <el-form-item label='创建日期' label-width="30">
            <el-date-picker
              v-model="issue_data.tCreateTime"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label='任务交期' label-width="30">
            <el-date-picker
              v-model="issue_data.tDeliveryTime"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="问题描述">
            <el-input   :autosize="{ minRows: 3, maxRows: 100}" v-model="issue_data.sRemark" type="textarea"></el-input>
          </el-form-item>
        </el-form>
        <el-table
          :data="tableData"
          style="width: 100%">
          <el-table-column prop="date" label="行号"></el-table-column>
          <el-table-column prop="name" label="任务号"></el-table-column>
          <el-table-column prop="address" label="状态"></el-table-column>
          <el-table-column prop="address" label="开发人"></el-table-column>
          <el-table-column prop="address" label="优先级"></el-table-column>
          <el-table-column prop="date" label="窗口名称"></el-table-column>
          <el-table-column prop="name" label="问题类型"></el-table-column>
          <el-table-column prop="address" label="问题描述"></el-table-column>
          <el-table-column prop="address" label="备注"></el-table-column>
          <el-table-column prop="address" label="图片"></el-table-column>
          <el-table-column prop="date" label="交期"></el-table-column>
          <el-table-column prop="name" label="计划完成日期"></el-table-column>
          <el-table-column prop="address" label="创建人"></el-table-column>
          <el-table-column prop="address" label="创建时间"></el-table-column>
          <el-table-column prop="address" label="解决方法/关闭原因"></el-table-column>
        </el-table>
      </el-container>
</template>
<script>

export default {
  data() {
    return {
      Global_data_select: [],
      tableData: [],
      issue_data: {},
      data_base: {
        '无': 0,
        '低': 1,
        '中': 2,
        '高': 3,
        '加急': 4,
        '特急': 5
      }
    }
  },
  mounted() {
    const index = this.$store.getters.activeTabIndex
    const { name, path } = this.$store.state.globalStore.headerTabs[index]
    console.log(name, path)
  },
  methods: {
    close() {
      this.$emit('close_dialog', true)
    }
  }
}
</script>
<style scoped>
.header-form >>> .el-input__inner {
  width: 130px !important;
}
</style>

