feat: 更新

packages/admin/src/views/tab5/index.vue

@@ -123,7 +123,11 @@
             :rules="level1ModalFormRules"
           >
             <el-form-item label="专题名称" prop="name">
-              <el-input v-model="level1ModalForm.name"></el-input>
+              <el-input
+                v-model="level1ModalForm.name"
+                :maxLength="20"
+                placeholder="请输入内容，最多20字"
+              ></el-input>
             </el-form-item>
             <el-form-item label="排序值" prop="sort">
               <el-input-number
@@ -163,7 +167,7 @@
               <el-input
                 v-model="level2ModalForm.name"
                 placeholder="请输入内容，最多20字"
-                :max-length="20"
+                :maxLength="20"
               ></el-input>
             </el-form-item>
             <el-form-item label="封面" prop="thumb">
@@ -269,7 +273,11 @@
             :rules="villageFormRules"
           >
             <el-form-item label="村落名称" prop="name">
-              <el-input v-model="villageForm.name"></el-input>
+              <el-input
+                v-model="villageForm.name"
+                :maxLength="20"
+                placeholder="请输入内容，最多20字"
+              ></el-input>
             </el-form-item>
             <el-form-item label="封面" prop="thumb">
               <el-upload
@@ -289,10 +297,19 @@
               </el-upload>
             </el-form-item>
             <el-form-item label="简介" prop="remark">
-              <el-input type="textarea" v-model="villageForm.remark"></el-input>
+              <el-input
+                type="textarea"
+                :maxLength="200"
+                placeholder="请输入内容，最多200字"
+                v-model="villageForm.remark"
+              ></el-input>
             </el-form-item>
             <el-form-item label="跳转链接" prop="link">
-              <el-input v-model="villageForm.link"></el-input>
+              <el-input
+                :maxLength="100"
+                v-model="villageForm.link"
+                placeholder="请输入内容，最多100字"
+              ></el-input>
             </el-form-item>
             <el-form-item label="排序值" prop="sort">
               <el-input-number

packages/admin/src/views/tab6/index.vue

@@ -5,10 +5,13 @@
     <div class="content">
       <div class="search">
         <div class="action-group">
-          <el-button @click="keywordListModalVisible=true">关键词设置</el-button>
-          <el-button type="primary" @click="askModalVisible=true">新增</el-button>
+          <el-button @click="keywordListModalVisible = true"
+            >关键词设置</el-button
+          >
+          <el-button type="primary" @click="askModalVisible = true"
+            >新增</el-button
+          >
         </div>
-
       </div>
       <div class="table">
         <el-table :data="tableData" style="width: 100%">
@@ -23,18 +26,15 @@
           <el-table-column prop="sort" label="排序值"></el-table-column>
 
           <el-table-column label="操作">
-
             <template #default="{ row }">
-              <el-button
-                type="text"
-                @click="handleEdit(row)"
-              >编辑
-              </el-button>
+              <el-button type="text" @click="handleEdit(row)">编辑 </el-button>
               <el-popconfirm
                 title="确定删除吗？"
                 @confirm="handleDelete(row.id)"
               >
-                <el-button slot="reference" type="text" style="padding: 0 5px">删除</el-button>
+                <el-button slot="reference" type="text" style="padding: 0 5px"
+                  >删除</el-button
+                >
               </el-popconfirm>
             </template>
           </el-table-column>
@@ -45,33 +45,57 @@
         destroy-on-close
         width="30%"
         @close="modalForm = {}"
-        center>
+        center
+      >
         <div slot="title" class="lv1-modal-header">
-          <span>{{ modalForm.id ? "编辑" : "新增"}}</span>
+          <span>{{ modalForm.id ? "编辑" : "新增" }}</span>
         </div>
-        <el-form ref="askForm" label-position="right" label-width="80px" :model="modalForm"
-                 :rules="rules">
+        <el-form
+          ref="askForm"
+          label-position="right"
+          label-width="80px"
+          :model="modalForm"
+          :rules="rules"
+        >
           <el-form-item label="问题" prop="question">
-            <el-input type="textarea" v-model="modalForm.question"></el-input>
+            <el-input
+              type="textarea"
+              v-model="modalForm.question"
+              :maxLength="200"
+              placeholder="请输入内容，最多200字"
+            ></el-input>
           </el-form-item>
           <el-form-item label="回答" prop="answer">
-            <el-input type="textarea" v-model="modalForm.answer"></el-input>
+            <el-input
+              type="textarea"
+              v-model="modalForm.answer"
+              :maxLength="200"
+              placeholder="请输入内容，最多200字"
+            ></el-input>
           </el-form-item>
 
           <el-form-item label="关键词" prop="dictId" required>
             <el-radio-group v-model="modalForm.dictId">
-              <el-radio v-bind:key="kw.id" :label="kw.id" v-for=" kw in keywordList">{{ kw.name }}</el-radio>
+              <el-radio
+                v-bind:key="kw.id"
+                :label="kw.id"
+                v-for="kw in keywordList"
+                >{{ kw.name }}</el-radio
+              >
             </el-radio-group>
-
           </el-form-item>
           <el-form-item label="排序值" prop="sort">
-            <el-input-number :min="0" controls-position="right" placeholder="请输入1~999的数字。数字越小，排序越靠前。"
-                             v-model="modalForm.sort"></el-input-number>
+            <el-input-number
+              :min="0"
+              controls-position="right"
+              placeholder="请输入1~999的数字。数字越小，排序越靠前。"
+              v-model="modalForm.sort"
+            ></el-input-number>
           </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
