Skip to content

C
csssp-xcx-h5
提交 618bf629 authored 作者: 劳广强's avatar 劳广强
浏览文件
操作

feat: 完成 填写上报内容 页面

上级 2c59fe6c
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 490 行增加 和 5 行删除
manifest.json
浏览文件 @ 618bf629
...@@ -70,11 +70,22 @@ ...@@ -70,11 +70,22 @@
}, },
"vueVersion" : "2", "vueVersion" : "2",
"h5" : { "h5" : {
"devServer": { "devServer" : {
"proxy": { "proxy" : {
"/api": { "/api" : {
"target": "https://csssptest.yuhuofei.cn", "target" : "https://csssptest.yuhuofei.cn",
"pathRewrite": { "^/api": "" } "pathRewrite" : {
"^/api" : ""
}
}
}
},
"sdkConfigs" : {
"maps" : {
"amap" : {
"key" : "08c498225508d06eef8fe9eb90c08ee1",
"securityJsCode" : "ad00dce650042baa788435f2f3ea4089",
"serviceHost" : ""
} }
} }
} }
......
pages.json
浏览文件 @ 618bf629
...@@ -49,6 +49,13 @@ ...@@ -49,6 +49,13 @@
"navigationBarTitleText": "我的随手拍-详情", "navigationBarTitleText": "我的随手拍-详情",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},
{
"path": "pages/record-content/index",
"style": {
"navigationBarTitleText": "上报内容",
"enablePullDownRefresh": false
}
} }
], ],
"tabBar": { "tabBar": {
......
pages/record-content/CertificateTypeActionSheet.vue 0 → 100644
浏览文件 @ 618bf629
<template>
<view>
<u-action-sheet :actions="actionsOptions" :show="show" cancelText="取消" safeAreaInsetBottom round="32rpx" @close="onActionSheetClose" @select="onActionSheetSelect" />
</view>
</template>
<script>
const actionsOptions = [
{
name: '身份证',
},
];
export default {
name: 'CertificateTypeActionSheet',
props: {
success: {
type: Function,
default: (item) => {},
},
},
data() {
return {
show: false,
actionsOptions,
};
},
methods: {
async onActionSheetClose() {
this.show = false;
},
async onActionSheetSelect(item) {
this.success(item);
},
},
};
</script>
<style scoped lang="scss">
@import 'CertificateTypeActionSheet.scss';
</style>
pages/record-content/UploadActionSheet.vue 0 → 100644
浏览文件 @ 618bf629
<template>
<view>
<u-action-sheet :actions="actionsOptions" :show="show" cancelText="取消" safeAreaInsetBottom round="32rpx" @close="onActionSheetClose" @select="onActionSheetSelect" />
</view>
</template>
<script>
const actionsOptions = [
{
name: '图片',
type: 'image',
},
{
name: '视频',
type: 'video',
},
];
export default {
name: 'UploadActionSheet',
props: {
success: {
type: Function,
default: (item) => {},
},
},
data() {
return {
show: false,
actionsOptions,
};
},
methods: {
async onActionSheetClose() {
this.show = false;
},
async onActionSheetSelect(item) {
this.success(item);
},
},
};
</script>
<style scoped lang="scss">
@import 'UploadActionSheet.scss';
</style>
pages/record-content/index.scss 0 → 100644
浏览文件 @ 618bf629
.thing_icon {
width: 26rpx;
height: 28rpx;
}
.content {
padding: 38rpx 30rpx 50rpx 30rpx;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.report_box {
width: 100%;
}
.report_one {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 40rpx;
border-bottom: 2rpx solid #e4e4e4;
}
.report_left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.report_right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.report_name {
font-size: 32rpx;
font-weight: 500;
color: #000000;
}
.arrow_right {
width: 12rpx;
height: 20rpx;
margin-left: 24rpx;
}
.step_box {
width: 100%;
margin-top: 48rpx;
}
.tep_one {
display: flex;
align-items: center;
}
.clear {
display: flex;
}
.tep_icon {
width: 40rpx;
height: 40rpx;
}
.one {
margin-left: 16rpx;
font-size: 32rpx;
color: #000000;
font-weight: 500;
}
.tip {
font-size: 24rpx;
font-weight: 400;
color: #656565;
margin-left: 20rpx;
margin-top: 5rpx;
}
.photo_list {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
margin-top: 15px;
padding-bottom: 40rpx;
border-bottom: 2rpx solid #e4e4e4;
}
.photo_list2 {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
margin-top: 15px;
padding-bottom: 40rpx;
}
.report_title {
display: flex;
justify-content: space-between;
align-items: center;
background: #f5f5f5;
border-radius: 16rpx;
padding: 28rpx 20rpx;
margin-top: 15px;
/* padding-bottom: 40rpx;
border-bottom: 2rpx solid #E4E4E4; */
}
.title_input {
width: 85%;
}
.photo_item {
width: 168rpx;
height: 168rpx;
border-radius: 16rpx;
position: relative;
margin-right: 16rpx;
margin-bottom: 16rpx;
}
.upload_img {
width: 168rpx;
height: 168rpx;
border-radius: 16rpx;
}
.upload_del {
width: 40rpx;
height: 40rpx;
position: absolute;
top: 10rpx;
right: 10rpx;
}
.play-icon {
width: 68rpx;
height: 68rpx;
position: absolute;
top: 50%;
left: 50%;
margin-top: -34rpx;
margin-inline-start: -34rpx;
}
.photo_upload {
width: 168rpx;
height: 168rpx;
background: #ffffff;
border: 2rpx solid #e2e2e2;
border-radius: 16rpx;
display: flex;
justify-content: center;
align-items: center;
margin-right: 16rpx;
margin-bottom: 16rpx;
}
.upload_icon {
width: 54rpx;
height: 54rpx;
}
.write_box_title {
width: 100%;
background: #f5f5f5;
border-radius: 16rpx;
padding: 28rpx 20rpx;
}
.write_box {
width: 100%;
height: 252rpx;
background: #f5f5f5;
border-radius: 16rpx;
padding: 24rpx 20rpx;
}
.write_box ::placeholder {
font-size: 28rpx;
font-weight: 400;
color: #656565;
}
.address {
font-size: 28rpx;
font-weight: 400;
color: #ff2727;
text-decoration: underline;
}
.address2 {
font-size: 28rpx;
font-weight: 400;
color: #000000;
}
.address_tip {
font-size: 28rpx;
font-weight: 500;
color: #000000;
margin-top: 20rpx;
}
.btn {
height: 92rpx;
background: linear-gradient(270deg, #8171fc, #a471fc);
border-radius: 46rpx;
color: #fff !important;
font-size: 32rpx;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
}
/* 实名上报 */
.real {
}
.real-header {
display: flex;
align-items: center;
}
.real-header view {
margin-left: 20rpx;
font-size: 32rpx;
font-weight: 500;
color: #000000;
}
.real-header image {
width: 44rpx;
height: 44rpx;
}
.real-content {
padding-left: 64rpx;
}
.real-content-switch {
margin: 26rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.real-content-switch .title {
font-size: 32rpx;
font-weight: 400;
color: #000000;
}
.real-content-switch /deep/ .u-switch {
display: flex;
align-items: center;
}
.real-switch {
flex-shrink: 0;
}
.real-content-point {
font-size: 24rpx;
font-weight: 400;
color: #656565;
}
.real-content-input {
margin-top: 20rpx;
}
.real-content-input view {
margin-bottom: 20rpx;
}
.real-content-input input {
padding: 22rpx 20rpx;
background: #f5f5f5;
border: 2rpx solid #d3d3d3;
font-size: 24rpx;
font-weight: 400;
color: #000000;
}
.real-content-input .input {
padding: 22rpx 20rpx;
background: #f5f5f5;
border: 2rpx solid #d3d3d3;
font-size: 24rpx;
font-weight: 400;
color: #000000;
border-radius: 0 !important;
}
.real-content-input .input-placeholder {
font-size: 24rpx;
font-weight: 400;
color: #a1a1a1;
}
pages/record-content/index.vue 0 → 100644
浏览文件 @ 618bf629
差异被折叠。
pages/record-content/mock.js 0 → 100644
浏览文件 @ 618bf629
export const week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
export const typeList = [
{
object_name: 'phototasktype',
status: 1,
points: 100,
category: 2,
object_type: 'default',
name: '\u73af\u5883',
id: 25,
weight: 1,
img: 'https://qiniu.yuhuofei.it/FuUrWZNKhCwqrUY0debMGn9kpzPs',
},
{
object_name: 'phototasktype',
status: 1,
points: 100,
category: 2,
object_type: 'default',
name: '\u4ea4\u901a',
id: 26,
weight: 2,
img: 'https://qiniu.yuhuofei.it/FvCa_gLkJEMD89Lt3hXb-5hch8u2',
},
{
object_name: 'phototasktype',
status: 1,
points: 100,
category: 2,
object_type: 'default',
name: '\u6587\u5316',
id: 27,
weight: 3,
img: 'https://qiniu.yuhuofei.it/FkrENh17IEq2kFMLuAf3oTKlYedE',
},
{
object_name: 'phototasktype',
status: 1,
points: 100,
category: 2,
object_type: 'default',
name: '\u4f4f\u5bbf',
id: 28,
weight: 4,
img: 'https://qiniu.yuhuofei.it/FjQh8ys8bXzNhvGOF7-NouDsU-dp',
},
{
object_name: 'phototasktype',
status: 1,
points: 100,
category: 2,
object_type: 'default',
name: '\u9910\u996e',
id: 37,
weight: 5,
img: 'https://qiniu.yuhuofei.it/FoKhpvNzohfwL71caWTXNSYmR9be',
},
{
object_name: 'phototasktype',
status: 1,
points: 100,
category: 2,
object_type: 'default',
name: '\u5176\u4ed6',
id: 29,
weight: 6,
img: 'https://qiniu.yuhuofei.it/FgxfvMffyGyFb3vzHGp5ieSEwBYl',
},
];
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论