意见反馈-意见反馈列表

src/views/platform/feedback/feedback_list.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="app-container">
+    <el-form inline>
+      <el-form-item>
+        <el-select placeholder="全部反馈类型" v-model="queryParams.replyType">
+          <el-option value="0" label="类型1"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select v-model="queryParams.processingStatus" placeholder="全部状态" clearable>
+          <el-option v-for="dict in dict.type.processing_status" :key="dict.value" :label="dict.label"
+                     :value="dict.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select v-model="queryParams.feedbackRole" placeholder="全部状态" clearable>
+          <el-option v-for="dict in dict.type.feedback_role" :key="dict.value" :label="dict.label"
+                     :value="dict.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary">查询</el-button>
+        <el-button>重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="dataList" border>
+      <el-table-column label="创建时间" align="center">
+        2022-12-31 12:31
+      </el-table-column>
+      <el-table-column label="用户昵称" align="center">
+        张三
+      </el-table-column>
+      <el-table-column label="角色" align="center">
+        直营门店
+      </el-table-column>
+      <el-table-column label="手机号" align="center">
+        1888888888
+      </el-table-column>
+      <el-table-column label="反馈类型" align="center">
+        bug问题
+      </el-table-column>
+      <el-table-column label="描述" align="center">
+        详细描述
+      </el-table-column>
+      <el-table-column label="状态" align="center">
+        已处理
+      </el-table-column>
+      <el-table-column label="处理时间" align="center">
+        2022-12-31 12:31
+      </el-table-column>
+      <el-table-column label="操作" align="center">
+        <el-button type="text" @click="showSave=false;open=true">详情</el-button>
+        <el-button type="text" @click="showSave=true;open=true">去处理</el-button>
+      </el-table-column>
+    </el-table>
+    <el-dialog title="处理" :visible.sync="open">
+      <el-form inline label-width="100px">
+        <el-form-item label="用户昵称">
+          <el-input v-model="form.nickName"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="用户角色">
+          <el-input v-model="form.role"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="用户手机号">
+          <el-input v-model="form.phone"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="创建时间">
+          <el-input v-model="form.createTime"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="问题类型">
+          <el-input v-model="form.nickName"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="问题描述">
+          <el-input v-model="form.nickName" type="textarea"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="图片">
+          <img src="http://www.dummyimage.com/100x100" :key="item" v-for="item in 3"/>
+        </el-form-item>
+        <br/>
+        <el-form-item label="回复">
+          <el-input type="textarea"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="text-center">
+        <el-button type="primary" @click="save" v-if="showSave">保存</el-button>
+        <el-button @click="open=false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'feedback_list',
+  dicts: ['processing_status', 'feedback_role'],
+  data() {
+    return {
+      showSave: false,
+      form: {
+        nickName: '张三',
+        role: '普通用户',
+        phone: '188888888',
+        createTime: '2022-12-31 12:31',
+        questionType: 'bug问题',
+        questionDesc: '反馈内容'.repeat(10),
+        imageList: [],
+        reply: ''
+      },
+      open: false,
+      dataList: [{}],
+      queryParams: {
+        replyType: undefined,
+        processingStatus: undefined,
+        feedbackRole: undefined
+
+      }
+    }
+  },
+  methods: {
+    save() {
+      this.$modal.msgSuccess('保存成功')
+      this.open = false
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.el-input, .el-textarea {
+  width: 200px;
+}
+
+img:nth-child(n+2) {
+  margin-left: 10px;
+}
+</style>