修复藏品添加和编辑输入框的字符串长度

src/views/holding/holding0_DiaEdit.vue

@@ -41,12 +41,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="藏品编号：">
+        <el-form-item label="藏品编号："  prop="num">
           <el-input v-model="ruleForm.num" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
       <div class="row">
-        <el-form-item label="原名：">
+        <el-form-item label="原名：" prop="primitiveName">
           <el-input
             v-model="ruleForm.primitiveName"
             placeholder="请输入"
@@ -98,31 +98,35 @@
             <el-option label="复合质地" :value="1"></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item prop="textureCategory" class="myInput">
         <el-input
-          style="margin: 0 20px"
           v-model="ruleForm.textureCategory"
           placeholder="质地类别"
         ></el-input>
+        </el-form-item>
+        <el-form-item prop="texture" class="myInput">
         <el-input v-model="ruleForm.texture" placeholder="质地"></el-input>
+        </el-form-item>
       </div>
       <div class="row">
         <el-form-item label="外形尺寸：" prop="length">
           <el-input
             v-model="ruleForm.length"
             placeholder="长（cm）"
-            style="width: 30%"
           ></el-input>
+        </el-form-item>
+          <el-form-item prop="width" class="myInput">
           <el-input
             v-model="ruleForm.width"
             placeholder="宽（cm）"
-            style="width: 30%; margin: 0 20px"
           ></el-input>
+          </el-form-item>
+          <el-form-item prop="height" class="myInput">
           <el-input
             v-model="ruleForm.height"
             placeholder="高（cm）"
-            style="width: 30%"
           ></el-input>
-        </el-form-item>
+          </el-form-item>
       </div>
       <div class="row">
         <el-form-item label="完残程度：" prop="integrity">
@@ -168,7 +172,7 @@
             <el-option label="单件" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="具体数量：">
+        <el-form-item label="具体数量："  prop="amount">
           <el-input v-model="ruleForm.amount" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
@@ -189,7 +193,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="具体质量：">
+        <el-form-item label="具体质量："  prop="quality">
           <el-input v-model="ruleForm.quality" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
@@ -209,7 +213,7 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="入藏年度：">
+        <el-form-item label="入藏年度：" prop="checkInYear">
           <el-input
             v-model="ruleForm.checkInYear"
             placeholder="请输入"
@@ -217,7 +221,7 @@
         </el-form-item>
       </div>
         <!-- 11-5新增 -->
-        <el-form-item label="来源说明：">
+        <el-form-item label="来源说明：" prop="description">
           <el-input type="textarea" :rows="3" v-model="ruleForm.description" placeholder="请输入"></el-input>
         </el-form-item>
       <!-- 图片和附件 -->
