<template>
  <el-dialog
    :title="title"
    :visible.sync="modal"
    :close-on-click-modal="false"
    width="600px"
    @close="
      res => {
        $emit('cancel');
      }
    "
  >
    <el-form ref="form" :model="form" label-width="100px">
      <el-form-item label="场景" prop="kindergartenId">
        <SceneSelect v-model="form.kindergartenId" :clearable="false" />
      </el-form-item>
      <el-form-item label="活动">
        <ActivitySelect v-model="form.activityId" :firstLoad="true" />
      </el-form-item>

      <el-row style="text-align: right;">
        <el-button class="mt-40" size="small" type="primary" @click="saveData"
          >确认</el-button
        >
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>
import { multAuditPhoto } from '@/api/photoWarehouse';
import { format } from '@/utils';

export default {
  name: 'MultFissonModal',
  props: {},
  data() {
    return {
      title: '批量一键审核',
      modal: true,

      form: {
        kindergartenId: null,
        activityId: null
      }
    };
  },
  methods: {
    async saveData(obj, name, size) {
      const params = {
        kindergartenId: this.form.kindergartenId,
        activityId: this.form.activityId
      };
      const { success, msg } = await multAuditPhoto(format(params));

      if (success) {
        this.$success('批量审核成功！');
        this.modal = false;
        this.$g_emit('photo_reload');
      } else {
        this.$error(msg);
      }
    },
    close() {
      this.modal = false;
      this.$g_emit('photo_reload');
    }
  }
};
</script>

<style lang="scss" scoped></style>

<style>
.el-upload {
  width: 100%;
}
.el-upload-dragger {
  width: 100%;
}
</style>