修改文案

src/views/operation/recommend/index.vue

@@ -1,14 +1,13 @@
 <template>
   <div class="app-container">
-    <el-button type="primary" icon="el-icon-plus" size="mini" @click="dialogVisible = true"
+    <el-button type="primary" icon="el-icon-plus" size="mini" @click="dialogVisible = true, title = '新增'"
       v-hasPermi="['operation:recommend:add']">新增</el-button>
     <!-- 列表 -->
     <el-table :data="tableData" ref="tableData" row-key="id" :default-sort="{ prop: 'sort', order: 'ascending' }"
       :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
       <el-table-column width="80px">
         <template slot-scope="scope">
-          <el-link v-if="scope.row.hidden" :underline="false" class="el-icon-arrow-right"
-            @click="getList(scope.row)" />
+          <el-link v-if="scope.row.hidden" :underline="false" class="el-icon-arrow-right" @click="getList(scope.row)" />
         </template>
       </el-table-column>
       <el-table-column label="排序" align="center">
@@ -22,9 +21,9 @@
           <span v-else>{{ tabOptions.find(i => i.id == scope.row.categoryId).name }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="模板名称" align="center" prop="moduleName" show-overflow-tooltip />
-      <el-table-column label="模板类型" align="center" prop="moduleTypeId" show-overflow-tooltip :formatter="typeFormatter" />
-      <el-table-column label="模板数量" align="center" prop="moduleNum" />
+      <el-table-column label="模块名称" align="center" prop="moduleName" show-overflow-tooltip />
+      <el-table-column label="模块类型" align="center" prop="moduleTypeId" show-overflow-tooltip :formatter="typeFormatter" />
+      <el-table-column label="模块数量" align="center" prop="moduleNum" />
       <el-table-column label="创建时间" align="center" prop="createTime" show-overflow-tooltip />
       <el-table-column label="生效时间" align="center" show-overflow-tooltip width="380px">
         <template slot-scope="scope">
@@ -43,8 +42,8 @@
             v-hasPermi="['operation:recommend:add']">新增</el-button>
           <el-button v-if="scope.row.lv === 1" type="text" @click="getDialog(scope.row.id)">历史记录</el-button>
           <span v-else style="margin-left: 10px">
-            <el-button type="text" @click="getOpen(scope.row, '查看', true)">查看</el-button>
-            <el-button type="text" @click="getOpen(scope.row, '编辑')"
+            <el-button type="text" @click="getOpen('查看', scope.row, true)">查看</el-button>
+            <el-button type="text" @click="getOpen('编辑', scope.row)"
               v-hasPermi="['operation:recommend:edit']">编辑</el-button>
             <el-button type="delete" @click="getDelete(scope.row)"
               v-hasPermi="['operation:recommend:delete']">删除</el-button>
@@ -54,18 +53,18 @@
     </el-table>
 
     <!-- 弹窗 -->
-    <el-dialog :visible.sync="dialogVisible" :title="title" width="500px">
+    <el-dialog :visible.sync="dialogVisible" :title="title" width="500px" :before-close="cancel">
       <el-form :model="dialogForm" :rules="rules" ref="dialogForm" label-width="100px" :disabled="title === '查看'">
         <el-form-item label="导航名称：" prop="categoryId">
-          <el-select v-model="dialogForm.categoryId" placeholder="请选择导航">
+          <el-select v-model="dialogForm.categoryId" placeholder="请选择导航" :disabled="title === '编辑'">
             <el-option v-for="item in tabOptions" :key="item.id" :value="item.id.toString()" :label="item.name" />
           </el-select>
         </el-form-item>
-        <el-form-item label="模板名称：" prop="moduleName">
-          <el-input v-model="dialogForm.moduleName" placeholder="请输入模板名称" />
+        <el-form-item label="模块名称：" prop="moduleName">
+          <el-input v-model="dialogForm.moduleName" placeholder="请输入模块名称" />
         </el-form-item>
-        <el-form-item label="模板类型：" prop="moduleTypeId">
-          <el-select v-model="dialogForm.moduleTypeId" placeholder="请选择模板类型">
+        <el-form-item label="模块类型：" prop="moduleTypeId">
+          <el-select v-model="dialogForm.moduleTypeId" placeholder="请选择模块类型" :disabled="title === '编辑'">
             <el-option v-for="item in typeOptions" :key="item.typeId" :value="item.typeId" :label="item.typeName" />
           </el-select>
         </el-form-item>
@@ -107,7 +106,7 @@
         <el-table-column label="创建时间" prop="createTime" align="center" />
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button type="text" @click="getOpen(scope.row, '查看', true)">查看</el-button>
+            <el-button type="text" @click="getOpen('查看', scope.row, true)">查看</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -146,7 +145,7 @@ export default {
       total: 0,
       // 导航栏
       tabOptions: [],
-      // 模板类型
+      // 模块类型
       typeOptions: [],
       // 校验
       rules: {
@@ -184,7 +183,7 @@ export default {
       })
     },
 
-    // 模板列表
+    // 模块列表
     getTypeList() {
       typeList().then(res => {
         if (res.code === 0) {
@@ -205,7 +204,7 @@ export default {
               this.$refs.tableData.toggleRowExpansion(row, true)
             })
           } else {
-            this.$message.warning('暂无模板！')
+            this.$message.warning('暂无模块！')
           }
         }
       })
@@ -231,9 +230,11 @@ export default {
     // 取消
     cancel() {
       this.dialogVisible = false
+      this.$refs.dialogForm.resetFields()
+      this.dialogForm = {}
     },
 
-    // 新增模板
+    // 新增模块
     getDetail(row, boolean) {
       this.$router.push({
         path: `/operation/recommend/detail`,
@@ -250,7 +251,7 @@ export default {
     },
 
     // 查看 编辑
-    getOpen(row, title, boolean) {
+    getOpen(title, row, boolean) {
       this.title = title
       if (row.lv === 2) {
         this.dialogVisible = true