<template>
  <avue-crud
    :option="option">
    <template slot="menuLeft">
      <el-button type="primary"
        size="small"
        icon="el-icon-plus"
        @click="handleAdd"
      >
        提交反馈
      </el-button>
    </template>
    <template slot="menu">
      <el-button type="text">回复</el-button>
    </template>
  </avue-crud>
</template>

<script>
const TYPE_DICTS = [{
  label: '建议意见',
  value: 1
}, {
  label: '技术服务问题',
  value: 2
}, {
  label: '系统应用问题',
  value: 3
}, {
  label: '其他',
  value: 4
}];

export default {
  name: "SystemFeedback",
  data() {
    return {
      option: {
        addBtn: false,
        border: true,
        index: true,
        menuWidth: 90,        
        headerAlign: "center",
        column: [
          {
            label: "反馈类型",
            prop: "type",
            type: "select",
            width: 110,
            align: "center",
            search: true,
            dicData: TYPE_DICTS
          },
          {
            label: "详细描述",
            minWidth: 360,
            prop: "desc",
            overHidden: true
          },
          {
            label: "截图证明",
            prop: "message",
            minWidth: 300
          },
          {
            label: "反馈用户",
            prop: "createUser",
            search: true,
            width: 120,
          },
          {
            label: "反馈公司",
            prop: "createUser",
            search: true,
            width: 190,
          },
          {
            label: "反馈时间",
            align: "center",
            type: "date",
            prop: "createDate",
            search: true,
            width: 160
          },
          {
            label: "状态",
            align: "center",
            type: 'select',
            search: true,
            width: 120
          }
        ]
      }
    };
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
.code {
  font-size: 12px;
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
}
</style>
