<template>
  <div class="from-clues">
    <!-- 表单部分 -->
    <div class="from-clues-header">
      <el-form ref="queryForm" label-width="90px">
        <ul style="margin-bottom:15px">
          <li v-for="(item,index) in dataList" class="listDetail" :key="index">
            <p class="icon">
              <el-radio v-model="radio"></el-radio>
            </p>
            <p>{{item.activityName}}</p>
            <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
          </li>
        </ul>
        <el-form-item label="退回意见:">
          <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
export default {
  props: {
    formData: {
      type: Object,
      default: {}
    }
  },
  data () {
    return {
      dataList: [],
      outstepopinion: ''
    }
  },
  created () {
    this.getBackNode();
  },
  methods: {
    childFn () {
      console.log(1111);
    },
    getBackNode () {
      getTaskBackNode(this.formData).then(res => {
        if (res.code == 200) {
          this.dataList = res.result
        }
      })
    }
  }
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";

.listDetail {
  display: flex;
  align-items: center;
  width: 100%;

  p {
    line-height: 30px;
    height: 30px;
    @include flex-center;
    flex: 1;
    width: 100%;
    border: 1px solid rgb(233, 235, 237);
    margin-top: -1px;
    margin-left: -1px;
  }

  .icon {
    flex: 0 0 60px;
  }
}

.textArea {
  /deep/.el-textarea__inner {
    min-height: 90px !important;
  }
}
</style>