21 changed files with 273 additions and 238 deletions
@ -1,55 +0,0 @@ |
|||
<template> |
|||
<div class="md:w-screen-xl m-auto relative sm:flex" v-infinite-scroll="load"> |
|||
<el-row :gutter="24" class="flex"> |
|||
<template v-for="(item,index) in list" :key="index"> |
|||
<el-col :span="24" class="mb-5 min-w-xs"> |
|||
<el-card shadow="hover" :body-style="{ padding: '0px' }" class="hover:bg-gray-50 cursor-pointer" @click="openSpmUrl(`/market/detail`,item,item.articleId)"> |
|||
<div class="flex"> |
|||
<el-image :src="item.appIcon" fit="fill" :lazy="true" class="w-[150px] h-[150px] cursor-pointer" /> |
|||
<div class="flex-1 px-4 py-5 sm:p-6 !p-4"> |
|||
<p class="text-gray-700 dark:text-white text-base font-semibold flex items-center gap-1.5"> |
|||
<span class="flex-1 text-xl cursor-pointer">{{ item.appName }}</span> |
|||
</p> |
|||
<p class="flex flex-col gap-1.5 py-2 text-gray-500 justify-between"> |
|||
<span class="text-red-500">￥{{ item.price }} </span> |
|||
<span class="text-gray-500">{{ item.comments }} </span> |
|||
</p> |
|||
<div class="button-group flex mt-3"> |
|||
<el-button class="">演示</el-button> |
|||
<el-button class="">购买</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</el-card> |
|||
</el-col> |
|||
</template> |
|||
</el-row> |
|||
</div> |
|||
<div v-if="disabled" class="px-1 text-center text-gray-500 min-h-xs"> |
|||
没有更多了 |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import {openSpmUrl} from "~/utils/common"; |
|||
import dayjs from "dayjs"; |
|||
|
|||
const props = withDefaults( |
|||
defineProps<{ |
|||
list?: any[]; |
|||
disabled?: boolean; |
|||
}>(), |
|||
{} |
|||
); |
|||
|
|||
const emit = defineEmits<{ |
|||
(e: 'done'): void; |
|||
}>(); |
|||
|
|||
const load = () => { |
|||
if(!props.disabled){ |
|||
emit('done') |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,92 @@ |
|||
<template> |
|||
<el-tabs class="flash bg-white ml-0"> |
|||
<el-tab-pane label="个人认证"> |
|||
<el-form :model="form" label-width="auto" size="large" label-position="top" class="sm:w-screen-md w-full sm:py-2"> |
|||
<el-form-item label="真实姓名"> |
|||
<el-input v-model="form.realName" placeholder="请输入真实姓名" /> |
|||
</el-form-item> |
|||
<el-form-item label="证件号码"> |
|||
<el-input v-model="form.idCard" placeholder="请输入证件号码" /> |
|||
</el-form-item> |
|||
<el-form-item label="身份证(正面)"> |
|||
<Upload /> |
|||
</el-form-item> |
|||
<el-form-item label="身份证(反面)"> |
|||
<Upload /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" size="large" @click="onSubmit">提交</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="企业认证"> |
|||
<el-form :model="form" label-width="auto" size="large" label-position="top" class="sm:w-screen-md w-full sm:py-2"> |
|||
<el-form-item label="企业名称"> |
|||
<el-input v-model="form.companyName" placeholder="请输入企业名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="社会信用代码"> |
|||
<el-input v-model="form.idCard" placeholder="请输入社会信用代码" /> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照"> |
|||
<Upload /> |
|||
</el-form-item> |
|||
<el-form-item label="所属行业"> |
|||
<el-select v-model="form.city" placeholder="请选择所属行业"> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="网站信息"> |
|||
<el-input v-model="form.idCard" placeholder="请输入网站信息" /> |
|||
</el-form-item> |
|||
<el-form-item label="您的身份"> |
|||
<el-radio-group v-model="form.sex"> |
|||
<el-radio value="1">法定代表人</el-radio> |
|||
<el-radio value="2">被授权人</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
<el-form-item label="用户协议"> |
|||
<el-checkbox v-model="form.status">请务必提供真实信息，我司有权自行或委托第三方审查您提供的身份信息是否属真实，有效。若提供虚假信息，由此的全部后果由您承担。</el-checkbox> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" size="large" @click="onSubmit">提交</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="个人认证成功"> |
|||
<el-result |
|||
icon="success" |
|||
title="个人认证成功" |
|||
sub-title="认证完成时间 2024-09-30" |
|||
> |
|||
<template #extra> |
|||
<el-button type="text">修改认证信息</el-button> |
|||
</template> |
|||
</el-result> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="企业认证成功"> |
|||
<el-result |
|||
icon="success" |
|||
title="企业认证成功" |
|||
sub-title="认证完成时间 2024-09-30" |
|||
> |
|||
<template #extra> |
|||
<el-button type="text">修改认证信息</el-button> |
|||
</template> |
|||
</el-result> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
<script setup lang="ts"> |
|||
|
|||
withDefaults( |
|||
defineProps<{ |
|||
form?: any; |
|||
title?: string; |
|||
desc?: string; |
|||
}>(), |
|||
{} |
|||
); |
|||
</script> |
|||
|
|||
<style scoped lang="less"> |
|||
|
|||
</style> |
|||
@ -0,0 +1,40 @@ |
|||
<template> |
|||
<el-form :model="form" label-width="auto" size="large" label-position="top"> |
|||
<el-form-item label="手机号码" class="px-4"> |
|||
<el-input disabled v-model="form.mobile"/> |
|||
</el-form-item> |
|||
<el-form-item label="昵称" class="px-4"> |
|||
<el-input v-model="form.nickname"/> |
|||
</el-form-item> |
|||
<el-form-item label="邮箱账号" class="px-4"> |
|||
<el-input v-model="form.email" placeholder="邮箱账号"/> |
|||
</el-form-item> |
|||
<el-form-item label="性别" class="px-4"> |
|||
<el-radio-group v-model="form.sex"> |
|||
<el-radio value="1">男</el-radio> |
|||
<el-radio value="2">女</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
<el-form-item label="个人签名" class="px-4"> |
|||
<el-input v-model="form.comments" type="textarea" placeholder="个人签名" :rows="4"/> |
|||
</el-form-item> |
|||
<el-form-item class="px-4"> |
|||
<el-button type="primary" class="sm:w-auto w-full" size="large" @click="onSubmit">保存</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</template> |
|||
<script setup lang="ts"> |
|||
|
|||
withDefaults( |
|||
defineProps<{ |
|||
form?: any; |
|||
title?: string; |
|||
desc?: string; |
|||
}>(), |
|||
{} |
|||
); |
|||
</script> |
|||
|
|||
<style scoped lang="less"> |
|||
|
|||
</style> |
|||
@ -0,0 +1,27 @@ |
|||
<template> |
|||
<el-table :data="tableData" class="sm:py-2 w-full"> |
|||
<el-table-column prop="date" label="下单日期" width="180" /> |
|||
<el-table-column prop="name" label="产品名称" width="180" /> |
|||
<el-table-column prop="address" label="订单信息" /> |
|||
</el-table> |
|||
</template> |
|||
<script setup lang="ts"> |
|||
|
|||
import {ref} from "vue"; |
|||
|
|||
withDefaults( |
|||
defineProps<{ |
|||
form?: any; |
|||
title?: string; |
|||
desc?: string; |
|||
}>(), |
|||
{} |
|||
); |
|||
|
|||
const tableData = ref<any[]>(); |
|||
|
|||
</script> |
|||
|
|||
<style scoped lang="less"> |
|||
|
|||
</style> |
|||
@ -0,0 +1,31 @@ |
|||
<template> |
|||
<el-form :model="form" label-width="auto" size="large" label-position="top" class="sm:w-screen-md w-full sm:py-2"> |
|||
<el-form-item label="旧密码"> |
|||
<el-input v-model="form.oldPassword" placeholder="请输入旧密码" /> |
|||
</el-form-item> |
|||
<el-form-item label="新密码"> |
|||
<el-input v-model="form.password" type="password" placeholder="请输入新密码" /> |
|||
</el-form-item> |
|||
<el-form-item label="确认密码"> |
|||
<el-input v-model="form.password2" type="password" placeholder="请确认新密码" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" size="large" @click="onSubmit">保存</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</template> |
|||
<script setup lang="ts"> |
|||
|
|||
withDefaults( |
|||
defineProps<{ |
|||
form?: any; |
|||
title?: string; |
|||
desc?: string; |
|||
}>(), |
|||
{} |
|||
); |
|||
</script> |
|||
|
|||
<style scoped lang="less"> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue