epmet-work-pc-chengyang/src/views/modules/volunteer/VolManage/integral.vue

<template>
  <div class="g-main"  style="padding: 30px;">
    <el-form ref="ref_form" :label-position="labelPosition" :model="tableData" style="margin-left: 80px; margin-bottom: 30px;" >
      <el-form-item label="姓名" prop="name">
        {{ tableData.name }}
      </el-form-item>
      <el-form-item label="积分" prop="name">
        {{ tableData.nickname }}
      </el-form-item>
      <el-form-item label="积分行为" width="200px"  required prop="behaviorName">
        <el-select v-model="behaviorName" placeholder="请选择">
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="调整原因"  hide-required-asterisk="true" required prop="textarea">
        <el-input type="textarea" placeholder="不超过500子" v-model="textarea" maxlength="500" show-word-limit>
        </el-input>

      </el-form-item>
      <el-form-item label="操作类型"  hide-required-asterisk="false" required prop="radio">
        <el-radio-group v-model="radio">
          <el-radio :label="3">加积分</el-radio>
          <el-radio :label="6">减积分</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="积分调整" required  prop="integralnum">
        <el-input-number v-model="integralnum" @change="handleadjustment" :min="1" :max="10"
          label="描述文字"></el-input-number>
      </el-form-item>
    </el-form>
    <div class="flex flex-center1 flex-center2">
      <el-button type="info" @click="handleremove" >取消</el-button>
      <el-button   type="danger" @click="handleSubmit" >确定</el-button>
    </div>
    <div>
    </div>
  </div>
</template>
<script>

export default {
    
   name: "see",
    data() {
    return {
        labelPosition: 'right',
        tableData: [],
        integralnum: 1,
        radio:3,
        textarea: '',
        options: [{
          value: '选项1',
          label: '未打卡'
        }, {
          value: '选项2',
          label: '未参加活动'
        }, {
          value: '选项3',
          label: '早退'
        }, {
          value: '选项4',
          label: '活动积分'
        }, {
          value: '选项5',
          label: '其他'
        }],
        behaviorName: ''
    };
  },
  props:{
    list:{
      type: Object,
      default: () => {}
    }
  },
  created() {
    console.log(this.list,"list");
    this.tableData=this.list
  },
  methods: {
    async addActivity() {
            if (this.formType === 'edit' || this.formType === 'summary') {
                let url = '/actual/base/communityActivity/update'
                const { data, code, msg } = await requestPost(url, this.formData)
                if (code === 0) {
                    this.$message({
                        type: 'success',
                        message: '操作成功'
                    })
                    this.resetData()
                    this.$emit('dialogOk')
                    this.btnDisable = false
                } else {
                    this.btnDisable = false
                    this.$message.error(msg)
                }
            } else {
                let url = '/actual/base/communityActivity/save'
                const { data, code, msg } = await requestPost(url, this.formData)
                if (code === 0) {
                    this.$message({
                        type: 'success',
                        message: '操作成功'
                    })
                    this.resetData()
                    this.$emit('dialogOk')
                    this.btnDisable = false
                } else {
                    this.btnDisable = false
                    this.$message.error(msg)
                }
            }


        },
    async handleComfirm() {
            this.btnDisable = true
            setTimeout(() => {
                this.btnDisable = false
            }, 10000)
            // console.log("data/actual/base/communityActivity/save",this.formData)
            this.$refs['ref_form'].validate((valid, messageObj) => {
                // this.formData.sendMessage = this.formData.sendMessage ? 1 : 0;
                // console.log(this.formData, "2234323424")
                // const dateObj = this.formData.startTime;
                // console.log(dateObj);
                // const formattedDate = dateObj; // 获取日期部分，即 '2424-10-22'
                // if (this.formData.cutOffTime != '' && formattedDate <= this.formData.cutOffTime) {
                //     this.$message.error('报名截止时间要小于活动开始时间')
                // } else if (!valid) {
                //     app.util.validateRule(messageObj)
                //     this.btnDisable = false
                // } else {
                    this.addActivity()
                
            })
        },
    handleSubmit(){
      this.$emit('summDetailClose')
    },
    handleremove(){
      this.$emit('summDetailClose')
    },
    handleadjustment(value) {
      console.log(value,"num");
  },
}

}

</script>
<style lang="scss" scoped>
  @import "@/assets/scss/modules/management/volunteet.scss";
</style>