mirror of
				https://github.com/continew-org/continew-admin-ui.git
				synced 2025-10-31 20:58:40 +08:00 
			
		
		
		
	style: 完善部分限制字数输入框的限制提示
This commit is contained in:
		
							
								
								
									
										9
									
								
								src/types/components.d.ts
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										9
									
								
								src/types/components.d.ts
									
									
									
									
										vendored
									
									
								
							| @@ -8,7 +8,10 @@ export {} | ||||
| declare module 'vue' { | ||||
|   export interface GlobalComponents { | ||||
|     Breadcrumb: typeof import('./../components/Breadcrumb/index.vue')['default'] | ||||
|     CronForm: typeof import('./../components/GenCron/CronForm/index.vue')['default'] | ||||
|     CronModel: typeof import('./../components/GenCron/CronModel/index.vue')['default'] | ||||
|     DateRangePicker: typeof import('./../components/DateRangePicker/index.vue')['default'] | ||||
|     DayForm: typeof import('./../components/GenCron/CronForm/component/day-form.vue')['default'] | ||||
|     GiCellAvatar: typeof import('./../components/GiCell/GiCellAvatar.vue')['default'] | ||||
|     GiCellGender: typeof import('./../components/GiCell/GiCellGender.vue')['default'] | ||||
|     GiCellStatus: typeof import('./../components/GiCell/GiCellStatus.vue')['default'] | ||||
| @@ -27,6 +30,7 @@ declare module 'vue' { | ||||
|     GiTable: typeof import('./../components/GiTable/index.vue')['default'] | ||||
|     GiTag: typeof import('./../components/GiTag/index.tsx')['default'] | ||||
|     GiThemeBtn: typeof import('./../components/GiThemeBtn/index.vue')['default'] | ||||
|     HourForm: typeof import('./../components/GenCron/CronForm/component/hour-form.vue')['default'] | ||||
|     Icon403: typeof import('./../components/icons/Icon403.vue')['default'] | ||||
|     Icon404: typeof import('./../components/icons/Icon404.vue')['default'] | ||||
|     Icon500: typeof import('./../components/icons/Icon500.vue')['default'] | ||||
| @@ -35,12 +39,17 @@ declare module 'vue' { | ||||
|     IconTreeAdd: typeof import('./../components/icons/IconTreeAdd.vue')['default'] | ||||
|     IconTreeReduce: typeof import('./../components/icons/IconTreeReduce.vue')['default'] | ||||
|     JsonPretty: typeof import('./../components/JsonPretty/index.vue')['default'] | ||||
|     MinuteForm: typeof import('./../components/GenCron/CronForm/component/minute-form.vue')['default'] | ||||
|     MonthForm: typeof import('./../components/GenCron/CronForm/component/month-form.vue')['default'] | ||||
|     ParentView: typeof import('./../components/ParentView/index.vue')['default'] | ||||
|     RouterLink: typeof import('vue-router')['RouterLink'] | ||||
|     RouterView: typeof import('vue-router')['RouterView'] | ||||
|     SecondForm: typeof import('./../components/GenCron/CronForm/component/second-form.vue')['default'] | ||||
|     TextCopy: typeof import('./../components/TextCopy/index.vue')['default'] | ||||
|     Verify: typeof import('./../components/Verify/index.vue')['default'] | ||||
|     VerifyPoints: typeof import('./../components/Verify/Verify/VerifyPoints.vue')['default'] | ||||
|     VerifySlide: typeof import('./../components/Verify/Verify/VerifySlide.vue')['default'] | ||||
|     WeekForm: typeof import('./../components/GenCron/CronForm/component/week-form.vue')['default'] | ||||
|     YearForm: typeof import('./../components/GenCron/CronForm/component/year-form.vue')['default'] | ||||
|   } | ||||
| } | ||||
|   | ||||
| @@ -21,7 +21,7 @@ | ||||
|           </a-col> | ||||
|           <a-col v-bind="colProps"> | ||||
|             <a-form-item label="任务名称" field="jobName"> | ||||
|               <a-input v-model.trim="form.jobName" placeholder="请输入任务名称" :max-length="64" /> | ||||
|               <a-input v-model.trim="form.jobName" placeholder="请输入任务名称" :max-length="64" show-word-limit /> | ||||
|             </a-form-item> | ||||
|           </a-col> | ||||
|         </a-row> | ||||
|   | ||||
| @@ -55,16 +55,20 @@ | ||||
|         </template> | ||||
|       </a-form-item> | ||||
|       <a-form-item class="input-item" field="SITE_TITLE" :label="siteConfig.SITE_TITLE.name"> | ||||
|         <a-input v-model.trim="form.SITE_TITLE" placeholder="请输入网站标题" :max-length="18" /> | ||||
|         <a-input v-model.trim="form.SITE_TITLE" placeholder="请输入系统标题" :max-length="18" show-word-limit /> | ||||
|       </a-form-item> | ||||
|       <a-form-item class="input-item" field="SITE_DESCRIPTION" :label="siteConfig.SITE_DESCRIPTION.name"> | ||||
|         <a-input v-model.trim="form.SITE_DESCRIPTION" placeholder="请输入网站描述" :max-length="18" /> | ||||
|         <a-textarea | ||||
|           v-model.trim="form.SITE_DESCRIPTION" | ||||
|           placeholder="请输入系统描述" | ||||
|           :auto-size="{ minRows: 1, maxRows: 3 }" | ||||
|         /> | ||||
|       </a-form-item> | ||||
|       <a-form-item class="input-item" field="SITE_COPYRIGHT" :label="siteConfig.SITE_COPYRIGHT.name"> | ||||
|         <a-input v-model.trim="form.SITE_COPYRIGHT" placeholder="请输入版权信息" /> | ||||
|       </a-form-item> | ||||
|       <a-form-item class="input-item" field="SITE_BEIAN" :label="siteConfig.SITE_BEIAN.name"> | ||||
|         <a-input v-model.trim="form.SITE_BEIAN" placeholder="请输入备案信息" style="width: 100%;" /> | ||||
|         <a-input v-model.trim="form.SITE_BEIAN" placeholder="请输入备案号" :max-length="30" show-word-limit style="width: 100%;" /> | ||||
|       </a-form-item> | ||||
|       <div style="margin-top: 20px"> | ||||
|         <a-space> | ||||
| @@ -124,6 +128,7 @@ const { form } = useForm({ | ||||
| }) | ||||
| const rules: FormInstance['rules'] = { | ||||
|   SITE_TITLE: [{ required: true, message: '请输入系统标题' }], | ||||
|   SITE_DESCRIPTION: [{ required: true, message: '请输入系统描述' }], | ||||
|   SITE_COPYRIGHT: [{ required: true, message: '请输入版权信息' }] | ||||
| } | ||||
|  | ||||
|   | ||||
| @@ -20,7 +20,7 @@ | ||||
|       <a-row :gutter="16"> | ||||
|         <a-col :span="24"> | ||||
|           <a-form-item label="标题" field="title"> | ||||
|             <a-input v-model="form.title" placeholder="请输入标题" allow-clear :max-length="150" style="width: 100%" /> | ||||
|             <a-input v-model="form.title" placeholder="请输入标题" allow-clear :max-length="150" show-word-limit style="width: 100%" /> | ||||
|           </a-form-item> | ||||
|         </a-col> | ||||
|       </a-row> | ||||
|   | ||||
| @@ -51,6 +51,10 @@ const columns: Columns = reactive([ | ||||
|     label: '标题', | ||||
|     field: 'title', | ||||
|     type: 'input', | ||||
|     props: { | ||||
|       maxLength: 150, | ||||
|       showWordLimit: true | ||||
|     }, | ||||
|     rules: [{ required: true, message: '请输入标题' }] | ||||
|   }, | ||||
|   { | ||||
|   | ||||
| @@ -10,13 +10,13 @@ | ||||
|   > | ||||
|     <a-form ref="formRef" :model="form" :rules="rules" size="large" auto-label-width> | ||||
|       <a-form-item label="用户名" field="username"> | ||||
|         <a-input v-model.trim="form.username" placeholder="请输入用户名" :max-length="64" /> | ||||
|         <a-input v-model.trim="form.username" placeholder="请输入用户名" :max-length="64" show-word-limit /> | ||||
|       </a-form-item> | ||||
|       <a-form-item label="昵称" field="nickname"> | ||||
|         <a-input v-model.trim="form.nickname" placeholder="请输入昵称" :max-length="30" /> | ||||
|         <a-input v-model.trim="form.nickname" placeholder="请输入昵称" :max-length="30" show-word-limit /> | ||||
|       </a-form-item> | ||||
|       <a-form-item v-if="!isUpdate" label="密码" field="password"> | ||||
|         <a-input-password v-model.trim="form.password" placeholder="请输入密码" :max-length="32" /> | ||||
|         <a-input-password v-model.trim="form.password" placeholder="请输入密码" :max-length="32" show-word-limit /> | ||||
|       </a-form-item> | ||||
|       <a-form-item label="手机号码" field="phone"> | ||||
|         <a-input v-model.trim="form.phone" placeholder="请输入手机号码" :max-length="11" /> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user