update: 组件更换测试

src/components/Player/mediaTool.vue

@@ -7,28 +7,36 @@
                 @mousedown="emit('onMouseDown', 'UP')"
                 @mouseup="emit('onMouseUp', 'UP')"
             >
-                <AIcon class="direction-icon" type="CaretUpOutlined" />
+                <div class="direction-icon">
+                    <AIcon type="CaretUpOutlined" />
+                </div>
             </div>
             <div
                 class="direction-item right"
                 @mousedown="emit('onMouseDown', 'RIGHT')"
                 @mouseup="emit('onMouseUp', 'RIGHT')"
             >
-                <AIcon class="direction-icon" type="CaretRightOutlined" />
+                <div class="direction-icon">
+                    <AIcon type="CaretRightOutlined" />
+                </div>
             </div>
             <div
                 class="direction-item left"
                 @mousedown="emit('onMouseDown', 'LEFT')"
                 @mouseup="emit('onMouseUp', 'LEFT')"
             >
-                <AIcon class="direction-icon" type="CaretLeftOutlined" />
+                <div class="direction-icon">
+                    <AIcon type="CaretLeftOutlined" />
+                </div>
             </div>
             <div
                 class="direction-item down"
                 @mousedown="emit('onMouseDown', 'DOWN')"
                 @mouseup="emit('onMouseUp', 'DOWN')"
             >
-                <AIcon class="direction-icon" type="CaretDownOutlined" />
+                <div class="direction-icon">
+                    <AIcon type="CaretDownOutlined" />
+                </div>
             </div>
             <div class="direction-audio">
                 <!-- <AIcon type="AudioOutlined" /> -->

src/components/ValueItem/index.vue

@@ -62,7 +62,7 @@
                     :showUploadList="false"
                     @change="handleFileChange"
                 >
-                    <AIcon type="CloudUploadOutlined" />
+                    <AIcon type="UploadOutlined" />
                 </j-upload>
             </template>
         </j-input>

src/views/notice/Template/Debug/index.vue

@@ -12,7 +12,7 @@
             <j-form-item
                 label="通知配置"
                 name="configId"
-                :rules="{ required: true, message: '该字段为必填字段' }"
+                :rules="{ required: true, message: '请选择通知配置' }"
             >
                 <j-select
                     v-model:value="formData.configId"

src/views/notice/Template/Detail/components/Attachments.vue

@@ -6,7 +6,7 @@
             v-for="(item, index) in fileList"
             :key="index"
         >
-            <j-input v-model:value="item.name">
+            <j-input v-model:value="item.name" @change="emitEvents">
                 <template #addonAfter>
                     <a-upload
                         name="file"

src/views/notice/Template/Detail/components/VariableDefinitions.vue

@@ -55,7 +55,7 @@
                             yyyy-MM-dd
                         </j-select-option>
                         <j-select-option value="yyyy-MM-dd HH:mm:ss">
-                            yyyy-MM-dd HH:mm:ss
+                            <Ellipsis>yyyy-MM-dd HH:mm:ss</Ellipsis>
                         </j-select-option>
                     </j-select>
                     <j-input
@@ -143,7 +143,7 @@ const handleTypeChange = (record: IVariable) => {
             record.format = 'timestamp';
             break;
         case 'double':
-            record.format = '%.0f';
+            record.format = '%.xf';
             break;
     }
 };

src/views/notice/Template/Detail/index.vue

@@ -353,7 +353,9 @@
                                     placeholder="请输入标题"
                                 />
                             </j-form-item>
-                            <j-form-item>
+                            <j-form-item
+                                v-bind="validateInfos['template.sendTo']"
+                            >
                                 <template #label>
                                     <span>
                                         收件人
@@ -369,9 +371,8 @@
                                 </template>
                                 <j-select
                                     mode="tags"
-                                    :options="[]"
                                     v-model:value="formData.template.sendTo"
-                                    placeholder="请选择收件人"
+                                    placeholder="请输入收件人邮箱,多个收件人用换行分隔"
                                 />
                             </j-form-item>
                             <j-form-item>
@@ -459,7 +460,13 @@
                                     </j-form-item>
                                 </j-col>
                                 <j-col :span="12">
-                                    <j-form-item>
+                                    <j-form-item
+                                        v-bind="
+                                            validateInfos[
+                                                'template.calledNumber'
+                                            ]
+                                        "
+                                    >
                                         <template #label>
                                             <span>
                                                 被叫号码
