<template>
  <el-button type="primary" class="button-sty" @click="openDialog"
              icon="el-icon-plus">{{ $t1('补充意见') }}
  <el-dialog
        v-if="showDialog"
        :visible.sync="showDialog"
        :modal-append-to-body="false"
        :close-on-click-modal="false"
        :modal="false"
        custom-class="dialog-style wf-dialog"
        :destroy-on-close="true"
        :append-to-body="true"
        v-el-drag-dialog
        v-el-dialog-center
      >
        <template #title>
          <span class="el-dialog__title">{{ $t1('补充意见') }}</span>
        </template>
        <el-form ref="form" :model="formData">
          <div id="containt">
            <table class="table-detail">
              <tbody>
              <tr>
                <th>
                    <span class="t">
                      {{ $t1('内容') }}
                    </span>
                </th>
                <td>
                  <el-form-item label="" field="opinion">
                    <el-input type="textarea" :rows="8" v-model="formData.opinion"></el-input>
                  </el-form-item>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" plain class="button-sty" @click="showDialog=false">
            <i class="el-icon-close el-icon"></i>
            {{ $t2('取 消', 'system.button.cancel2') }}
          </el-button>
          <el-button type="primary" @click="confirmDialog" class="button-sty">
            <i class="el-icon-check el-icon"></i>
            {{ $t2('确 定', 'system.button.confirm2') }}
          </el-button>
        </span>
      </el-dialog>
  </el-button>
</template>
<script>
import mixin from "./mixins/addOpinionButton";
export default {
  mixins: [mixin],
}
</script>
