181 lines
7.6 KiB
Plaintext
181 lines
7.6 KiB
Plaintext
<cu-custom isBack="{{true}}">
|
|
<view slot="content">店铺注册</view>
|
|
</cu-custom>
|
|
<scroll-view class="margin-bottom-xxl padding-bottom-xxl" style="width:95%;margin-left:20rpx;margin-right:20rpx;">
|
|
<form>
|
|
<!-- 店铺名称 -->
|
|
<view class="cu-form-group margin-top-xs text-left">
|
|
<view class="title">
|
|
<text class="text-gray2">店铺名称</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<input placeholder="请输入店铺名称" bindinput="inputWatch" data-model="shopName"></input>
|
|
</view>
|
|
<view class="cu-form-group text-left">
|
|
<view class="title">
|
|
<text class="text-gray2">店铺地址(省)</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<picker mode="selector" range="{{areaList}}" value="{{0}}" bindchange="provinceChange" range-key="areaName">
|
|
<view class="picker">
|
|
{{area1}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<view class="cu-form-group text-left">
|
|
<view class="title">
|
|
<text class="text-gray2">店铺地址(市)</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<picker mode="selector" range="{{area2List}}" value="{{0}}" bindchange="cityChange" range-key="areaName">
|
|
<view class="picker">
|
|
{{area2}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<view class="cu-form-group text-left">
|
|
<view class="title">
|
|
<text class="text-gray2">店铺地址(县区)</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<picker mode="selector" range="{{area3List}}" value="{{0}}" bindchange="districtChange" range-key="areaName">
|
|
<view class="picker">
|
|
{{area3}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<!-- 店铺地址 -->
|
|
<view class="cu-form-group text-left">
|
|
<view class="title">
|
|
<text class="text-gray2">详细地址</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<input placeholder="请输入店铺详细地址" bindinput="inputWatch" data-model="shopAddress"></input>
|
|
</view>
|
|
<!-- 行业 -->
|
|
<view class="cu-form-group">
|
|
<view class="title">
|
|
<text class="text-gray2" decode="{{true}}">行    业</text><text
|
|
class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<view class="content text-cut" bindtap="showChooseTrade">
|
|
{{selTradeNames}}
|
|
</view>
|
|
<text class="cuIcon-right text-gray"></text>
|
|
</view>
|
|
<!-- 开业时间 -->
|
|
<view class="cu-form-group">
|
|
<view class="title">
|
|
<text class="text-gray2">开业日期</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<picker mode="date" value="{{date}}" start="{{startDate}}" end="{{endDate}}" bindchange="DateChange">
|
|
<view class="picker">
|
|
{{date}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<!-- 是否开业 -->
|
|
<view class="cu-form-group">
|
|
<view class="title">
|
|
<text class="text-gray2">是否开业</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<switch class="blue sm" checked="{{isBusiness}}" bindchange="checkIsBusiness"></switch>
|
|
</view>
|
|
<!-- 店铺营业执照 -->
|
|
|
|
<!-- 店铺Logo -->
|
|
<view class="cu-bar bg-white margin-top-xs">
|
|
<view class="action" style="margin-left:0rpx;">
|
|
<text class="text-gray2">店铺Logo</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
<view class="action">
|
|
{{shopLogoPhotos.length}}/1
|
|
</view>
|
|
</view>
|
|
<view class="cu-form-group">
|
|
<view class="grid col-3 grid-square flex-sub">
|
|
<view class="bg-img" wx:for="{{shopLogoPhotos}}" wx:key="index" bindtap="ViewLogoImg"
|
|
data-url="{{shopLogoPhotos[index].path}}">
|
|
<image src='{{shopLogoPhotos[index].path}}' mode='aspectFill'></image>
|
|
<view class="cu-tag bg-red" catchtap="DelLogoP" data-index="{{index}}">
|
|
<text class="cuIcon-close"></text>
|
|
</view>
|
|
</view>
|
|
<view class="solids" bindtap="ChooseLogoP" wx:if="{{shopLogoPhotos.length<1}}">
|
|
<text class="cuIcon-cameraadd"></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="cu-bar bg-white margin-top">
|
|
<view class="action" style="margin-left:0rpx;">
|
|
<text class="text-gray2">宣传视频</text>
|
|
</view>
|
|
<view class="action">
|
|
{{shopVideos.length}}/1
|
|
</view>
|
|
</view>
|
|
<view class="cu-form-group">
|
|
<view class="grid col-3 grid-square flex-sub">
|
|
<view class="bg-img" wx:for="{{shopVideos}}" wx:key="index" bindtap="viewVideo"
|
|
data-url="{{shopVideos[index].videoUrl}}">
|
|
<image src='{{shopVideos[index].path}}' mode='aspectFill'></image>
|
|
<view class="cu-tag bg-red" catchtap="delVideo" data-index="{{index}}">
|
|
<text class="cuIcon-close"></text>
|
|
</view>
|
|
</view>
|
|
<view class="solids" bindtap="chooseVideo" wx:if="{{shopVideos.length<1}}">
|
|
<text class="cuIcon-cameraadd"></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 店铺简介 -->
|
|
<view class="cu-bar bg-white margin-top-xs">
|
|
<view class="action" style="margin-left:0rpx;">
|
|
<text class="text-gray2">店铺简介</text>
|
|
</view>
|
|
</view>
|
|
<view class="bg-white">
|
|
<view class="cu-form-group">
|
|
<textarea class="border-line padding-left-xs padding-right-xs margin-left-xs margin-right-xs" maxlength="-1"
|
|
bindinput="textareaBInput" placeholder="请输入店铺简介"></textarea>
|
|
</view>
|
|
</view>
|
|
<!-- 店铺模板 -->
|
|
<view class="cu-bar bg-white margin-top-xs">
|
|
<view class="action" style="margin-left:0rpx;">
|
|
<text class="text-gray2">店铺样式</text><text class="iconfont icon-star-red margin-left-xs"></text>
|
|
</view>
|
|
</view>
|
|
<view class="bg-white">
|
|
<view class="show-box" wx:if="{{templeteList.length>0}}">
|
|
<view class="show-item" wx:for="{{templeteList}}" wx:key="index" bindtap="changeTemplete" data-item="{{item}}">
|
|
<view class="show-item-check">
|
|
<!-- round -->
|
|
<text class="{{item.checked ? 'cuIcon-roundcheckfill bg-yellow-light' : 'cuIcon-round text-gray'}}"></text>
|
|
<text
|
|
class="{{item.checked ? 'bg-yellow-light' : 'text-black'}} text-cut text-lg margin-left-sm">{{item.shopTemplateConfigName}}</text>
|
|
</view>
|
|
<image src="{{imgUrl+item.shopTemplateConfigPhoto}}" mode="scaleToFill" catchtap="showTemplete"
|
|
data-path="{{imgUrl+item.shopTemplateConfigPhoto}}"></image>
|
|
</view>
|
|
</view>
|
|
<van-empty description="请先选择行业" wx:else />
|
|
</view>
|
|
</form>
|
|
</scroll-view>
|
|
<view class="padding-xs foot bg-white">
|
|
<button class="cu-btn bg-blue" style="width:100%" bindtap="RegisterShop">立即注册</button>
|
|
</view>
|
|
|
|
<van-action-sheet show="{{ isShowIndustry }}" bind:close="onHide">
|
|
<view class="flex flex-direction align-center" style="margin-top:10rpx;padding-bottom:30rpx;">
|
|
<view style="width:95%;display:flex;flex-direction:row;justify-content:space-between;">
|
|
<view style="width:100rpx;height:80rpx;text-align:center;line-height:80rpx;font-size:32rpx;color:#ff0000"
|
|
catchtap="cancelIndustry">
|
|
取消
|
|
</view>
|
|
<view style="width:100rpx;height:80rpx;text-align:center;line-height:80rpx;font-size:32rpx;color:#ffb200"
|
|
catchtap="confirmIndustry">
|
|
确定
|
|
</view>
|
|
</view>
|
|
<van-picker id="picker" style="width:100%" columns="{{industryList}}" value-key="industryName"
|
|
bind:change="onChange">
|
|
</van-picker>
|
|
</view>
|
|
</van-action-sheet> |