<template>
  <div class="dm-qywx__item__wrap">
    <div class="fz16">{{ qywx.qywxEnterpriseName }}</div>
    <div class="divider"></div>
    <div>{{ item.title }}</div>
    <div style="margin-top:12px;color:#606266;white-space:pre-wrap;word-break:break-word">{{ qywx.remark }}</div>
    <p style="margin-top:12px">
      <span>任务完成方式</span>：
      <el-checkbox v-if="qywx.telFlag" label="话务" :value="qywx.telFlag" :true-label="1" :false-label="0" disabled></el-checkbox>
      <el-checkbox v-if="qywx.chatFlag" label="会话" :value="qywx.chatFlag" :true-label="1" :false-label="0" disabled></el-checkbox>
      <el-checkbox v-if="qywx.smsFlag" label="短信" :value="qywx.smsFlag" :true-label="1" :false-label="0" disabled></el-checkbox>
    </p>
  </div>
</template>

<script>
export default {
  name: 'item-qywx',
  props: {
    item: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  computed: {
    qywx() {
      return this.item.qywx || {};
    }
  }
};
</script>
<style lang="scss" scoped>
.divider {
  margin-top: 12px;
  margin-bottom: 18px;
  height: 1px;
  background-color: #dcdfe6;
}
/deep/ .el-checkbox {
  margin: 0;
  margin-right: 20px;
}
</style>
