7/30 限制前端输入字数

src/views/system/Activity/index.vue

@@ -44,6 +44,7 @@
               v-if="scope.row.coverImage"
               :src="scope.row.coverImage"
               fit="cover"
+              style="width: 100px; height: 100px"
             ></el-image>
             <span v-else style="color: grey">暂无</span>
           </template>
@@ -71,7 +72,7 @@
             <span v-else>{{ scope.row.quota }}人</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" width="300px" fixed="right">
+        <el-table-column label="操作" align="center" width="200px" fixed="right">
           <template #default="scope">
             <el-button v-if="scope.row.status === '0'" link type="primary" @click="handleSend(scope.row)">发布</el-button>
             <el-button link type="primary" @click="handleUpdate(scope.row)" v-has-permi="['activity:activity:edit']">编辑</el-button>
@@ -84,7 +85,7 @@
     <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
       <el-form ref="activityFormRef" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="发布人姓名" prop="createName">
-          <el-input v-model="form.createName" placeholder="请输入发布人姓名" />
+          <el-input maxlength="20" v-model.trim="form.createName" placeholder="请输入发布人姓名" />
         </el-form-item>
         <el-form-item label="发布后状态" prop="status">
           <el-radio-group v-model="form.status">
@@ -225,7 +226,7 @@ const handleUpdate = (row?: ActivityVO) => {
   });
 };
 
-/** 提交按钮 */
+/** 提交按钮 ╬╬╬╬╬╬2╬22╬2╬«2╬2▐2╬╬╬╬╬ */
 const submitForm = () => {
   activityFormRef.value?.validate(async (valid: boolean) => {
     if (valid) {