-            <el-button @click="askModalVisible = false">取 消</el-button>
-            <el-button type="primary" @click="handleSubmit">确 定</el-button>
+          <el-button @click="askModalVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleSubmit">确 定</el-button>
         </span>
       </el-dialog>
       <!--    关键词列表  -->
@@ -80,11 +104,13 @@
         destroy-on-close
         width="50%"
         @close="keywordListModal = {}"
-        center>
-
+        center
+      >
         <div slot="title" class="lv1-modal-header">
           <span>关键词</span>
-          <el-button type="primary" @click="keywordModalVisible=true">新增</el-button>
+          <el-button type="primary" @click="keywordModalVisible = true"
+            >新增</el-button
+          >
         </div>
         <div class="table">
           <el-table :data="keywordList" style="width: 100%" min-height="450px">
@@ -92,14 +118,17 @@
             <el-table-column prop="sort" label="排序值"></el-table-column>
             <el-table-column label="操作">
               <template #default="{ row }">
-                <el-button type="text" @click="handleKeywordEdit(row)">编辑</el-button>
+                <el-button type="text" @click="handleKeywordEdit(row)"
+                  >编辑</el-button
+                >
                 <el-popconfirm
                   title="确定删除吗？"
                   @confirm="handleKeywordDelete(row.id)"
                 >
-                  <el-button slot="reference" type="text" style="padding: 0 5px">删除</el-button>
+                  <el-button slot="reference" type="text" style="padding: 0 5px"
+                    >删除</el-button
+                  >
                 </el-popconfirm>
-
               </template>
             </el-table-column>
           </el-table>
@@ -111,34 +140,56 @@
         destroy-on-close
         width="30%"
         @close="handleResetKeywordModalForm"
-        center>
+        center
+      >
         <div slot="title" class="lv1-modal-header">
           <span>{{ keywordModalForm.id ? "编辑" : "新增" }}关键词</span>
         </div>
-        <el-form ref="keywordForm" label-position="right" label-width="80px" :model="keywordModalForm"
-                 :rules="rules">
+        <el-form
+          ref="keywordForm"
+          label-position="right"
+          label-width="80px"
+          :model="keywordModalForm"
+          :rules="rules"
+        >
           <el-form-item label="名称" prop="name">
-            <el-input v-model="keywordModalForm.name"></el-input>
+            <el-input
+              v-model="keywordModalForm.name"
+              :maxLength="20"
+              placeholder="请输入内容，最多20字"
+            ></el-input>
           </el-form-item>
 
           <el-form-item label="排序值" prop="sort">
-            <el-input-number :min="0" controls-position="right" placeholder="请输入1~999的数字。数字越小，排序越靠前。"
-                             v-model="keywordModalForm.sort"></el-input-number>
+            <el-input-number
+              :min="0"
+              controls-position="right"
+              placeholder="请输入1~999的数字。数字越小，排序越靠前。"
+              v-model="keywordModalForm.sort"
+            ></el-input-number>
           </el-form-item>
         </el-form>
 
         <span slot="footer" class="dialog-footer">
-            <el-button @click="keywordModalVisible = false">取 消</el-button>
-            <el-button type="primary" @click="handleKeywordSubmit">确 定</el-button>
+          <el-button @click="keywordModalVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleKeywordSubmit"
+            >确 定</el-button
+          >
         </span>
       </el-dialog>
-
     </div>
   </div>
 </template>
 
 <script>
-import { getAskList, deleteAsk, getKeywordList, addAsk, deleteKeyword, addKeyword } from '@/apis/tab6'
+import {
+  getAskList,
+  deleteAsk,
+  getKeywordList,
+  addAsk,
+  deleteKeyword,
+  addKeyword
+} from '@/apis/tab6'
 
 export default {
   name: 'tab6',
@@ -150,21 +201,11 @@ export default {
       tableData: [],
       askModalVisible: false,
       rules: {
-        name: [
-          { required: true, message: '请输入名称', trigger: 'blur' }
-        ],
-        question: [
-          { required: true, message: '请输入问题', trigger: 'blur' }
-        ],
-        answer: [
-          { required: true, message: '请输入回答', trigger: 'blur' }
-        ],
-        sort: [
-          { required: true, message: '请输入排序值', trigger: 'blur' }
-        ],
-        dictId: [
-          { required: true, message: '请选择关键词', trigger: 'blur' }
-        ]
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        question: [{ required: true, message: '请输入问题', trigger: 'blur' }],
+        answer: [{ required: true, message: '请输入回答', trigger: 'blur' }],
+        sort: [{ required: true, message: '请输入排序值', trigger: 'blur' }],
+        dictId: [{ required: true, message: '请选择关键词', trigger: 'blur' }]
       },
       modalForm: {
         answer: '',
@@ -295,12 +336,10 @@ export default {
     await this.handleRefreshList()
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {
-  }
-
+  mounted () {}
 }
 </script>
-<style lang='less' scoped>
+<style lang="less" scoped>
 .tab6 {
   width: 100%;
   height: 100%;

packages/admin/src/views/tab7/index.vue

@@ -73,8 +73,9 @@
         <el-form-item label="" prop="msg">
           <el-input
             type="textarea"
+            :maxLength="200"
+            placeholder="请输入内容，最多200字"
             controls-position="right"
-            placeholder="请输入"
             v-model="replyModalForm.msg"
           >
           </el-input>