Commit 57de6d0f authored by 刘用法's avatar 刘用法
parents 5200333a 00c56ae2
...@@ -24,13 +24,14 @@ ...@@ -24,13 +24,14 @@
'color': '#FFFFFF', 'color': '#FFFFFF',
}" }"
:confirm-text="confirmText" :confirm-text="confirmText"
@confirm="confirmModel" ref="checkModel" @cancel="cancel"
@confirm="confirm" ref="checkModel"
:show-cancel-button="true" :show-cancel-button="true"
:show-title="false"> :show-title="false">
<view class="slot-content"> <view class="slot-content">
<view class="check-status"> <view class="check-status">
<u-image width="224rpx" height="224rpx" :src="statusImage"></u-image> <u-image width="224rpx" height="224rpx" :src="statusImage"></u-image>
<text class="check-status-txt">{{statusTxt}}</text> <text :class="['status-txt', { 'pass-color': pass }]">{{statusTxt}}</text>
</view> </view>
<view class="check-list"> <view class="check-list">
<view class="u-flex u-row-between list-title"> <view class="u-flex u-row-between list-title">
...@@ -50,7 +51,7 @@ ...@@ -50,7 +51,7 @@
size="32"></u-icon> size="32"></u-icon>
</view> </view>
<view class="item-txt">{{item.submitted}}/{{item.required}}</view> <view class="item-txt">{{item.submitted}}/{{item.required}}</view>
<view class="item-txt" :class="item.pass ? 'pass-color' : 'no-pass-color'"> <view :class="['item-txt', item.pass ? 'pass-color' : 'no-pass-color']">
{{item.pass ? "通过" : "未通过"}} {{item.pass ? "通过" : "未通过"}}
</view> </view>
</view> </view>
...@@ -76,7 +77,7 @@ ...@@ -76,7 +77,7 @@
type: Array, type: Array,
default(){ default(){
return [ return [
{label: '基本信息', submitted: 3, required: 3, pass: false}, {label: '基本信息', submitted: 3, required: 3, pass: true},
{label: '勘察信息', submitted: 20, required: 20, pass: true}, {label: '勘察信息', submitted: 20, required: 20, pass: true},
{label: '安装信息', submitted: 15, required: 20, pass: false} {label: '安装信息', submitted: 15, required: 20, pass: false}
] ]
...@@ -105,6 +106,9 @@ ...@@ -105,6 +106,9 @@
noPassIcon() { return process.uniEnv.qn_base_url + 'icon/no-pass.png'}, noPassIcon() { return process.uniEnv.qn_base_url + 'icon/no-pass.png'},
}, },
methods: { methods: {
cancel() {
this.$emit('close')
},
confirm() { confirm() {
if(this.pass) { if(this.pass) {
uni.navigateTo({ uni.navigateTo({
...@@ -117,6 +121,7 @@ ...@@ -117,6 +121,7 @@
this.$emit('handle-problem', data) this.$emit('handle-problem', data)
} }
} }
}, },
} }
</script> </script>
...@@ -130,7 +135,7 @@ ...@@ -130,7 +135,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.check-status-txt { .status-txt {
height: 46rpx; height: 46rpx;
font-size: 40rpx; font-size: 40rpx;
font-weight: bold; font-weight: bold;
...@@ -162,10 +167,10 @@ ...@@ -162,10 +167,10 @@
line-height: 32rpx; line-height: 32rpx;
} }
.pass-color { .pass-color {
color: #2272FF; color: #2272FF !important;
} }
.no-pass-color { .no-pass-color {
color: #FA5A49; color: #FA5A49 !important;;
} }
.u-border-top { .u-border-top {
......
...@@ -7,14 +7,14 @@ ...@@ -7,14 +7,14 @@
</view> --> </view> -->
<view class="pics u-flex u-flex-wrap"> <view class="pics u-flex u-flex-wrap">
<view class="img-list" v-for="(item,index) in imgList" :key="index"> <view class="img-list" v-for="(item,index) in imgList" :key="index">
<u-image class="pic" width="170" height="170" :src="item.path" @click.stop="prviewImage(item.path,index)"></u-image> <u-image class="pic" width="170" height="170" :src="item.path" :border-radius="10" @click.stop="prviewImage(item.path,index)"></u-image>
<view class="icon-del-box" @click.stop="delFile(index)"> <view class="icon-del-box" @click.stop="delFile(index)">
<view class="icon-del"></view> <view class="icon-del"></view>
<view class="icon-del rotate"></view> <view class="icon-del rotate"></view>
</view> </view>
</view> </view>
<view class="img-list"> <view class="img-list">
<u-image class="pic" width="170rpx" height="170" @click="selectUpload" src="https://gitee.com/xuqu/uView/blob/master/static/uview/example/min_button.png"></u-image> <u-image class="pic" width="170rpx" height="170rpx" :border-radius="10" @click="selectUpload" :src="uploadImage"></u-image>
</view> </view>
<!-- <u-image class="pic" v-for="item in 6" width="170rpx" height="170" src="'https://cdn.uviewui.com/uview/example/fade.jpg"></u-image> --> <!-- <u-image class="pic" v-for="item in 6" width="170rpx" height="170" src="'https://cdn.uviewui.com/uview/example/fade.jpg"></u-image> -->
</view> </view>
...@@ -52,7 +52,10 @@ ...@@ -52,7 +52,10 @@
computed: { computed: {
settings() { settings() {
return this.item.settings || [] return this.item.settings || []
} },
uploadImage() {
return process.uniEnv.qn_base_url + 'upload-file.png'
},
}, },
watch: { watch: {
'takeStatus': function(val, oldVal){ 'takeStatus': function(val, oldVal){
...@@ -135,6 +138,14 @@ ...@@ -135,6 +138,14 @@
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.img-list {
position: relative;
margin: 8rpx;
width: 170rpx;
height: 170rpx;
.pic{ .pic{
// margin-right: 15rpx; // margin-right: 15rpx;
// margin-bottom: 15rpx; // margin-bottom: 15rpx;
...@@ -143,12 +154,6 @@ ...@@ -143,12 +154,6 @@
} }
} }
.img-list {
position: relative;
margin: 8rpx;
border: 1px solid #eee;
width: 170rpx;
height: 170rpx;
.icon-del-box { .icon-del-box {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
......
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