fix: 修复动物防治图片和备注限制问题

src/assets/styles/flex.scss

@@ -1,6 +1,9 @@
 .flex {
   display: flex;
 }
+.flex-wrap{
+  flex-wrap: wrap;
+}
 .flex-3{
   flex: 3;
 }

src/views/dike/runManage/pestAnimalControl/governanceRecords/index.vue

@@ -373,8 +373,8 @@ export default {
     },
     // 上传前
     beforeUpload(e) {
-      if (this.recordForm.images?.length >= 10) {
-        this.$message.warning("最多上传10张图片");
+      if (this.recordForm.images?.length >= 9) {
+        this.$message.warning("最多上传9张图片");
         return false;
       }
       return true;
@@ -926,7 +926,7 @@ export default {
           </el-table-column>
         </el-table>
         <el-form-item label-width="120px" label="上传图片" prop="images">
-          <div class="flex flex-wrap">
+          <div class="flex flex-wrap w-full">
             <div
               style="width: 148px; height: 148px"
               v-for="(url, index) in recordForm.images"
@@ -967,7 +967,7 @@ export default {
             :before-upload="beforeUpload"
             :showFileList="false"
             accept=".jpg,.png,.jpeg"
-            :maxlength="10"
+            :maxlength="9"
           >
             <i slot="default" class="el-icon-plus"></i>
           </el-upload>
@@ -976,6 +976,7 @@ export default {
           <el-input
             type="textarea"
             :rows="3"
+            :maxlength="500"
             placeholder="请输入"
             v-model="recordForm.remark"
           >