This commit is contained in:
QJK 2024-11-09 18:20:01 +08:00
parent 7d50c4b699
commit 2fc6825cf5

View File

@ -89,22 +89,19 @@
</view>
</view>
<view class="x-box" v-for="(item,index) in detailData.stepInfos">
<view class="" v-for="(item,index) in detailData.stepInfos" :key="index">
<view class="x-box">
<view class="h-title" style="display: flex;align-items: center;justify-content: space-between;">
<view class="qiu_">{{index +1}}</view>
<text>{{ item.title }}</text>
<text class="times">{{ item.createTime }}</text>
</view>
<view class="">
<text>{{ item.content }}</text>
</view>
<!-- <view class="imgs-warp">
<view class="imgss" v-for="(item,index) in item.images.split(',')" :key="index">
<image :src="baseUrl+item" mode=""></image>
</view>
</view> -->
<view class="xb_" v-if="index != detailData.stepInfos.length - 1 "> </view>
</view>
<view class="annniu" v-if="detailData.status&&detailData.status == 0&&workNodeStatus == 1"
@click="hge = true;getProject()">
<view class="">结束检测</view>
@ -127,14 +124,8 @@
<text>施工图片</text>
<!-- <input type="text" placeholder="请输入内容"> -->
</view>
<u-upload
:fileList="fileList1"
@afterRead="afterRead"
@delete="deletePic"
name="1"
multiple
:maxCount="10"
></u-upload>
<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
:maxCount="10"></u-upload>
<view class="t-title">是否合格</view>
<view class="on-inputx">
@ -193,8 +184,8 @@
</view>
<view class="warp-box">
<view class="lan-box" :class=" {'lantong':payType == item.value } "
v-for="(item,index) in shelist" :key="index" @click="xuanxiaolan(item)">
<view class="lan-box" :class=" {'lantong':payType == item.value } " v-for="(item,index) in shelist"
:key="index" @click="xuanxiaolan(item)">
{{ item.label }}
</view>
</view>
@ -206,8 +197,7 @@
<text>备注</text>
</view>
<u--textarea v-model="payRemark" placeholder="如果存在组合付款方式,请在备注中描述清楚"
border="bottom"></u--textarea>
<u--textarea v-model="payRemark" placeholder="如果存在组合付款方式,请在备注中描述清楚" border="bottom"></u--textarea>
<view class="bottomx" @click="tiijiao()" style="margin-top: 10px;">
@ -220,19 +210,18 @@
keyName="label"></u-picker>
<uni-popup ref="alertDialog" type="dialog">
<uni-popup-dialog cancelText="关闭" confirmText="确定" title="通知" content="您确定制证完成吗"
@confirm="dialogConfirm"
<uni-popup-dialog cancelText="关闭" confirmText="确定" title="通知" content="您确定制证完成吗" @confirm="dialogConfirm"
@close="dialogClose"></uni-popup-dialog>
</uni-popup>
</view>
</template>
<script>
import config from '@/config'
import request from '../../utils/request';
import upload from '@/utils/upload.js'
import config from '@/config'
import request from '../../utils/request';
import upload from '@/utils/upload.js'
export default {
export default {
data() {
return {
baseImageUrl: this.$baseImageUrl,
@ -248,8 +237,8 @@ export default {
tbindex: 1,
isOnline: 1,
hge: false,
roleSelect:'',
orImages:false,
roleSelect: '',
orImages: false,
show: false,
xling: false,
baseUrl: this.$baseUrl,
@ -302,7 +291,7 @@ export default {
uni.getStorage({
key: 'roleSelect',
success: (res) => {
console.log('读取缓存',res)
console.log('读取缓存', res)
this.roleSelect = res.data
}
})
@ -633,21 +622,21 @@ export default {
this[`fileList${event.name}`].splice(event.index, 1)
},
}
}
}
</script>
<style scoped lang="scss">
image {
image {
width: 100%;
height: 100%;
}
}
.lantong {
.lantong {
background-color: #0D2E8D !important;
color: white;
}
}
.lan-box {
.lan-box {
font-size: 14px;
margin: 5px 10px;
padding: 5px;
@ -655,25 +644,25 @@ image {
background-color: #F4F4F4;
border-radius: 4px;
}
}
.warp-box {
.warp-box {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
.content {
.content {
box-sizing: border-box;
width: 100%;
height: 100%;
background: #F4F4F4;
}
}
.top-heder {
.top-heder {
width: 100%;
// height: 46px;
background: white;
@ -685,24 +674,24 @@ image {
padding-top: 45px;
padding-bottom: 15px;
margin-bottom: 10px;
}
}
.t-title {
.t-title {
font-size: 17px;
font-weight: bold;
color: #333333;
}
}
.t-left {
.t-left {
width: 10%;
}
}
.t-you {
.t-you {
height: 100%;
width: 10%;
}
}
.x-box {
.x-box {
width: 95%;
margin: 10px auto;
background: #FFFFFF;
@ -713,9 +702,9 @@ image {
// display: flex;
// align-items: center;
// justify-content: center;
}
}
.bottomx {
.bottomx {
margin: 0 auto;
width: 225px;
height: 46px;
@ -726,9 +715,9 @@ image {
align-items: center;
justify-content: center;
color: #0D2E8D;
}
}
.bottomxx {
.bottomxx {
position: fixed;
right: 10px;
bottom: 150px;
@ -742,18 +731,18 @@ image {
align-items: center;
justify-content: center;
color: white;
}
}
.touxiang {
.touxiang {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin: 10px auto;
}
}
.sanniu {
.sanniu {
width: 105px;
height: 35px;
background: #0D2E8D;
@ -766,9 +755,9 @@ image {
color: #FFFFFF;
line-height: 15px;
margin: 0 auto;
}
}
.xiamxia {
.xiamxia {
width: 30%;
height: 30px;
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
@ -781,9 +770,9 @@ image {
color: #FFFFFF;
line-height: 15px;
margin: 15px auto;
}
}
.annniu {
.annniu {
width: 90%;
height: 45px;
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
@ -796,9 +785,9 @@ image {
color: #FFFFFF;
line-height: 15px;
margin: 15px auto;
}
}
.banniu {
.banniu {
width: 20%;
height: 30px;
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
@ -809,28 +798,27 @@ image {
font-size: 15px;
font-weight: 400;
color: #FFFFFF;
}
}
.box {
}
.box {}
.box-dis {
.box-dis {
box-sizing: border-box;
padding: 15px;
// border-bottom: 1px solid #EEEEEE;
display: flex;
align-items: center;
}
}
.shop-img {
.shop-img {
width: 125px;
height: 125px;
border-radius: 8px;
overflow: hidden;
margin-right: 10px;
}
}
.dis-hui {
.dis-hui {
width: 100%;
display: flex;
align-items: center;
@ -838,23 +826,23 @@ image {
font-weight: 400;
color: #999999;
margin-bottom: 5px;
}
}
.times {
.times {
font-size: 15px;
font-weight: 400;
color: #999999;
margin-left: 25px;
}
}
.h-title {
.h-title {
font-size: 16px;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}
}
.box-top {
.box-top {
box-sizing: border-box;
padding: 15px;
border-bottom: 1px solid #EEEEEE;
@ -862,9 +850,9 @@ image {
display: flex;
align-items: center;
justify-content: space-around;
}
}
.t-input {
.t-input {
width: 90%;
margin: 20px auto;
border: 1px solid #0D2E8D;
@ -872,61 +860,61 @@ image {
box-sizing: border-box;
padding: 2px 5px;
}
}
.on-input {
.on-input {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px auto;
}
}
.on-inputx {
.on-inputx {
width: 100%;
display: flex;
align-items: center;
margin: 15px auto;
}
}
.bottom-input {
.bottom-input {
border-top: 1px solid #F4F4F4;
box-sizing: border-box;
padding-top: 20px;
display: flex;
justify-content: space-between;
width: 100%;
}
}
.o-left {
.o-left {
font-size: 15px;
font-weight: 400;
color: #666666;
}
}
.o-right {
.o-right {
font-size: 15px;
font-weight: 400;
color: #333333;
}
}
.o-zui {
.o-zui {
font-size: 20px;
font-weight: 500;
color: #333333;
}
}
.popup-box {
.popup-box {
overflow: hidden;
border-radius: 8px;
box-sizing: border-box;
padding: 15px;
width: 100%;
background-color: white;
}
}
.sousuo {
.sousuo {
width: 95%;
margin: 0 auto;
margin-left: 0px;
@ -943,24 +931,24 @@ image {
input {
width: 80%;
}
}
}
.list-box {
.list-box {
width: 100%;
height: 300px;
overflow: hidden;
box-sizing: border-box;
}
}
.list_scroll {
.list_scroll {
height: 100%; //
display: flex;
flex-direction: column;
}
}
.list-qiu {
.list-qiu {
width: 95%;
border-bottom: 1px solid #EEEEEE;
box-sizing: border-box;
@ -968,16 +956,16 @@ image {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.tel {
.tel {
margin-left: 5px;
font-size: 15px;
font-weight: 400;
color: #666666;
}
}
.bd-tel {
.bd-tel {
width: 100%;
border-top: 1px solid #EEEEEE;
box-sizing: border-box;
@ -987,17 +975,17 @@ image {
justify-content: center;
color: #0D2E8D;
}
}
.imgs-warp {
.imgs-warp {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
}
.imgss {
.imgss {
width: 32%;
height: 110px;
overflow: hidden;
@ -1007,9 +995,9 @@ image {
height: 100%;
}
}
}
.anniu {
.anniu {
box-sizing: border-box;
padding: 2px 10px;
margin: 0px 10px;
@ -1021,9 +1009,9 @@ image {
display: flex;
align-items: center;
justify-content: center;
}
}
.an {
.an {
box-sizing: border-box;
padding: 2px 10px;
margin: 0px 10px;
@ -1035,15 +1023,15 @@ image {
display: flex;
align-items: center;
justify-content: center;
}
}
.box_ {
.box_ {
width: 100%;
display: flex;
flex-wrap: wrap;
}
}
.box_button {
.box_button {
border-radius: 6px;
border: 1px solid #999;
display: flex;
@ -1054,9 +1042,9 @@ image {
padding: 5px 10px;
margin-right: 5px;
margin-bottom: 5px;
}
}
.box_button_x {
.box_button_x {
border-radius: 6px;
border: 1px solid #0D2E8D;
display: flex;
@ -1069,5 +1057,27 @@ image {
margin-bottom: 5px;
background: #0D2E8D;
color: #fff;
}
}
.qiu_ {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
background: #0D2E8D;
}
.xb_ {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
color: #0D2E8D;
font-size: 22px;
font-weight: bold;
}
</style>