|
|
<template>
|
|
|
<view class="app-container">
|
|
|
<u-navbar
|
|
|
leftText="返回"
|
|
|
title="整改工单管理"
|
|
|
:autoBack="true"
|
|
|
:placeholder="true"
|
|
|
/>
|
|
|
<view class="list-item active view-global" v-for="item in 2" :key="item">
|
|
|
<view class="item-cell">
|
|
|
<view class="cell-lable">整改工单编号：</view>
|
|
|
<view class="cell-value">202309120001</view>
|
|
|
</view>
|
|
|
<view class="item-cell">
|
|
|
<view class="cell-lable">整改主体名称：</view>
|
|
|
<view class="cell-value">南京市XX街道XX路66号XX店</view>
|
|
|
</view>
|
|
|
<view class="item-cell">
|
|
|
<view class="cell-lable">整改截止时间：</view>
|
|
|
<view class="cell-value">2023-09-12</view>
|
|
|
</view>
|
|
|
<view class="item-cell" style="align-items: flex-start">
|
|
|
<view class="cell-lable">检查人员：</view>
|
|
|
<view class="cell-value">张三</view>
|
|
|
</view>
|
|
|
<view class="item-cell" style="align-items: flex-start">
|
|
|
<view class="cell-lable">发现隐患：</view>
|
|
|
<view class="cell-value">XXXXXXX</view>
|
|
|
</view>
|
|
|
<view
|
|
|
class="cell-state"
|
|
|
:style="{ borderColor: item == 1 ? '#F17A40' : '#32B78B' }"
|
|
|
>
|
|
|
<text>{{ item == 1 ? "待处理" : "已处理" }}</text>
|
|
|
</view>
|
|
|
<view class="cell-btn">
|
|
|
<u-button
|
|
|
text="去处理"
|
|
|
size="small"
|
|
|
color="linear-gradient(90deg, #F18939 0%, #F6A53C 100%)"
|
|
|
v-show="item == 1"
|
|
|
:custom-style="{
|
|
|
width: '130rpx',
|
|
|
height: '65rpx',
|
|
|
margin: '0',
|
|
|
}"
|
|
|
@click="handleWork"
|
|
|
></u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
data() {
|
|
|
return {};
|
|
|
},
|
|
|
methods: {
|
|
|
//延期
|
|
|
handleWork() {
|
|
|
uni.$u.route({
|
|
|
url: "/subEnterprise/WorkOrder/handle",
|
|
|
});
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.app-container {
|
|
|
.list-item {
|
|
|
background-color: #fff;
|
|
|
border-radius: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
padding: 25rpx;
|
|
|
margin-bottom: 30rpx;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
|
|
|
.item-cell {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.cell-lable {
|
|
|
width: 200rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
color: #9da2ab;
|
|
|
}
|
|
|
|
|
|
.cell-value {
|
|
|
flex: 1;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
color: #2e2f31;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cell-btn {
|
|
|
display: flex;
|
|
|
flex-direction: row-reverse;
|
|
|
}
|
|
|
|
|
|
& > view:not(.cell-btn) {
|
|
|
margin-bottom: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
& > .list-item:last-child {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.cell-state {
|
|
|
position: absolute;
|
|
|
top: -20rpx;
|
|
|
right: -65rpx;
|
|
|
z-index: 10;
|
|
|
transform: rotate(45deg);
|
|
|
width: 0;
|
|
|
height: 0;
|
|
|
border-left: 100rpx solid transparent;
|
|
|
border-right: 100rpx solid transparent;
|
|
|
border-bottom: 100rpx solid;
|
|
|
|
|
|
text {
|
|
|
position: absolute;
|
|
|
right: -73rpx;
|
|
|
top: 48rpx;
|
|
|
z-index: 11;
|
|
|
width: 100rpx;
|
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style>
|
