From 859a375967e429f4fe21bc779eeac2ce4621278d Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Mon, 26 Sep 2022 16:25:18 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E5=AE=9A=E4=B9=89):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8E=A5=E5=8F=A3=E5=AE=9A=E4=B9=89=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E5=AD=97=E6=AE=B5=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=EF=BC=8C=E8=BE=93=E5=85=A5=E9=95=BF=E5=AD=97=E7=AC=A6=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=E6=8A=A5=E9=94=99=E7=9A=84=E7=BC=BA=E9=99=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1016921 --user=王孝刚 【接口测试】接口定义，自定义字段-输入框，填写超长字符，保存报错
https://www.tapd.cn/55049933/s/1252127
---
 .../project/template/CustomFiledComponent.vue | 100 +++++++++---------
 1 file changed, 50 insertions(+), 50 deletions(-)

diff --git a/frontend/src/business/components/project/template/CustomFiledComponent.vue b/frontend/src/business/components/project/template/CustomFiledComponent.vue
index 6e02fa583c..f29e08a846 100644
--- a/frontend/src/business/components/project/template/CustomFiledComponent.vue
+++ b/frontend/src/business/components/project/template/CustomFiledComponent.vue
@@ -6,38 +6,38 @@
                 @change="handleChange"
                 filterable v-model="data[prop]" :placeholder="$t('commons.default')">
       <el-option
-        v-for="(item,index) in data.options ? data.options : []"
-        :key="index"
-        @change="handleChange"
-        :label="getTranslateOption(item)"
-        :value="item.value">
+          v-for="(item,index) in data.options ? data.options : []"
+          :key="index"
+          :label="getTranslateOption(item)"
+          :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'}"
-      :options="data.options"
-      v-model="data[prop]">
+        v-else-if="data.type === 'cascadingSelect'"
+        v-model="data[prop]"
+        :options="data.options"
+        :props="{label: 'text'}"
+        expand-trigger="hover"
+        @change="handleChange">
     </el-cascader>
 
     <el-input
-      v-else-if="data.type === 'textarea'"
-      type="textarea"
-      @change="handleChange"
-      :rows="2"
-      :disabled="disabled"
-      :placeholder="$t('commons.input_content')"
-      class="custom-with"
-      v-model="data[prop]">
+        v-else-if="data.type === 'textarea'"
+        v-model="data[prop]"
+        :disabled="disabled"
+        :placeholder="$t('commons.input_content')"
+        :rows="2"
+        class="custom-with"
+        type="textarea"
+        @change="handleChange">
     </el-input>
 
     <el-checkbox-group
-      v-else-if="data.type === 'checkbox'"
-      :disabled="disabled"
-      v-model="data[prop]">
+        v-else-if="data.type === 'checkbox'"
+        v-model="data[prop]"
+        :disabled="disabled">
       <el-checkbox v-for="(item, index) in data.options ? data.options : []"
                    :key="index"
                    @change="handleChange"
@@ -47,37 +47,37 @@
     </el-checkbox-group>
 
     <el-radio
-      v-else-if="data.type === 'radio'"
-      v-model="data[prop]"
-      :disabled="disabled"
-      v-for="(item,index) in data.options ? data.options : []"
-      :key="index"
-      @change="handleChange"
-      :label="item.value">
+        v-for="(item,index) in data.options ? data.options : []"
+        v-else-if="data.type === 'radio'"
+        :key="index"
+        v-model="data[prop]"
+        :disabled="disabled"
+        :label="item.value"
+        @change="handleChange">
       {{ getTranslateOption(item) }}
     </el-radio>
 
     <el-input-number
-      v-else-if="data.type === 'int'"
-      v-model="data[prop]"
-      :disabled="disabled"
-      @change="handleChange"/>
+        v-else-if="data.type === 'int'"
+        v-model="data[prop]"
+        :disabled="disabled"
+        @change="handleChange"/>
 
     <el-input-number
-      v-else-if="data.type === 'float'"
-      :disabled="disabled"
-      @change="handleChange"
-      v-model="data[prop]" :precision="2" :step="0.1"/>
+        v-else-if="data.type === 'float'"
+        v-model="data[prop]"
+        :disabled="disabled"
+        :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]"
-       :type="data.type === 'date' ? 'date' : 'datetime'"
-       :placeholder="$t('commons.select_date')">
+         v-else-if="data.type === 'date' || data.type === 'datetime'"
+         v-model="data[prop]"
+         :disabled="disabled"
+         :placeholder="$t('commons.select_date')"
+         :type="data.type === 'date' ? 'date' : 'datetime'"
+         :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'"
@@ -86,10 +86,10 @@
                :disabled="disabled"
                filterable v-model="data[prop]" :placeholder="$t('commons.default')">
        <el-option
-         v-for="(item) in memberOptions"
-         :key="item.id"
-         :label="item.name + (item.email ? ' (' + item.email + ')' : '')"
-         :value="item.id">
+           v-for="(item) in memberOptions"
+           :key="item.id"
+           :label="item.name + (item.email ? ' (' + item.email + ')' : '')"
+           :value="item.id">
        </el-option>
     </el-select>
 
@@ -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>