@@ -507,7 +514,9 @@
                                     placeholder="请输入被叫显号"
                                 />
                             </j-form-item>
-                            <j-form-item>
+                            <j-form-item
+                                v-bind="validateInfos['template.playTimes']"
+                            >
                                 <template #label>
                                     <span>
                                         播放次数
@@ -519,9 +528,10 @@
                                         </j-tooltip>
                                     </span>
                                 </template>
-                                <j-input
+                                <j-input-number
                                     v-model:value="formData.template.playTimes"
                                     placeholder="请输入播放次数"
+                                    style="width: 100%"
                                 />
                             </j-form-item>
                             <j-form-item
@@ -694,7 +704,6 @@
                                 </template>
                                 <j-textarea
                                     v-model:value="formData.template.message"
-                                    :maxlength="200"
                                     :rows="5"
                                     :disabled="formData.type === 'sms'"
                                     placeholder="变量格式:${name};
@@ -896,22 +905,48 @@ const formRules = ref({
     'template.agentId': [{ required: true, message: '请输入agentId' }],
     'template.messageType': [{ required: true, message: '请选择消息类型' }],
     'template.markdown.title': [
-        { required: true, message: '请输入标题' },
+        { required: true, message: '请输入标题', trigger: 'change' },
-        { max: 64, message: '最多可输入64个字符' },
+        { max: 64, message: '最多可输入64个字符', trigger: 'change' },
     ],
     'template.link.title': [
-        { required: true, message: '请输入标题' },
+        { required: true, message: '请输入标题', trigger: 'change' },
-        { max: 64, message: '最多可输入64个字符' },
+        { max: 64, message: '最多可输入64个字符', trigger: 'change' },
     ],
     // 'template.url': [{ required: true, message: '请输入WebHook' }],
     // 微信
     // 'template.agentId': [{ required: true, message: '请输入agentId' }],
     // 邮件
-    'template.subject': [{ required: true, message: '请输入标题' }],
+    'template.subject': [
+        { required: true, message: '请输入标题' },
+        { max: 64, message: '最多可输入64个字符', trigger: 'change' },
+    ],
+    'template.sendTo': [
+        {
+            trigger: 'change',
+            validator(_rule: Rule, value: string[]) {
+                const regEmail =
+                    /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+                let error;
+                if (value) {
+                    value.some((item: string) => {
+                        if (!regEmail.test(item)) {
+                            error = item;
+                            return true;
+                        }
+                        return false;
+                    });
+                }
+                if (error)
+                    return Promise.reject(error ? `${error}邮件格式错误` : '');
+                else return Promise.resolve();
+            },
+        },
+    ],
     // 阿里云语音
     'template.templateType': [{ required: true, message: '请选择类型' }],
     'template.templateCode': [{ required: true, message: '请输入模板ID' }],
-    'template.calledShowNumbers': [
+    'template.calledNumber': [
+        { max: 64, message: '最多可输入64个字符', trigger: 'change' },
         {
             trigger: 'change',
             validator(_rule: Rule, value: string) {
@@ -921,6 +956,27 @@ const formRules = ref({
             },
         },
     ],
+    'template.calledShowNumbers': [
+        { max: 64, message: '最多可输入64个字符', trigger: 'change' },
+        {
+            trigger: 'change',
+            validator(_rule: Rule, value: string) {
+                if (!value) return Promise.resolve();
+                if (!phoneRegEx(value)) return Promise.reject('请输入有效号码');
+                return Promise.resolve();
+            },
+        },
+    ],
+    'template.playTimes': [
+        {
+            trigger: 'change',
+            validator(_rule: Rule, value: number) {
+                if (value < 1 || value > 3)
+                    return Promise.reject('仅支持1～3次');
+                else return Promise.resolve();
+            },
+        },
+    ],
     // 短信
     'template.code': [{ required: true, message: '请选择模板' }],
     'template.signName': [{ required: true, message: '请输入签名' }],
@@ -929,9 +985,9 @@ const formRules = ref({
     'template.message': [
         {
             required: true,
-            message: '请输入',
+            message: '请输入模板内容',
         },
-        { max: 500, message: '最多可输入500个字符' },
+        { max: 500, message: '最多可输入500个字符', trigger: 'change' },
     ],
     'template.ttsmessage': [{ max: 500, message: '最多可输入500个字符' }],
 });