回复

src/views/wjnft/feedback/index.vue

@@ -85,16 +85,16 @@
       </el-form-item>
     </el-form>
 
-<!--    <el-row :gutter="10" class="mb8">-->
+    <el-row :gutter="10" class="mb8">
 <!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="primary"-->
-<!--          plain-->
-<!--          icon="el-icon-plus"-->
-<!--          size="mini"-->
-<!--          @click="handleAdd"-->
-<!--          v-hasPermi="['wjnft:feedback:add']"-->
-<!--        >新增</el-button>-->
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['wjnft:feedback:add']"
+        >新增</el-button>
 <!--      </el-col>-->
 <!--      <el-col :span="1.5">-->
 <!--        <el-button-->
@@ -129,23 +129,43 @@
 <!--        >导出</el-button>-->
 <!--      </el-col>-->
 <!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
-<!--    </el-row>-->
+    </el-row>
 
     <el-table v-loading="loading" :data="feedbackList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
 <!--      <el-table-column label="${comment}" align="center" prop="id" />-->
       <el-table-column label="序号" type="index" width="50"></el-table-column>
-      <el-table-column label="手机" align="center" prop="phone" />
-      <el-table-column label="标题" align="center" prop="title" />
-      <el-table-column label="内容" align="center" prop="content" />
+<!--      <el-table-column label="手机" align="center" prop="phone" width="150"/>-->
+      <el-table-column label="标题" align="center" prop="title" width="200"/>
+      <el-table-column label="内容" align="center" prop="content" width="600"/>
 <!--      <el-table-column label="用户ID" align="center" prop="userId" />-->
-      <el-table-column label="附件图片" align="center" prop="picture" />
-      <el-table-column label="反馈时间" align="center" prop="createdTime" width="180">
+<!--      <el-table-column label="附件图片" align="center" prop="picture" />-->
+      <el-table-column label="附件图片" align="center" prop="picture" >
+        <template slot-scope="scope">
+          <div class="demo-image">
+            <div class="block">
+              <el-image
+                  style="
+            width: 50px;
+            height: 51px;
+            border-radius: 6px;
+            z-index: 2;
+          "
+                  :src="scope.row.picture"
+                  :preview-src-list="srcLists"
+              >
+              </el-image>
+            </div>
+          </div>
+        </template>
+
+      </el-table-column>
+      <el-table-column label="反馈时间" align="center" prop="createdTime" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="反馈人" align="center" prop="createdBy" />
+      <el-table-column label="反馈人" align="center" prop="createdBy" width="100"/>
 <!--      <el-table-column label="${comment}" align="center" prop="updatedTime" width="180">-->
 <!--        <template slot-scope="scope">-->
 <!--          <span>{{ parseTime(scope.row.updatedTime, '{y}-{m}-{d}') }}</span>-->
@@ -188,8 +208,21 @@
     <!-- 添加或修改意见反馈对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="内容">
-          <editor v-model="form.content" :min-height="192"/>
+        <el-form-item label="反馈内容" >
+          <el-input
+              type="textarea"
+              :rows="10"
+              :disabled="true"
+              v-model="form.content">
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="回复" >
+          <el-input
+              type="textarea"
+              :rows="8"
+              v-model="form.return">
+          </el-input>
         </el-form-item>
 <!--        <el-form-item label="手机" prop="phone">-->
 <!--          <el-input v-model="form.phone" placeholder="请输入手机" />-->
@@ -235,7 +268,7 @@
 <!--        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button type="primary" @click="submitForm">回复</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -249,6 +282,8 @@ export default {
   name: "Feedback",
   data() {
     return {
+      //文本框
+      textarea: '',
       // 遮罩层
       loading: true,
       // 选中数组
@@ -261,6 +296,7 @@ export default {
       showSearch: true,
       // 总条数
       total: 0,
+      srcLists: [],
       // 意见反馈表格数据
       feedbackList: [],
       // 弹出层标题
@@ -298,6 +334,9 @@ export default {
       this.loading = true;
       listFeedback(this.queryParams).then(response => {
         this.feedbackList = response.rows;
+        response.rows.forEach(item =>{
+          this.srcLists.push(item.picture);
+        });
         this.total = response.total;
         this.loading = false;
       });
@@ -346,14 +385,14 @@ export default {
       this.open = true;
       this.title = "添加意见反馈";
     },
-    /** 修改按钮操作 */
+    /** 回复按钮操作 */
     handleUpdate(row) {
       this.reset();
       const id = row.id || this.ids
       getFeedback(id).then(response => {
         this.form = response.data;
         this.open = true;
-        this.title = "修改意见反馈";
+        this.title = "回复意见反馈";
       });
     },
     /** 提交按钮 */
@@ -362,13 +401,13 @@ export default {
         if (valid) {
           if (this.form.id != null) {
             updateFeedback(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
+              this.$modal.msgSuccess("回复成功");
               this.open = false;
               this.getList();
             });
           } else {
             addFeedback(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
+              this.$modal.msgSuccess("回复失败");
               this.open = false;
               this.getList();
             });