@@ -393,14 +397,24 @@ export default {
       objectType: [], // 文物类型
       numType: [], // 文物编号类型
       rules: {
-        name: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        age: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        length: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        repairRemark: [{ max: 50, message: '不能超过50个字符', trigger: 'blur' }],
+        name: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 64, message: '不能超过64个字符', trigger: 'blur' }],
+        registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        num: { max: 8, message: '不能超过8个字符', trigger: 'blur' },
+        primitiveName: { max: 64, message: '不能超过64个字符', trigger: 'blur' },
+        age: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        length: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        width: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        height: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        repairRemark: [{ max: 64, message: '不能超过64个字符', trigger: 'blur' }],
+        checkInYear: [{ max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        description: [{ max: 128, message: '不能超过128个字符', trigger: 'blur' }],
+        quality: [{ max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        amount: { max: 8, message: '不能超过8个字符', trigger: 'blur' },
         level: [{ required: true, message: '不能为空', trigger: 'blur' }],
         goodsTypeId: [{ required: true, message: '不能为空', trigger: 'blur' }],
         textureType: [{ required: true, message: '不能为空', trigger: 'blur' }],
+        texture: { max: 16, message: '不能超过16个字符', trigger: 'blur' },
+        textureCategory: { max: 16, message: '不能超过16个字符', trigger: 'blur' },
         integrity: [{ required: true, message: '不能为空', trigger: 'blur' }]
       },
       // 上传图片和文件
@@ -608,6 +622,12 @@ export default {
 }
 </script>
 <style lang='less' scoped>
+.myInput {
+  /deep/.el-form-item__content {
+    margin-left: 0px !important;
+    margin-left:20px !important;
+  }
+}
 .bigImg{
   display: flex;
   justify-content: center;

src/views/holding/holding0_Dialog.vue

@@ -41,12 +41,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="藏品编号：">
+        <el-form-item label="藏品编号："  prop="num">
           <el-input v-model="ruleForm.num" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
       <div class="row">
-        <el-form-item label="原名：">
+        <el-form-item label="原名：" prop="primitiveName">
           <el-input
             v-model="ruleForm.primitiveName"
             placeholder="请输入"
@@ -98,31 +98,35 @@
             <el-option label="复合质地" :value="1"></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item prop="textureCategory" class="myInput">
         <el-input
-          style="margin: 0 20px"
           v-model="ruleForm.textureCategory"
           placeholder="质地类别"
         ></el-input>
+        </el-form-item>
+        <el-form-item prop="texture" class="myInput">
         <el-input v-model="ruleForm.texture" placeholder="质地"></el-input>
+        </el-form-item>
       </div>
       <div class="row">
         <el-form-item label="外形尺寸：" prop="length">
           <el-input
             v-model="ruleForm.length"
             placeholder="长（cm）"
-            style="width: 30%"
           ></el-input>
+        </el-form-item>
+          <el-form-item prop="width" class="myInput">
           <el-input
             v-model="ruleForm.width"
             placeholder="宽（cm）"
-            style="width: 30%; margin: 0 20px"
           ></el-input>
+          </el-form-item>
+          <el-form-item prop="height" class="myInput">
           <el-input
             v-model="ruleForm.height"
             placeholder="高（cm）"
-            style="width: 30%"
           ></el-input>
-        </el-form-item>
+          </el-form-item>
       </div>
       <div class="row">
         <el-form-item label="完残程度：" prop="integrity">
@@ -170,7 +174,7 @@
             <el-option label="单件" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="具体数量：">
+        <el-form-item label="具体数量："  prop="amount">
           <el-input v-model="ruleForm.amount" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
@@ -191,7 +195,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="具体质量：">
+        <el-form-item label="具体质量："  prop="quality">
           <el-input v-model="ruleForm.quality" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
@@ -211,7 +215,7 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="入藏年度：">
+        <el-form-item label="入藏年度：" prop="checkInYear">
           <el-input
             v-model="ruleForm.checkInYear"
             placeholder="请输入"
@@ -219,7 +223,7 @@
         </el-form-item>
       </div>
         <!-- 11-5新增 -->
-        <el-form-item label="来源说明：">
+        <el-form-item label="来源说明：" prop="description">
           <el-input type="textarea" :rows="3" v-model="ruleForm.description" placeholder="请输入"></el-input>
         </el-form-item>
       <!-- 图片和附件 -->
@@ -397,14 +401,24 @@ export default {
       objectType: [], // 文物类型
       numType: [], // 文物编号类型
       rules: {
-        name: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        age: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        length: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        repairRemark: [{ max: 50, message: '不能超过50个字符', trigger: 'blur' }],
+        name: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 64, message: '不能超过64个字符', trigger: 'blur' }],
+        registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        num: { max: 8, message: '不能超过8个字符', trigger: 'blur' },
+        primitiveName: { max: 64, message: '不能超过64个字符', trigger: 'blur' },
+        age: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        length: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        width: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        height: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        repairRemark: [{ max: 64, message: '不能超过64个字符', trigger: 'blur' }],
+        checkInYear: [{ max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        description: [{ max: 128, message: '不能超过128个字符', trigger: 'blur' }],
+        quality: [{ max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        amount: { max: 8, message: '不能超过8个字符', trigger: 'blur' },
         level: [{ required: true, message: '不能为空', trigger: 'blur' }],
         goodsTypeId: [{ required: true, message: '不能为空', trigger: 'blur' }],
         textureType: [{ required: true, message: '不能为空', trigger: 'blur' }],
+        texture: { max: 16, message: '不能超过16个字符', trigger: 'blur' },
+        textureCategory: { max: 16, message: '不能超过16个字符', trigger: 'blur' },
         integrity: [{ required: true, message: '不能为空', trigger: 'blur' }]
       },
       // 上传图片和文件
@@ -626,6 +640,12 @@ export default {
 }
 </script>
 <style lang='less' scoped>
+.myInput {
+  /deep/.el-form-item__content {
+    margin-left: 0px !important;
+    margin-left:20px !important;
+  }
+}
 .bigImg{
   display: flex;
   justify-content: center;

src/views/holding/holding3_DiaEdit.vue

@@ -41,12 +41,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="藏品编号：">
+        <el-form-item label="藏品编号："  prop="num">
           <el-input v-model="ruleForm.num" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
       <div class="row">
-        <el-form-item label="原名：">
+        <el-form-item label="原名：" prop="primitiveName">
           <el-input
             v-model="ruleForm.primitiveName"
             placeholder="请输入"
@@ -98,31 +98,35 @@
             <el-option label="复合质地" :value="1"></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item prop="textureCategory" class="myInput">
         <el-input
-          style="margin: 0 20px"
           v-model="ruleForm.textureCategory"
           placeholder="质地类别"
         ></el-input>
+        </el-form-item>
+        <el-form-item prop="texture" class="myInput">
         <el-input v-model="ruleForm.texture" placeholder="质地"></el-input>
+        </el-form-item>
       </div>
       <div class="row">
         <el-form-item label="外形尺寸：" prop="length">
           <el-input
             v-model="ruleForm.length"
             placeholder="长（cm）"
-            style="width: 30%"
           ></el-input>
+        </el-form-item>
+          <el-form-item prop="width" class="myInput">
           <el-input
             v-model="ruleForm.width"
             placeholder="宽（cm）"
-            style="width: 30%; margin: 0 20px"
           ></el-input>
+          </el-form-item>
+          <el-form-item prop="height" class="myInput">
           <el-input
             v-model="ruleForm.height"
             placeholder="高（cm）"
-            style="width: 30%"
           ></el-input>
-        </el-form-item>
+          </el-form-item>
       </div>
       <div class="row">
         <el-form-item label="完残程度：" prop="integrity">
@@ -168,7 +172,7 @@
             <el-option label="单件" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="具体数量：">
+        <el-form-item label="具体数量："  prop="amount">
           <el-input v-model="ruleForm.amount" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
@@ -189,7 +193,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="具体质量：">
+        <el-form-item label="具体质量："  prop="quality">
           <el-input v-model="ruleForm.quality" placeholder="请输入"></el-input>
         </el-form-item>
       </div>
@@ -209,7 +213,7 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="入藏年度：">
+        <el-form-item label="入藏年度：" prop="checkInYear">
           <el-input
             v-model="ruleForm.checkInYear"
             placeholder="请输入"
@@ -217,7 +221,7 @@
         </el-form-item>
       </div>
         <!-- 11-5新增 -->
-        <el-form-item label="来源说明：">
+        <el-form-item label="来源说明：" prop="description">
           <el-input type="textarea" :rows="3" v-model="ruleForm.description" placeholder="请输入"></el-input>
         </el-form-item>
       <!-- 图片和附件 -->
@@ -393,14 +397,24 @@ export default {
       objectType: [], // 文物类型
       numType: [], // 文物编号类型
       rules: {
-        name: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        age: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        length: [{ required: true, message: '不能为空', trigger: 'blur' }],
-        repairRemark: [{ max: 50, message: '不能超过50个字符', trigger: 'blur' }],
+        name: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 64, message: '不能超过64个字符', trigger: 'blur' }],
+        registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        num: { max: 8, message: '不能超过8个字符', trigger: 'blur' },
+        primitiveName: { max: 64, message: '不能超过64个字符', trigger: 'blur' },
+        age: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        length: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        width: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        height: [{ required: true, message: '不能为空', trigger: 'blur' }, { max: 8, message: '不能超过8个字符', trigger: 'blur' }],
+        repairRemark: [{ max: 64, message: '不能超过64个字符', trigger: 'blur' }],
+        checkInYear: [{ max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        description: [{ max: 128, message: '不能超过128个字符', trigger: 'blur' }],
+        quality: [{ max: 32, message: '不能超过32个字符', trigger: 'blur' }],
+        amount: { max: 8, message: '不能超过8个字符', trigger: 'blur' },
         level: [{ required: true, message: '不能为空', trigger: 'blur' }],
         goodsTypeId: [{ required: true, message: '不能为空', trigger: 'blur' }],
         textureType: [{ required: true, message: '不能为空', trigger: 'blur' }],
+        texture: { max: 16, message: '不能超过16个字符', trigger: 'blur' },
+        textureCategory: { max: 16, message: '不能超过16个字符', trigger: 'blur' },
         integrity: [{ required: true, message: '不能为空', trigger: 'blur' }]
       },
       // 上传图片和文件
@@ -631,6 +645,12 @@ export default {
 }
 </script>
 <style lang='less' scoped>
+.myInput {
+  /deep/.el-form-item__content {
+    margin-left: 0px !important;
+    margin-left:20px !important;
+  }
+}
 .bigImg{
   display: flex;
   justify-content: center;