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

<template>
  <div class="g-main"  style="padding: 30px;">
    <el-form :label-position="labelPosition" :model="tableData" :rules="rules" >
      <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 style="display: flex ; align-items: center;justify-items: center;">
      <el-button type="info" @click="handleremove" round>取消</el-button>
      <el-button type="danger" round>确定</el-button>
    </div>
    <div>
    </div>
  </div>
</template>
<script>

export default {
    
   name: "see",
    data() {
    return {
      rules:{
        behaviorName: [
            { required: true, message: '请选择积分行为', trigger: 'change' }
          ],
          textarea: [
            { required: true, message: '请填写调整原因', trigger: 'change' }
          ],
          radio: [
            { required: true, message: '请选择操作类型', trigger: 'change' }
          ],
          integralnum: [
            { required: true, message: '请对积分进行调整', trigger: 'change' }
          ],
          
          
    },
        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: {
    handleremove(){
      this.$emit('')
    },
    handleadjustment(value) {
      console.log(value,"num");
  },
}

}

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