输入框样式调整

src/components/icss/AddDeptInfo.vue

@@ -4,8 +4,8 @@
         <crumbs :title="topInfo" linkTo="/admin/LT-YXSJWH-KSWH">
         </crumbs>
         <div class="contents">
-            <el-form ref="form" :label-position="labelPosition" :model="form" :rules="rules" label-width="100px" class="add-admin-form">
-                <el-form-item label="科室名称：" prop="name">
+            <el-form ref="form" :label-position="labelPosition" :model="form" :rules="rules" label-width="100px" class="add-depart-form">
+                <el-form-item label="科室名称：" prop="name" class="depart-title">
                     <el-input v-model="form.name" placeholder="请输入科室名称" maxlength="30"></el-input>
                 </el-form-item>
                 <el-form-item label="描述：" prop="remark">
@@ -26,12 +26,12 @@
         if (!value) {
           return callback(new Error('请输入科室名称'));
         }
-        if (value.length > 120) {
-           this.form.name = value.substr(0, 120);
+        if (value.length >= 30) {
+           this.form.name = value.substr(0, 30);
            this.$message({
              showClose: true,
              type: 'warning',
-             message: '科室名称最多可输入120个字'
+             message: '已超过最大字数限制'
            })
         }
         callback();
@@ -137,16 +137,13 @@
 
 <style lang="less" scoped>
     @import "../../less/admin.less";
-
-    .add-admin-form {
-        background: #fff;
-        padding: 20px 10px 30px;
-
-    &
-    > div {
-        margin-left: 9px;
-    }
-
+    .add-depart-form{
+      background: #fff;
+      padding: 20px 10px 30px;
+      .depart-title{
+        width:500px;
+        margin-bottom: 20px;
+      }
     }
 
   .el-button{

src/components/icss/AddDisclInfo.vue

@@ -5,7 +5,7 @@
         </crumbs>
         <div class="contents">
             <el-form ref="form" :label-position="labelPosition" :model="form" :rules="rules" label-width="65px" class="add-discl-form">
-                <el-form-item label="标题：" prop="title">
+                <el-form-item label="标题：" prop="title" class="discl-title">
                     <el-input v-model="form.title" placeholder="请输入标题" maxlength="30"></el-input>
                 </el-form-item>
                 <el-form-item label="内容：" prop="description" class="discDesc">
@@ -36,7 +36,7 @@
         if (!value) {
           return callback(new Error('请输入标题'));
         }
-        if (value.length > 30) {
+        if (value.length >= 30) {
            this.form.name = value.substr(0, 30);
            this.$message({
              showClose: true,
@@ -184,6 +184,9 @@
     .add-discl-form {
         background: #fff;
         padding: 20px 20px 30px;
+        .discl-title{
+          width:500px;
+        }
     }
 
   // .el-button{