<template>
<page-head title="请选择店铺状态" />
<view class="loginform">
<uni-forms ref="baseForm" :modelValue="baseData" :rules="rules" :border="true" label-position="top">
<uni-forms-item label="店铺名称" required name="shopName">
<uni-easyinput trim="all" v-model="baseData.shopName" placeholder="请输入店铺名称" :clearable="false" />
</uni-forms-item>
<uni-forms-item label="联系人" required name="contact">
<uni-easyinput trim="all" v-model="baseData.contact" placeholder="请输入联系人" :clearable="false" />
</uni-forms-item>
<uni-forms-item label="联系电话" required name="phone">
<uni-easyinput trim="all" v-model="baseData.phone" placeholder="请输入联系电话" :clearable="false" />
</uni-forms-item>
<uni-forms-item label="支付码" required name="payCode">
<uni-easyinput trim="all" v-model="baseData.payCode" placeholder="请输入支付码" :clearable="false" />
</uni-forms-item>
<uni-forms-item label="店铺版本" required name="versions">
<!-- <picker-modal /> -->
<page-head title="请选择店铺状态" />
</uni-forms-item>
<uni-forms-item label="店铺状态" required name="status">
<!-- <picker-modal /> -->
<picker :value="status.value" @change="handleChangeStatus" :range="statusArr" range-key="label">
<view class="ipt" :class="{ active: status.label }">{{ status.label || '请选择店铺状态' }}</view>
</picker>
</uni-forms-item>
<uni-forms-item label="店铺类型" required name="chainFlag">
<!-- <picker-modal /> -->
<!-- <picker-modal :value="baseData.chainFlag" :options="chainFlagArr" placeholder="请选择店铺类型" /> -->
</uni-forms-item>
<uni-forms-item label="首页图" required name="indexPics">
<uni-file-picker
v-model="baseData.indexPics"
file-mediatype="image"
file-extname="png,jpg"
limit="9"
@success="success"
@select="select"
></uni-file-picker>
</uni-forms-item>
<button :loading="isLoading" :disabled="isLoading" class="btn" type="primary" @click="handleSubmit">
提交2
</button>
</uni-forms>
</view>
</template>
<script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue'
import { useMutation, useQueryClient } from '@tanstack/vue-query'
import { add, update } from '@/servers/shop/cashier'
import { rules } from './rules'
import { statusArr, chainFlagArr } from './config'
const array = [
{
value: 0,
label: '普通版',
},
{
value: 1,
label: '加油站升级版',
},
]
const props = defineProps(['data']) - 发布:2023-09-07 17:05
- 更新:2023-09-07 17:49
- 阅读:231
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10
第三方开发者工具版本号: vscode
基础库版本号: "vue": "^3.2.45"
项目创建方式: CLI
CLI版本号: 3.0.0-3080720230703001
示例代码:
操作步骤:
无
无
预期结果:
无
无
实际结果:
无
无
bug描述:
我有两个一模一样的组件page-head和page-head2,page-head可以正常渲染,page-head2无法正常渲染,查看了编译结果如下