style:登记原因限制字数

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-10 09:34:25
+ * @LastEditTime: 2023-08-16 08:59:32
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { uploadUndo } from "@/api/clxx";

@@ -253,7 +253,7 @@
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.diyaq.djyy">
               </el-input>
             </el-form-item>

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-08-14 13:02:34
+ * @LastEditTime: 2023-08-16 09:06:00
 -->
 <template>
   <div class="slxx">
@@ -164,7 +164,7 @@
           <el-row :gutter="10">
             <el-col>
               <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
-                <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+                <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                   v-model="ruleForm.fdcq1.djyy">
                 </el-input>
               </el-form-item>

@@ -67,12 +67,12 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10" v-if="ruleForm.fdcq2">         
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
           <el-col :span="8">
             <el-form-item label="宗地面积：">
-                <div class="flex">
-              <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
-               <el-select
+              <div class="flex">
+                <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
+                <el-select
                   disabled
                   v-model="ruleForm.zdjbxx.mjdw"
                   style="width: 20%">
@@ -83,16 +83,16 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                  </div>
+              </div>
             </el-form-item>
           </el-col>
-           <el-col :span="8">           
+          <el-col :span="8">
             <el-form-item label="土地使用权人：">
-               <el-input disabled v-model="ruleForm.fdcq2.tdsyqr"></el-input>
+              <el-input disabled v-model="ruleForm.fdcq2.tdsyqr"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="土地性质：">              
+            <el-form-item label="土地性质：">
               <el-select v-model="ruleForm.fdcq2.tdxz">
                 <el-option
                   v-for="item in dictData['A9']"
@@ -105,10 +105,10 @@
           </el-col>
         </el-row>
         <el-row :gutter="10" v-if="ruleForm.qlxx">
-           <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="独用土地面积：">
               <div class="flex">
-                <el-input  v-model="ruleForm.fdcq2.dytdmj"
+                <el-input v-model="ruleForm.fdcq2.dytdmj"
                   oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
@@ -124,10 +124,10 @@
               </div>
             </el-form-item>
           </el-col>
-           <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="分摊土地面积：">
               <div class="flex">
-                <el-input  v-model="ruleForm.fdcq2.fttdmj"
+                <el-input v-model="ruleForm.fdcq2.fttdmj"
                   oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
@@ -156,10 +156,10 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10" v-if="ruleForm.qlxx">   
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="房屋用途：">
-               <el-select v-model="ruleForm.fdcq2.ghyt">
+              <el-select v-model="ruleForm.fdcq2.ghyt">
                 <el-option
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
@@ -169,9 +169,9 @@
               </el-select>
             </el-form-item>
           </el-col>
-           <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="房屋结构：">
-               <el-select v-model="ruleForm.fdcq2.fwjg">
+              <el-select v-model="ruleForm.fdcq2.fwjg">
                 <el-option
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
@@ -184,7 +184,7 @@
           <el-col :span="8">
             <el-form-item label="竣工时间：">
               <!-- <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> -->
-               <el-date-picker
+              <el-date-picker
                 v-model="ruleForm.fdcq2.jgsj"
                 class="width100"
                 type="date"
@@ -192,9 +192,9 @@
                 value-format="yyyy-MM-dd"
                 :disabled="!ableOperation || ableEdit || isJfOperation"></el-date-picker>
             </el-form-item>
-          </el-col>         
+          </el-col>
         </el-row>
-        <el-row :gutter="10" v-if="ruleForm.qlxx">         
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="所在层：">
               <el-input v-model="ruleForm.fdcq2.szc"></el-input>
@@ -205,7 +205,7 @@
               <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
             </el-form-item>
           </el-col>
-           <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="房地产交易价格：">
               <div class="flex">
                 <el-input
@@ -224,7 +224,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10" v-if="ruleForm.fdcq2">         
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
           <el-col :span="8">
             <el-form-item label="建筑面积：">
               <div class="flex">
@@ -263,7 +263,7 @@
               </div>
             </el-form-item>
           </el-col>
-           <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="分摊建筑面积：">
               <div class="flex">
                 <el-input v-model="ruleForm.fdcq2.ftjzmj"
@@ -284,9 +284,7 @@
           </el-col>
         </el-row>
         <el-row :gutter="10">
-           
-          
-         
+
         </el-row>
         <div class="slxx_title title-block">
           土地用途
@@ -358,7 +356,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.fdcq2.djyy">
               </el-input>
             </el-form-item>

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-08-14 12:58:13
+ * @LastEditTime: 2023-08-16 09:06:05
 -->
 <template>
   <div class="slxx">
@@ -239,7 +239,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.fdcq2.djyy">
               </el-input>
             </el-form-item>

@@ -11,8 +11,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="130px"
-    >
+      label-width="130px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -40,16 +39,14 @@
             <el-form-item label="权利类型：">
               <el-input
                 disabled
-                v-model="ruleForm.sldyList[0].qllxmc"
-              ></el-input>
+                v-model="ruleForm.sldyList[0].qllxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
             <el-form-item label="登记类型：">
               <el-input
                 disabled
-                v-model="ruleForm.sldyList[0].djlxmc"
-              ></el-input>
+                v-model="ruleForm.sldyList[0].djlxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -116,8 +113,7 @@
               <el-radio-group
                 :disabled="!ableOperation"
                 @change="showCZInfo"
