Skip to content

W
wly-APP
Commit 4bfe6d9d authored by chuan.liu's avatar chuan.liu
Browse files
Options

提报市场违约线索页面新增

parent 5ff64474
Hide whitespace changes
Inline Side-by-side
Showing with 136 additions and 5 deletions
pages/breakwords-clue/breakwords-clue.vue
View file @ 4bfe6d9d
......@@ -169,13 +169,88 @@
</button>
</view>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">产品名称</text>
<text class="middle-date-des">300820638</text>
</view>
<view class="text-block">
<text class="middle-date">物流码</text>
<text class="middle-date-des">迎新年退休职工团拜会</text>
</view>
<view class="text-block">
<text class="middle-date">出库时间</text>
<text class="middle-date-des">山东省淄博市张店区</text>
</view>
</view>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">收货金额(元)</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<input class="middle-date-des" type="text" v-model="condition.code"
placeholder="请输入收货金额，保留2位小数" />
</view>
</view>
</view>
</view>
<view class="text-block no-border">
<text class="middle-date">事发战区及货源相关信息</text>
<text class="middle-date-des"></text>
</view>
<view class="text-block no-border">
<text class="middle-date">事发战区</text>
<text class="middle-date-des">四川营销战区</text>
</view>
<view class="text-block no-border">
<text class="middle-date">事发基地</text>
<text class="middle-date-des">青蒿基地</text>
</view>
</view>
<view class="middle view">
<view class="upload-area view">
<text class="title">门头照片</text>
<view class="pic-lists">
<uni-file-picker ref='files' :auto-upload='false' v-model="fileList" file-mediatype="image"
:imageStyles="imageStyles" @select="select" @progress="progress" @success="success"
@fail='fail'>
<text>+</text>
</uni-file-picker>
</view>
<text class="des">(点击图片可放大，只能上传一次图片，多次上传至保留最后上传）</text>
</view>
<view class="upload-area view">
<text class="title">产品照片</text>
<view class="pic-lists">
<uni-file-picker ref='files' :auto-upload='false' v-model="fileList" file-mediatype="image"
:imageStyles="imageStyles" @select="select" @progress="progress" @success="success"
@fail='fail'>
<text>+</text>
</uni-file-picker>
</view>
<text class="des">(点击图片可放大，只能上传一次图片，多次上传至保留最后上传）</text>
</view>
<view class="upload-area view">
<text class="title">发票/收据照片</text>
<view class="pic-lists">
<uni-file-picker ref='files' :auto-upload='false' v-model="fileList" file-mediatype="image"
:imageStyles="imageStyles" @select="select" @progress="progress" @success="success"
@fail='fail'>
<text>+</text>
</uni-file-picker>
</view>
<text class="des">(点击图片可放大，只能上传一次图片，多次上传至保留最后上传）</text>
</view>
</view>
</view>
<view class="bottom-area"></view>
<view class="bottom">
<!-- <button class="btn btn-l" type="default" @tap="preStep">
<text class="btn-text btn-text-l">上一步</text>
</button> -->
<button class="btn" type="default" @tap="submit">
<text class="btn-text">提交</text>
</button>
......@@ -198,7 +273,8 @@
condition: {
code: '',
remark: '',
}
},
fileList: [],
}
},
computed: {
......@@ -208,6 +284,15 @@
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
imageStyles() {
return {
width: 64,
height: 64,
border: {
radius: '10%'
}
}
},
},
methods: {
bindPickerChange(e) {
......@@ -217,6 +302,22 @@
submit() {
this.$emit('submit')
},
// 获取上传进度
progress(e) {
console.log('上传进度：', e)
},
// 选择文件
select(e) {
console.log('选择文件：', e, this.fileList)
},
// 上传成功
success(e) {
console.log('上传成功', e)
},
// 上传失败
fail(e) {
console.log('上传失败：', e)
},
}
}
</script>
......@@ -244,7 +345,6 @@
position: relative;
flex-direction: column;
background: #f0f4f5;
height: 100%;
}
.main {
......@@ -275,6 +375,10 @@
border-bottom: 0;
}
.no-border {
border: 0;
}
.middle-date {
flex: 2;
font-size: 28rpx;
......@@ -372,6 +476,33 @@
font-size: 12px;
}
.planout-block-item {
margin-top: 48rpx;
}
.upload-area {
padding-top: 32rpx;
padding-bottom: 32rpx;
.title {
font-size: 28rpx;
color: #333;
font-weight: 500;
}
.pic-lists {
margin-top: 24rpx;
margin-bottom: 20rpx;
}
.des {
color: #1C84FF;
font-size: 20rpx;
}
}
.bottom-area {
height: 140rpx;
margin-top: 12rpx;
......
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