diff --git a/src/api/manage/mailbox.js b/src/api/manage/mailbox.js
new file mode 100644
index 0000000..eeb5324
--- /dev/null
+++ b/src/api/manage/mailbox.js
@@ -0,0 +1,14 @@
+import request from '@/router/axios';
+
+export const getList =
+  (current, size, params) => {
+    return request({
+      url: '/api/jobslink-api//content/consultMailboxInfo/list',
+      method: 'get',
+      params: {
+        ...params,
+        current,
+        size,
+      }
+    })
+  }
diff --git a/src/api/manage/superviseComplaintInfo.js b/src/api/manage/superviseComplaintInfo.js
new file mode 100644
index 0000000..87178b6
--- /dev/null
+++ b/src/api/manage/superviseComplaintInfo.js
@@ -0,0 +1,14 @@
+import request from '@/router/axios';
+
+export const getList =
+  (current, size, params) => {
+    return request({
+      url: '/api/jobslink-api/content/superviseComplaintInfo/list',
+      method: 'get',
+      params: {
+        ...params,
+        current,
+        size,
+      }
+    })
+  }
diff --git a/src/views/manage/mailbox/index.vue b/src/views/manage/mailbox/index.vue
new file mode 100644
index 0000000..3255994
--- /dev/null
+++ b/src/views/manage/mailbox/index.vue
@@ -0,0 +1,188 @@
+<template>
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      ref="crud"
+      @search-change="searchChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @search-reset="searchReset"
+      @on-load="onLoad"
+    >
+      <template slot="menu" slot-scope="{row}">
+        <el-button size="small" type="text" @click="look(row)">查看</el-button>
+      </template>
+    </avue-crud>
+    <!-- 新增、编辑 -->
+    <el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
+      <div>
+        <el-row :gutter="20">
+          <el-col :span="12"><span>咨询部门：</span>{{ lookData.consultDeptName }}</el-col>
+          <el-col :span="12"><span>咨询题目：</span>{{ lookData.consultTopic }}</el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12"><span>咨询内容：</span>{{ lookData.consultContent }}</el-col>
+          <el-col :span="12"><span>联系电话：</span>{{ lookData.consultPhone }}</el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12"><span>咨询日期：</span>{{ lookData.consultTime }}</el-col>
+        </el-row>
+      </div>
+    </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import {dateFormat} from '@/util/date'
+import Tinymce from "@/components/Tinymce";
+import {getList} from '@/api/manage/mailbox'
+const columnList = [
+  {
+    label: "咨询部门",
+    prop: "consultDeptName",
+    search: false,
+  },
+  {
+    label: "咨询题目",
+    prop: "consultTopic",
+    search: false,
+  },
+  {
+    label: "咨询内容",
+    prop: "consultContent",
+    search: false,
+  }, {
+    label: "联系电话",
+    prop: "consultPhone",
+    search: false,
+  },
+  {
+    label: "咨询日期",
+    prop: "consultTime",
+    type:'datetime',
+    searchSpan:8,
+    searchRange:true,
+  }
+]
+const rules = {
+  name: [
+    { required: true, message: '请输入内容标题', trigger: 'blur' }
+  ],
+  type: [
+    { required: true, message: '请选择分类', trigger: 'blur' }
+  ],
+  content: [
+    { required: true, message: '请输入内容', trigger: 'blur' }
+  ],
+}
+export default {
+  name: "index",
+  components: {
+    Tinymce
+  },
+  mounted() {
+  },
+  data () {
+    return {
+      applTime: '',
+      loading:false,
+      viewDrawer:false,
+      drawerTitle: '新增内容',
+      formOption: {},
+      query: {},
+      rules: Object.assign({}, rules),
+      option: {
+        height: "auto",
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        selection: false,
+        viewBtn: false,
+        addBtn: false,
+        editBtn:false,
+        delBtn: false,
+        columnBtn: false,
+        menuWidth: 300,
+        labelWidth: 151,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        column: columnList,
+      },
+      data: [],
+      lookData: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 100,
+      },
+    }
+  },
+  methods: {
+    dateFormat,
+    look(row) {
+      this.drawerTitle = '查看'
+      this.lookData = JSON.parse(JSON.stringify(row))
+      this.formOption = JSON.parse(JSON.stringify(row))
+      this.viewDrawer = true
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.viewDrawer = false
+    },
+    /* 表格方法 */
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        this.data = res.data.data.records;
+        this.page.total = res.data.data.total;
+        this.loading = false;
+      });
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params,done) {
+      console.log(params);
+      if (params.applTime) {
+        var val = JSON.parse(JSON.stringify(params.applTime))
+        params.applTimeStart = val[0] + " 00:00:00";
+        params.applTimeEnd = val[1] + " 23:59:59";
+        delete params.applTime
+      }
+      this.query = params;
+      console.log(this.query);
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    currentChange(val) {
+      this.page.currentPage = val
+    },
+    sizeChange(val) {
+      this.page.currentPage = 1
+      this.page.pageSize = val
+    },
+    refreshChange () {
+      this.page.currentPage = 1;
+      this.onLoad(this.page)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/manage/superviseComplaintInfo/index.vue b/src/views/manage/superviseComplaintInfo/index.vue
new file mode 100644
index 0000000..9dd0963
--- /dev/null
+++ b/src/views/manage/superviseComplaintInfo/index.vue
@@ -0,0 +1,209 @@
+<template>
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      ref="crud"
+      @search-change="searchChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @search-reset="searchReset"
+      @on-load="onLoad"
+    >
+      <template slot="menu" slot-scope="{row}">
+        <el-button size="small" type="text" @click="look(row)">查看</el-button>
+      </template>
+    </avue-crud>
+    <!-- 新增、编辑 -->
+    <el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
+      <div>
+        <el-row :gutter="20">
+          <el-col :span="12"><span>投诉标题：</span>{{ lookData.complaintTitle }}</el-col>
+          <el-col :span="12"><span>投诉对象：</span>{{ lookData.complaintObject }}</el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12"><span>投诉类型：</span>{{ classEnum[lookData.complaintType] }}</el-col>
+          <el-col :span="12"><span>联系方式：</span>{{ lookData.complaintPhone }}</el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12"><span>创建时间：</span>{{ lookData.complaintTime }}</el-col>
+        </el-row>
+      </div>
+    </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import {dateFormat} from '@/util/date'
+import Tinymce from "@/components/Tinymce";
+import {getList} from '@/api/manage/superviseComplaintInfo'
+const classEnum = {
+  1: '分类1',
+  2: '分类2',
+  3: '分类3',
+  4: '分类4',
+}
+const classEnumList = Object.keys(classEnum).map((item) => ({
+    name:  classEnum[item], type: Number(item)
+}))
+const columnList = [
+  {
+    label: "投诉标题",
+    prop: "complaintTitle",
+    search: false
+  },
+  {
+    label: "投诉对象",
+    prop: "complaintObject",
+    search: false
+  },
+  {
+    label: "投诉名称",
+    prop: "complaintName",
+    search: false
+  }, {
+    label: "联系方式",
+    prop: "complaintPhone",
+    search: false
+  },
+  {
+    label: "投诉类型",
+    prop: "complaintType",
+    search: false,
+    type: "tree",
+    dicData: classEnumList,
+    props: {
+      label: "name",
+      value: "type",
+    },
+  },
+  {
+    label: "创建时间",
+    prop: "complaintTime",
+    type:'datetime',
+    searchSpan:8,
+    searchRange:true,
+  }
+]
+const rules = {
+  name: [
+    { required: true, message: '请输入内容标题', trigger: 'blur' }
+  ],
+  type: [
+    { required: true, message: '请选择分类', trigger: 'blur' }
+  ],
+  content: [
+    { required: true, message: '请输入内容', trigger: 'blur' }
+  ],
+}
+export default {
+  name: "index",
+  components: {
+    Tinymce
+  },
+  mounted() {
+  },
+  data () {
+    return {
+      applTime: '',
+      loading:false,
+      viewDrawer:false,
+      drawerTitle: '新增内容',
+      formOption: {},
+      query: {},
+      rules: Object.assign({}, rules),
+      option: {
+        height: "auto",
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        selection: false,
+        viewBtn: false,
+        addBtn: false,
+        editBtn:false,
+        delBtn: false,
+        columnBtn: false,
+        menuWidth: 300,
+        labelWidth: 151,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        column: columnList,
+      },
+      data: [],
+      lookData: {},
+      classEnum,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 100,
+      },
+    }
+  },
+  methods: {
+    dateFormat,
+    look(row) {
+      this.drawerTitle = '查看'
+      this.lookData = JSON.parse(JSON.stringify(row))
+      this.formOption = JSON.parse(JSON.stringify(row))
+      this.viewDrawer = true
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.viewDrawer = false
+    },
+    /* 表格方法 */
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        this.data = res.data.data.records;
+        this.page.total = res.data.data.total;
+        this.loading = false;
+      });
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params,done) {
+      console.log(params);
+      if (params.applTime) {
+        var val = JSON.parse(JSON.stringify(params.applTime))
+        params.applTimeStart = val[0] + " 00:00:00";
+        params.applTimeEnd = val[1] + " 23:59:59";
+        delete params.applTime
+      }
+      this.query = params;
+      console.log(this.query);
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    currentChange(val) {
+      this.page.currentPage = val
+    },
+    sizeChange(val) {
+      this.page.currentPage = 1
+      this.page.pageSize = val
+    },
+    refreshChange () {
+      this.page.currentPage = 1;
+      this.onLoad(this.page)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/vue.config.js b/vue.config.js
index 85da617..9fd31b3 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -23,10 +23,10 @@ module.exports = {
     port: 1888,
     proxy: {
       "/api": {
-        target: 'http://192.168.3.104:8000', // 本地服务接口地址
+        // target: 'http://192.168.3.104:8000', // 本地服务接口地址
         // target: "http://39.98.184.58:8000",  // 阿里云后台地址
         // target: "http://192.168.3.108:8000",  // 本地
-        // target: 'http://192.168.3.111:8000',
+        target: 'http://192.168.3.111:8000',
         ws: true,
         changeOrigin: true,
         pathRewrite: {