修改个人生平留言

src/views/system/personalMessage/index.vue

@@ -1,18 +1,12 @@
 <template>
   <div class="app-container">
+    <span><i class="el-icon-collection"></i> 缅怀：{{ personalName }}</span>
+    <el-divider></el-divider>
+
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="个人页id" prop="personalId">
-        <el-input
-          v-model="queryParams.personalId"
-          placeholder="请输入个人页id"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="类型 1留言语 2留念语 3缅怀语" prop="type">
-        <el-select v-model="queryParams.type" placeholder="请选择类型 1留言语 2留念语 3缅怀语" clearable size="small">
-          <el-option label="请选择字典生成" value="" />
+      <el-form-item label="类型" prop="type">
+        <el-select v-model="queryParams.type" placeholder="请选择类型" clearable size="small">
+            <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="留言内容" prop="contents">
@@ -24,15 +18,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="内容模板" prop="model">
-        <el-input
-          v-model="queryParams.model"
-          placeholder="请输入内容模板"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -69,25 +54,15 @@
           v-hasPermi="['system:message:remove']"
         >删除</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['system:message:export']"
-        >导出</el-button>
-      </el-col>
 	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键id" align="center" prop="id" v-if="false"/>
-      <el-table-column label="个人页id" align="center" prop="personalId" />
-      <el-table-column label="类型 1留言语 2留念语 3缅怀语" align="center" prop="type" />
+      <el-table-column label="类型" align="center" prop="type" />
+      <el-table-column label="类型" align="center" prop="type" :formatter="typeFormat" width="50" />
       <el-table-column label="留言内容" align="center" prop="contents" />
-      <el-table-column label="内容模板" align="center" prop="model" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -120,20 +95,17 @@
     <!-- 添加或修改个人页留言内容对话框 -->
     <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="个人页id" prop="personalId">
-          <el-input v-model="form.personalId" placeholder="请输入个人页id" />
-        </el-form-item>
-        <el-form-item label="类型 1留言语 2留念语 3缅怀语" prop="type">
-          <el-select v-model="form.type" placeholder="请选择类型 1留言语 2留念语 3缅怀语">
-            <el-option label="请选择字典生成" value="" />
+        <el-form-item label="类型" prop="type">
+          <el-select v-model="form.type" placeholder="请选择类型">
+              <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="留言内容" prop="contents">
-          <el-input v-model="form.contents" placeholder="请输入留言内容" />
-        </el-form-item>
         <el-form-item label="内容模板" prop="model">
           <el-input v-model="form.model" placeholder="请输入内容模板" />
         </el-form-item>
+        <el-form-item label="留言内容" prop="contents">
+          <el-input v-model="form.contents" placeholder="请输入留言内容" />
+        </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
         </el-form-item>
@@ -148,6 +120,7 @@
 
 <script>
 import { listMessage, getMessage, delMessage, addMessage, updateMessage, exportMessage } from "@/api/system/personalMessage";
+import { getPersonal } from "@/api/system/personalPage";
 
 export default {
   name: "Message",
@@ -180,6 +153,8 @@ export default {
         contents: null,
         model: null,
       },
+      typeOptions: [],
+      personalName: null,
       // 表单参数
       form: {},
       // 表单校验
@@ -190,10 +165,20 @@ export default {
       }
     };
   },
-  created() {
+  activated() {
+    const mid = this.$route.query.mid;
+    this.getPersonal(mid);
     this.getList();
+    this.getDicts("personal_message_type").then((response) => {
+      this.typeOptions = response.data;
+    });
   },
   methods: {
+    getPersonal(mid) {
+      getPersonal(mid).then(response => { 
+        this.personalName = response.data.stakeholder;
+      });
+    },
     /** 查询个人页留言内容列表 */
     getList() {
       this.loading = true;
@@ -203,6 +188,10 @@ export default {
         this.loading = false;
       });
     },
+    // 类型 字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type);
+    },
     // 取消按钮
     cancel() {
       this.open = false;

src/views/system/personalPage/index.vue

@@ -108,6 +108,13 @@
           <el-button
             size="mini"
             type="text"
+            icon="el-icon-chat-line-square"
+            @click="handleMessage(scope.row)"
+            v-hasPermi="['system:personal:message:list']"
+          >留言记录</el-button>
+          <el-button
+            size="mini"
+            type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:personalPage:edit']"
@@ -413,6 +420,14 @@ export default {
       const route = this.templateList.find(item => item.id === tid).route;
       var win = window.open(window.location.origin + route+'/' + pid);
       win.document.title='个人页 - '+this.form.stakeholder
+    },
+    handleMessage(row) {
+      this.$router.push({
+        path: "/personal/message",
+        query: {
+          mid: row.id
+        }
+      });
     }
   }
 };