#set($select = "[0]")
<template>
  <div class="view">
    <div class="search-warp">
      <el-form :inline="true" :model="searchForm" class="demo-form-inline" size="small">
        #foreach($field in ${queryInfo.fields})
          <el-form-item label="$!{field.comment}">
            #if(${field.columnType} == "String")
            <el-input clearable @clear="search" v-model="searchForm.$!{field.propertyName}" placeholder="$!{field.comment}"></el-input>
            #elseif(${field.columnType} == "BigDecimal" or ${field.columnType} == "Integer")
            <el-input clearable @clear="search" type="number" v-model="searchForm.$!{field.propertyName}" placeholder="$!{field.comment}"></el-input>
            #end
          </el-form-item>
        #end
        <el-form-item>
          <el-button type="primary" @click="search">查找</el-button>
        </el-form-item>
      </el-form>
    </div>
    <OperateC
            :top-level="topLevel"
            :add="add$!{vueInfo.name}"
            :edit="edit$!{vueInfo.name}"
            :remove="remove$!{vueInfo.name}"
            :add-show="this.$getButtonAuth('$!{vueInfo.lowerName}:add')"
            :remove-show="this.$getButtonAuth('$!{vueInfo.lowerName}:del:batch')"
    ></OperateC>
    <$!{vueInfo.name}Table
            :top-level="topLevel"
            ref="$!{vueInfo.name}TableRef"
            :edit-show="this.$getButtonAuth('$!{vueInfo.lowerName}:edit')"
            :del-show="this.$getButtonAuth('$!{vueInfo.lowerName}:del')"
    ></$!{vueInfo.name}Table>
    <$!{vueInfo.name}Dialog></$!{vueInfo.name}Dialog>
  </div>
</template>

<script>
  import $!{vueInfo.name}Dialog from "@/components/dialog/$!{vueInfo.name}Dialog";
  import OperateC from "@/components/OperateC";
  import $!{vueInfo.name}Table from "@/components/table/$!{vueInfo.name}Table";
  import {delete$!{vueInfo.name}ByIds, get$!{vueInfo.name}s} from "@/api/$!{vueInfo.lowerName}";
  export default {
    name: "$!{vueInfo.viewName}",
    components: {$!{vueInfo.name}Dialog, OperateC, $!{vueInfo.name}Table},
    data() {
      return {
        searchForm: {
          #foreach($field in ${queryInfo.fields})
          ${field.propertyName}: #if(${field.columnType} == "String")'', #else null, #end
          #end
        },
        topLevel: 1
      }
    },
    methods: {
      search() {
        this.$refs.$!{vueInfo.name}TableRef.get$!{vueInfo.name}s(this.searchForm)
      },
      add$!{vueInfo.name}() {
        let params = {
          dialogFormVisible: true,
          dialogTitle: "添加$!{table.comment}"
        }
        this.#[[$store]]#.commit("$!{vueInfo.lowerName}/openDialogForm", params);
      },
      edit$!{vueInfo.name}() {
        let selected = this.#[[$store]]#.state.$!{vueInfo.lowerName}.multipleSelection;
        if (selected.length < 1) {
          this.$message.warning("你还没有选中数据哦！");
          return;
        }
        if (selected.length > 1) {
          this.$message.warning("一次只能修改一条数据哦！")
          return;
        }
        this.#[[$store]]#.dispatch("$!{vueInfo.lowerName}/edit$!{vueInfo.name}", selected[0]);
      },
      remove$!{vueInfo.name}() {
        let selected = this.#[[$store]]#.state.$!{vueInfo.lowerName}.multipleSelection;
        if (selected.length < 1) {
          this.$message.warning("请先选择要删除的数据哦！");
          return;
        }
        this.$confirm('确定删除吗?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          delete$!{vueInfo.name}ByIds(selected).then((res) => {
            this.#[[$message]]#.success(res.data.msg);
            // 刷新
            let params = {
              "current": this.#[[$store]]#.state.$!{vueInfo.lowerName}.currentPage,
              "size": this.#[[$store]]#.state.$!{vueInfo.lowerName}.pageSize
            };
            get$!{vueInfo.name}s(params).then((res) => {
              this.#[[$store]]#.state.$!{vueInfo.lowerName}.tableData = res.data.data;
              this.#[[$store]]#.state.$!{vueInfo.lowerName}.total = res.data.total;
            })
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
        });
      },
    }
  }
</script>

<style scoped>

</style>