drp-ui/src/views/business/as/aspa-mobile/operating-btn/cl/index.vue

<script>
export default {
  name: "CL",
  props: {},
  components: {
    ImageUpload: () =>
      import(
        "@/views/business/as/after-sales/components/image-upload/index.vue"
      ),
  },
  data() {
    return {
      title: "",
      visible: false,
      params: {
        processingFeedback: null,
        files: [],
      },
      rules: {
        processingFeedback: [
          { required: true, message: "请输入处理反馈", trigger: "blur" },
        ],
      },
    };
  },
  methods: {
    open() {},
    close() {},
    beforeClose() {},
    useConfirm(){},
  },
};
</script>

<template>
  <el-drawer
    :title="title"
    :visible.sync="visible"
    direction="btt"
    :before-close="beforeClose"
    @close="close"
    @open="open"
  >
    <div>
      <el-form
        :size="$attrs.size"
        ref="transferOrder"
        :model="params"
        label-width="auto"
        :rules="rules"
      >
        <el-form-item label="描述" prop="processingFeedback">
          <el-input
            v-model="params.processingFeedback"
            type="textarea"
            :rows="3"
            placeholder="请输入处理反馈"
          ></el-input>
        </el-form-item>
        <el-form-item label="图片">
          <image-upload v-model="params.files" :size="size"></image-upload>
        </el-form-item>
      </el-form>
      <el-row type="flex" class="row-bg" justify="end">
        <el-button :size="$attrs.size" type="primary" @click="useConfirm"
          >确 认</el-button
        >
        <el-button :size="$attrs.size" @click="close">取 消</el-button>
      </el-row>
    </div>
  </el-drawer>
</template>