Skip to content

G
groupPurchase-miniapp
Commit 0c5907e5 authored by 彭佳妮（贵阳日报）'s avatar 彭佳妮（贵阳日报）
Browse files
Options

Merge branch 'master' of http://gitlab.platform.xinhuaapp.com/pengjiani/groupPurchase-miniapp

parents ab4ac77c bb5aae69
Hide whitespace changes
Inline Side-by-side
Showing with 298 additions and 57 deletions
src/pages/order/remark.vue
View file @ 0c5907e5
......@@ -2,44 +2,50 @@
<view class="container">
<Header title="评论"></Header>
<view class="content">
<view class="remake">
<wd-row>
<wd-col :span="24" custom-class="text">
<h5>老凯里酸汤鱼</h5>
</wd-col>
</wd-row>
<wd-row custom-class="wd-rows">
<wd-col :span="16">
<span>评分</span>
<wd-form ref="form" :model="model" :rules="rules" class="remake">
<text class="textarea">老凯里酸汤鱼</text>
<view class="itemPicker">
<view class="item01">
<text class="label">评分</text>
<wd-rate v-model="pinfen" active-color="#ff0000" size="50rpx" space="10px" />
</wd-col>
<wd-col :span="8">
<span>非常满意</span>
</wd-col>
</wd-row>
<wd-divider></wd-divider>
</view>
<view class="item02">
<text>非常满意</text>
</view>
</view>
<wd-textarea v-model="pingjia" placeholder="亲，分享您的看法，给其他人一个参考哦！" />
<wd-row>
<wd-col :span="24" custom-class="text">
<h5>上传图片/视频</h5>
</wd-col>
</wd-row>
<text class="textarea">上传图片/视频</text>
<wd-upload
class="wdUpload"
accept="media"
multiple
:file-list="fileList"
:action="action"
@change="handleChange"
></wd-upload>
<view class="tuijian">
<view class="tjTitle">
<text class="textarea">我要推荐菜</text>
<text class="textRight">
查看全部(30)
<i></i>
</text>
</view>
<view class="itemtuijianList">
<wd-button type="success" plain classPrefix="fish" icon="kehuishouwu">
主要按钮
</wd-button>
</view>
</view>
<wd-row>
<wd-col :span="24" custom-class="text">
<h5>我要推荐菜</h5>
<h5>查看全部(30)</h5>
</wd-col>
</wd-row>
</view>
<wd-cell title="开启折扣" title-width="100px" prop="switchVal" center>
<view style="text-align: left">
<wd-switch v-model="mode.switchVal" />
</view>
</wd-cell>
</wd-form>
<wd-button type="error" block>发布</wd-button>
</view>
......@@ -49,36 +55,37 @@
import Header from './components/Header/index.vue';
const pinfen = ref<number>(0);
const pingjia = ref<string>('');
function changeValue({ pinfen }) {
console.log(pinfen);
}
const fileList = ref<any[]>([
{
url: '1',
},
]);
const pingjia = ref<string>('');
const action: string = '';
const action = ref<string>('/zhTuw2P8c29bc981a741931bdd86eb04dc1e8fd64865cb5/upload');
function handleChange({ fileList: files }) {
const fileList = ref([]);
function handleChange({ files }) {
fileList.value = files;
}
const mode = reactive<{
switchVal: boolean;
}>({
switchVal: true,
});
</script>
<style lang="scss" scoped>
.container {
width: 100%;
height: auto;
background: #f4f4f4;
margin-top: 88rpx;
min-height: calc(100vh - 88rpx);
min-height: calc(100vh - 1rpx);
display: flex;
flex-direction: column;
}
.content {
margin: 0 20rpx;
margin: 25rpx 20rpx 0;
padding-top: 88rpx;
.remake {
width: auto;
......@@ -89,17 +96,60 @@ function handleChange({ fileList: files }) {
margin-bottom: 172rpx;
padding: 20rpx;
.wd-rows {
margin-top: 25rpx;
.itemPicker {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 32rpx;
padding-bottom: 24rpx;
border-bottom: 1rpx solid #e8e8e8;
.item01 {
display: flex;
align-items: center;
gap: 29rpx;
.label {
width: 64rpx;
height: 32rpx;
font-family:
PingFang SC Bold,
PingFang SC Bold;
font-weight: 400;
font-size: 32rpx;
color: #333333;
line-height: 32rpx;
text-align: left;
font-style: normal;
text-transform: none;
}
}
}
.text h5 {
.textarea {
font-weight: 400;
font-size: 32rpx;
color: #333333;
line-height: 32rpx;
text-align: left;
}
.wdUpload {
margin-top: 25rpx;
}
}
.tuijian {
margin-top: 72rpx;
.tjTitle {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40rpx;
.textRight {
font-size: 24rpx;
}
}
}
}
</style>
src/pages/storeEntry/detail.vue
View file @ 0c5907e5
<template>
<view class="container">
<Header title="商家入驻"></Header>
<view class="container">
<Header title="商家入驻"></Header>
<view class="content">
<view class="formmain">
<wd-form ref="form" :model="formData" :rules="rules">
<wd-cell-group border>
<wd-picker
label="店铺类型"
placeholder="请选择店铺类型"
label-width="100px"
prop="promotion"
v-model="formData.promotion"
:columns="promotionlist"
/>
<wd-input
label="店铺名称"
label-width="100px"
prop="xm"
clearable
v-model="formData.xm"
placeholder="请输入店铺名称"
/>
<wd-input
label="联系电话"
label-width="100px"
prop="sjh"
clearable
v-model="formData.sjh"
placeholder="请输入联系电话"
/>
<wd-input
label="所在地区"
label-width="100px"
v-model="formData.szdq"
prop="szdq"
readonly
placeholder="请选择所在地区"
@click="getLocationFn"
/>
<wd-input
label="详细地址"
label-width="100px"
prop="xxdz"
clearable
v-model="formData.xm"
placeholder="请输入详细地址"
/>
<wd-input
label="小区/学校"
label-width="100px"
v-model="formData.szdq"
prop="szdq"
readonly
placeholder="请选择"
@click="getLocationFn"
/>
<view class="flex">
<view class="logo">LOGO/门头照</view>
<wd-upload
:file-list="fileList1"
image-mode="aspectFill"
:action="action"
@change="handleChange1"
:limit="1"
class="img1"
></wd-upload>
</view>
<view class="flex">
<view class="logo">营业执照</view>
<wd-upload
:file-list="fileList1"
image-mode="aspectFill"
:action="action"
@change="handleChange1"
:limit="1"
class="img1"
></wd-upload>
</view>
<view class="flex">
<view class="logo">身份证照</view>
<wd-upload
:file-list="fileList1"
image-mode="aspectFill"
:action="action"
@change="handleChange1"
:limit="1"
class="img1"
></wd-upload>
<wd-upload
:file-list="fileList1"
image-mode="aspectFill"
:action="action"
@change="handleChange1"
:limit="1"
class="img1"
></wd-upload>
</view>
<view class="content">
111111
</view>
<wd-textarea
placeholder="请填写评价"
label="店铺介绍"
label-width="100px"
v-model="formData.szdq"
prop="szdq"
:no-border="false"
/>
<button type="primary" style="width: 80%">提交</button>
</wd-cell-group>
</wd-form>
</view>
</view>
</view>
</template>
<script setup>
import Header from '@/pages/order/components/Header/index.vue';
import { reactive, ref } from 'vue';
const promotionlist = ref([
{
value: '1',
label: '连锁直营',
},
{
value: '2',
label: '连锁加盟',
},
]);
const fileList = ref([
{
url: '1',
},
]);
function chooseImage({ fileList: files }) {
xma.chooseImage({
count: 6, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album'], // 从相册选择
success: function (res) {
console.log(JSON.stringify(res.tempFilePaths));
},
});
}
const formData = ref({
systemCode: 'one-centre',
promotion: '',
xm: '',
sfz: '',
sjh: '',
szdq: '',
xxdz: '',
});
const form = ref();
const rules = ref({
promotion: [{ required: true, message: '请选择' }],
xm: [{ required: true, message: '请输入店铺名称' }],
sjh: [{ required: true, message: '请输入联系电话' }],
szdq: [{ required: true, message: '请选择' }],
xxdz: [{ required: true, message: '请输入详细地址' }],
});
const shopDetail = ref({
shopAddress: '',
});
const getLocationFn = () => {
xma.chooseLocation({
success: function (res) {
console.log('位置名称：' + res.name);
console.log('详细地址：' + res.address);
console.log('纬度：' + res.latitude);
console.log('经度：' + res.longitude);
},
});
};
</script>
<style lang="scss" scoped>
page {
background: #f3f3f3;
background: #f3f3f3;
}
.container {
width: 375 * 2rpx;
margin: 0 auto;
width: 375 * 2rpx;
margin: 0 auto;
height: 100vh;
overflow-y: auto;
padding-bottom: 40rpx;
.content {
padding-top: 88rpx;
}
.formmain {
background: #f3f3f3;
}
.content {
padding-top: 88rpx;
.flex {
display: flex;
align-items: flex-start;
padding: var(--wot-input-cell-padding, 10px)
var(--wot-input-padding, var(--wot-size-side-padding, 15px));
background-color: var(--wot-input-cell-bg, var(--wot-color-white, rgb(255, 255, 255)));
.logo {
position: relative;
padding-left: 12px;
color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
display: inline-block;
font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
line-height: var(--wot-cell-line-height, 24px);
&::after {
position: absolute;
left: 0;
top: 2px;
content: '*';
font-size: var(--wot-cell-required-size, 18px);
line-height: 1.1;
color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
}
.img1 {
margin-left: 16px;
}
}
}
</style>
\ No newline at end of file
</style>
yarn.lock
View file @ 0c5907e5
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment