xiangshan
/
yxxh5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

This commit is contained in:
刘亚磊 2022-07-15 11:50:31 +08:00
parent bfd050f593
commit 7dfb45b608
6 changed files with 9282 additions and 8806 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages.json
View File

@ -499,6 +499,15 @@
}
}
,{
"path" : "pages/my/OrderActControl",
"style" :
{
"navigationBarTitleText": "点单管理",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
"navigationBarTitleText": "艺象心",

18
src/pages/my/My.vue
View File

@ -93,6 +93,17 @@
<image src="../../static/rightArrow.png" mode=""></image>
</view>
</view>
<view class="content_bott_itm" @click="toOrderControl()">
<view class="content_bott_wods">
点单管理
</view>
<view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image>
</view>
</view>
<view class="content_bott_itm">
<view class="content_bott_wods">
消息
@ -249,6 +260,13 @@
url: "/pages/my/myWoekList",
})
},
//点单管理
toOrderControl(){
uni.navigateTo({
// 稍后改为 订单管理的页面
url: "/pages/my/myWoekList",
})
},
//设置
toSz(){
uni.navigateTo({

119
src/pages/my/OrderActControl.vue Normal file
View File

@ -0,0 +1,119 @@
<template>
<view>
<view class="art_act_itm" v-for="(v,i) in 3" :key="i" @click="goActDeat(i)">
<image src="../../static/icon12.jpg" mode=""></image>
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
露凝而白｜鸿雁来清秋满怀
</view>
<view class="tag_sta">
已报名
</view>
<view class="tag_sta_end">
已完成
</view>
</view>
<view class="act_time" style="">
活动时间：2022/06/27
</view>
<view class="but_box">
<view style="width: 118px;">
<u-button shape="circle" text="已传图片"></u-button>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
goActDeat(id) {
uni.navigateTo({
// url:`/pages/ActivitiesDetail/ActivitiesDetail?id=${id}`
})
}
}
}
</script>
<style lang="scss">
page {
width: calc(100% - 32px);
margin: 0px 16px;
background-color: #F5F5F5 !important;
}
image {
width: 100%;
height: 60%;
}
.but_box{
display: flex;
justify-content: flex-end;
align-items: center;
}
.tag_sta {
width: 50px;
height: 24px;
background: #F9F2F2;
border-radius: 4px;
line-height: 24px;
color: #99241B;
text-align: center;
font-size: 12px;
}
.tag_sta_end{
width: 50px;
height: 24px;
background: #FFF4ED;;
border-radius: 4px;
line-height: 24px;
color: #FF6600;
text-align: center;
font-size: 12px;
}
.act_time {
height: 17px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #AFADB0;
line-height: 17px;
}
.art_act_itm {
margin-top: 12px;
height: 314px;
border-radius: 8px;
border: 1px solid transparnt;
position: relative;
border-radius: 10px;
overflow: hidden;
background-color: #FFFFFF;
.title {
/* position: absolute;
bottom: 0;
background: #000000;
border-radius: 0px 0px 8px 8px;
opacity: 0.3;*/
height: 44px;
color: #000000;
line-height: 44px;
font-size: 16px;
font-weight: 600;
color: #251B1D;
padding-left: 12px;
}
}
</style>

103
src/pages/my/evaluated.vue Normal file
View File

@ -0,0 +1,103 @@
<template>
<view class="content_main">
<view class="pijia ">
<view class="pinjia_t ">
<text class="pinjia_count">宝贝评价（{{total}}）</text>
</view>
<view class="pinContent" >
<view class="pinContent_itm" v-for='(v,i) in score' :key="i">
<view class="pinContent_avator">
<image :src="v.avatar" mode=""></image>
<view class="pinContent_Time">
<!-- <text style="font-size: 24rpx; font-weight: 600;">{{v.userName}}</text>
<text style="font-size: 24rpx; color: #AFADB0;">{{v.scoreTime}}</text> -->
<text style="font-size: 24rpx; font-weight: 600;">1</text>
<text style="font-size: 24rpx; color: #AFADB0;">2</text>
</view>
</view>
<view class="pinContent_rate">
<u-rate count=5 v-model="v.star" :readonly="true"></u-rate>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
rate2: 2,
total: 0,
score:[1,2]
};
},
onLoad(op) {
this.score = JSON.parse(decodeURIComponent(op.score))
this.total = this.score.length
console.log(this.score)
}
}
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.content_main {
width: calc(100% - 48rpx);
margin: 12px auto;
.pijia {
border: 1rpx solid #FFFFFF;
border-radius: 16rpx;
background-color: #FFFFFF;
box-sizing: border-box;
padding: 32rpx 24rpx;
margin-top: 24rpx;
.pinjia_t {
display: flex;
justify-content: space-between;
align-items: center;
.pinjia_count {
font-weight: 700;
font-size: 32rpx;
}
}
.pinContent {
margin-top: 16rpx;
.pinContent_itm {
display: flex;
align-items: center;
justify-content: space-between;
.pinContent_avator {
display: flex;
align-items: center;
image {
width: 36rpx;
height: 36rpx;
margin-right: 16rpx;
padding: 24rpx 0rpx;
}
.pinContent_Time {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
}
}
}
}
</style>

520
src/pages/my/imgUpload.vue Normal file
View File

@ -0,0 +1,520 @@
<template>
<view>
<u--form :model="model1" ref="form1" labelPosition="top" labelWidth='auto' :labelStyle='{fontWeight:800}'>
<!-- 完善资料 -->
<!-- 这里加了 v-for 导致 ref 失效 -->
<view class="wanShan">
<view class="data_itm_box" style="padding: 32rpx ;">
<view class="data_itm">
<view class="data_itm_key label_t">
图片上传
</view>
</view>
<u-upload class="upload" accept="image" width="172rpx" height="172rpx" :fileList="fileList3"
@afterRead="afterRead" @delete="deletePic" name="3" multiple :maxCount="1">
<image style="width: 172rpx;height: 172rpx;" src="../../static/improveData/jia.png"></image>
</u-upload>
</view>
</view>
<view class="operation">
<button type="default" class="next" @click="submit">确定</button>
</view>
</u--form>
<view class="zhan_w">
<!-- zhanwei -->
</view>
</view>
</template>
<script>
import http from '../../request/interface.js'
export default {
data() {
return {
fileList4: [], //资质照片上传
fileList1: [], //实景照片上传
fileList2: [
[]
], //代表作照片
fileList3: [], //照片上传
model1: {
userInfo: {
name: '',
sex: '',
birthday: "2000-01-01",
idCOde: '',
phoneNum: '',
meeting: '',
// meetingTime: '',
ServerName: '',
Address: '',
serverInstrutor: '', //服务介绍
serveTime: '09:00',
serveTimeend: '17:00',
jionTime: '2000-01-01',
DutyPeopleName: '', //负责人名称
// ServephoneNum: '', //服务商电话
pasw: ''
},
},
rules: {
'userInfo.pasw': [{
required: true,
message: '请填写密码',
trigger: ['blur','change']
}, {
min: 6,
max: 20,
message: '密码长度应大于等于6个字符小于20个字符!',
trigger: ['blur','change']
}, {
trigger: ['blur','change'],
validator: (rule, value, callback) => {
var passwordreg =
/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,20}$/;
if (!passwordreg.test(value)) {
callback(new Error('密码包含 数字,英文,字符中的两种以上'))
} else {
callback()
}
}
}],
'userInfo.serverInstrutor': [{
type: 'string',
required: true,
message: '请填写服务内容介绍',
trigger: ['blur', 'change']
}],
'userInfo.Address': [{
type: 'string',
required: true,
message: '请填写地址',
trigger: ['blur', 'change']
}],
'userInfo.name': [{
type: 'string',
required: true,
message: '请填写姓名',
trigger: ['blur', 'change']
}, {
// 此为同步验证，可以直接返回true或者false，如果是异步验证，稍微不同，见下方说明
validator: (rule, value, callback) => {
// 调用uView自带的js验证规则，详见：https://www.uviewui.com/js/test.html
return uni.$u.test.chinese(value);
},
message: "姓名必须为中文",
// 触发器可以同时用blur和change，二者之间用英文逗号隔开
trigger: ["change", "blur"],
}],
'userInfo.meeting': [{
type: 'string',
required: true,
message: '请填写协会名',
trigger: ['blur', 'change']
}],
'userInfo.sex': {
type: 'string',
max: 1,
required: true,
message: '请选择男或女',
trigger: ['blur', 'change']
},
'userInfo.idCOde': [{
required: true,
message: '请输入身份证号号',
trigger: ['change', 'blur'],
},
{
// 自定义验证函数，见上说明
validator: (rule, value, callback) => {
return uni.$u.test.idCard(value);
},
message: '身份证号码格式不正确',
trigger: ['change', 'blur'],
}
]
,
'userInfo.ServerName': [{
type: 'string',
required: true,
message: '请填写服务名称',
trigger: ['blur', 'change']
}, {
// 此为同步验证，可以直接返回true或者false，如果是异步验证，稍微不同，见下方说明
validator: (rule, value, callback) => {
// 调用uView自带的js验证规则，详见：https://www.uviewui.com/js/test.html
return uni.$u.test.chinese(value);
},
message: "姓名必须为中文",
// 触发器可以同时用blur和change，二者之间用英文逗号隔开
trigger: ["change", "blur"],
}],
'userInfo.DutyPeopleName': [{
type: 'string',
required: true,
message: '请填写姓名',
trigger: ['blur', 'change']
}, {
// 此为同步验证，可以直接返回true或者false，如果是异步验证，稍微不同，见下方说明
validator: (rule, value, callback) => {
// 调用uView自带的js验证规则，详见：https://www.uviewui.com/js/test.html
return uni.$u.test.chinese(value);
},
message: "姓名必须为中文",
// 触发器可以同时用blur和change，二者之间用英文逗号隔开
trigger: ["change", "blur"],
}],
},
};
},
onLoad(option) {
console.log(option.id);
this.pageTypeId = option.id
},
onReady() {
this.$refs.form1.setRules(this.rules);
this.http.request('/association/list', {}, "GET").then((res) => {
res.data.records.map((v, i) => {
return this.xiehuiObj[v.name] = v.id
})
var xieList = res.data.records.map((v, i) => {
return v.name
})
this.xiecolumns.push(xieList)
console.log('this.xiehuiObj', this.xiehuiObj);
}).catch((error) => {
console.log("error", error);
})
},
methods: {
close(show) {
this[show] = false
},
AddItem(typNum) {
switch (typNum) {
case 0:
// this.$set(this.artlist, changeNum, null)
this.artlist.push("")
break;
case 1:
this.honorList.push('')
break;
case 2:
this.StandradList.push('')
this.fileList2.push([])
break;
}
},
delItem(typNum, num) {
switch (typNum) {
case 0:
this.artlist.splice(num, 1)
break;
case 1:
this.honorList.splice(num, 1)
break;
case 2:
this.StandradList.splice(num, 1)
break;
}
},
sexSelect(e) {
this.model1.userInfo.sex = e.name
// this.$refs.form1.validateField('userInfo.sex')
},
selectForm(sex) {
this.model1.userInfo.sex = sex
},
birthdayConfirm(e) {
this.showBirthday = false
this.model1.userInfo.birthday = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
// this.$refs.form1.validateField('userInfo.birthday')
},
ServeTimeConfirm(e) {
this.showServeTime = false
this.model1.userInfo.serveTime = e.value
},
ServeTimeConfirmend(e) {
this.showServeTimeend = false
this.model1.userInfo.serveTimeend = e.value
},
jionMeetConfirm(e) {
this.showJionmeet = false
this.model1.userInfo.jionTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
},
confimZu(e) {
this.zuShow = false
this.zuValue = e.value[0]
// console.log(e.value[0]);
},
confirmxie(e) {
this.xieShow = false
this.xieValue = e.value[0]
this.xiehuiId = this.xiehuiObj[this.xieValue]
console.log("xiehuiId", this.xiehuiId);
},
confimZheng(e) {
this.zhengzhiShow = false
this.zhengzhiValue = e.value[0]
},
confimRenCai(e) {
this.renCaiShow = false
this.renCaiValue = e.value[0]
},
confimJi(e) {
this.jigaunShow = false
this.jiguan = e.value[0]
},
// 删除图片
deletePic(event) {
this[`fileList${event.name}`].splice(event.index, 1)
},
// 删除图片
deletePic1(event) {
this.fileList2[event.name].splice(event.index, 1)
},
// 新增图片
async afterRead(event) {
// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
let lists = [].concat(event.file)
let fileListLen = this[`fileList${event.name}`].length
lists.map((item) => {
this[`fileList${event.name}`].push({
...item,
status: 'uploading',
message: '上传中'
})
})
for (let i = 0; i < lists.length; i++) {
const result = await this.uploadFilePromise(lists[i].url)
console.log("result", result);
let item = this[`fileList${event.name}`][fileListLen]
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
status: 'success',
message: '',
url: result
}))
fileListLen++
}
console.log("fileList", this[`fileList${event.name}`]);
},
// 新增图片
async afterRead1(event) {
// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
let lists = [].concat(event.file)
console.log(this.fileList2[event.name])
let fileListLen = this.fileList2[event.name].length
lists.map((item) => {
this.fileList2[event.name].push({
...item,
status: 'uploading',
message: '上传中'
})
})
for (let i = 0; i < lists.length; i++) {
const result = await this.uploadFilePromise(lists[i].url)
console.log("result", result);
let item = this.fileList2[event.name][fileListLen]
this.fileList2[event.name].splice(fileListLen, 1, Object.assign(item, {
status: 'success',
message: '',
url: result
}))
fileListLen++
}
console.log("fileList", this.fileList2[event.name]);
},
uploadFilePromise(url) {
return new Promise((resolve, reject) => {
let a = uni.uploadFile({
url: http.config.baseUrl + '/upload/upload',
filePath: url,
name: 'file',
success: (res) => {
setTimeout(() => {
resolve(JSON.parse(res.data).data.path)
}, 1000)
}
});
})
},
submit() {
/*
this.$refs.form1.validate().then(res => {
this.http.request('/auth/init', data, "POST").then(res => {
if (res.code == 200) {
uni.navigateTo({
url: '/pages/pageHome/pageHome'
})
uni.showToast({
title: "成功了",
icon: "none",
});
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}).catch(errors => {
uni.$u.toast('您的资料还未补充完整')
return
}) */
}
}
}
</script>
<style lang="scss">
/* page {
background-color: #F5F5F5;
}
*/
.p32 {
padding: 20rpx !important;
}
.WenYiUpload {
margin-top: 16rpx;
}
.te /deep/ .u-form-item__body__right__content__slot {
flex-wrap: wrap !important;
}
image {
width: 100%;
height: 100%;
}
.upload {
padding-top: 32rpx;
}
.data_itm_box {
padding: 32rpx 0rpx;
.chen_itm {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16rpx;
.right_img_box {
width: 80rpx;
height: 80rpx;
margin-left: 16rpx;
display: flex;
align-items: center;
justify-content: center;
}
}
margin-bottom: 16rpx;
border: 1px solid transparent;
padding: 0 32rpx;
background-color: #FFFFFF;
.data_itm {
.label_t {
font-size: 28rpx;
color: $black;
font-weight: 600;
}
}
.xie{
display: flex;justify-content: space-between; align-items: center;margin-bottom: 16rpx;
}
.upload_box {
width: 166rpx;
height: 166rpx;
margin-left: 32rpx;
position: relative;
background-color: #F8F8F8;
margin-bottom: 64rpx;
}
}
.operation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 32rpx 48rpx;
position: fixed;
left: 0;
bottom: 0;
right: 0;
background-color: #FFFFFF;
box-shadow: 0px -4px 10px 1px rgba(192, 192, 192, 0.12);
z-index: 99;
.next {
width: calc(100% - 48rpx);
height: 80rpx;
line-height: 80rpx;
background-color: #99241B;
color: #fff;
font-size: 32rpx;
font-weight: 600;
border: none;
button {
&::after {
border: none;
}
}
}
}
.zhan_w {
height: 160rpx;
}
</style>

17319
yarn.lock
View File

File diff suppressed because it is too large Load Diff