| | |
| | | |
| | | <template> |
| | | <a-button type="primary" @click="handleClick"> |
| | | <a-button type="text" @click="handleClick" size="small"> |
| | | <template #icon> |
| | | <icon-plus /> |
| | | <icon-edit /> |
| | | </template> |
| | | 新建文件 |
| | | </a-button> |
| | | <a-modal v-model:visible="visible" title="上传文件" @before-open="handleOpened" @cancel="handleCancel" @before-ok="handleBeforeOk" title-align="start"> |
| | | <a-modal v-model:visible="visible" title="重命名" @before-open="handleOpened" @cancel="handleCancel" :footer="false" title-align="start"> |
| | | <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit" > |
| | | <a-form-item field="name" label="用户名"> |
| | | |
| | | <a-form-item field="name" label="名称"> |
| | | <a-input v-model="form.name" placeholder="请输入名称"/> |
| | | </a-form-item> |
| | | <a-form-item label="备注"> |
| | | <a-textarea v-model="form.txt" placeholder="请输入" allow-clear/> |
| | | <a-form-item> |
| | | <div style="width: 100%;text-align: right"> |
| | | <a-button @click="visible = false">取消</a-button> |
| | | <a-button style="margin-left: 10px" type="primary" html-type="submit">确定</a-button> |
| | | </div> |
| | | </a-form-item> |
| | | <!-- <a-form-item>--> |
| | | <!-- <div style="width: 100%;text-align: right">--> |
| | | <!-- <a-button @click="visible = false">取消</a-button>--> |
| | | <!-- <a-button style="margin-left: 10px" type="primary" html-type="submit">确定</a-button>--> |
| | | <!-- </div>--> |
| | | <!-- </a-form-item>--> |
| | | </a-form> |
| | | </a-modal> |
| | | </template> |
| | |
| | | name: [ |
| | | { |
| | | required: true, |
| | | message:'用户名不允许为空', |
| | | message:'名称不允许为空', |
| | | }, |
| | | ], |
| | | nameJoin: [ |
| | | { |
| | | required: true, |
| | | message:'昵称不允许为空', |
| | | }, |
| | | ], |
| | | password: [ |
| | | { |
| | | required: true, |
| | | message:'password is required', |
| | | }, |
| | | ], |
| | | password2: [ |
| | | { |
| | | required: true, |
| | | message:'password is required', |
| | | }, |
| | | { |
| | | validator: (value, cb) => { |
| | | if (value !== form.password) { |
| | | cb('two passwords do not match') |
| | | } else { |
| | | cb() |
| | | } |
| | | } |
| | | } |
| | | ], |
| | | email: [ |
| | | { |
| | | type: 'email', |
| | | required: true, |
| | | } |
| | | ], |
| | | ip: [ |
| | | { |
| | | type: 'ip', |
| | | required: true, |
| | | } |
| | | ], |
| | | url: [ |
| | | { |
| | | type: 'url', |
| | | required: true, |
| | | } |
| | | ], |
| | | match: [ |
| | | { |
| | | required: true, |
| | | validator: (value, cb) => { |
| | | return new Promise((resolve) => { |
| | | if (!value) { |
| | | cb('Please enter match') |
| | | } |
| | | if (value !== 'match') { |
| | | cb('match must be match!') |
| | | } |
| | | resolve() |
| | | }) |
| | | } |
| | | } |
| | | ], |
| | | } |
| | | |
| | |
| | | visible.value = true; |
| | | }; |
| | | const handleBeforeOk = (done) => { |
| | | formRef.value.validate().then(res => { |
| | | console.log('form:', form) |
| | | if (!form.name) { |
| | | done(false) |
| | | }else { |
| | | console.log('请求数据'); |
| | | formRef.value.validate().then(res => { |
| | | console.log('form:', form) |
| | | if (!form.name) { |
| | | done(false) |
| | | }else { |
| | | console.log('请求数据'); |
| | | |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }; |
| | | const handleCancel = () => { |
| | | visible.value = false; |