|
|
@@ -1,70 +0,0 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <div>个人用户首页</div>
|
|
|
- <div>测试封装start</div>
|
|
|
- <div class="pt-5 pl-12" style="width: 800px;">
|
|
|
- <v-text-field
|
|
|
- v-model="dhwdwd"
|
|
|
- label="姓名"
|
|
|
- placeholder="请输入姓名"
|
|
|
- color="#00897B"
|
|
|
- variant="outlined"
|
|
|
- density="compact"
|
|
|
- :rules="[v=> !!v || '请输入姓名']"
|
|
|
- ></v-text-field>
|
|
|
- <v-autocomplete
|
|
|
- v-model="dhwdwd"
|
|
|
- label="公司名称"
|
|
|
- placeholder="请输入公司名称"
|
|
|
- color="#00897B"
|
|
|
- variant="outlined"
|
|
|
- density="compact"
|
|
|
- return-object
|
|
|
- :items="[{value: 'Alibaba', label: '阿里巴巴', shortName: '阿里' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }]"
|
|
|
- :rules="[v=> !!v || '请输入公司名称']"
|
|
|
- ></v-autocomplete>
|
|
|
- <v-autocomplete
|
|
|
- label="Autocomplete"
|
|
|
- :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
|
|
|
- ></v-autocomplete>
|
|
|
- <CtForm ref="CtFormRef" :items="formItems"></CtForm>
|
|
|
- </div>
|
|
|
- <div @click="handleClickValidate">点击调用子组件方法</div>
|
|
|
- <div>测试封装end</div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-<script setup>
|
|
|
-defineOptions({ name:'personal-index'})
|
|
|
-
|
|
|
-import CtForm from '@/components/CtForm'
|
|
|
-import { ref } from 'vue';
|
|
|
-const dhwdwd = ref('wdwd')
|
|
|
-const clickFun = (a) => {
|
|
|
- console.log('clickFun', a)
|
|
|
-}
|
|
|
-const formItems = ref({ options: [
|
|
|
- {
|
|
|
- key: 'username',
|
|
|
- type: 'text',
|
|
|
- value: '',
|
|
|
- label: '姓名formItems',
|
|
|
- click: clickFun,
|
|
|
- rules: [v=> !!v || '请输入姓名formItems']
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'username1',
|
|
|
- type: 'autocomplete',
|
|
|
- value: '',
|
|
|
- label: '请输入公司名称123',
|
|
|
- rules: [v=> !!v || '请输入公司名称'],
|
|
|
- items: [{value: 'Alibaba', label: '阿里巴巴', shortName: '阿里' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }, {value: 'Tencent', label: '腾讯', shortName: '腾讯' }]
|
|
|
- }
|
|
|
-]})
|
|
|
-const CtFormRef = ref()
|
|
|
-const handleClickValidate = () => {
|
|
|
- if (CtFormRef.value) CtFormRef.value.validate()
|
|
|
-}
|
|
|
-</script>
|
|
|
-<style lang="scss" scoped>
|
|
|
-
|
|
|
-</style>
|
