fix(接口定义): 修复接口定义自定义字段输入框，输入长字符保存报错的缺陷

--bug=1016921 --user=王孝刚 【接口测试】接口定义，自定义字段-输入框，填写超长字符，保存报错
https://www.tapd.cn/55049933/s/1252127

frontend/src/business/components/project/template/CustomFiledComponent.vue

@@ -8,36 +8,36 @@
       <el-option
           v-for="(item,index) in data.options ? data.options : []"
           :key="index"
-        @change="handleChange"
           :label="getTranslateOption(item)"
-        :value="item.value">
+          :value="item.value"
+          @change="handleChange">
       </el-option>
     </el-select>
 
     <el-cascader
         v-else-if="data.type === 'cascadingSelect'"
-      expand-trigger="hover"
-      @change="handleChange"
-      :props="{label: 'text'}"
+        v-model="data[prop]"
         :options="data.options"
-      v-model="data[prop]">
+        :props="{label: 'text'}"
+        expand-trigger="hover"
+        @change="handleChange">
     </el-cascader>
 
     <el-input
         v-else-if="data.type === 'textarea'"
-      type="textarea"
-      @change="handleChange"
-      :rows="2"
+        v-model="data[prop]"
         :disabled="disabled"
         :placeholder="$t('commons.input_content')"
+        :rows="2"
         class="custom-with"
-      v-model="data[prop]">
+        type="textarea"
+        @change="handleChange">
     </el-input>
 
     <el-checkbox-group
         v-else-if="data.type === 'checkbox'"
-      :disabled="disabled"
-      v-model="data[prop]">
+        v-model="data[prop]"
+        :disabled="disabled">
       <el-checkbox v-for="(item, index) in data.options ? data.options : []"
                    :key="index"
                    @change="handleChange"
@@ -47,13 +47,13 @@
     </el-checkbox-group>
 
     <el-radio
+        v-for="(item,index) in data.options ? data.options : []"
         v-else-if="data.type === 'radio'"
+        :key="index"
         v-model="data[prop]"
         :disabled="disabled"
-      v-for="(item,index) in data.options ? data.options : []"
-      :key="index"
-      @change="handleChange"
-      :label="item.value">
+        :label="item.value"
+        @change="handleChange">
       {{ getTranslateOption(item) }}
     </el-radio>
 
@@ -65,19 +65,19 @@
 
     <el-input-number
         v-else-if="data.type === 'float'"
+        v-model="data[prop]"
         :disabled="disabled"
-      @change="handleChange"
-      v-model="data[prop]" :precision="2" :step="0.1"/>
+        :precision="2" :step="0.1" @change="handleChange"/>
 
      <el-date-picker
-       class="custom-with"
-       @change="handleChange"
          v-else-if="data.type === 'date' || data.type === 'datetime'"
-       :value-format="data.type === 'date' ? 'yyyy-MM-dd' : 'yyyy-MM-dd HH:mm:ss'"
-       :disabled="disabled"
          v-model="data[prop]"
+         :disabled="disabled"
+         :placeholder="$t('commons.select_date')"
          :type="data.type === 'date' ? 'date' : 'datetime'"
-       :placeholder="$t('commons.select_date')">
+         :value-format="data.type === 'date' ? 'yyyy-MM-dd' : 'yyyy-MM-dd HH:mm:ss'"
+         class="custom-with"
+         @change="handleChange">
     </el-date-picker>
 
     <el-select v-else-if="data.type === 'member' || data.type === 'multipleMember'"
@@ -106,7 +106,7 @@
     <el-input class="custom-with"
               @input="handleChange"
               :disabled="disabled"
-              v-else v-model="data[prop]" maxlength="500" show-word-limit/>
+              v-else v-model="data[prop]" maxlength="450" show-word-limit/>
 
   </span>