-                v-model="ruleForm.sldyList[0].gyfs"
-              >
+                v-model="ruleForm.sldyList[0].gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -157,8 +153,7 @@
         <qlrCommonTable
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
-          :gyfs="ruleForm.sldyList[0].gyfs"
-        />
+          :gyfs="ruleForm.sldyList[0].gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -169,9 +164,9 @@
               <el-input
                 class="textArea"
                 type="textarea"
+                maxlength="500"
                 :disabled="!ableOperation"
-                v-model="ruleForm.fdcq2List[0].djyy"
-              >
+                v-model="ruleForm.fdcq2List[0].djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -192,10 +187,10 @@
   import { mapGetters } from "vuex";
   export default {
     mixins: [ywmix],
-     computed: {
+    computed: {
       ...mapGetters(["dictData", "flag"]),
     },
-    components: { qlrCommonTable},
+    components: { qlrCommonTable },
 
     // 更新义务人信息
     /**
@@ -203,7 +198,7 @@
      * @param {*} val
      * @author: renchao
      */
-    upDateYwrxxList(val) {
+    upDateYwrxxList (val) {
       this.ruleForm.ywrList = _.cloneDeep(val);
     },
     data () {
@@ -231,7 +226,7 @@
         //表单是否可操作
         ableOperation: true,
         rules: {},
-        gyfs:"",
+        gyfs: "",
         bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码
         splicingFdcq2: {//前端根据后台数组组装展示内容
           fwxz: ''//房屋性质
@@ -241,7 +236,7 @@
         }
       }
     },
-        mounted (callbackfn, thisArg) {
+    mounted (callbackfn, thisArg) {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -253,7 +248,7 @@
         if (res.code == 200) {
           this.ruleForm = res.result;
           this.czrOptions = this.ruleForm.qlrList;
-         this.gyfs=this.ruleForm.sldyList[0].gyfs
+          this.gyfs = this.ruleForm.sldyList[0].gyfs
           this.splicingFdcq2Info();
         }
       })
@@ -315,25 +310,25 @@
        * @author: renchao
        */
       onSubmit () {
-           if (this.ruleForm.sldyList[0].gyfs== "0") {
-              if (this.ruleForm.qlrList.length > 1) {
-                this.$message({
-                  showClose: true,
-                  message: "共有方式：单独所有，权利人只能是一个人",
-                  type: "error",
-                });
-                return false;
-              }
-            } else {
-              if (this.ruleForm.qlrList.length <= 1) {
-                this.$message({
-                  showClose: true,
-                  message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
-                  type: "error",
-                });
-                return false;
-              }
-            }
+        if (this.ruleForm.sldyList[0].gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+        } else {
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              type: "error",
+            });
+            return false;
+          }
+        }
         saveBatchData(this.ruleForm).then((res) => {
           if (res.code === 200) {
             this.$message({
@@ -355,77 +350,77 @@
   }
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-14 13:03:32
+ * @LastEditTime: 2023-08-16 09:06:15
 -->
 <template>
   <!-- 受理信息 -->
@@ -171,7 +171,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation" v-model="ruleForm.djyy">
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation" v-model="ruleForm.djyy">
               </el-input>
             </el-form-item>
           </el-col>

@@ -207,7 +207,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.jsydsyq.djyy">
               </el-input>
             </el-form-item>

@@ -2,7 +2,7 @@
 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-14 12:54:53
+ * @LastEditTime: 2023-08-16 09:06:23
 -->
 <template>
   <!-- 受理信息 -->
@@ -198,6 +198,7 @@
               <el-input
                 class="textArea"
                 type="textarea"
+                maxlength="500"
                 :disabled="!ableOperation"
                 v-model="ruleForm.jsydsyq.djyy">
               </el-input>

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-08-15 10:24:21
+ * @LastEditTime: 2023-08-16 09:06:27
 -->
 <template>
   <div class="slxx">
@@ -227,6 +227,7 @@
               <el-input
                 class="textArea"
                 type="textarea"
+                maxlength="500"
                 :disabled="!ableOperation"
                 v-model="ruleForm.lq.djyy">
               </el-input>

@@ -225,7 +225,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.nydsyq.djyy">
               </el-input>
             </el-form-item>

@@ -230,7 +230,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.nydsyq.djyy">
               </el-input>
             </el-form-item>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-14 13:06:03
+ * @LastEditTime: 2023-08-16 09:06:39
 -->
 <template>
   <!-- 受理信息 -->
@@ -321,6 +321,7 @@
             <el-form-item label="登记原因：" prop="djyy">
               <el-input
                 class="textArea"
+                maxlength="500"
                 type="textarea"
                 :disabled="!ableOperation"
                 v-model="ruleForm.tdsyq.djyy">

@@ -196,7 +196,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.ygdj.djyy">
               </el-input>
             </el-form-item>

@@ -164,7 +164,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.ygdj.djyy">
               </el-input>
             </el-form-item>

@@ -225,7 +225,7 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.ygdj.djyy">
               </el-input>
             </el-form-item>

@@ -189,7 +189,7 @@
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation"
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation"
                 v-model="ruleForm.diyaqList[0].djyy">
               </el-input>
             </el-form-item>

@@ -243,7 +243,7 @@
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!ableOperation "
+              <el-input class="textArea" type="textarea" maxlength="500" :disabled="!ableOperation "
                 v-model="ruleForm.diyaq.djyy">
               </el-input>
             </el-form-item>